:root{--bg:#060a2a;--bg2:#0a1040;--card:#0d1450;--card2:#121b66;--ink:#eef1ff;--mut:#a9b0de;--line:rgba(255,255,255,.1);--blue:#1a8cff;--cyan:#22d3ee;--org:#ff8a1f;--gold:#ffc93c;--pur:#7b4dff;--ok:#19c37d;--err:#ff5a5f;--r:18px;--sh:0 18px 50px rgba(0,0,0,.45)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
section[id]{scroll-margin-top:110px}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:radial-gradient(1200px 600px at 80% -10%,#1c2a9a55,transparent 60%),radial-gradient(900px 500px at -10% 30%,#7b4dff33,transparent 60%),var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;display:block}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:Oswald,Inter,sans-serif;letter-spacing:.3px;line-height:1.15}
.sec{padding:76px 0}.eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.h2{font-size:clamp(28px,4.4vw,46px);font-weight:700}.h2 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--pur));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:var(--mut);max-width:680px;margin-top:10px}.center{text-align:center}.center .sub{margin-left:auto;margin-right:auto}
/* offer stripe */
.stripe{position:sticky;top:0;z-index:70;background:linear-gradient(90deg,#ff8a1f,#ffc93c,#ff8a1f);color:#1a1200;height:38px;overflow:hidden;font-weight:800;font-size:13.5px;letter-spacing:.4px;display:flex;align-items:center}
.stripe .mq{display:flex;gap:0;white-space:nowrap;animation:mq 30s linear infinite;will-change:transform}
.stripe:hover .mq{animation-play-state:paused}.stripe span{padding:0 28px}.stripe b{background:#1a1200;color:var(--gold);padding:2px 9px;border-radius:99px;margin:0 4px}
@keyframes mq{to{transform:translateX(-50%)}}
/* header */
header.top{position:sticky;top:38px;z-index:60;background:rgba(6,10,42,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;gap:18px;height:66px}
.logo img{height:40px;width:auto}nav.main{display:flex;gap:4px;margin-left:auto}
nav.main a{padding:8px 14px;border-radius:99px;font-weight:600;font-size:14.5px;color:var(--mut);transition:.25s}nav.main a:hover,nav.main a.on{color:#fff;background:rgba(255,255,255,.09)}
.menu-btn{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line)}.menu-btn svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2;margin:auto}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:14px;font-weight:700;font-size:15.5px;transition:transform .25s,box-shadow .25s,background .25s;position:relative;overflow:hidden}
.btn:hover{transform:translateY(-3px)}.btn:active{transform:scale(.97)}
.btn-cta{background:linear-gradient(135deg,var(--org),#ff5e1f);color:#fff;box-shadow:0 10px 28px rgba(255,120,30,.4)}
.btn-cta::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:shine 3.2s ease-in-out infinite}
@keyframes shine{0%,55%{left:-70%}100%{left:130%}}
.btn-ghost{border:1.5px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.05)}.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-sm{padding:10px 18px;font-size:14px;border-radius:12px}
/* hero */
.hero{position:relative;text-align:center}
.banner{position:relative;overflow:hidden;aspect-ratio:2172/724;max-height:520px;width:100%;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}
.banner img{width:100%;height:100%;object-fit:cover;animation:kb 18s ease-in-out infinite alternate}
.banner::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(120,180,255,.22) 50%,transparent 65%);transform:translateX(-120%);animation:sweep 6s ease-in-out infinite}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.09) translateX(-1.5%)}}@keyframes sweep{0%,30%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}
.hero-txt{position:relative;margin-top:-56px;padding:0 20px 30px}
.hero-txt h1{font-size:clamp(38px,9vw,104px);font-weight:700;text-transform:uppercase;line-height:1}
.hero-txt h1 .ch{display:inline-block;opacity:0;transform:translateY(40px) rotateX(70deg);animation:chin .7s cubic-bezier(.2,.9,.3,1.2) forwards;background:linear-gradient(180deg,#fff,#9fb6ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-txt h1 .w{display:inline-block;white-space:nowrap}.hero-txt h1 .sp{display:inline-block;width:.3em}
@keyframes chin{to{opacity:1;transform:none}}
.hero-txt h1.glow{animation:glw 4s ease-in-out infinite}@keyframes glw{50%{filter:drop-shadow(0 0 22px rgba(34,211,238,.55))}}
.type{font-size:clamp(16px,2.4vw,24px);color:var(--mut);min-height:1.8em;margin-top:14px;font-weight:500}.type i{display:inline-block;width:2px;height:1.1em;background:var(--cyan);margin-left:3px;vertical-align:-3px;animation:bl 1s steps(1) infinite}@keyframes bl{50%{opacity:0}}
.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}
/* rails */
.rail{position:relative}.rail .vp{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);padding:14px 0}
.rail .vp::-webkit-scrollbar{display:none}.rail .tr{display:flex;gap:16px;width:max-content;padding:0 16px}
.rail .it{flex:none;width:clamp(170px,22vw,250px);aspect-ratio:4/5;border-radius:16px;overflow:hidden;box-shadow:var(--sh);border:1px solid var(--line);transition:transform .35s,box-shadow .35s;background:var(--card)}
.rail .it img{width:100%;height:100%;object-fit:cover}.rail .it:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 26px 60px rgba(26,140,255,.35)}
.rail .ar{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;background:rgba(6,10,42,.78);border:1px solid var(--line);font-size:24px;line-height:1;backdrop-filter:blur(6px);transition:.25s}.rail .ar:hover{background:var(--blue)}.rail .ar.l{left:8px}.rail .ar.r{right:8px}
.notes .it{position:relative}.notes .it::after{content:"COMING SOON";position:absolute;left:0;right:0;bottom:0;padding:22px 8px 10px;text-align:center;font:700 11px Inter;letter-spacing:1.6px;background:linear-gradient(transparent,rgba(6,10,42,.92));color:var(--gold)}
/* product cards (compact) */
.prod{padding:44px 0 72px}.prod .wrap{max-width:1320px}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:34px}
.pcard{background:linear-gradient(160deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--sh);transition:transform .4s,box-shadow .4s;display:flex;flex-direction:column}
.pcard:hover{transform:translateY(-8px);box-shadow:0 26px 60px rgba(26,140,255,.3)}
.pcard .im{position:relative;display:block;aspect-ratio:5/6;overflow:hidden;background:var(--bg2)}

