:root { --ease-premium: cubic-bezier(.22,1,.36,1); --surface: rgba(15,20,17,.76); --line: rgba(111,231,183,.13); }
html { overflow-x: clip; }
body { min-width: 320px; overflow-x: clip; background: #070a08; }
.galaxy-canvas { position: fixed; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; opacity: .96; }
.cosmic-atmosphere { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.cosmic-atmosphere span { position: absolute; border-radius: 50%; filter: blur(110px); opacity: .17; animation: drift-nebula 22s ease-in-out infinite alternate; }
.cosmic-atmosphere span:nth-child(1) { width: 38rem; height: 38rem; top: -14rem; left: -18rem; background: #0d8b61; }
.cosmic-atmosphere span:nth-child(2) { width: 32rem; height: 32rem; top: 35%; right: -16rem; background: #9a6a09; opacity: .07; animation-delay: -8s; }
.cosmic-atmosphere span:nth-child(3) { width: 34rem; height: 34rem; bottom: -18rem; left: 28%; background: #075d43; opacity: .09; animation-delay: -14s; }
.ambient { display: none; }
.site-header { border-bottom: 1px solid rgba(255,255,255,.065); background: rgba(7,10,8,.7); backdrop-filter: blur(18px) saturate(120%); box-shadow: 0 1px 0 rgba(16,185,129,.035); transition: background .3s var(--ease-premium), box-shadow .3s, padding .3s; }
.site-header::after { content:""; position:absolute; inset:auto 10% -1px; height:1px; background:linear-gradient(90deg,transparent,rgba(16,185,129,.3),rgba(245,158,11,.15),transparent); }
.site-header.is-scrolled { background: rgba(6,9,7,.91); box-shadow: 0 12px 35px rgba(0,0,0,.25); }
.site-header.is-scrolled nav { padding-top: .55rem; padding-bottom: .55rem; }
.site-header nav { transition: padding .3s var(--ease-premium); }
.brand-frame { transition: transform .3s var(--ease-premium), box-shadow .3s, border-color .3s; }
.brand-frame:hover { transform: translateY(-1px); border-color: rgba(52,211,153,.42); box-shadow: 0 10px 35px rgba(0,0,0,.32), 0 0 24px rgba(16,185,129,.09); }
.control { backdrop-filter: blur(12px); transition: border-color .25s, box-shadow .25s, background .25s; }
.control:focus { box-shadow: 0 0 0 3px rgba(16,185,129,.09), 0 8px 30px rgba(0,0,0,.2); }
.section-flow { position: relative; isolation: isolate; }
.section-flow::after { content:""; position:absolute; z-index:-1; right:12%; bottom:0; left:12%; height:1px; background:linear-gradient(90deg,transparent,rgba(16,185,129,.09),transparent); }
.hero-section { display:grid; min-height: min(790px, calc(100svh - 70px)); place-items:center; overflow:hidden; padding: 6rem 0 7rem; }
.hero-spotlight { position:absolute; z-index:-1; top:8%; left:50%; width:min(48rem,90vw); height:32rem; transform:translateX(-50%); border-radius:50%; background:radial-gradient(circle,rgba(16,185,129,.11),rgba(16,185,129,.025) 42%,transparent 70%); filter:blur(10px); }
.hero-title { margin-top:1.6rem; font-size:clamp(2.8rem,7.2vw,6.6rem); font-weight:800; line-height:.98; letter-spacing:-.058em; text-wrap:balance; text-shadow:0 12px 50px rgba(0,0,0,.6); }
.hero-badge { position:relative; overflow:hidden; box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 30px rgba(0,0,0,.18); }
.hero-badge::after { content:""; position:absolute; top:-100%; left:-35%; width:25%; height:300%; transform:rotate(20deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent); animation:badge-shine 6s ease-in-out infinite; }
.hero-cta { display:inline-flex; align-items:center; gap:.65rem; margin-top:2rem; border:1px solid rgba(110,231,183,.4); border-radius:.9rem; background:linear-gradient(115deg,#10b981,#36c984 70%,#86b93f); padding:.82rem 1.35rem; color:#03140e; font-size:.9rem; font-weight:800; box-shadow:0 12px 32px rgba(16,185,129,.16),inset 0 1px rgba(255,255,255,.2); transition:transform .25s var(--ease-premium),box-shadow .25s,filter .25s; }
.hero-cta:hover { transform:translateY(-3px); box-shadow:0 18px 38px rgba(16,185,129,.24); filter:brightness(1.06); }
.hero-cta:active { transform:translateY(0) scale(.98); }
.hero-cta:hover .cta-arrow { transform:translateY(3px); }.cta-arrow { transition:transform .25s var(--ease-premium); }
.section-kicker { color:#6ee7b7; font-size:.72rem; font-weight:800; letter-spacing:.19em; text-transform:uppercase; }
.section-heading { margin-top:.45rem; font-size:clamp(1.8rem,4vw,3.25rem); font-weight:800; line-height:1.08; letter-spacing:-.035em; text-wrap:balance; }
.section-copy { margin:1rem auto 0; color:#a8a29e; font-size:1rem; line-height:1.7; }
.offer-card { position:relative; background:linear-gradient(150deg,rgba(22,30,25,.82),rgba(10,13,11,.72)); border-color:rgba(110,231,183,.11); backdrop-filter:blur(14px); }
.offer-card::before { content:""; position:absolute; z-index:1; inset:0; border-radius:inherit; pointer-events:none; background:linear-gradient(130deg,rgba(52,211,153,.055),transparent 35%,rgba(245,158,11,.025)); }
.offer-card:hover { transform:translateY(-5px); border-color:rgba(52,211,153,.32); box-shadow:0 30px 75px rgba(0,0,0,.38),0 0 35px rgba(16,185,129,.075); }
.offer-card img { transition:transform .6s var(--ease-premium),filter .4s; }.offer-card:hover img { transform:scale(1.035); filter:saturate(1.06); }
.details-button { position:relative; z-index:2; }.offer-card:hover .details-button { background:rgba(16,185,129,.15); border-color:rgba(52,211,153,.42); }
.empty-panel { background:linear-gradient(145deg,rgba(14,20,16,.73),rgba(9,11,10,.62)); backdrop-filter:blur(12px); }
.section-glow { position:absolute; z-index:-1; width:34rem; height:34rem; border-radius:50%; filter:blur(100px); opacity:.08; pointer-events:none; }.section-glow-left { left:-20rem; top:10%; background:#10b981; }.section-glow-right { right:-20rem; top:8%; background:#b8860b; }
.steps-grid { position:relative; display:grid; gap:1rem; grid-template-columns:repeat(3,minmax(0,1fr)); }
.steps-grid::before { content:""; position:absolute; top:3.5rem; left:16%; right:16%; height:1px; background:linear-gradient(90deg,transparent,#1a8e67 18%,#8f7e24 82%,transparent); opacity:.42; }
.step-card { position:relative; min-height:20rem; overflow:hidden; border:1px solid var(--line); border-radius:1.4rem; background:linear-gradient(155deg,rgba(19,27,22,.78),rgba(8,11,9,.7)); padding:2rem; box-shadow:0 24px 65px rgba(0,0,0,.22); backdrop-filter:blur(12px); transition:transform .3s var(--ease-premium),border-color .3s; }
.step-card:hover { transform:translateY(-4px); border-color:rgba(52,211,153,.28); }.step-number { position:absolute; top:1.2rem; right:1.3rem; color:rgba(245,158,11,.38); font-size:2.4rem; font-weight:800; letter-spacing:-.06em; }.step-icon { display:grid; width:3rem; height:3rem; place-items:center; border:1px solid rgba(52,211,153,.18); border-radius:.9rem; background:rgba(16,185,129,.07); color:#6ee7b7; }.step-icon svg { width:1.45rem; height:1.45rem; }.step-card h3 { margin-top:3.8rem; font-size:1.1rem; font-weight:750; }.step-card p { margin-top:.75rem; color:#a8a29e; font-size:.9rem; line-height:1.65; }
.stats-strip { display:grid; grid-template-columns:repeat(2,1fr); overflow:hidden; border:1px solid var(--line); border-radius:1.4rem; background:rgba(11,16,13,.78); backdrop-filter:blur(14px); }.stats-strip>div { padding:1.7rem; text-align:center; }.stats-strip>div+div { border-left:1px solid var(--line); }.stats-strip strong { display:block; color:#ecfdf5; font-size:2rem; font-weight:800; }.stats-strip span { color:#a8a29e; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; }
.testimonial-viewport { overflow:hidden; }.testimonial-track { display:flex; gap:1rem; transition:transform .55s var(--ease-premium); touch-action:pan-y; }.testimonial-card { flex:0 0 calc((100% - 2rem)/3); border:1px solid var(--line); border-radius:1.3rem; background:var(--surface); padding:1.5rem; }.carousel-button { display:grid; width:2.7rem; height:2.7rem; place-items:center; border:1px solid rgba(255,255,255,.1); border-radius:.8rem; background:rgba(255,255,255,.035); color:#e7e5e4; transition:.2s; }.carousel-button:hover { border-color:rgba(52,211,153,.35); color:#6ee7b7; }.carousel-dots { display:flex; justify-content:center; gap:.45rem; margin-top:1.3rem; }.carousel-dots button { width:.45rem; height:.45rem; border-radius:50%; background:#44403c; }.carousel-dots button.active { width:1.4rem; border-radius:999px; background:#10b981; }
.activity-grid { display:grid; gap:.85rem; grid-template-columns:repeat(2,minmax(0,1fr)); }.activity-card { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:1rem; border:1px solid var(--line); border-radius:1rem; background:var(--surface); padding:1.1rem 1.2rem; }.activity-status { display:grid; width:2.4rem; height:2.4rem; place-items:center; border-radius:50%; background:rgba(16,185,129,.12); color:#6ee7b7; font-weight:900; }.activity-card h3 { font-size:.88rem; font-weight:800; }.activity-card p,.activity-card small { display:block; margin-top:.15rem; color:#78716c; font-size:.75rem; }.activity-card strong { color:#fbbf24; font-size:.82rem; }
.faq-list { display:grid; gap:.7rem; }.faq-item { border:1px solid rgba(255,255,255,.075); border-radius:1rem; background:rgba(12,17,14,.72); backdrop-filter:blur(12px); transition:border-color .25s,background .25s; }.faq-item.open { border-color:rgba(52,211,153,.28); background:rgba(15,25,19,.8); }.faq-button { display:flex; width:100%; min-height:3.8rem; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.2rem; text-align:left; color:#e7e5e4; font-size:.95rem; font-weight:700; }.faq-button:focus-visible { outline:2px solid #34d399; outline-offset:3px; }.faq-plus { color:#6ee7b7; font-size:1.35rem; transition:transform .3s var(--ease-premium); }.faq-item.open .faq-plus { transform:rotate(45deg); }.faq-answer { display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s var(--ease-premium); }.faq-answer>p { overflow:hidden; padding:0 1.2rem; color:#a8a29e; font-size:.9rem; line-height:1.65; }.faq-item.open .faq-answer { grid-template-rows:1fr; }.faq-item.open .faq-answer>p { padding-bottom:1.2rem; }
.premium-footer { overflow:hidden; background:linear-gradient(180deg,rgba(5,8,6,.7),#040605 30%); }.footer-divider { height:1px; background:linear-gradient(90deg,transparent,#0c8d63 30%,#a07a18 68%,transparent); opacity:.5; }.footer-stars { position:absolute; inset:0; opacity:.28; background-image:radial-gradient(circle at 12% 25%,rgba(110,231,183,.65) 0 1px,transparent 1.5px),radial-gradient(circle at 74% 40%,rgba(245,158,11,.5) 0 1px,transparent 1.5px),radial-gradient(circle at 48% 75%,rgba(255,255,255,.35) 0 1px,transparent 1.5px); background-size:19rem 15rem,23rem 18rem,17rem 20rem; pointer-events:none; }.footer-grid { position:relative; display:grid; gap:3rem; grid-template-columns:1.7fr .7fr .8fr 1fr; }.footer-grid h2 { margin-bottom:1rem; color:#78716c; font-size:.68rem; font-weight:800; letter-spacing:.16em; }.footer-grid>div>a:not(.brand-frame) { display:block; width:max-content; margin-top:.7rem; color:#a8a29e; font-size:.86rem; transition:color .2s,transform .2s; }.footer-grid>div>a:not(.brand-frame):hover { color:#6ee7b7; transform:translateX(2px); }.footer-region { display:flex; align-items:center; gap:.65rem; color:#e7e5e4; }.footer-region small { display:block; color:#78716c; font-size:.68rem; }.footer-region strong { display:block; margin-top:.1rem; font-size:.85rem; }.footer-bottom { position:relative; display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:3rem; border-top:1px solid rgba(255,255,255,.065); padding-top:1.5rem; color:#78716c; font-size:.78rem; }
.reveal { opacity:0; transform:translateY(22px); transition:opacity .7s var(--ease-premium),transform .7s var(--ease-premium); }.reveal.is-visible { opacity:1; transform:none; }
@keyframes drift-nebula { to { transform:translate3d(3rem,2rem,0) scale(1.06); } } @keyframes badge-shine { 0%,65%{transform:translateX(-220%) rotate(20deg)} 90%,100%{transform:translateX(620%) rotate(20deg)} }
@media(max-width:900px){.steps-grid{grid-template-columns:1fr}.steps-grid::before{display:none}.step-card{min-height:auto}.step-card h3{margin-top:2.5rem}.footer-grid{grid-template-columns:repeat(2,1fr)}.testimonial-card{flex-basis:calc((100% - 1rem)/2)}}
@media(max-width:640px){.hero-section{min-height:auto;padding:6rem 0 5.5rem}.hero-title{font-size:clamp(2.65rem,14vw,4.1rem)}.hero-badge{font-size:.61rem;letter-spacing:.11em}.section-heading{font-size:2rem}.footer-grid{grid-template-columns:1fr;gap:2.2rem}.footer-bottom{align-items:flex-start;flex-direction:column}.testimonial-card{flex-basis:100%}.activity-grid{grid-template-columns:1fr}.activity-card{grid-template-columns:auto 1fr}.activity-card strong{grid-column:2}.stats-strip>div{padding:1.25rem .8rem}.stats-strip strong{font-size:1.55rem}.step-card{padding:1.4rem}.faq-button{font-size:.88rem}.cosmic-atmosphere span{filter:blur(85px)}}
@media(prefers-reduced-motion:reduce){.cosmic-atmosphere span,.hero-badge::after{animation:none}.reveal{opacity:1;transform:none}.testimonial-track{transition:none}}