/* LIVE WITH SAHAJ v2 · brand kit v1.1 palette, extended per world. No external requests. */
@font-face{font-family:"Fredoka";font-weight:600;font-display:swap;src:url(/assets/fonts/fredoka-600.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-weight:800;font-display:swap;src:url(/assets/fonts/poppins-800.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-weight:200 1000;font-display:swap;src:url(/assets/fonts/nunito-var.woff2) format("woff2")}
:root{
 /* brand kit core */
 --navy:#0B2545;--sky:#4CC9F0;--teal:#13A89E;--dteal:#0E7F78;--coral:#FF6B4A;--sun:#FFC93C;--cloud:#F5F7FA;--slate:#5B6B7F;
 /* AIR: sky */ --air-1:#EAF8FE;--air-2:#BDEBFB;--air-3:#4CC9F0;--air-ink:#0B5D7A;
 /* AQUA: ocean blues */ --aq-1:#0B2545;--aq-2:#13315C;--aq-3:#1B5E9B;--aq-4:#13A89E;
 /* LAND: greens + earth */ --ld-1:#F4EFE6;--ld-2:#2F6B45;--ld-3:#58A36B;--ld-4:#8B5E34;--ld-5:#D9B98A;
 --r:22px;--r-sm:14px;--shadow:0 10px 30px rgba(11,37,69,.10);--shadow-lg:0 24px 60px rgba(11,37,69,.18);
 --ease:cubic-bezier(.2,.8,.2,1)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;font:400 1.0625rem/1.65 "Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--navy);background:#fff;overflow-x:hidden}
h1,h2,h3,h4{font-family:"Fredoka","Poppins",system-ui,sans-serif;font-weight:600;line-height:1.1;margin:0 0 .45em;letter-spacing:-.005em}
p{margin:0 0 1em}
a{color:var(--dteal)}
img{max-width:100%;height:auto;display:block}
svg:not([viewBox]){width:1.25em;height:1.25em;flex:none;vertical-align:-.2em}
button,input,select,textarea{font:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:99;border-radius:8px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kicker{display:inline-flex;align-items:center;gap:10px;font-family:"Poppins",sans-serif;font-weight:800;letter-spacing:.2em;font-size:.78rem;text-transform:uppercase;margin:0 0 14px;color:var(--slate)}
.kicker .num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:currentColor}
.kicker .num b{color:#fff;letter-spacing:0}
.h2{font-size:clamp(2rem,4.6vw,3.3rem)}
.lead{font-size:clamp(1.05rem,1.6vw,1.2rem);max-width:40em}
.center{text-align:center;margin-left:auto;margin-right:auto}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font:800 .72rem/1.2 "Poppins",sans-serif;letter-spacing:.16em;text-transform:uppercase}
.chip.air{background:var(--sky);color:var(--navy)}.chip.aqua{background:var(--teal);color:#fff}.chip.land{background:var(--coral);color:var(--navy)}.chip.star{background:var(--sun);color:var(--navy)}
.chip.ghost{background:rgba(11,37,69,.08);color:var(--navy)}
.pill-tbc{display:inline-block;font:800 .66rem/1 "Poppins",sans-serif;letter-spacing:.12em;padding:4px 8px;border-radius:6px;background:#fff3c4;color:#6b4b00;border:1px dashed #c9a227;vertical-align:middle;text-transform:uppercase}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:900;text-decoration:none;font-size:1rem;border:0;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s;line-height:1.1}
.btn svg{width:20px;height:20px;flex:none}
.btn:hover{transform:translateY(-2px)}
.btn.p{background:var(--coral);color:var(--navy);box-shadow:0 10px 24px rgba(255,107,74,.35)}
.btn.p:hover{box-shadow:0 14px 30px rgba(255,107,74,.45)}
.btn.n{background:var(--navy);color:#fff}
.btn.w{background:#fff;color:var(--navy);box-shadow:var(--shadow)}
.btn.o{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}
.btn[disabled],.btn.is-disabled{opacity:.55;cursor:not-allowed;transform:none}
.btns{display:flex;flex-wrap:wrap;gap:12px}
/* header */
.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:saturate(1.6) blur(12px);-webkit-backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid rgba(11,37,69,.08);transition:box-shadow .3s}
.top.scrolled{box-shadow:0 6px 24px rgba(11,37,69,.08)}
.top .wrap{display:flex;align-items:center;gap:18px;min-height:70px}
.brand{flex:none}.brand img{width:160px;height:60px}
.nav{margin-left:auto}
.nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.nav a{display:block;padding:9px 12px;border-radius:12px;font-weight:800;font-size:.95rem;color:var(--navy);text-decoration:none;white-space:nowrap;transition:background .2s}
.nav a:hover,.nav a[aria-current=page]{background:var(--cloud)}
.nav .cta,.nav .cta[aria-current]{background:var(--navy);color:#fff;margin-left:6px}.nav .cta:hover,.nav .cta[aria-current]{background:#163a66}
.menu-btn{display:none;margin-left:auto;background:var(--cloud);border:0;border-radius:12px;width:46px;height:46px;cursor:pointer}
.menu-btn span{display:block;width:20px;height:2px;background:var(--navy);margin:5px auto;border-radius:2px;transition:transform .3s,opacity .3s}
.menu-open .menu-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-open .menu-btn span:nth-child(2){opacity:0}
.menu-open .menu-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* HERO: sky → sea → land */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7e6c8 0%,#eef6fb 42%,#ffffff 72%);padding:56px 0 0}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-bottom:150px}
.hero .chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.hero h1{margin:0 0 16px}
.hero h1 .h1-brand{display:block;font-family:"Poppins",sans-serif;font-weight:800;font-size:clamp(1rem,1.8vw,1.2rem);letter-spacing:.24em;text-transform:uppercase;color:var(--dteal);margin-bottom:10px}
.hero h1 .h1-motto{display:block;font-size:clamp(2.6rem,6.4vw,5rem);line-height:1.02;color:var(--navy)}
.hero h1 .w-air{color:#1d9fd0}.hero h1 .w-aqua{color:var(--teal)}.hero h1 .w-land{color:var(--coral)}
.hero .ids{font-weight:800;color:var(--slate);margin:0 0 6px;font-size:1.05rem}
.hero .ids i{font-style:normal;color:#b3c0cf;padding:0 4px}
.hero .tag{font-family:"Poppins",sans-serif;font-weight:800;letter-spacing:.06em;margin:0 0 26px;color:var(--navy)}
.hero-card{position:relative;justify-self:center;width:min(430px,88vw)}
.hero-card .frame{position:relative;border-radius:36px;overflow:hidden;background:linear-gradient(160deg,#f4d7b0,var(--teal));padding:8px;box-shadow:var(--shadow-lg)}
.hero-card .frame picture,.hero-card .frame img{display:block;width:100%}
.hero-card .frame img{border-radius:28px;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 42%;background:#d8c4a0}
.hero-card .badge-logo{position:absolute;left:-26px;bottom:42px;width:112px;height:112px;border-radius:28px;box-shadow:var(--shadow-lg);background:#fff;padding:6px;animation:float 6s ease-in-out infinite}
.orbit{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:8px 14px 8px 8px;box-shadow:var(--shadow);font-weight:900;font-size:.9rem;white-space:nowrap;animation:float 7s ease-in-out infinite}
.orbit .dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center}
.orbit .dot svg{width:18px;height:18px}
.orbit.o1{top:6%;right:-18px}.orbit.o1 .dot{background:var(--sky)}
.orbit.o2{top:46%;right:-34px;animation-delay:-2s}.orbit.o2 .dot{background:var(--teal)}
.orbit.o3{bottom:6%;right:8%;animation-delay:-4s}.orbit.o3 .dot{background:var(--coral)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.clouds{position:absolute;inset:0;z-index:1;pointer-events:none}
.cloud{position:absolute;background:#fff;border-radius:999px;opacity:.9;filter:blur(.3px)}
.cloud::before,.cloud::after{content:"";position:absolute;background:#fff;border-radius:50%}
.cloud.c1{width:160px;height:44px;top:9%;left:-200px;animation:drift 60s linear infinite}
.cloud.c1::before{width:70px;height:70px;top:-34px;left:26px}.cloud.c1::after{width:50px;height:50px;top:-22px;left:86px}
.cloud.c2{width:120px;height:34px;top:24%;left:-160px;animation:drift 85s linear infinite -30s;opacity:.7}
.cloud.c2::before{width:52px;height:52px;top:-26px;left:20px}.cloud.c2::after{width:40px;height:40px;top:-16px;left:62px}
@keyframes drift{to{transform:translateX(calc(100vw + 400px))}}
.plane{position:absolute;top:14%;left:44%;width:54px;opacity:.85;animation:plane 9s ease-in-out infinite}
@keyframes plane{0%,100%{transform:translate(0,0) rotate(-6deg)}50%{transform:translate(30px,-16px) rotate(4deg)}}
.hero-sea{position:absolute;left:0;right:0;bottom:0;height:190px;z-index:1;pointer-events:none}
.wave{position:absolute;left:0;width:200%;height:100%;bottom:0;background-repeat:repeat-x;background-size:50% 100%}
.wave.w1{bottom:46px;opacity:.55;animation:wave 18s linear infinite;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 140' preserveAspectRatio='none'%3E%3Cpath d='M0 70 Q100 30 200 70 T400 70 T600 70 T800 70 V140 H0Z' fill='%234CC9F0'/%3E%3C/svg%3E")}
.wave.w2{bottom:22px;opacity:.85;animation:wave 12s linear infinite reverse;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 140' preserveAspectRatio='none'%3E%3Cpath d='M0 80 Q100 45 200 80 T400 80 T600 80 T800 80 V140 H0Z' fill='%2313A89E'/%3E%3C/svg%3E")}
.land-strip{position:absolute;left:0;right:0;bottom:0;height:56px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 56' preserveAspectRatio='none'%3E%3Cpath d='M0 30 C240 0 420 50 720 22 S1200 6 1440 28 V56 H0Z' fill='%2358A36B'/%3E%3Cpath d='M0 44 C300 26 520 58 860 38 S1260 30 1440 42 V56 H0Z' fill='%232F6B45'/%3E%3C/svg%3E") center/100% 100% no-repeat}
@keyframes wave{to{transform:translateX(-50%)}}
/* ticker */
.ticker{background:var(--navy);color:#fff;overflow:hidden;white-space:nowrap;font-weight:900;letter-spacing:.04em}
.ticker .tk{display:inline-flex;gap:48px;padding:14px 0;animation:marquee 40s linear infinite}
.ticker span{display:inline-flex;align-items:center;gap:12px}
.ticker .s{color:var(--sun)}
@keyframes marquee{to{transform:translateX(-50%)}}
/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-1px}
.stat{background:#fff;border-radius:var(--r);padding:24px;box-shadow:var(--shadow);border-top:6px solid var(--c,var(--navy))}
.stat b{display:block;font:600 clamp(2rem,4vw,2.8rem)/1 "Fredoka",sans-serif;color:var(--navy)}
.stat span{color:var(--slate);font-weight:700;font-size:.95rem}
section{padding:96px 0;position:relative}
.section-stats{padding:56px 0 24px;background:var(--cloud)}
/* WORLD sections */
.world .grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.world .focus{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 26px;padding:0;list-style:none}
.world .focus li{display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.7);border-radius:var(--r-sm);padding:12px 14px;font-weight:800;font-size:.97rem}
.world .focus li svg{width:22px;height:22px;flex:none;margin-top:1px}
.series{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.series-card{border-radius:var(--r);padding:22px;background:#fff;box-shadow:var(--shadow);transition:transform .35s var(--ease),box-shadow .35s var(--ease);position:relative;overflow:hidden}
.series-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.series-card h3{font-size:1.3rem;margin-bottom:6px}
.series-card p{margin:0;color:var(--slate);font-size:.96rem}
.series-card .ep{font:800 .74rem "Poppins",sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;display:block}
/* AIR */
.w-air-sec{background:linear-gradient(180deg,#fff 0%,var(--air-1) 30%,var(--air-2) 100%);overflow:hidden}
.w-air-sec .kicker{color:var(--air-ink)}.w-air-sec .kicker .num{background:var(--sky)}.w-air-sec .kicker .num b{color:var(--navy)}
.w-air-sec .series-card .ep{color:var(--air-ink)}
.w-air-sec .focus li svg{color:#1d9fd0}
.air-art{position:relative;aspect-ratio:1/1;border-radius:40px;background:radial-gradient(circle at 70% 30%,#fff 0 18%,transparent 19%),linear-gradient(160deg,#9fe0f8,#4CC9F0 60%,#2aa7d6);box-shadow:var(--shadow-lg);overflow:hidden}
.air-art svg{position:absolute;inset:0;width:100%;height:100%}
.air-art .graph path{stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 2.2s var(--ease)}
.in .air-art .graph path,.air-art.in .graph path{stroke-dashoffset:0}
.mistake{background:#fff;border-radius:var(--r);padding:22px;box-shadow:var(--shadow);border-left:8px solid var(--sky);margin-top:6px}
.mistake h3{font-size:1.15rem;margin-bottom:6px}
/* AQUA */
.w-aqua-sec{background:linear-gradient(180deg,var(--aq-3) 0%,var(--aq-2) 45%,var(--aq-1) 100%);color:#e8f1fb;overflow:hidden}
.w-aqua-sec .h2{color:#fff}.w-aqua-sec .kicker{color:#9fe7df}.w-aqua-sec .kicker .num{background:var(--teal)}
.w-aqua-sec .focus li{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.12)}
.w-aqua-sec .focus li svg{color:#7ff0e4}
.w-aqua-sec .series-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);box-shadow:none;color:#fff;backdrop-filter:blur(4px)}
.w-aqua-sec .series-card p{color:#c7d6ea}.w-aqua-sec .series-card .ep{color:#7ff0e4}
.w-aqua-sec a{color:#7ff0e4}
.aqua-photo{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.4);max-width:440px;justify-self:center}
.aqua-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}
.aqua-photo figcaption{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(11,37,69,.78);backdrop-filter:blur(6px);border-radius:14px;padding:10px 14px;font-weight:800;font-size:.9rem;color:#fff}
.bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.bubbles i{position:absolute;bottom:-40px;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);animation:rise 14s linear infinite}
.bubbles i:nth-child(1){left:6%;animation-delay:0s}.bubbles i:nth-child(2){left:18%;width:8px;height:8px;animation-delay:-4s;animation-duration:10s}
.bubbles i:nth-child(3){left:38%;width:20px;height:20px;animation-delay:-8s}.bubbles i:nth-child(4){left:62%;animation-delay:-2s;animation-duration:12s}
.bubbles i:nth-child(5){left:80%;width:10px;height:10px;animation-delay:-6s}.bubbles i:nth-child(6){left:92%;width:18px;height:18px;animation-delay:-10s;animation-duration:16s}
@keyframes rise{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:1}100%{transform:translateY(-110vh) translateX(30px);opacity:0}}
.safety-line{display:flex;gap:10px;align-items:center;background:rgba(19,168,158,.18);border:1px solid rgba(127,240,228,.35);border-radius:14px;padding:12px 16px;font-weight:800;color:#fff;font-size:.95rem}
/* AQUA top/bottom wave dividers */
.divider{display:block;width:100%;height:70px}
/* LAND */
.w-land-sec{background:linear-gradient(180deg,var(--ld-1) 0%,#efe6d6 100%);overflow:hidden}
.w-land-sec .kicker{color:var(--ld-4)}.w-land-sec .kicker .num{background:var(--ld-2)}
.w-land-sec .focus li{background:#fff}
.w-land-sec .focus li svg{color:var(--ld-2)}
.w-land-sec .series-card .ep{color:var(--ld-2)}
.track{position:relative;border-radius:40px;aspect-ratio:1/1;background:linear-gradient(160deg,var(--ld-3),var(--ld-2));overflow:hidden;box-shadow:var(--shadow-lg)}
.track svg{position:absolute;inset:0;width:100%;height:100%}
.track .runner{offset-path:path("M 70 250 A 180 120 0 1 1 430 250 A 180 120 0 1 1 70 250");animation:lap 8s linear infinite}
@keyframes lap{to{offset-distance:100%}}
.goal{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;background:#fff;border-radius:var(--r);padding:18px;box-shadow:var(--shadow);margin-top:8px}
.goal .bar{height:12px;background:#eee3cf;border-radius:999px;overflow:hidden}
.goal .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ld-3),var(--coral));border-radius:999px;transition:width 2s var(--ease)}
.goal.in .bar i{width:var(--w,30%)}
.goal .ring{width:56px;height:56px;border-radius:50%;background:var(--ld-2);color:#fff;display:grid;place-items:center;font:600 1rem "Fredoka"}
/* timeline */
.timeline-sec{background:#fff}
.timeline{position:relative;max-width:900px;margin:40px auto 0;padding:0;list-style:none}
.timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:#e6edf4;border-radius:4px}
.timeline .fill{position:absolute;left:50%;top:0;width:4px;margin-left:-2px;height:var(--p,0%);background:linear-gradient(var(--sky),var(--teal),var(--coral));border-radius:4px;transition:height .2s linear}
.tl{position:relative;width:50%;padding:0 44px 44px 0}
.tl:nth-child(even){margin-left:50%;padding:0 0 44px 44px}
.tl .dot{position:absolute;top:6px;right:-14px;width:28px;height:28px;border-radius:50%;background:#fff;border:6px solid var(--c,var(--navy));z-index:1}
.tl:nth-child(even) .dot{left:-14px;right:auto}
.tl .card{background:#fff;border-radius:var(--r);padding:20px 22px;box-shadow:var(--shadow);border:1px solid #edf1f6}
.tl time{font:800 .78rem "Poppins",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}
.tl h3{font-size:1.25rem;margin:6px 0}
.tl p{margin:0;color:#3d4d61;font-size:.97rem}
.tl.future .card{border:2px dashed #cdd8e4;box-shadow:none;background:var(--cloud)}
/* achievements */
.ach-sec{background:radial-gradient(1200px 500px at 50% 0%,#fff6d6 0%,#fff 60%)}
.ach-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:40px;align-items:stretch}
.ach-hero{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--navy);color:#fff;border-radius:28px;overflow:hidden;box-shadow:var(--shadow-lg)}
.ach-hero img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;min-height:380px}
.ach-hero .body{padding:32px}
.ach-hero h3{font-size:clamp(1.5rem,2.6vw,2.1rem);color:#fff}
.ach-hero p{color:#d6e2f0}
.medal{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff 0 8%,#e8ecf2 9%,#b9c3d0 60%,#8d99a8);color:var(--navy);font:600 1.6rem "Fredoka";box-shadow:0 0 0 6px rgba(255,201,60,.35),0 10px 20px rgba(0,0,0,.3);margin-bottom:18px}
.ach-side{display:grid;gap:24px}
.ach-card{background:#fff;border-radius:24px;padding:26px;box-shadow:var(--shadow);border-top:8px solid var(--sun)}
.ach-card h3{font-size:1.3rem}
.ach-card.next{border-top-color:#cdd8e4;background:var(--cloud)}
.unapproved{outline:3px dashed #c9a227;outline-offset:6px;position:relative}
.unapproved::after{content:"DRAFT · NOT YET APPROVED";position:absolute;top:-14px;right:16px;background:#fff3c4;color:#6b4b00;font:800 .62rem "Poppins";letter-spacing:.14em;padding:4px 8px;border-radius:6px;border:1px solid #c9a227}
/* videos hub */
.vid-sec{background:var(--navy);color:#fff}
.vid-sec .h2{color:#fff}.vid-sec .kicker{color:#9fb3c8}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}
.filters button{border:0;cursor:pointer;padding:10px 18px;border-radius:999px;font-weight:900;background:rgba(255,255,255,.08);color:#fff;transition:background .2s,transform .2s}
.filters button[aria-pressed=true]{background:#fff;color:var(--navy)}
.vids{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vid{display:block;text-decoration:none;color:#fff;border-radius:20px;overflow:hidden;background:#0f2f57;transition:transform .35s var(--ease),opacity .35s,box-shadow .35s}
.vid:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.35)}
.vid.hide{display:none}
.thumb{position:relative;aspect-ratio:16/9;display:flex;align-items:flex-end;padding:14px 14px 14px 26px;overflow:hidden}
.thumb::before{content:"";position:absolute;left:0;top:0;bottom:0;width:12px;background:var(--c)}
.thumb .t{position:relative;font:600 1.35rem/1.05 "Fredoka";color:var(--sun);text-shadow:0 2px 0 rgba(0,0,0,.25);max-width:80%}
.thumb .play{position:absolute;right:14px;top:14px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;transition:transform .3s}
.vid:hover .play{transform:scale(1.12)}
.thumb .play svg{width:18px;height:18px;margin-left:3px;color:var(--navy)}
.thumb.air{--c:var(--sky);background:linear-gradient(135deg,#123a63,#1d6e9a)}
.thumb.aqua{--c:var(--teal);background:linear-gradient(135deg,#0b2545,#0f5c74)}
.thumb.land{--c:var(--coral);background:linear-gradient(135deg,#2f4a2a,#6a4a2a)}
.vid .meta{padding:14px 16px 18px}
.vid .meta b{display:block;font-size:1.02rem}
.vid .meta small{color:#9fb3c8;font-weight:700}
.sub-cta{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-top:34px;padding:24px;border-radius:24px;background:linear-gradient(90deg,rgba(76,201,240,.18),rgba(19,168,158,.18),rgba(255,107,74,.18))}
/* gallery */
.gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:14px;margin-top:36px}
.gal .g{position:relative;border-radius:20px;overflow:hidden;border:0;padding:0;cursor:zoom-in;background:var(--cloud)}
.gal .g img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.gal .g:hover img{transform:scale(1.06)}
.gal .g.tall{grid-row:span 2}.gal .g.wide{grid-column:span 2}
.gal .g .cap{position:absolute;left:10px;bottom:10px;background:rgba(11,37,69,.8);color:#fff;font-weight:800;font-size:.82rem;padding:6px 10px;border-radius:10px}
.gal .soon{cursor:default;display:grid;place-items:center;align-content:center;gap:6px;text-align:center;padding:18px;color:var(--navy);font-weight:900}
.gal .soon small{display:block;font-weight:700;color:var(--slate)}
.gal .soon.land{background:repeating-linear-gradient(135deg,#eef5ea 0 16px,#e3eedd 16px 32px)}
.gal .soon.air{background:repeating-linear-gradient(135deg,#eaf8fe 0 16px,#dcf2fb 16px 32px)}
dialog.lb{border:0;padding:0;background:transparent;max-width:min(92vw,900px)}
dialog.lb::backdrop{background:rgba(5,15,30,.85)}
dialog.lb img{max-height:86vh;width:auto;margin:auto;border-radius:16px}
dialog.lb button{position:absolute;top:8px;right:8px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-size:1.4rem;cursor:pointer}
/* news */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
.post{background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .35s var(--ease)}
.post:hover{transform:translateY(-6px)}
.post .art{aspect-ratio:16/9;display:grid;place-items:center;font:600 3rem "Fredoka";color:#fff}
.post .art svg{width:72px;height:72px}
.post .body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.post h3{font-size:1.25rem}.post p{color:var(--slate);font-size:.97rem;flex:1}
.post a.more{font-weight:900;text-decoration:none}
/* crew teaser + community */
.crew-sec{background:linear-gradient(135deg,#0B2545 0%,#13315C 55%,#0E7F78 100%);color:#fff;overflow:hidden}
.crew-sec .h2{color:#fff}.crew-sec .kicker{color:#9fe7df}
.crew-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.earn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.earn div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px 16px}
.earn b{display:block;font:600 1.6rem "Fredoka";color:var(--sun)}
.earn span{font-weight:800;color:#d6e2f0;font-size:.92rem}
.phone{justify-self:center;width:min(340px,86vw);background:#fff;color:var(--navy);border-radius:36px;padding:22px;box-shadow:0 40px 80px rgba(0,0,0,.4);transform:rotate(2deg);transition:transform .6s var(--ease)}
.phone:hover{transform:rotate(0)}
.phone .bal{background:linear-gradient(135deg,var(--navy),#1b5e9b);color:#fff;border-radius:22px;padding:18px}
.phone .bal small{opacity:.8;font-weight:800}
.phone .bal b{display:block;font:600 2.4rem "Fredoka"}
.badges-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
.bdg{aspect-ratio:1;border-radius:16px;display:grid;place-items:center;background:var(--cloud)}
.bdg svg{width:60%;height:60%}
.bdg.locked{filter:grayscale(1);opacity:.4}
.lb-mini{list-style:none;margin:0;padding:0}
.lb-mini li{display:flex;justify-content:space-between;padding:8px 4px;border-bottom:1px solid #edf1f6;font-weight:800;font-size:.92rem}
.lb-mini li span:last-child{color:var(--dteal)}
.comm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.note-card{background:#fff;border-radius:20px;padding:20px;box-shadow:var(--shadow);position:relative}
.note-card::before{content:"";position:absolute;top:0;left:20px;right:20px;height:6px;border-radius:0 0 6px 6px;background:var(--c,var(--sky))}
.note-card q{display:block;font-weight:800;font-size:1.02rem;margin-bottom:10px;quotes:"“" "”"}
.note-card small{color:var(--slate);font-weight:800}
.rules{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.rules div{background:var(--cloud);border-radius:16px;padding:16px;font-size:.95rem}
.rules b{display:block;font-family:"Fredoka";font-weight:600;font-size:1.05rem;margin-bottom:4px}
/* support + merch */
.support-sec{background:var(--cloud)}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.tier{background:#fff;border-radius:26px;padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;border:2px solid transparent;transition:transform .35s var(--ease),border-color .3s}
.tier:hover{transform:translateY(-6px);border-color:var(--c,var(--sky))}
.tier.pop{border-color:var(--teal);position:relative}
.tier.pop::before{content:"Most chosen";position:absolute;top:-14px;left:28px;background:var(--teal);color:#fff;font:800 .72rem "Poppins";letter-spacing:.1em;padding:6px 12px;border-radius:999px}
.tier .price{font:600 2.4rem "Fredoka";margin:6px 0 2px}
.tier .price small{font:700 1rem "Nunito";color:var(--slate)}
.tier ul{padding-left:1.1em;margin:14px 0 22px;flex:1}
.tier li{margin:6px 0}
.merch{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
.merch div{background:#fff;border-radius:20px;padding:18px;text-align:center;box-shadow:var(--shadow)}
.merch svg{width:100%;height:120px}
.merch b{display:block}.merch small{color:var(--slate);font-weight:800}
.notice{border-radius:16px;padding:14px 18px;background:#fff8e1;border:1px solid #f0d27a;color:#5a4300;font-weight:700;font-size:.95rem}
.notice.blue{background:#eaf8fe;border-color:#a6dff3;color:#0b4a63}
/* newsletter */
.news-sec{background:linear-gradient(135deg,var(--sky),var(--teal));color:var(--navy)}
.nl{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:#fff;border-radius:32px;padding:40px;box-shadow:var(--shadow-lg)}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.field label{font-weight:900;font-size:.92rem}
.field input,.field select{padding:14px 16px;border-radius:14px;border:2px solid #dbe4ee;background:#fff;transition:border-color .2s}
.field input:focus,.field select:focus{outline:0;border-color:var(--teal)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;margin:8px 0 14px}
.check input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--teal)}
.form-msg{margin-top:10px;font-weight:800;min-height:1.4em}
.form-msg.ok{color:var(--dteal)}.form-msg.err{color:#c0392b}
/* parent note */
.parent{background:#fff}
.parent-box{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;border-radius:28px;padding:32px;background:var(--cloud);border:2px solid #e3e9f0}
.parent-box .shield{width:84px;height:84px;border-radius:24px;background:var(--navy);display:grid;place-items:center}
.parent-box .shield svg{width:44px;height:44px;color:var(--sun)}
.parent-box h2{font-size:1.7rem}
.parent-box ul{margin:8px 0 0;padding-left:1.1em;columns:2;gap:30px}
/* contact + footer */
.contact{background:var(--navy);color:#fff;text-align:center}
.contact .h2{color:#fff}.contact p{color:#d6e2f0;margin-left:auto;margin-right:auto;max-width:40em}
footer{background:#071a33;color:#b9c6d6;padding:56px 0 30px;font-size:.95rem}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
footer h4{color:#fff;font-size:1.05rem}
footer ul{list-style:none;margin:0;padding:0}footer li{margin:6px 0}
footer a{color:#fff;text-decoration:none}footer a:hover{text-decoration:underline}
footer .legal{border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding-top:20px;display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:space-between}
/* page heroes for sub-pages */
.page-hero{padding:72px 0 64px;background:linear-gradient(135deg,#d8f3fd,#e7fbf8 50%,#fbefe8);position:relative;overflow:hidden}
.page-hero h1{font-size:clamp(2.4rem,5.4vw,4rem)}
.page-hero.dark{background:linear-gradient(135deg,#0B2545,#13315C 60%,#0E7F78);color:#fff}
.page-hero.dark h1{color:#fff}.page-hero.dark .lead{color:#d6e2f0}
/* article */
.article{max-width:760px;margin:0 auto}
.article h2{font-size:2rem;margin-top:0}
.article article{padding:40px 0;border-bottom:1px solid #e6edf4}
.article .meta{color:var(--slate);font-weight:800;font-size:.9rem;margin-bottom:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.toc{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.toc a{background:#fff;padding:10px 16px;border-radius:999px;text-decoration:none;font-weight:900;color:var(--navy);box-shadow:var(--shadow)}
/* club app */
.app{display:grid;grid-template-columns:380px 1fr;gap:26px;align-items:start}
.app>div{min-width:0}
.panel{background:#fff;border-radius:24px;padding:26px;box-shadow:var(--shadow);border:1px solid #edf1f6}
.panel h2{font-size:1.5rem}
.panel+.panel{margin-top:22px}
.tabs{display:flex;gap:6px;background:var(--cloud);padding:6px;border-radius:999px;margin-bottom:18px}
.tabs button{flex:1;border:0;background:transparent;padding:10px;border-radius:999px;font-weight:900;cursor:pointer;color:var(--navy)}
.tabs button[aria-selected=true]{background:#fff;box-shadow:var(--shadow)}
.wallet{background:linear-gradient(135deg,var(--navy),#1b5e9b 60%,var(--teal));color:#fff;border-radius:24px;padding:26px;position:relative;overflow:hidden}
.wallet::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08)}
.wallet .pts{font:600 3.4rem/1 "Fredoka";margin:6px 0}
.wallet small{font-weight:800;opacity:.85}
.wallet .next{margin-top:14px}
.wallet .next .bar{height:10px;border-radius:999px;background:rgba(255,255,255,.2);overflow:hidden;margin-top:6px}
.wallet .next .bar i{display:block;height:100%;background:var(--sun);border-radius:999px;transition:width 1s var(--ease)}
.ledger{list-style:none;margin:0;padding:0;max-height:300px;overflow:auto}
.ledger li{display:flex;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px solid #edf1f6;font-weight:700;font-size:.95rem}
.ledger li b{color:var(--dteal)}
.invite{display:flex;gap:8px;flex-wrap:wrap}
#me-panel .invite input{flex-basis:100%}
#me-panel .invite .btn{flex:1}
.invite input{flex:1;min-width:0;padding:12px 14px;border-radius:12px;border:2px solid #dbe4ee;font-weight:800;background:var(--cloud)}
.badge-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.badge{text-align:center;font-weight:800;font-size:.8rem}
.badge .bdg{margin-bottom:6px}
.chal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.chal-card{border-radius:18px;padding:18px;background:var(--cloud);border-top:6px solid var(--c);display:flex;flex-direction:column}
.chal-card h3{font-size:1.1rem;margin:8px 0 4px}.chal-card p{font-size:.92rem;color:var(--slate);flex:1}
.chal-card .row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.chal-card .btn{padding:10px 14px;font-size:.88rem}
.lb-table{width:100%;border-collapse:collapse}
.lb-table th,.lb-table td{text-align:left;padding:12px 8px;border-bottom:1px solid #edf1f6}
.lb-table th{font:800 .74rem "Poppins";letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.lb-table td:last-child,.lb-table th:last-child{text-align:right}
.lb-table tr.me td{background:#eaf8fe;font-weight:900}
.rank{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--cloud);font-weight:900}
tr:nth-child(1) .rank{background:var(--sun)}tr:nth-child(2) .rank{background:#dfe5ec}tr:nth-child(3) .rank{background:#f1c9a5}
.pts-table{width:100%;border-collapse:collapse;font-size:.96rem}
.pts-table td{padding:10px 8px;border-bottom:1px solid #edf1f6}
.pts-table td:last-child{text-align:right;font-weight:900;color:var(--dteal);white-space:nowrap}
.demo-flag{display:inline-block;background:#fff3c4;color:#6b4b00;border:1px dashed #c9a227;border-radius:8px;padding:4px 10px;font-weight:900;font-size:.8rem}
.hidden{display:none!important}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(120px);background:var(--navy);color:#fff;padding:14px 20px;border-radius:14px;font-weight:900;box-shadow:var(--shadow-lg);transition:transform .4s var(--ease);z-index:100}
.toast.show{transform:translateX(-50%) translateY(0)}
/* reveal animations (only when JS is on) */
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .reveal.in{opacity:1;transform:none}
.js .reveal.d1{transition-delay:.1s}.js .reveal.d2{transition-delay:.2s}.js .reveal.d3{transition-delay:.3s}
/* responsive */
@media (max-width:1000px){
 .nav{position:fixed;inset:70px 0 auto 0;background:#fff;box-shadow:0 20px 40px rgba(11,37,69,.15);transform:translateY(-130%);transition:transform .35s var(--ease);padding:12px 16px 18px}
 .menu-open .nav{transform:none}
 .nav ul{flex-direction:column}
 .nav .cta{margin:8px 0 0;text-align:center}
 .menu-btn{display:block}
 .no-js .nav{position:static;transform:none;box-shadow:none;padding:0}
 .no-js .menu-btn{display:none}
 .hero .wrap,.world .grid,.crew-grid,.nl,.ach-grid,.app{grid-template-columns:1fr}
 .hero .wrap{padding-bottom:170px;gap:30px}
 .hero-card{width:min(360px,80vw)}
 .stats{grid-template-columns:repeat(2,1fr)}
 .series,.vids,.news-grid,.comm-grid,.tiers,.chal{grid-template-columns:1fr 1fr}
 .rules,.merch{grid-template-columns:1fr 1fr}
 .gal{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}
 .w-aqua-sec .aqua-photo{order:-1}
 footer .cols{grid-template-columns:1fr 1fr}
 .parent-box{grid-template-columns:1fr}.parent-box ul{columns:1}
}
@media (max-width:640px){
 body{font-size:1rem}
 section{padding:68px 0}
 .brand img{width:128px;height:48px}
 .hero{padding-top:30px}
 .plane,.cloud.c2{display:none}
 .orbit{font-size:.8rem;padding:6px 12px 6px 6px}.orbit .dot{width:24px;height:24px}
 .orbit.o1{right:-6px}.orbit.o2{right:-10px}
 .hero-card .badge-logo{width:84px;height:84px;left:-8px;border-radius:22px}
 .series,.vids,.news-grid,.comm-grid,.tiers,.chal,.world .focus,.earn{grid-template-columns:1fr}
 .timeline::before,.timeline .fill{left:14px}
 .tl,.tl:nth-child(even){width:100%;margin-left:0;padding:0 0 30px 46px}
 .tl .dot,.tl:nth-child(even) .dot{left:0;right:auto}
 .ach-hero{grid-template-columns:1fr}.ach-hero img{min-height:0;aspect-ratio:4/3;object-position:50% 18%}
 .nl{padding:24px}
 .badge-grid{grid-template-columns:repeat(4,1fr)}
 .lb-table th:nth-child(3),.lb-table td:nth-child(3){display:none}
 footer .cols{grid-template-columns:1fr}
 .invite{flex-direction:column}
 .panel{padding:20px}
 .badge-grid{grid-template-columns:repeat(3,1fr)}
 .gal .soon svg{width:2em;height:2em}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation:none!important;transition:none!important}
 .js .reveal{opacity:1;transform:none}
}

/* FAQ + parent payment note (site_v2_ready, 13 Nov 2026) */
.section-faq{padding:72px 0;background:var(--cloud)}
.faq{max-width:46em;margin:28px auto 0;display:grid;gap:12px}
.faq-item{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:4px 20px}
.faq-item summary{cursor:pointer;font-weight:800;font-family:"Poppins",sans-serif;font-size:1.05rem;padding:16px 0;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";float:right;color:var(--teal);font-weight:800}
.faq-item[open] summary::after{content:"–"}
.faq-item p{margin:0 0 16px;color:var(--slate)}
.parent-note{margin:14px 0 0;font-weight:800;color:var(--navy);max-width:40em;line-height:1.45}