:root{scroll-behavior:smooth}body{background:radial-gradient(1200px 700px at 78% 10%, #4068dc2e, transparent 60%), radial-gradient(900px 600px at 10% 90%, #f5b94a12, transparent 60%), var(--bg)}.landing-header{z-index:10;height:72px;-webkit-backdrop-filter:var(--blur);background:#070b1499;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:0 5vw;display:flex;position:sticky;top:0}.landing-header nav{align-items:center;gap:26px;display:flex}.nav-link{color:var(--muted);font-size:.9rem;font-weight:600}.nav-link:hover{color:var(--text)}.btn--lg{min-height:52px;padding:0 26px;font-size:1rem}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:2vw;max-width:1360px;min-height:calc(100svh - 72px);margin:0 auto;padding:40px 5vw 80px;display:grid;position:relative}.hero-copy{z-index:2;position:relative}.chip{border:1px solid var(--line-strong);background:var(--surface-soft);color:var(--muted);border-radius:999px;align-items:center;gap:8px;margin:0 0 24px;padding:7px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.chip__dot{background:var(--teal);width:8px;height:8px;box-shadow:0 0 10px var(--teal);border-radius:50%}h1{letter-spacing:-.035em;margin:0 0 22px;font-size:clamp(2.6rem,5.2vw,4.6rem);font-weight:800;line-height:1.03}.gradient-text{background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.intro{max-width:540px;color:var(--muted);margin:0 0 32px;font-size:clamp(1.02rem,1.35vw,1.18rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-notes{color:var(--faint);flex-wrap:wrap;gap:8px 22px;margin:34px 0 0;padding:0;font-size:.85rem;font-weight:600;list-style:none;display:flex}.hero-notes li:before{color:var(--teal);content:"✓";margin-right:8px}.hero-world{aspect-ratio:1;order:2;justify-self:center;width:100%;max-width:700px;position:relative}.hero-world canvas{pointer-events:none;width:100%;height:100%;display:block}.hero-world .globe-controls{display:none}.float-card{z-index:2;pointer-events:none;align-items:center;gap:12px;padding:12px 16px;animation:7s ease-in-out infinite float;display:flex;position:absolute}.float-card strong{font-size:.92rem;display:block}.float-card small{color:var(--muted);font-size:.74rem;display:block}.float-card--level{min-width:230px;top:8%;left:-4%}.float-card--level>div{flex:1;gap:7px;display:grid}.float-card--level .avatar{width:38px;height:38px;font-size:.8rem}.float-card--stats{gap:18px;animation-delay:-2.4s;bottom:16%;right:-2%}.float-card--stats>div{gap:2px;display:grid}.float-card--stats strong{color:var(--accent-bright);font-size:1.15rem}.float-card--badge{animation-delay:-4.6s;bottom:4%;left:6%}.float-card--badge .milestone__icon{background:var(--gradient-brand);width:34px;height:34px;color:var(--accent-ink)}@keyframes float{50%{transform:translateY(-8px)}}.how{max-width:1360px;margin:0 auto;padding:100px 5vw}.section-intro{max-width:680px}.eyebrow{color:var(--teal);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:.8rem;font-weight:700}h2{letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(2rem,3.6vw,3rem);font-weight:800;line-height:1.1}.section-intro>p:last-child{color:var(--muted);font-size:1.05rem;line-height:1.7}.features{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:52px;display:grid}.feature{padding:26px;transition:transform .2s,border-color .2s}.feature:hover{border-color:var(--line-strong);transform:translateY(-4px)}.feature__icon{border-radius:14px;place-items:center;width:46px;height:46px;font-size:1.15rem;font-weight:800;display:grid}.feature__icon--gold{color:var(--accent);background:#f5b94a26}.feature__icon--teal{color:var(--teal);background:#5ee6d021}.feature__icon--coral{color:var(--coral);background:#ff806624}.feature__icon--violet{color:var(--violet);background:#a794ff26}h3{letter-spacing:-.01em;margin:22px 0 10px;font-size:1.18rem;font-weight:700}.feature p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.65}.earth-band{border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(600px 300px at 50% 0%, #f5b94a1f, transparent 70%), var(--bg-elevated);text-align:center;max-width:1100px;margin:0 auto 100px;padding:72px 5vw}.earth-band__number{color:var(--accent);letter-spacing:.08em;margin:0 0 8px;font-size:1rem;font-weight:800}.earth-band h2{margin-bottom:30px}.landing-footer{border-top:1px solid var(--line);color:var(--faint);justify-content:space-between;align-items:center;gap:24px;padding:28px 5vw;font-size:.88rem;display:flex}.landing-footer .brand{color:var(--text);font-size:.9rem}.landing-footer .brand__mark{width:20px;height:20px}.landing-footer .brand__mark:after{inset:7px -4px}.landing-footer__links{align-items:center;gap:20px;display:flex}.landing-footer__links a:hover{color:var(--text)}.landing-footer .landing-footer__cta{color:var(--accent);font-weight:700}.faq{max-width:1360px;margin:0 auto;padding:0 5vw 100px}.faq__list{gap:12px;max-width:860px;margin-top:40px;display:grid}.faq__item{padding:0}.faq__item summary{cursor:pointer;padding:20px 24px;font-weight:700;list-style:none}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";float:right;color:var(--accent);font-weight:800}.faq__item[open] summary:after{content:"−"}.faq__item p{color:var(--muted);margin:0;padding:0 24px 22px;line-height:1.7}.faq__item a{color:var(--accent)}@media (width<=1080px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.landing-header{height:64px;padding:0 16px}.nav-link{display:none}.hero{grid-template-columns:1fr;gap:0;min-height:0;padding:8px 16px 64px}.hero-world{order:-1;max-width:460px;margin:0 auto -12px}.float-card--level{min-width:0;top:4%;left:0}.float-card--stats{gap:12px;padding:10px 12px;bottom:10%;right:0}.float-card--stats strong{font-size:1rem}.float-card--badge{display:none}.hero-actions .btn{flex:200px}.how{padding:64px 16px}.features{grid-template-columns:1fr;margin-top:36px}.earth-band{margin:0 16px 64px;padding:52px 20px}.landing-footer{flex-wrap:wrap;padding:24px 16px}.landing-footer>span{flex-basis:100%;order:3}.faq{padding:0 16px 64px}.faq__item summary{padding:18px 20px}.faq__item p{padding:0 20px 20px}}@media (prefers-reduced-motion:reduce){.float-card{animation:none}}