/* Homepage */
.hx{position:relative;min-height:100svh;color:#fff;overflow:hidden;background:linear-gradient(180deg,#071427 0%,#0f2f4f 38%,#2a5a76 62%,#d98a4e 88%,#ffc47a 100%);padding:130px 0 150px;display:flex;align-items:center}
.hx-sky{position:absolute;inset:0;overflow:hidden}
.hx-sun{position:absolute;left:62%;bottom:6%;width:38vmin;height:38vmin;border-radius:50%;background:radial-gradient(circle,#fff3cf 0%,#ffd27d 30%,rgba(255,184,77,0) 70%);filter:blur(2px);animation:sun 14s ease-in-out infinite alternate}
@keyframes sun{to{transform:translateY(-3%) scale(1.06)}}
.hx-glow{position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(180deg,transparent,rgba(255,150,70,.35))}
.hx-stars{position:absolute;inset:0 0 50% 0;background-image:radial-gradient(1.5px 1.5px at 12% 20%,#fff,transparent),radial-gradient(1px 1px at 28% 38%,#fff,transparent),radial-gradient(1.5px 1.5px at 44% 12%,#fff,transparent),radial-gradient(1px 1px at 63% 26%,#fff,transparent),radial-gradient(1.5px 1.5px at 78% 10%,#fff,transparent),radial-gradient(1px 1px at 90% 32%,#fff,transparent),radial-gradient(1px 1px at 6% 46%,#fff,transparent);opacity:.7;animation:tw 5s ease-in-out infinite alternate}
@keyframes tw{to{opacity:.35}}
.hx-c{position:absolute;display:block;will-change:transform}
.hx-c svg{display:block}
.hx-c.c1{left:-4%;top:16%;opacity:.5;animation:drift 70s linear infinite}
.hx-c.c2{left:30%;top:30%;opacity:.55;animation:drift 90s linear infinite -30s}
.hx-c.c3{left:70%;top:12%;opacity:.45;animation:drift 80s linear infinite -50s}
.hx-c.c4{left:-8%;bottom:9%;opacity:.8;animation:drift 120s linear infinite -20s}
.hx-c.c5{left:50%;bottom:4%;opacity:.9;animation:drift 100s linear infinite -60s}
@keyframes drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(115vw,0,0)}}
.hx-jet{position:absolute;left:0;top:19%;width:min(560px,66vw);animation:fly 22s cubic-bezier(.4,.1,.3,1) infinite;filter:drop-shadow(0 30px 24px rgba(0,0,0,.35));z-index:1}
.hx-jet .jet{width:100%;height:auto;display:block;transform:rotate(-3deg)}
.hx-trail{position:absolute;right:92%;top:46%;width:130vw;height:5px;border-radius:5px;background:linear-gradient(270deg,rgba(255,255,255,.75),rgba(255,255,255,0));filter:blur(2.5px);opacity:.8}
.hx-trail:after{content:"";position:absolute;inset:6px 0 -6px;background:inherit;opacity:.5;filter:blur(5px)}
@keyframes fly{0%{transform:translate3d(-60%,26vh,0) rotate(1.5deg)}60%,100%{transform:translate3d(130vw,-14vh,0) rotate(-1deg)}}
.tower{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(90px,16vh,170px);z-index:2;display:block}
.tower .beacon{animation:bk 2s ease-in-out infinite}.tower .lights{animation:tw 3s ease-in-out infinite alternate}
@keyframes bk{50%{opacity:.2}}
.hx-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;width:100%}
.hx h1{color:#fff;font-size:clamp(2.3rem,5.4vw,4.4rem);line-height:1.04;letter-spacing:-.035em;max-width:14em;text-shadow:0 4px 30px rgba(2,10,20,.45)}
.hx-lead{font-size:clamp(1.05rem,1.6vw,1.25rem);color:#dbe9f1;max-width:34em;text-shadow:0 2px 14px rgba(2,10,20,.5)}
.hx-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}
.hx-facts{list-style:none;display:flex;gap:26px;margin:0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.22);flex-wrap:wrap}
.hx-facts li{color:#cfe0ea;font-size:.95rem}.hx-facts b{display:block;font:800 2rem/1 var(--disp);color:#fff;letter-spacing:-.03em}
/* radio panel */
.hx-rad{background:rgba(5,16,28,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:18px;box-shadow:0 30px 70px rgba(2,10,20,.5);max-width:440px;justify-self:end;width:100%}
.rad-top{display:flex;align-items:center;gap:12px}
.rad-pilot{width:64px;height:64px;border-radius:50%;overflow:hidden;background:#0f2a40;border:2px solid var(--gold);flex:none}
.rad-pilot .pilot{width:100%;height:100%;display:block}
.rad-id b{display:block;font:800 1.1rem var(--disp);color:#fff}.rad-id small{color:#8fb0c4}
.rad-tx{margin-left:auto;display:flex;align-items:center;gap:6px;font:700 .72rem var(--mono);color:#8fb0c4;letter-spacing:.1em}
.rad-tx i{width:9px;height:9px;border-radius:50%;background:#37465a;transition:.2s}
.rad-tx.on{color:var(--gold)}.rad-tx.on i{background:var(--gold);box-shadow:0 0 12px var(--gold)}
.rad-freq{display:flex;align-items:center;gap:12px;margin:14px 0;padding:10px 14px;background:#02090f;border-radius:14px;font-family:var(--mono)}
.rad-freq small{display:block;color:#5d7b8f;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}
.rad-freq b{color:#6ff0cf;font-size:1.5rem;letter-spacing:.04em;text-shadow:0 0 14px rgba(111,240,207,.5)}
.rad-freq div:last-child b{color:#8fb0c4;font-size:1.1rem;text-shadow:none}.rad-freq span svg{width:18px;height:18px;fill:none;stroke:#5d7b8f;stroke-width:2}
.rad-log{min-height:196px;display:flex;flex-direction:column;gap:7px}
.rad-log .ln{margin:0;padding:9px 12px;border-radius:12px;font-size:.88rem;line-height:1.4;max-width:92%;color:#e8f1f6}
.rad-log .ln b{display:block;font:700 .62rem var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;opacity:.7}
.rad-log .p{background:rgba(18,144,127,.3);border:1px solid rgba(47,207,176,.3);align-self:flex-start}
.rad-log .a{background:rgba(255,184,77,.14);border:1px solid rgba(255,184,77,.35);align-self:flex-end}
.js .rad-log .ln{opacity:0;transform:translateY(8px);transition:.45s}.js .rad-log .ln.in{opacity:1;transform:none}
.rad-wave{display:flex;gap:3px;align-items:center;height:28px;margin-top:8px}
.rad-wave i{flex:1;background:var(--mint);border-radius:2px;height:20%;opacity:.8}
.rad-wave.on i{animation:wv .7s ease-in-out infinite alternate}
.rad-wave i:nth-child(3n){animation-delay:-.2s}.rad-wave i:nth-child(3n+1){animation-delay:-.45s}.rad-wave i:nth-child(5n){animation-delay:-.1s}
@keyframes wv{from{height:15%}to{height:100%}}
.p-eyes{animation:blink 5s infinite;transform-origin:130px 140px}
@keyframes blink{0%,94%,100%{transform:scaleY(1)}97%{transform:scaleY(.1)}}
.rad-pilot.talk .p-mouth{animation:mth .28s ease-in-out infinite alternate;transform-origin:130px 170px}
@keyframes mth{to{transform:scaleY(1.9)}}
/* phonetic marquee */
.phon{background:var(--navy);border-block:1px solid #16344d;overflow:hidden;padding:14px 0;white-space:nowrap}
.phon-t{display:inline-flex;gap:34px;animation:mq 70s linear infinite}
.phon span{color:#8fb0c4;font-size:.95rem;letter-spacing:.04em}.phon b{color:var(--gold);font:800 1.1rem var(--disp);margin-right:8px}
@keyframes mq{to{transform:translateX(-50%)}}
.phon:hover .phon-t{animation-play-state:paused}
/* sections */
section[class$="-sec"],.cw,.fq,.fin,.rx-help{padding:clamp(64px,9vw,120px) 0}
section h2{max-width:18em}
.ln-sec{background:var(--bg)}
.lanes{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px;margin-top:34px}
.lane{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;display:flex;flex-direction:column;box-shadow:var(--sh);transition:transform .3s,box-shadow .3s;transform-style:preserve-3d}
.lane:hover{box-shadow:0 24px 50px rgba(10,40,60,.16)}
.lane.big{background:linear-gradient(160deg,#0a1b2e,#10304a);color:#cfe0ea;border-color:#10304a}.lane.big h3{color:#fff}
.lane h3{font-size:1.45rem}.lane p{flex:1}
.lnk{font-weight:800;display:inline-flex;gap:8px;align-items:center}.lnk svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .25s}.lane:hover .lnk svg{transform:translateX(5px)}
.lane.big .lnk{color:var(--gold)}
.lane-art{height:150px;margin:-6px -6px 14px}.lane-art svg{width:100%;height:100%}
.lane-art.opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:auto;margin:0 0 16px}
.lane-art.opts span{padding:12px;border-radius:12px;background:var(--soft);font-weight:800;color:var(--mut);text-align:center;transition:.4s}
.lane-art.opts .ok{background:var(--okbg);color:var(--ok);animation:pick 4s infinite}
@keyframes pick{0%,40%{background:var(--soft);color:var(--mut)}50%,90%{background:var(--okbg);color:var(--ok)}}
.lane-art.lib{display:flex;gap:8px;align-items:flex-end;height:90px;height:auto;margin:0 0 16px}
.lane-art.lib i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(var(--teal),#065a50);height:64px}.lane-art.lib i:nth-child(2){height:84px;background:linear-gradient(var(--gold),#d98a2e)}.lane-art.lib i:nth-child(3){height:72px;background:linear-gradient(var(--navy3),var(--navy))}
/* call builder */
.cb-sec{background:var(--navy);color:#cfe0ea;position:relative;overflow:hidden}
.cb-sec:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 80% 0,rgba(18,144,127,.28),transparent)}
.cb-sec h2{color:#fff}
.cb-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.cb-key{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}.cb-key li{display:flex;align-items:center;gap:8px;font-size:.92rem}
.k-st{--c:#6ff0cf}.k-id{--c:#ffb84d}.k-ps{--c:#9cc7ff}.k-rq{--c:#ff9fb0}
.cb-key i{background:var(--c);width:12px;height:12px;border-radius:4px;background:var(--c)}
.cbx{background:#02090f;border:1px solid #16344d;border-radius:24px;padding:20px;box-shadow:0 30px 60px rgba(0,0,0,.4)}
.cb-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.cb-tabs::-webkit-scrollbar{display:none}
.cb-tabs button{flex:none;background:#0c2236;color:#8fb0c4;border:1px solid #16344d;border-radius:99px;padding:8px 16px;font:700 .86rem var(--sans);cursor:pointer;min-height:40px}
.cb-tabs button.on{background:var(--gold);color:#201400;border-color:var(--gold)}
.cb-lab{font:700 .66rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#5d7b8f;margin:14px 0 6px}
.cb-call{font:500 1.05rem/1.9 var(--mono);color:#fff}
.cb-call span{display:inline-block;padding:1px 10px;border-radius:8px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);margin:2px 2px 2px 0}
.cb-atc,.cb-rb{font:500 1rem/1.6 var(--mono);color:#cfe0ea;margin:0;padding:12px 14px;border-radius:12px;background:#0c2236}.cb-atc{border-left:3px solid var(--gold)}.cb-rb{border-left:3px solid var(--mint)}
.cb-p.on .cb-call span{animation:pop .5s both}.cb-p.on .cb-call span:nth-child(2){animation-delay:.12s}.cb-p.on .cb-call span:nth-child(3){animation-delay:.24s}.cb-p.on .cb-call span:nth-child(4){animation-delay:.36s}
@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.96)}}
/* rules */
.rg-sec{background:var(--bg)}
.rg-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
.rg-steps{counter-reset:s;list-style:none;padding:0;margin:26px 0 0;position:relative}
.rg-steps:before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:repeating-linear-gradient(var(--teal) 0 6px,transparent 6px 12px)}
.rg-steps li{counter-increment:s;position:relative;padding:0 0 22px 60px;font-size:1.02rem}
.rg-steps li:before{content:counter(s);position:absolute;left:0;top:-2px;width:40px;height:40px;border-radius:50%;background:var(--navy);color:var(--gold);display:grid;place-items:center;font:800 1rem var(--disp);box-shadow:0 0 0 6px var(--bg)}
.rg-card{background:linear-gradient(170deg,#fff,#f3f1e8);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--sh);position:sticky;top:96px}
.rg-card h3{font-size:1.3rem}
.rg-card dl{margin:0}.rg-card dl div{padding:12px 0;border-top:1px dashed var(--line)}
.rg-card dt{font:700 .7rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}.rg-card dd{margin:3px 0 0;font-size:.96rem}
.rg-note{font-size:.82rem;color:var(--mut);margin:14px 0 0;padding:12px;background:var(--rose);border-radius:12px}
/* chapter rail */
.cw{background:#fff;overflow:hidden}
.cw-row{list-style:none;margin:30px 0 0;padding:6px 20px 24px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.cw-row li{flex:none;scroll-snap-align:start}
.cw-row a{display:flex;flex-direction:column;justify-content:space-between;width:230px;height:150px;padding:18px;border-radius:20px;background:linear-gradient(160deg,var(--soft),#fff);border:1px solid var(--line);color:var(--ink);transition:.3s}
.cw-row a:hover{transform:translateY(-6px);text-decoration:none;box-shadow:var(--sh);border-color:var(--teal)}
.cw-row b{font:700 1.02rem/1.25 var(--disp)}.cw-row small{color:var(--mut)}
.cw-end a{background:var(--navy);color:#fff}.cw-end small{color:var(--gold)}
/* rhythm */
.wk-sec{background:var(--soft)}
.wk{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.wk-w{background:#fff;border-radius:22px;padding:22px;border:1px solid var(--line)}
.wk-n{font:700 .72rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin:0 0 6px}
.wk-w h3{font-size:1.15rem}.wk-w p{font-size:.94rem;color:#2c3d4f}
.wk-d{display:flex;gap:5px;margin:12px 0}.wk-d i{width:100%;height:10px;border-radius:3px;background:var(--line);transition:background .5s calc(var(--k,0)*90ms)}
.wk-w.in .wk-d i{background:var(--teal)}.wk-w.in .wk-d i.rest{background:var(--gold)}
/* vs */
.vs-sec{background:var(--bg)}
.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.vs-mist{background:var(--navy);color:#cfe0ea;border-radius:24px;padding:28px}.vs-mist h3{color:#fff}
.vs-mist ul{margin:0;padding:0;list-style:none}.vs-mist li{padding:12px 0;border-top:1px solid #16344d}.vs-mist b{color:var(--gold)}
/* pricing */
.pr-sec{background:linear-gradient(180deg,#0a1b2e,#06121f);color:#cfe0ea}.pr-sec h2{color:#fff}.pr-sec .rx-sub{color:#9bb7c9}
.pr-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;align-items:stretch}
.pr-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:28px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#cfe0ea;transition:.3s;text-decoration:none}
.pr-card:hover{transform:translateY(-6px);border-color:var(--gold);text-decoration:none;color:#cfe0ea}
.pr-card.hot{background:linear-gradient(160deg,rgba(255,184,77,.18),rgba(255,184,77,.04));border-color:var(--gold)}
.pr-card em{position:absolute;top:-12px;left:22px;font:800 .72rem var(--sans);font-style:normal;background:var(--gold);color:#201400;padding:4px 12px;border-radius:99px;letter-spacing:.06em;text-transform:uppercase}
.pr-n{font:700 1.15rem var(--disp);color:#fff}.pr-card b{font:800 2.6rem/1.1 var(--disp);color:#fff;letter-spacing:-.03em}
.pr-go{margin-top:auto;padding-top:16px;color:var(--gold);font-weight:800;display:flex;gap:8px;align-items:center}.pr-go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.rx-more{margin-top:26px;color:#9bb7c9}.rx-more a{color:var(--gold)}
/* faq */
.fq{background:var(--bg)}
.fq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px}.fq-side{position:sticky;top:100px;align-self:start}
.fq details{background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:10px;overflow:hidden}
.fq summary{cursor:pointer;list-style:none;padding:18px 54px 18px 20px;font:700 1.04rem var(--disp);color:var(--ink);position:relative;min-height:52px}
.fq summary::-webkit-details-marker{display:none}
.fq summary:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--teal);transition:.3s}
.fq details[open] summary:after{transform:translateY(-50%) rotate(45deg)}
.fq details p{padding:0 20px 18px;margin:0;color:#2c3d4f}
.rx-help{background:var(--soft);text-align:center}.rx-help .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
/* final */
.fin{position:relative;background:linear-gradient(180deg,#0a1b2e,#10304a);color:#cfe0ea;text-align:center;overflow:hidden}
.fin h2{color:#fff;margin-inline:auto;font-size:clamp(2rem,5vw,3.4rem)}.fin p{font-size:1.1rem}
.fin-run{position:absolute;bottom:0;left:0;right:0;height:60px;display:flex;justify-content:space-around;align-items:center;perspective:200px}
.fin-run i{width:6%;height:6px;background:rgba(255,255,255,.55);border-radius:3px;animation:runw 2.4s linear infinite}
/* responsive */
@media(max-width:1020px){
 .hx{padding:120px 0 130px;min-height:0}
 .hx-grid{grid-template-columns:1fr;gap:30px}.hx-rad{justify-self:stretch;max-width:560px}
 .lanes,.pr-row{grid-template-columns:1fr 1fr}.lane.big{grid-column:1/-1}
 .cb-grid,.rg-grid,.vs-grid,.fq-grid{grid-template-columns:1fr;gap:28px}.rg-card,.fq-side{position:static}
 .wk{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
 .hx{padding:104px 0 110px}.hx-jet{width:80vw;top:12%}
 .hx-cta .btn{width:100%}.hx-facts{gap:18px}
 .lanes,.pr-row,.wk{grid-template-columns:1fr}
 .cbx{padding:14px}.cb-call{font-size:.92rem}
 .rad-log{min-height:230px}
}
@media(max-height:520px) and (orientation:landscape){.hx{padding:90px 0 80px;min-height:0}.hx-grid{grid-template-columns:1.1fr .9fr}.hx h1{font-size:2rem}.rad-log{min-height:0}.rad-log .ln:nth-child(n+4){display:none}}
@media(prefers-reduced-motion:reduce){.hx-jet,.hx-c,.hx-sun,.phon-t,.hx-stars,.tower .beacon,.fin-run i,.lane-art.opts .ok,.rad-wave i,.p-eyes{animation:none!important}.hx-jet{transform:translate(28vw,6vh)}.js .rad-log .ln{opacity:1;transform:none}}
/* realism pass */
.hx-c svg{filter:blur(9px)}
.hx-c.c4 svg,.hx-c.c5 svg{filter:blur(5px)}
.hx-c.c1{opacity:.32}.hx-c.c2{opacity:.4}.hx-c.c3{opacity:.3}.hx-c.c4{opacity:.6}.hx-c.c5{opacity:.65}
.hx-c.c4 svg{transform:scale(1.6,.8);transform-origin:0 100%}.hx-c.c5 svg{transform:scale(1.4,.7);transform-origin:0 100%}
.hx-jet{top:9%;width:min(430px,52vw)}
@keyframes fly{0%{transform:translate3d(-70%,8vh,0) rotate(1deg);opacity:0}6%{opacity:1}55%{opacity:1}62%,100%{transform:translate3d(135vw,-6vh,0) rotate(-1deg);opacity:0}}
.hx-jet{animation-duration:26s}
@media(max-width:1020px){.hx-jet{top:13%;width:min(340px,70vw)}}
.cb-grid>*,.hx-grid>*,.rg-grid>*,.vs-grid>*,.fq-grid>*,.lanes>*{min-width:0}
.cbx{max-width:100%}
.pr-li{list-style:none;margin:10px 0 0;padding:0}.pr-li li{position:relative;padding:4px 0 4px 22px;font-size:.93rem;color:#cfe0ea}.pr-li li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:800}