@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url('../fonts/Roboto-Regular.woff2') format('woff2');font-display:swap}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url('../fonts/Roboto-Bold.woff2') format('woff2');font-display:swap}body{font-family:'Roboto',sans-serif;margin:0;line-height:1.6;color:#444;background-color:#f4f4f4}h1,h2{color:#2c3e50;text-align:center;font-weight:700}nav{background-color:#333;padding:10px 0;text-align:center;position:sticky;top:0;z-index:1000}.nav-container a{color:white;padding:14px 20px;text-decoration:none;text-transform:uppercase;font-weight:bold;transition:background-color 0.3s ease}.nav-container a:hover{background-color:#575757}section{padding:40px 20px;max-width:900px;margin:0 auto;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);margin-bottom:20px}.hero{background-image:url('../pics/bd4.jpg');background-image:image-set(url('../pics/bd4.avif') type('image/avif'),url('../pics/bd4.webp') type('image/webp'),url('../pics/bd4.jpg') type('image/jpeg'));background-image:-webkit-image-set(url('../pics/bd4.avif') type('image/avif'),url('../pics/bd4.webp') type('image/webp'),url('../pics/bd4.jpg') type('image/jpeg'));background-size:cover;background-position:center;padding:60px 20px;text-align:center;position:relative}.hero::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.85);z-index:1}.hero>*{position:relative;z-index:2}.logo{width:600px;height:auto;border-radius:50%;border:3px solid #2c3e50}.tagline{font-size:1.2em;font-style:italic;color:#555}.comic-strip{text-align:center}.comic-intro,.comic-outro{font-style:italic;color:#666;margin:20px 0}.comic-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.comic-panel{max-width:100%;width:400px;height:auto;border:2px solid #34495e;box-shadow:0 4px 8px rgba(0,0,0,0.2);transition:transform 0.3s ease}.comic-panel:hover{transform:scale(1.02)}.faq-item{background-color:#fafafa;padding:15px;margin-bottom:15px;border-left:5px solid #3498db}.faq-item h3{margin-top:0;color:#3498db}.contact-links{display:flex;flex-direction:column;align-items:center;gap:20px}.link-button{display:inline-block;padding:10px 20px;background-color:#3498db;color:white;text-decoration:none;border-radius:5px;transition:background-color 0.3s ease}.link-button:hover{background-color:#2980b9}.qr-code{text-align:center}.qr-code img{display:block;margin:10px auto 0;border:2px solid #555;border-radius:5px}footer{text-align:center;padding:20px;background-color:#333;color:#fff}@media (max-width:600px){.comic-container{flex-direction:column}.logo{width:150px}}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,0.92);display:none;z-index:10000;text-align:center}.lightbox .lightbox-img{max-width:92vw;max-height:88vh;margin-top:6vh;box-shadow:0 10px 30px rgba(0,0,0,0.6);touch-action:pan-y}.lightbox-img{touch-action:pan-y}.lightbox .close{position:absolute;top:16px;right:26px;font-size:40px;color:#fff;cursor:pointer;line-height:1}.lightbox .prev,.lightbox .next{position:absolute;top:50%;transform:translateY(-50%);font-size:48px;color:#fff;background:transparent;border:none;cursor:pointer;padding:16px;user-select:none}.lightbox .prev{left:10px}.lightbox .next{right:10px}.lightbox .counter{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);color:#fff;font-weight:700;background:rgba(0,0,0,0.4);padding:6px 10px;border-radius:6px}.no-scroll{height:100%;overflow:hidden}nav .nav-container a.active,nav .nav-container a[aria-current="true"]{background-color:#ffffff;color:#222;border-radius:8px;position:relative}nav .nav-container a{position:relative;display:inline-block}nav .nav-container a.active,nav .nav-container a[aria-current="true"]{background-color:#1f6fb2!important;color:#ffffff!important;border-radius:9999px;outline:2px solid #ffffff;box-shadow:inset 0 -3px 0 rgba(255,255,255,0.6),0 0 0 2px rgba(31,111,178,0.35);transition:background-color .15s,color .15s,box-shadow .15s}nav .nav-container a:not(.active):not([aria-current="true"]){opacity:0.85}nav .nav-container a.active,nav .nav-container a[aria-current="true"]{opacity:1}section{scroll-margin-top:80px}nav .nav-container a.active,nav .nav-container a[aria-current="true"]{background-color:#1f6fb2!important;color:#ffffff!important;border-radius:9999px;padding:6px 12px;transition:background-color .15s,color .15s}.simplex-promo{margin-top:1em;padding:1em;background:#f7f9fc;border-radius:8px;text-align:left}.simplex-promo h3{margin-bottom:0.5em;font-size:1.2em}.simplex-promo ul{margin:0 0 1em 1.2em;padding:0}.simplex-promo li{margin-bottom:0.4em}