.pcard .im img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform .8s}.pcard:hover .im img{transform:scale(1.06)}
.tag{position:absolute;top:12px;left:12px;z-index:3;background:linear-gradient(135deg,var(--org),#ff5e1f);color:#fff;font-weight:800;font-size:11.5px;padding:5px 11px;border-radius:99px;letter-spacing:.6px;animation:pulse 2s infinite}
.tag.soon{background:linear-gradient(135deg,var(--pur),var(--blue))}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,138,31,.6)}70%,100%{box-shadow:0 0 0 14px rgba(255,138,31,0)}}
.pcard .bd{padding:18px 22px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.pcard h3{font-size:24px}.pcard p{color:var(--mut);font-size:14.5px;line-height:1.5}
.price{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.price b{font:700 30px Oswald,Inter,sans-serif;color:var(--gold)}.price s{color:var(--mut);font-size:16px}.price em{font-style:normal;background:rgba(25,195,125,.16);color:#6cf0b8;font-weight:700;font-size:12px;padding:3px 9px;border-radius:99px}
.pcard .price b{font-size:32px}.pcard .price b.ls{font-size:19px;color:var(--cyan)}
.pcard .acts{display:flex;gap:10px;margin-top:auto;padding-top:8px}.pcard .acts .btn{flex:1}.pcard .acts .btn[disabled]{opacity:.6;cursor:default;transform:none}
.ambnote{font-size:12px;color:var(--gold);background:rgba(255,201,60,.08);border:1px dashed rgba(255,201,60,.4);padding:5px 10px;border-radius:10px;font-weight:600}
.pcard .fan img{position:absolute;z-index:1;left:50%;top:50%;width:41%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.55);border:2px solid #fff;transition:transform .6s}
.fan{background:radial-gradient(circle at 50% 40%,#3a2aa8,#0d1450 70%)}.fan::before{display:none}
.pcard .fan img:nth-of-type(1){transform:translate(-96%,-50%) rotate(-9deg)}.pcard .fan img:nth-of-type(2){transform:translate(-50%,-52%);z-index:2;width:45%}.pcard .fan img:nth-of-type(3){transform:translate(-4%,-50%) rotate(9deg)}
.pcard.soon:hover .fan img:nth-of-type(1){transform:translate(-100%,-52%) rotate(-13deg)}.pcard.soon:hover .fan img:nth-of-type(3){transform:translate(0%,-52%) rotate(13deg)}.pcard.soon:hover .fan img:nth-of-type(2){transform:translate(-50%,-54%) scale(1.04)}
/* founder */
.founder{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:56px;align-items:center}
.fphoto{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--sh);border:1px solid var(--line)}.fphoto img{width:100%;height:100%;object-fit:cover;object-position:top}

.fwrap{position:relative;padding:5px;border-radius:32px;background:transparent;box-shadow:none;animation:none}.fwrap .fphoto{border:0;border-radius:27px;box-shadow:none}
.fname{font-size:clamp(34px,5vw,56px);font-weight:700}.fhandle{display:inline-flex;align-items:center;gap:8px;margin:8px 0 18px;padding:8px 16px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid var(--line);font-weight:700;color:var(--cyan);transition:.25s}.fhandle:hover{background:var(--cyan);color:#06103a}
.founder p{color:#d4d9fb;font-size:17px;margin-bottom:14px}
/* achievement */
.ach{display:grid;grid-template-columns:1.25fr 1fr;gap:0;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,var(--card2),var(--card));box-shadow:var(--sh)}
.ach .ai{position:relative;overflow:hidden}.ach .ai::before{content:"";display:block;padding-top:56.25%}.ach .ai img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s}.ach:hover .ai img{transform:scale(1.05)}
.ach .aq{padding:clamp(22px,3.5vw,44px);display:flex;flex-direction:column;justify-content:center;position:relative}
.ach .aq::before{content:"\201C";position:absolute;top:-6px;left:18px;font:700 120px Oswald,Inter,sans-serif;color:rgba(255,201,60,.22);line-height:1}
.ach blockquote{font-size:clamp(15px,1.7vw,18.5px);color:#e9ecff;font-style:italic;position:relative}.ach .who{margin-top:18px;font-weight:700;color:var(--gold);font-size:17px}.ach .rl{font-size:13.5px;color:var(--mut)}
/* why */
.wgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.wcard{padding:28px 22px;border-radius:22px;background:linear-gradient(160deg,var(--card2),var(--card));border:1px solid var(--line);transition:transform .35s,border-color .35s}.wcard:hover{transform:translateY(-8px);border-color:var(--cyan)}
.wcard .ic{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--pur));display:grid;place-items:center;margin-bottom:16px;animation:flt 4s ease-in-out infinite}.ic svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@keyframes flt{50%{transform:translateY(-6px)}}
.wcard h3{font-size:20px;margin-bottom:8px}.wcard p{color:var(--mut);font-size:15px}
/* product page */
.pp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start;padding-top:40px}
.pp>*,.founder>*,.rev>*,.amb>*,.ach>*{min-width:0}.gal{position:sticky;top:124px}.stage{position:relative;aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);cursor:zoom-in}
.stage .gi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .6s,transform 1s;pointer-events:none}.stage .gi.on{opacity:1;transform:none;pointer-events:auto}
.gar{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;background:rgba(6,10,42,.75);font-size:24px;border:1px solid var(--line);transition:.25s}.gar:hover{background:var(--blue)}.gar.l{left:12px}.gar.r{right:12px}
.cnt{position:absolute;right:12px;bottom:12px;z-index:3;background:rgba(6,10,42,.75);padding:4px 12px;border-radius:99px;font-size:12.5px;font-weight:700}
.thumbs{display:flex;gap:10px;overflow-x:auto;padding:12px 2px 4px;scrollbar-width:thin}.thumbs button{flex:none;width:68px;aspect-ratio:4/5;border-radius:10px;overflow:hidden;border:2px solid transparent;opacity:.6;transition:.25s}.thumbs button.on{border-color:var(--org);opacity:1;transform:translateY(-3px)}.thumbs img{width:100%;height:100%;object-fit:cover}
.info h1{font-size:clamp(30px,4.2vw,50px);font-weight:700}.info .st{color:var(--cyan);font-weight:600;margin-top:8px;font-size:17px}
.pbox{margin:22px 0;padding:22px;border-radius:22px;background:linear-gradient(160deg,var(--card2),var(--card));border:1px solid var(--line)}
.pbox .price b{font-size:46px}.eb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:14px;font-weight:700;color:#1a1200;background:linear-gradient(90deg,var(--org),var(--gold));padding:8px 14px;border-radius:12px}.eb .cd{font-variant-numeric:tabular-nums}
.code{display:flex;gap:8px;margin-top:16px}.code input{flex:1;min-width:0;background:rgba(255,255,255,.07);border:1.5px solid var(--line);color:#fff;border-radius:12px;padding:12px 14px;font:600 14.5px Inter;text-transform:uppercase;letter-spacing:1px}.code input:focus{outline:0;border-color:var(--cyan)}.code input::placeholder{text-transform:none;letter-spacing:0;color:#7e86c0;font-weight:500}
.cmsg{font-size:13.5px;margin-top:8px;min-height:1.2em}.cmsg.ok{color:#6cf0b8}.cmsg.err{color:#ff9a9d}.lbl{font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--mut);margin-top:16px}
.qrow{display:flex;gap:12px;align-items:center;margin-top:18px;flex-wrap:wrap}.qty{display:flex;border:1.5px solid var(--line);border-radius:12px;overflow:hidden}.qty button{width:40px;height:46px;font-size:20px}.qty button:hover{background:rgba(255,255,255,.1)}.qty input{width:48px;text-align:center;background:none;border:0;color:#fff;font:700 16px Inter}
.qrow .btn-cta{flex:1;min-width:180px;padding:16px}.samp{width:100%;margin-top:12px}
.perks{display:grid;gap:10px;margin:18px 0}.perk{display:flex;gap:12px;align-items:center;color:#d4d9fb;font-size:15px}.perk .ic{width:38px;height:38px;border-radius:12px;background:rgba(26,140,255,.18);flex:none;display:grid;place-items:center;animation:none}.perk svg{width:19px;height:19px;stroke:var(--cyan);fill:none;stroke-width:1.8}
.blk{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:20px;padding:22px;margin-top:16px}.blk h3{font-size:22px;margin-bottom:10px;color:#fff}.blk p{color:#d4d9fb}
.blk ul{list-style:none;display:grid;gap:9px}.blk li{position:relative;padding-left:26px;color:#d4d9fb}.blk li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--blue))}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.chips span{padding:8px 16px;border-radius:99px;background:linear-gradient(135deg,rgba(26,140,255,.25),rgba(123,77,255,.25));border:1px solid rgba(255,255,255,.18);font-weight:700;font-size:14px;transition:.25s}.chips span:hover{transform:translateY(-3px) scale(1.05);background:var(--blue)}
/* carousel */
.car{position:relative;max-width:560px;margin:34px auto 0;aspect-ratio:4/5;border-radius:26px;overflow:hidden;box-shadow:0 30px 80px rgba(123,77,255,.35);border:1px solid var(--line);background:var(--card)}
.car .sl{position:absolute;inset:0;opacity:0;transform:translateX(8%) scale(1.04);transition:opacity .8s,transform 1s;pointer-events:none}.car .sl.on{opacity:1;transform:none;pointer-events:auto}.car .sl img{width:100%;height:100%;object-fit:cover}
.dots{position:absolute;bottom:14px;left:0;right:0;display:flex;gap:8px;justify-content:center;z-index:3}.dots button{width:9px;height:9px;border-radius:99px;background:rgba(255,255,255,.5);transition:.35s}.dots button.on{width:30px;background:var(--org)}
.car .bar{position:absolute;top:0;left:0;height:4px;background:var(--org);z-index:3;width:0}
/* reels */
.reels .it{width:min(328px,78vw);aspect-ratio:auto;height:600px;background:#000;position:relative}.reels iframe{width:100%;height:100%;border:0;background:#000}.reels .ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--mut);font-size:14px}
/* faculty */
.fac{display:grid;gap:22px;margin-top:38px}
.fc{display:grid;grid-template-columns:230px 1fr;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,var(--card2),var(--card));border:1px solid var(--line);box-shadow:var(--sh);transition:transform .35s}.fc:hover{transform:translateY(-6px)}.fc:nth-child(even){grid-template-columns:1fr 230px}.fc:nth-child(even) .fi{order:2}
.fc .fi{position:relative;aspect-ratio:1000/1294;min-height:0}.fc .fi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.fc .ft{padding:clamp(20px,3vw,34px);display:flex;flex-direction:column;justify-content:center}.fc .nm{font:700 clamp(21px,2.6vw,28px) Oswald,Inter,sans-serif;color:var(--gold)}.fc .rl{color:var(--cyan);font-weight:600;font-size:14.5px;margin-bottom:14px}.fc p{color:#dfe3ff;font-style:italic;font-size:16px}
.fwd{margin-top:22px;text-align:center}
/* authors */
.ath{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:38px}
.ac{border-radius:22px;overflow:hidden;background:linear-gradient(160deg,var(--card2),var(--card));border:1px solid var(--line);transition:transform .35s,box-shadow .35s}.ac:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(26,140,255,.3)}
.ac .ph{aspect-ratio:4/5;overflow:hidden}.ac .ph img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s}.ac:hover .ph img{transform:scale(1.07)}
.ac .tx{padding:18px}.ac h3{font-size:20px}.ac .ro{color:var(--org);font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;margin:2px 0 8px}.ac p{font-size:14px;color:var(--mut)}
/* reviews */
.rev{display:grid;grid-template-columns:minmax(240px,420px) 1fr;gap:34px;align-items:center;margin-top:38px}.rev>img{border-radius:24px;box-shadow:var(--sh);border:1px solid var(--line)}
.rl2{display:grid;gap:14px}.rc{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid var(--line);transition:.3s}.rc:hover{transform:translateX(8px);background:rgba(255,255,255,.09)}.rc .s{color:var(--gold);letter-spacing:2px}.rc p{margin:4px 0;color:#e2e6ff}.rc small{color:var(--mut)}
/* faq */
.faq{max-width:860px;margin:36px auto 0;display:grid;gap:12px}.fq{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04);overflow:hidden}
.fq button{width:100%;text-align:left;padding:18px 20px;font-weight:700;font-size:16.5px;display:flex;justify-content:space-between;gap:14px;align-items:center}.fq button::after{content:"+";font-size:26px;color:var(--cyan);transition:transform .35s;flex:none}.fq.open button::after{transform:rotate(45deg)}
.fq .a{max-height:0;overflow:hidden;transition:max-height .45s ease}.fq .a p{padding:0 20px 18px;color:#d4d9fb}
/* ambassador */
.amb{display:grid;grid-template-columns:minmax(260px,480px) 1fr;gap:40px;align-items:center;padding:clamp(20px,3vw,40px);border-radius:30px;background:linear-gradient(135deg,#1a1f7a,#3b1d8f 60%,#6a2bd6);border:1px solid rgba(255,255,255,.18);box-shadow:var(--sh)}
.amb>img{border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.5);animation:flt 5s ease-in-out infinite}.amb ul{list-style:none;display:grid;gap:10px;margin:16px 0}.amb li{padding-left:28px;position:relative;color:#eceaff}.amb li::before{content:"\2726";position:absolute;left:0;color:var(--gold)}
/* footer */
footer{margin-top:40px;border-top:1px solid var(--line);padding:44px 20px 100px;text-align:center;color:var(--mut);background:rgba(0,0,0,.25)}footer img{height:48px;margin:0 auto 12px}footer .ln{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:14px}footer .ln a{color:#fff;font-weight:600}footer .ln a:hover{color:var(--gold)}
/* reveal */
.rv{opacity:0;transform:translateY(46px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);}.d1{transition-delay:.11s!important}.d2{transition-delay:.22s!important}.d3{transition-delay:.33s!important}.d4{transition-delay:.44s!important}.rv.l{transform:translateX(-60px)}.rv.r{transform:translateX(60px)}.rv.z{transform:scale(.9)}.rv.in{opacity:1;transform:none}
/* modal */
.modal{position:fixed;inset:0;z-index:100;background:rgba(3,5,25,.78);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.modal.open{display:flex}
.order-box{position:relative;width:100%;max-width:560px;max-height:94vh;overflow-y:auto;background:linear-gradient(160deg,var(--card2),var(--bg2));border:1px solid var(--line);border-radius:24px;padding:26px;animation:pop .4s cubic-bezier(.2,.9,.3,1.2)}@keyframes pop{from{opacity:0;transform:translateY(30px) scale(.94)}}
.x{position:absolute;top:12px;right:14px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);font-size:24px;z-index:5}
.order-box h2{font-size:26px;margin-bottom:14px}.sum{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.06);border-radius:14px;padding:10px;margin-bottom:16px}.sum img{width:54px;height:66px;object-fit:cover;border-radius:8px}.sum>div:nth-child(2){flex:1;min-width:0}.sum b{display:block}.sum span{font-size:13px;color:var(--mut)}.tot{font:700 22px Oswald,Inter,sans-serif;color:var(--gold);text-align:right}
.fld{margin-bottom:12px}.fld label{display:block;font-size:13px;font-weight:700;margin-bottom:5px;color:#cfd5ff}.fld input,.fld textarea,.fld select{width:100%;background:rgba(255,255,255,.07);border:1.5px solid var(--line);color:#fff;border-radius:12px;padding:12px 14px;font:500 15px Inter}.fld select option{color:#000}.fld input:focus,.fld textarea:focus,.fld select:focus{outline:0;border-color:var(--cyan)}
.fld .em{display:none;color:#ff9a9d;font-size:12.5px;margin-top:4px}.fld.bad .em{display:block}.fld.bad input,.fld.bad textarea{border-color:var(--err)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pay{display:grid;gap:8px}.pay label{display:flex;gap:8px;align-items:center;font-weight:600;padding:11px 12px;border:1.5px solid var(--line);border-radius:12px;margin:0}
.hp{position:absolute;left:-9999px;opacity:0}.msg{font-size:14px;margin-bottom:10px;min-height:0}.msg.err{color:#ff9a9d}.done{text-align:center;padding:10px 0}.done .ck{width:70px;height:70px;border-radius:50%;background:var(--ok);margin:0 auto 14px;display:grid;place-items:center;animation:pop .6s}.done .ck svg{width:36px;height:36px;stroke:#fff;fill:none;stroke-width:3}.oid{font:700 18px Oswald,Inter,sans-serif;background:rgba(255,255,255,.08);padding:10px;border-radius:12px;margin:14px 0}.btn.wa{background:#25d366;color:#06301a;margin-top:6px}
.lb{position:fixed;inset:0;z-index:110;background:rgba(3,5,25,.94);display:none;align-items:center;justify-content:center}.lb.open{display:flex}.lb img{max-width:92vw;max-height:90vh;object-fit:contain;border-radius:10px;animation:pop .4s}.lb .nav-a{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.14);font-size:28px}.lb .prev{left:14px}.lb .next{right:14px}
.sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:55;display:none;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(6,10,42,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .4s}.sticky-bar.show{transform:none}.sticky-bar .btn{flex:1}.sticky-bar .sp{font:700 24px Oswald,Inter,sans-serif;color:var(--gold);flex:none}.sticky-bar .price{gap:6px;flex-wrap:nowrap}.sticky-bar .price b{font-size:26px}.sticky-bar .price s{font-size:13px}.sticky-bar .price em{display:none}.sticky-bar s{font-size:13px;color:var(--mut);margin-right:6px}
/* responsive */
@media(max-width:980px){.fbody{text-align:center}.pp,.founder,.ach,.rev,.amb{grid-template-columns:minmax(0,1fr)}.gal{position:static}.ath,.wgrid{grid-template-columns:repeat(2,1fr)}.fc,.fc:nth-child(even){grid-template-columns:190px 1fr}.fc:nth-child(even) .fi{order:0}.founder{gap:30px}.fwrap{max-width:380px;margin:0 auto}}
@media(max-width:760px){.rv.l,.rv.r{transform:translateY(34px)}.rv.l.in,.rv.r.in{transform:none}.hero-txt h1 .w{display:inline-block;white-space:nowrap}nav.main{position:absolute;top:66px;left:0;right:0;flex-direction:column;background:rgba(6,10,42,.97);padding:10px 16px 16px;display:none;border-bottom:1px solid var(--line)}nav.main.open{display:flex}.menu-btn{display:grid;margin-left:auto}header .btn-sm{display:none}.sec{padding:54px 0}.pgrid{grid-template-columns:1fr}.banner{aspect-ratio:16/9}.sticky-bar{display:flex}.ath{gap:12px}.ac .tx{padding:12px}.ac p{font-size:13px}.wgrid{gap:12px}.wcard{padding:20px 16px}.stripe{font-size:12.5px}.fc .ft{padding:14px}.fc p{font-size:14.5px}.order-box{padding:20px 16px}.two{grid-template-columns:1fr}.reels .it{height:560px}}
@media(max-width:480px){.ath,.wgrid{grid-template-columns:1fr 1fr}.fc,.fc:nth-child(even){grid-template-columns:minmax(104px,34%) 1fr}.fc .ft{padding:14px 12px}.fc .nm{font-size:18px}.fc .rl{font-size:12.5px;margin-bottom:8px}.fc p{font-size:13px;line-height:1.5}.rail .it{width:150px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}}

/* ===== light panels ===== */
.panel{margin:0;border-radius:0;position:relative}
.lt{background:radial-gradient(520px 320px at 92% 0%,rgba(26,140,255,.16),transparent 70%),radial-gradient(520px 320px at 0% 100%,rgba(123,77,255,.14),transparent 70%),linear-gradient(180deg,#fafbff,#e8ecff);color:#12163f;--ink:#12163f;--mut:#5a6190}
.lt .eyebrow{color:#e0650a}.lt .h2{color:#12163f}.lt .h2 em{background:linear-gradient(90deg,#1a8cff,#6a3df0);-webkit-background-clip:text;background-clip:text;color:transparent}
.lt .sub{color:#5a6190}
.lt .btn-ghost{border-color:#c5cdee;color:#12163f;background:rgba(255,255,255,.7)}.lt .btn-ghost:hover{background:#fff}
.lt .wcard{background:#fff;border:1px solid #e0e5f6;box-shadow:0 12px 34px rgba(20,30,100,.09)}.lt .wcard:hover{border-color:#1a8cff;box-shadow:0 18px 44px rgba(26,140,255,.2)}.lt .wcard h3{color:#12163f}.lt .wcard p{color:#5a6190}
.lt .fname{color:#12163f}.lt .founder p{color:#3b4170}.lt .fhandle{background:rgba(26,140,255,.1);border-color:#cfe0ff;color:#0a6fd6}.lt .fhandle:hover{background:#1a8cff;color:#fff}
.lt .fwrap{box-shadow:none}
.lt .fc{background:#fff;border:1px solid #e0e5f6;box-shadow:0 14px 40px rgba(20,30,100,.1)}.lt .fc .nm{color:#12163f}.lt .fc .rl{color:#0a6fd6}.lt .fc p{color:#3b4170}
.lt .ac{background:#fff;border:1px solid #e0e5f6;box-shadow:0 14px 40px rgba(20,30,100,.1)}.lt .ac:hover{box-shadow:0 24px 60px rgba(26,140,255,.25)}.lt .ac h3{color:#12163f}.lt .ac .ro{color:#e0650a}.lt .ac p{color:#5a6190}
.lt .fq{background:#fff;border-color:#e0e5f6;box-shadow:0 8px 24px rgba(20,30,100,.06)}.lt .fq button{color:#12163f}.lt .fq button::after{color:#1a8cff}.lt .fq .a p{color:#4a5080}
/* reviewer videos coverflow */
.cf{position:relative;margin-top:26px;--w:clamp(204px,23vw,290px)}
.cfv{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:30px 0 10px}.cfv::-webkit-scrollbar{display:none}
.cft{display:flex;gap:6px;width:max-content;position:relative;align-items:flex-start}.cfsp{flex:none;display:block;height:1px}
.cfi{flex:none;width:var(--w);scroll-snap-align:center;cursor:pointer;transform:scale(.78);opacity:.5;filter:saturate(.6) brightness(.95);transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .5s,filter .5s}
.cfi.on{transform:scale(1);opacity:1;filter:none}
.cfm{position:relative;aspect-ratio:9/16;border-radius:24px;overflow:hidden;background:#0a0f3c;box-shadow:0 22px 56px rgba(20,30,100,.35)}.cfi.on .cfm{box-shadow:0 30px 70px rgba(106,61,240,.5),0 0 0 3px #fff,0 0 0 6px rgba(26,140,255,.45)}
.cfm video{width:100%;height:100%;object-fit:cover;display:block}
.cfp{position:absolute;inset:0;display:grid;place-items:center;background:rgba(6,10,42,.28);opacity:1;transition:opacity .3s;pointer-events:none}.cfp svg{width:62px;height:62px;padding:16px 14px 16px 18px;border-radius:50%;background:rgba(255,255,255,.92);fill:#12163f}
.cfi.on:not(.paused) .cfp{opacity:0}
.cfs{position:absolute;right:10px;bottom:16px;width:42px;height:42px;border-radius:50%;background:rgba(6,10,42,.72);display:none;place-items:center;z-index:3;border:1px solid rgba(255,255,255,.3)}.cfi.on .cfs{display:grid}.cfs svg{width:21px;height:21px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cfs .s1{display:none}.cf.snd .cfs .s1{display:block}.cf.snd .cfs .s0{display:none}
.cfb{position:absolute;left:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--cyan),var(--org));width:0;z-index:3}
.cfc{text-align:center;font-weight:700;font-size:14px;margin-top:12px;color:#12163f;opacity:0;transition:opacity .4s}.cfi.on .cfc{opacity:1}
.cfa{position:absolute;top:44%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;background:#fff;color:#12163f;font-size:26px;line-height:1;box-shadow:0 8px 24px rgba(20,30,100,.3);transition:.25s}.cfa:hover{background:#1a8cff;color:#fff}.cfa.l{left:14px}.cfa.r{right:14px}
/* inside the book rail */
.rail.ib .vp{display:flex}.rail.ib .tr{margin:0 auto}.rail.ib .it{width:clamp(240px,30vw,400px);aspect-ratio:4/5;box-shadow:0 26px 60px rgba(123,77,255,.35)}
/* ecg review images */
.rimg{display:flex;gap:22px;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin-top:30px}.rimg img{width:min(320px,44vw);border-radius:22px;box-shadow:0 20px 50px rgba(20,30,100,.25);border:6px solid #fff;cursor:zoom-in;transition:transform .4s}.rimg img:hover{transform:translateY(-8px) rotate(-1deg)}
/* sample pdf viewer */
.pv{position:fixed;inset:0;z-index:120;background:rgba(3,5,25,.96);display:none;flex-direction:column}.pv.open{display:flex;animation:pop .35s}
.pvh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:rgba(10,16,64,.96);border-bottom:1px solid var(--line)}
.pvt{font:700 18px Oswald,Inter,sans-serif;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pvt span{font:600 13px Inter;color:var(--cyan);background:rgba(34,211,238,.12);padding:3px 10px;border-radius:99px}
.pva{display:flex;gap:8px;align-items:center}.zb{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.1);font-size:20px;font-weight:700}.zb:hover{background:var(--blue)}.x2{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.14);font-size:26px;line-height:1}.x2:hover{background:var(--err)}
.pvb{flex:1;overflow:auto;padding:18px 8px 40px;-webkit-overflow-scrolling:touch}.pvi{width:var(--pw,720px);margin:0 auto}.pvi img{width:100%;height:auto;margin-bottom:16px;border-radius:6px;background:#fff;box-shadow:0 14px 40px rgba(0,0,0,.6)}
@media(max-width:760px){
 .panel{margin:0;border-radius:0}
 .prod{padding:34px 0 40px}.pgrid{grid-template-columns:1fr;gap:12px;margin-top:20px}
 .prod .h2{font-size:25px}.pcard{flex-direction:row}.pcard .im{flex:none;width:116px;height:auto;min-height:148px}.pcard .im:not(.fan) img{position:absolute;inset:0}.pcard .im{aspect-ratio:auto}.pcard .bd{padding:11px 12px;gap:5px;justify-content:center}.pcard h3{font-size:16.5px;line-height:1.2}.pcard p,.ambnote{display:none}
 .pcard .price b{font-size:22px}.pcard .price s{font-size:13px}.pcard .price em{display:none}.pcard .price b.ls{font-size:16px}.pcard .acts{padding-top:4px}.pcard .acts .btn{padding:9px 6px;font-size:13px;border-radius:10px;white-space:nowrap}.tag{top:8px;left:8px;font-size:10px;padding:4px 8px}
 .pcard .fan img{width:58%}.pcard .fan img:nth-of-type(2){width:62%}.pcard .fan img:nth-of-type(1){transform:translate(-78%,-50%) rotate(-9deg)}.pcard .fan img:nth-of-type(3){transform:translate(-22%,-50%) rotate(9deg)}.pcard.soon:hover .fan img:nth-of-type(1),.pcard.soon:hover .fan img:nth-of-type(3){transform:none}
 .cf{--w:clamp(196px,56vw,260px)}.cfa{display:none}
 .pvh{padding:8px 10px}.pvdl{display:none}.pvt{font-size:16px}
}

/* ===== product video in gallery ===== */
.gv{background:#05082a;overflow:hidden}.gvbg{position:absolute;inset:-30px;background:center/cover no-repeat;filter:blur(26px) brightness(.6)}
.gv video{position:relative;width:100%;height:100%;object-fit:contain;display:block}
.gvp{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .3s}.gv.paused .gvp{opacity:1}
.gvp svg{width:64px;height:64px;padding:16px 14px 16px 18px;border-radius:50%;background:rgba(255,255,255,.92);fill:#12163f}
.gvs{position:absolute;right:12px;bottom:50px;width:42px;height:42px;border-radius:50%;background:rgba(6,10,42,.72);border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;z-index:2}
.gvs svg{width:21px;height:21px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.gvs .s1{display:none}.stage.snd .gvs .s1{display:block}.stage.snd .gvs .s0{display:none}
.gvb{position:absolute;left:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--cyan),var(--org));width:0;z-index:2}
.thumbs button.tv{position:relative}.tpl{position:absolute;inset:0}.tpl::before{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:rgba(255,255,255,.92)}
.tpl::after{content:"";position:absolute;left:50%;top:50%;margin:-6px 0 0 -4px;border-left:10px solid #12163f;border-top:6px solid transparent;border-bottom:6px solid transparent}
/* ===== order form: compact + radio fix ===== */
.order-box{max-width:520px;padding:20px 22px 22px;border-radius:22px}
.order-box h2{font-size:22px;margin-bottom:10px;padding-right:44px}
.sum{padding:8px 10px;margin-bottom:12px;gap:10px}.sum img{width:42px;height:52px}.sum b{font-size:14.5px;line-height:1.25}.sum span{font-size:12.5px}.tot{font-size:19px}
.fld{margin-bottom:9px}.fld label{font-size:12px;margin-bottom:3px}
.fld input,.fld textarea,.fld select{padding:9px 12px;font-size:14.5px;border-radius:10px}.fld textarea{resize:none}
.pay{gap:6px}.pay label{font-size:13.5px;padding:9px 10px;border-radius:10px;line-height:1.2;cursor:pointer;color:#fff}
.pay input[type=radio]{width:16px;height:16px;padding:0;margin:0;flex:none;accent-color:var(--org)}
.order-box .btn-cta{padding:13px;font-size:15px}.order-box form>p{margin-top:8px!important}
@keyframes sheet{from{transform:translateY(100%)}}
@media(max-width:760px){
 .modal{align-items:flex-end;padding:0}
 .order-box{max-width:none;max-height:92vh;border-radius:20px 20px 0 0;padding:16px 14px calc(14px + env(safe-area-inset-bottom));animation:sheet .35s cubic-bezier(.2,.8,.2,1)}
 .order-box h2{font-size:20px;margin-bottom:8px}
 .two{grid-template-columns:1fr 1fr;gap:8px}.two.stack{grid-template-columns:1fr}
 .fld input,.fld textarea,.fld select{font-size:16px;padding:8px 12px}
 .sticky-bar{padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:10px}
 .sticky-bar .btn{flex:1;padding:11px 14px;font-size:15px;white-space:nowrap;border-radius:12px}
 .sticky-bar .price b{font-size:22px}.sticky-bar .price s{font-size:12px}
 .pbox{padding:16px;margin:16px 0;border-radius:18px}.pbox .price b{font-size:36px}.eb{font-size:13px;padding:7px 12px}
 .qrow{margin-top:14px;gap:10px}.qrow .btn-cta{padding:13px;min-width:0}.qty button{height:44px}.samp{padding:12px;margin-top:10px}
 /* faculty: photo keeps its natural ratio, header beside it, quote below */
 .fc,.fc:nth-child(even){grid-template-columns:100px 1fr;grid-template-areas:"img fh" "q q";gap:0 14px;padding:16px;align-items:center}
 .fc .fi,.fc:nth-child(even) .fi{grid-area:img;order:0;position:relative;aspect-ratio:1000/1294;min-height:0;border-radius:14px;overflow:hidden;align-self:start}
 .fc .fi img{object-position:center top}
 .fc .ft{display:contents}
 .fc .fh{grid-area:fh}
 .fc .nm{font-size:19px;line-height:1.2}.fc .rl{font-size:12.5px;margin:4px 0 0}
 .fc p{grid-area:q;margin-top:14px;font-size:14px;line-height:1.55}
}
