header{position:sticky;top:0;z-index:20;background:rgba(24,26,30,.84);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #67cfff66;height:100px}header .brand img{height:92px;width:125px}header nav{gap:22px;font-size:.95rem}.header-note{font-size:.65rem}
.hero{min-height:0;align-items:stretch;grid-template-columns:1.1fr 1fr}.hero-copy{padding:38px 7% 25px 9%}.hero-copy h1{font-size:clamp(2.6rem,1.7rem + 2.2vw,4.1rem);line-height:1.1;margin:18px 0 15px;letter-spacing:-.035em}.hero-copy>p{margin:0 0 16px;max-width:48ch;font-size:var(--step-0);line-height:1.6}.hero-faq{margin:0 0 18px}.hero-faq details{padding:11px 0;border-color:#c7cdd3}.hero-faq summary{font-family:var(--font-subheading);font-size:.95rem;line-height:1.4}.hero-faq details p{font-size:1.05rem;line-height:1.6;margin:8px 0 0}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.hero-actions .text-link{margin:0;font-size:.9rem}.hero-actions .button{padding:13px 18px}.hero-bottom{margin-top:20px;padding-top:14px;font-size:1rem;font-family:var(--font-heading)}
.hero-art{margin:22px 22px 22px 0;min-height:610px;display:block;border-radius:8px;border-top:0;background:#1c242e}.slides{position:absolute;inset:0}.theme-slide{position:absolute;inset:0;margin:0;overflow:hidden}.theme-slide img{width:100%;height:100%;object-fit:cover;display:block}.theme-slide.active{animation:slide-in .65s ease both}.theme-slide:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#111a25 80%)}.theme-slide figcaption{position:absolute;bottom:80px;left:7%;right:7%;z-index:2;color:white}.theme-slide figcaption>span{font-family:var(--font-heading);font-size:.8rem;letter-spacing:.15em;color:#ffde35}.theme-slide h2{font-size:clamp(1.8rem,2.5vw,2.4rem);line-height:1.15;margin-top:15px}.slide-controls{position:absolute;bottom:22px;left:7%;right:7%;z-index:3;display:flex;justify-content:space-between;align-items:center}.slide-dots{display:flex;gap:9px}.slide-dots button{width:30px;height:28px;padding:0;border:0;background:transparent;position:relative}.slide-dots button:after{content:'';position:absolute;left:0;right:0;top:12px;height:3px;background:#ffffff66;border-radius:4px}.slide-dots button[aria-pressed=true]:after{background:#ffdf3d}.motion-button{font-family:var(--font-heading);border:1px solid #ffffff55;background:#182330aa;color:white;font-size:.8rem;border-radius:20px;padding:8px 14px;cursor:pointer}
.ribbon{position:relative;overflow:hidden;display:block;padding:22px 0}.ribbon-track{display:flex;width:max-content;animation:marquee 38s linear infinite}.ribbon-group{display:flex;align-items:center;flex-shrink:0;gap:42px;padding-right:42px}.ribbon span{font-family:var(--font-heading);font-weight:600;font-size:clamp(1.2rem,1rem + .5vw,1.6rem);letter-spacing:.07em;white-space:nowrap}.ribbon b{font-size:25px}.ribbon .motion-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#ffdf33;color:#252525;border-color:#b99700;padding:5px 10px}.ribbon:hover .ribbon-track,.ribbon:focus-within .ribbon-track,.ribbon.is-paused .ribbon-track{animation-play-state:paused}
.symbol svg{width:35px;height:35px;display:block}.card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #17293a12;border-color:#83b8cf}.card button{min-height:44px}dialog .eyebrow svg{width:24px;height:24px}.results-line{gap:15px}
.guide-grid{gap:22px}.guide-grid article{position:relative;border:1px solid #ffffff26;border-radius:12px;padding:28px;background:linear-gradient(140deg,#2e3640,#222831);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;overflow:hidden}.guide-grid article:after{content:'';position:absolute;width:110px;height:110px;border-radius:50%;background:#009de018;right:-40px;top:-40px;transition:transform .4s ease}.guide-grid article:hover{transform:translateY(-7px);border-color:#59c5ff88;box-shadow:0 20px 50px #0003}.guide-grid article:hover:after{transform:scale(2)}.guide-icon{width:49px;height:49px;background:#00a7ed20;color:#7dd3ff;border-radius:12px;display:grid;place-items:center;margin-bottom:24px}.guide-icon svg{width:28px;height:28px}.guide-grid article:nth-child(2) .guide-icon{background:#ed273720;color:#ff8e99}.guide-grid article:nth-child(3) .guide-icon{background:#ffde3520;color:#ffdf66}.guide-grid h3{margin:18px 0}.guide-grid article>span{letter-spacing:.12em}.guide-grid a{display:inline-block;min-height:40px}.will-reveal{opacity:0;translate:0 24px;transition:opacity .6s ease,translate .6s ease}.will-reveal.is-visible{opacity:1;translate:0 0}.will-reveal:nth-child(2){transition-delay:.08s}.will-reveal:nth-child(3){transition-delay:.16s}.method-icon svg{width:25px;height:25px}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:25;display:flex;align-items:center;gap:10px;background:#087b45;color:white;padding:14px 18px;border-radius:40px;box-shadow:0 8px 25px #12332433;font-family:var(--font-heading);font-weight:600;font-size:1rem;transition:transform .2s ease,background .2s ease}.whatsapp-float:hover{background:#056538;transform:translateY(-3px)}.whatsapp-float svg{width:27px;height:27px}.whatsapp-float:focus-visible{outline:3px solid #009de0;outline-offset:5px}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes slide-in{from{opacity:.3;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}
@media(max-width:1050px){header nav{gap:16px;font-size:.875rem}.header-note{display:none}.hero-copy{padding-left:7%;padding-right:7%}.hero-art{min-height:620px}.hero-copy h1{font-size:3rem}.guide-grid article{padding:22px}.guide-grid h3{font-size:2rem}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-copy{padding:30px 6% 18px}.hero-copy h1{font-size:clamp(2.4rem,5.5vw,3.7rem);max-width:18ch}.hero-copy>p{max-width:62ch}.hero-faq{max-width:65ch}.hero-art{margin:0 6% 24px;min-height:420px}.theme-slide img{object-position:center 35%}.theme-slide figcaption{bottom:65px}.theme-slide:after{inset:15% 0 0}.theme-slide h2{font-size:2.2rem}.hero-bottom{margin-top:16px}.ribbon-group{gap:28px;padding-right:28px}}
@media(max-width:620px){header{min-height:96px;height:auto;padding:5px 4%;flex-wrap:nowrap;gap:14px;justify-content:space-between}header .brand img{width:90px;height:78px}header nav{gap:7px 13px;font-size:.8rem;justify-content:flex-end;max-width:240px}.hero-copy h1{font-size:2.55rem;margin:16px 0 12px}.hero-copy .eyebrow{font-size:.64rem;letter-spacing:.09em}.hero-copy>p{font-size:1.125rem;line-height:1.6}.hero-faq summary{font-size:.875rem}.hero-actions{gap:12px}.hero-actions .button{font-size:.95rem}.hero-art{min-height:380px}.theme-slide h2{font-size:1.8rem}.theme-slide figcaption{left:7%;bottom:65px}.ribbon{padding:18px 0}.ribbon b{display:block}.ribbon span{font-size:1.25rem}.guide-grid article{padding:25px}.guide-grid h3{font-size:2.1rem}.whatsapp-float{right:16px;bottom:16px;padding:14px}.whatsapp-float span{display:none}.whatsapp-float svg{width:29px;height:29px}footer{padding-bottom:90px}.results-line{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.ribbon-track,.theme-slide.active{animation:none}.card,.guide-grid article,.guide-grid article:after,.whatsapp-float,.will-reveal{transition:none}.will-reveal{opacity:1;translate:none}.card:hover,.guide-grid article:hover,.whatsapp-float:hover{transform:none}}
/* Rotating questions keep a stable reading area and a persistent contact link. */
.hero-faq-viewport { min-height:155px; }
.hero-question { padding:18px 20px; border:1px solid #d2dce3; border-left:3px solid #0086b7; border-radius:10px; background:#fff; animation:slide-in .4s ease both; }
.hero-question[hidden] { display:none; }
.hero-question h3 { margin:0 0 10px; font-size:1.1rem; line-height:1.35; }
.hero-question p { margin:0; font-size:1.05rem; line-height:1.6; }
.faq-pagination { display:flex; gap:8px; margin-top:8px; }
.faq-pagination button { width:32px; height:28px; padding:0; border:0; background:transparent; cursor:pointer; position:relative; }
.faq-pagination button:after { content:''; position:absolute; left:0; right:0; top:12px; height:3px; border-radius:4px; background:#c5d2da; }
.faq-pagination button[aria-pressed=true]:after { background:#007eae; }
.hero-copy>.hero-contact { font-size:1rem; line-height:1.6; margin:0 0 20px; max-width:48ch; }
.hero-contact a { color:#006f9b; text-underline-offset:3px; font-weight:600; }
.carousel-toggle { position:absolute; inset:0; z-index:2; width:100%; height:100%; margin:0; padding:0; background:transparent; border:0; border-radius:8px; cursor:pointer; }
.carousel-toggle:hover { background:transparent; }
.carousel-toggle:focus-visible { outline:3px solid #ffdf3d; outline-offset:-5px; }
.theme-slide figcaption { pointer-events:none; }
@media(prefers-reduced-motion:reduce) { .hero-question { animation:none; } }