/* Home page: cockpit-style hero, animations */
body.home .hdr:not(.solid){background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
body.home .hdr:not(.solid) .logo{color:#fff}body.home .hdr:not(.solid) .nav a{color:#c3d0e8}body.home .hdr:not(.solid) .nav a:hover{background:rgba(255,255,255,.1);color:#fff}
body.home .hdr:not(.solid) .pill{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}
.hero{position:relative;overflow:hidden;color:#fff;background:#060b16;margin-top:calc(-1 * var(--hh) - env(safe-area-inset-top,0px));padding:calc(var(--hh) + 34px + env(safe-area-inset-top,0px)) 0 74px}
.hero .blobs i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:drift 18s ease-in-out infinite}
.hero .blobs i:nth-child(1){width:520px;height:520px;left:-140px;top:-120px;background:#2b5fe0}
.hero .blobs i:nth-child(2){width:460px;height:460px;right:-120px;top:-60px;background:#7a4dff;animation-delay:-6s}
.hero .blobs i:nth-child(3){width:420px;height:420px;left:35%;bottom:-220px;background:#00b8c4;opacity:.3;animation-delay:-11s}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,30px) scale(1.12)}}
.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 72%);pointer-events:none}
.hero .in{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 16px;display:grid;gap:30px;align-items:center;grid-template-columns:minmax(0,1fr)}.hero .in>*{min-width:0}
@media(min-width:960px){.hero .in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}
.hero h1{font-size:clamp(36px,7.5vw,62px);letter-spacing:-.035em;margin:14px 0 12px;line-height:1.05}
.hero h1 span{background:linear-gradient(90deg,#8cb4ff,#c9a9ff 60%,#7ef0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{color:#c3d0e8;font-size:18px;max-width:560px;margin:0 0 20px}
.eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#a9c4ff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);padding:6px 14px;border-radius:999px}
.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#4fe08a;box-shadow:0 0 0 0 rgba(79,224,138,.7);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(79,224,138,0)}100%{box-shadow:0 0 0 0 rgba(79,224,138,0)}}
.hero .btn{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff}.hero .btn.primary{background:#fff;color:#0b1220;border:0;box-shadow:0 10px 30px rgba(140,180,255,.35)}
/* try box */
.try{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:14px;margin:0 0 18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.try label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a9bbd8}
.tryrow{display:flex;gap:8px;margin:8px 0}.tryrow input{flex:1;min-width:0;font:700 18px ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:11px 14px}.tryrow input::placeholder{color:#6f84a6;letter-spacing:.05em;font-weight:500}.tryrow input:focus{outline:2px solid #8cb4ff}
.tryrow button{font:700 15px system-ui;border:0;border-radius:12px;padding:0 18px;background:linear-gradient(135deg,#3366f0,#7a4dff);color:#fff;cursor:pointer}
.chips2{display:flex;flex-wrap:wrap;gap:6px}.chips2 button{font:600 12px ui-monospace,Menlo,monospace;letter-spacing:.06em;color:#cfe0ff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:5px 11px;cursor:pointer;transition:background .15s,transform .15s}.chips2 button:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}
#try-out{margin-top:10px;font-size:14px}#try-out .trow{display:flex;justify-content:space-between;gap:8px;color:#c3d0e8;margin-bottom:8px}#try-out .trow b{color:#fff}
#try-out .tile{background:rgba(0,0,0,.3);border-color:rgba(255,255,255,.14);color:#fff}#try-out .tile small,#try-out .tile i{color:#a9bbd8}#try-out .tile b{color:#7dffb0;text-shadow:0 0 16px rgba(125,255,176,.45)}
#try-out .more{margin-top:8px;color:#a9bbd8;font-size:13px}#try-out .more a{color:#8cb4ff;font-weight:600}#try-out .more .btn{padding:6px 12px;font-size:13px;border-radius:10px;margin-right:8px}#try-out .msg{color:#ffb4a8}
/* flight deck */
.deck{background:linear-gradient(180deg,#0b1424,#070d19);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:14px;box-shadow:0 30px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08)}
.deck-top span{min-width:0;overflow-wrap:anywhere}.deck-top{display:flex;align-items:center;gap:8px;font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;color:#7f93b4;text-transform:uppercase;padding:2px 4px 8px}.deck-top i{width:8px;height:8px;border-radius:50%;background:#ff4d4d;animation:pulse 1.6s infinite;box-shadow:0 0 8px #ff4d4d}
.deck .rwy .tk{fill:#7f93b4}.deck .rwy .mk{fill:#fff;stroke:#0b1424}
.dread{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:8px;margin-top:6px}.dread div{background:#05090f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 6px;text-align:center}
.dread small{display:block;font:700 10px ui-monospace,Menlo,monospace;letter-spacing:.12em;color:#6f84a6}.dread b{display:block;font:800 28px/1.15 ui-monospace,Menlo,monospace;color:#46f08a;text-shadow:0 0 14px rgba(70,240,138,.5)}
.dread .flag b{color:#4a5a73;text-shadow:none;transition:color .2s,text-shadow .2s}.dread .flag.on b{color:#ffc233;text-shadow:0 0 16px rgba(255,194,51,.6)}
.dfoot{display:flex;justify-content:space-between;font:600 12px ui-monospace,Menlo,monospace;color:#7f93b4;padding:8px 4px 0}
@media(max-width:480px){.dread b{font-size:22px}}
/* sections */
.stats2{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:-36px 0 8px;position:relative;z-index:2}
.stat2{background:var(--s1);border:1px solid var(--bd);border-radius:20px;padding:18px 12px;text-align:center;box-shadow:var(--sh)}.stat2 b{display:block;font-size:clamp(26px,5vw,34px);letter-spacing:-.03em;background:linear-gradient(90deg,var(--ac),var(--ac2));-webkit-background-clip:text;background-clip:text;color:transparent}.stat2 span{color:var(--mut);font-size:13px}
.sec{margin-top:54px}.sec>h2{font-size:clamp(24px,4.4vw,34px);letter-spacing:-.025em;margin:0 0 6px}.sec>p.lead{color:var(--mut);margin:0 0 20px;max-width:640px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
a.feat{position:relative;display:flex;gap:14px;background:var(--s1);border:1px solid var(--bd);border-radius:22px;padding:18px;text-decoration:none;color:inherit;box-shadow:var(--sh);transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}
a.feat:before{content:"";position:absolute;inset:0;background:radial-gradient(240px 120px at var(--mx,80%) -20%,color-mix(in srgb,var(--ac) 22%,transparent),transparent 70%);opacity:0;transition:opacity .25s}
a.feat:hover{transform:translateY(-4px);border-color:var(--ac)}a.feat:hover:before{opacity:1}
.feat .ic{font-size:28px;line-height:1;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 18%,transparent),color-mix(in srgb,var(--ac2) 18%,transparent));display:grid;place-items:center;flex:none;position:relative}
.feat b{display:block;font-size:17px;margin-bottom:2px;position:relative}.feat span{color:var(--mut);font-size:14px;position:relative}.feat em{display:block;margin-top:6px;color:var(--ac);font-style:normal;font-weight:600;font-size:13px;position:relative}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;counter-reset:s}.steps>div{background:var(--s1);border:1px solid var(--bd);border-radius:22px;padding:20px;position:relative}.steps>div:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;font-weight:700;margin-bottom:10px}.steps p{margin:4px 0 0;color:var(--mut);font-size:14px}
.two{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.panel{background:var(--s1);border:1px solid var(--bd);border-radius:22px;padding:20px;box-shadow:var(--sh)}.panel h3{margin:0 0 6px}.panel p{color:var(--mut);margin:0 0 12px;font-size:14px}
.log{list-style:none;margin:0;padding:0}.log li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--bd);font-size:14px}.log li:last-child{border:0}.log b{min-width:72px;color:var(--ac)}
.faq details{background:var(--s1);border:1px solid var(--bd);border-radius:16px;padding:14px 16px;margin-bottom:10px}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--mut);margin:8px 0 0}
/* scroll reveal */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease var(--d,0ms),transform .7s ease var(--d,0ms)}.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}.hero .blobs i,.eyebrow:before,.deck-top i{animation:none}a.feat,a.feat:hover{transition:none;transform:none}}
/* launcher home */
.launch{max-width:1100px;margin:0 auto;padding:calc(var(--hh,60px) + 16px) 16px 90px;display:grid;gap:18px;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "tools" "deck" "trust"}
.lcopy{grid-area:copy}.lcopy h1{font-size:clamp(30px,7vw,52px);line-height:1.05;letter-spacing:-.03em;margin:8px 0 10px}.lcopy .lead{color:var(--mut);margin:0 0 14px}
.ltools{grid-area:tools}.ltools h2{font-size:15px;margin:0 0 10px;color:var(--mut);text-transform:uppercase;letter-spacing:.08em}
.launchgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lt{display:flex;flex-direction:column;gap:3px;padding:14px;background:var(--s1);border:1px solid var(--bd);border-radius:16px;text-decoration:none;color:inherit;min-height:104px;transition:transform .15s,border-color .15s}
.lt:hover,.lt:focus-visible{transform:translateY(-2px);border-color:var(--ac)}
.lt i{font-style:normal;font-size:24px}.lt b{font-size:16px}.lt span{font-size:13px;color:var(--mut);line-height:1.3}
.quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quick a,.quick button{font:inherit;font-size:14px;padding:9px 13px;border-radius:999px;border:1px solid var(--bd);background:var(--s1);color:inherit;text-decoration:none;cursor:pointer}
.quick button[hidden]{display:none!important}
.launch .deck{grid-area:deck;margin:0}.trust{grid-area:trust;text-align:center;color:var(--mut);font-size:13px;margin:6px 0 0}
@media(min-width:700px){.launchgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:960px){.launch{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"copy tools" "deck tools" "trust trust";align-items:start}.launchgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.home .hdr:not(.solid){background:var(--s1);border-color:var(--bd)}
body.home .hdr:not(.solid) .logo{color:inherit}body.home .hdr:not(.solid) .nav a{color:var(--mut)}body.home .hdr:not(.solid) .nav a:hover{background:var(--s2,rgba(0,0,0,.06));color:inherit}
body.home .hdr:not(.solid) .pill{background:var(--s1);border-color:var(--bd);color:inherit}
.launch .eyebrow{color:var(--ac);background:var(--s1);border-color:var(--bd)}
.launch .try{background:var(--s1);border-color:var(--bd);backdrop-filter:none;-webkit-backdrop-filter:none}
.launch .try label{color:var(--mut)}
.launch .tryrow input{color:inherit;background:var(--s2,#eef2fa);border-color:var(--bd)}.launch .tryrow input::placeholder{color:var(--mut);opacity:.7}
.launch .chips2 button{color:inherit;background:var(--s2,#eef2fa);border-color:var(--bd)}
.launch .lead,.lcopy h1{color:inherit}.lcopy .lead{color:var(--mut)}
.launch .trow b,.launch .board{color:inherit}
.launch .tile{background:#0b1220;border:1px solid #1d2a44;color:#e8eefc}.launch .tile small,.launch .tile i{color:#8fa3c7}.launch .tile b{color:#7dffa8}
.launch .try .more,.launch .try .trow span{color:var(--mut)}.launch .try .more a{color:var(--ac)}
.launch #try-out .tile{background:#0b1220;border-color:#1d2a44;color:#e8eefc;text-shadow:none}.launch #try-out .tile small,.launch #try-out .tile i{color:#8fa3c7}.launch #try-out .tile b{color:#7dffa8}
.launch #try-out .trow b{color:var(--tx)}.launch #try-out .trow span,.launch #try-out .more{color:var(--mut)}.launch #try-out .more a{color:var(--ac)}

/* launcher v7: everything visible at once */
.launch{grid-template-areas:"copy" "tools" "try" "deck" "trust"}
.ltry{grid-area:try;margin:0}
.lcopy h1{font-size:clamp(26px,6.5vw,46px);margin:6px 0 6px}.lcopy .lead{margin:0}
.lt{min-height:84px;padding:12px}.lt i{font-size:22px}.lt b{font-size:15px}.lt span{font-size:12px}
.lt.feat2{grid-column:1/-1;flex-direction:row;align-items:center;gap:12px;min-height:0;padding:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 14%,var(--s1)),var(--s1));border-color:var(--ac)}
.lt.feat2 i{font-size:30px}.lt.feat2 b{display:block;font-size:17px}.lt.feat2 span{display:block;flex:1}
.lt.feat2>*{align-self:center}.lt.feat2 b+span{margin-top:2px}
@media(max-width:699px){.launch{padding-top:calc(var(--hh,58px) + 8px);gap:12px}.lcopy .eyebrow{display:none}.launchgrid{gap:8px}}
@media(min-width:960px){.launch{grid-template-areas:"copy tools" "try tools" "deck tools" "trust trust"}}
@media(min-width:700px) and (max-width:959px){.launchgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}