/* ORCA SYSTEMS — site styles v2 */
[hidden]{display:none!important}
:root{
  --cream:#FFF3D5; --sand:#F3E3BC; --dune:#E2CC98;
  --olive:#4D694E; --olive-deep:#33473A; --sage:#A9BB9C;
  --charcoal:#26282D; --ink:#17191C; --ink-2:#1F2125;
  --sunset:#FF7A2E; --profit:#22C55E; --loss:#EF4444; --caution:#F59E0B; --alert:#FACC15;
  --r-xl:36px; --r-lg:26px; --r-md:18px; --r-sm:12px;
  --dot:"Doto","DotGothic16",ui-monospace,monospace;
  --sans:"Instrument Sans",system-ui,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--cream)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{font:17px/1.6 var(--sans);color:var(--charcoal);background:var(--cream);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--sunset);outline-offset:3px;border-radius:6px}
.wrap{width:min(1240px,100% - 32px);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- nav ---------- */
.nav{position:fixed;inset:14px 0 auto;z-index:50;pointer-events:none}
.nav .bar{pointer-events:auto;display:flex;align-items:center;gap:20px;padding:10px 10px 10px 18px;border-radius:999px;
  background:rgba(255,243,213,.62);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);
  border:1px solid rgba(77,105,78,.18);box-shadow:0 10px 40px -24px rgba(23,25,28,.5)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 15px var(--sans);letter-spacing:.12em;color:var(--ink)}
.brand svg{width:34px;color:var(--ink)}
.nav nav{display:flex;gap:4px;margin-left:auto}
.nav nav a{text-decoration:none;font-size:15px;padding:8px 14px;border-radius:999px;color:var(--olive-deep)}
.nav nav a:hover{background:rgba(77,105,78,.1)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;text-decoration:none;
  font:600 16px var(--sans);padding:13px 22px;border-radius:999px;transition:transform .25s var(--ease),background .25s}
.btn:hover{transform:translateY(-2px)}
.btn-hot{background:var(--sunset);color:var(--ink)}
.btn-olive{background:var(--olive);color:var(--cream)}
.btn-ghost{background:rgba(255,243,213,.14);color:var(--cream);border:1px solid rgba(255,243,213,.35)}
.btn-line{background:transparent;color:var(--olive-deep);border:1.5px solid var(--olive)}
.nav .btn{padding:10px 18px;font-size:15px}
@media (max-width:820px){.nav nav{display:none}.nav .btn{margin-left:auto;padding:9px 14px;font-size:14px;white-space:nowrap}.brand{font-size:13px;white-space:nowrap}.brand svg{width:28px}}

/* ---------- hero (split card) ---------- */
.hero{padding:96px 0 40px}
@media (max-height:700px) and (min-width:821px){.hero{padding-top:86px}.hero-kicker{font-size:14px}.hero-sub{font-size:16px;max-width:36ch}.hero-cta .btn{padding:11px 18px}}
.split{position:relative;border-radius:var(--r-xl);overflow:hidden;min-height:clamp(620px,84vh,760px);display:grid;grid-template-columns:1fr 1fr;isolation:isolate;
  box-shadow:0 40px 90px -50px rgba(23,25,28,.7)}
.split .sea{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.split .left{position:relative;background:rgba(255,243,213,.55);backdrop-filter:blur(26px) saturate(1.15);-webkit-backdrop-filter:blur(26px) saturate(1.15);
  border-right:1px solid rgba(255,243,213,.5);padding:clamp(24px,4vw,56px);display:flex;flex-direction:column;justify-content:space-between}
.split .right{position:relative;padding:clamp(24px,4vw,56px);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;color:var(--cream)}
.hero-kicker{font-size:15px;color:var(--olive-deep);max-width:28ch}
.headline{position:absolute;left:clamp(24px,4vw,56px);right:clamp(24px,4vw,56px);top:47%;transform:translateY(-50%);z-index:3;pointer-events:none;
  font:800 clamp(52px,min(10.4vw,19vh),168px)/.86 var(--dot);letter-spacing:-.02em}
.headline .row{display:block;white-space:nowrap}
/* text crossing the split: ink on the glass, cream on the sea (clip-path swap) */
.headline .layer{display:block}
.headline .on-glass{color:var(--ink);clip-path:inset(0 50% 0 0)}
.headline .on-sea{position:absolute;inset:0;color:var(--cream);clip-path:inset(0 0 0 50%)}
.hero-sub{font-size:clamp(17px,1.6vw,20px);max-width:32ch;color:var(--ink)}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.hero-meta{font-size:14px;color:rgba(255,243,213,.85);text-align:right;max-width:26ch}
.fin{position:absolute;right:18%;bottom:31%;width:min(220px,26vw);color:var(--ink);z-index:1;filter:drop-shadow(0 12px 18px rgba(0,0,0,.35))}
.mini{position:absolute;right:clamp(16px,3vw,40px);top:clamp(16px,3vw,40px);width:min(300px,40%);z-index:4}
@media (max-width:820px){
  .hero{padding-top:84px}
  .split{display:flex;flex-direction:column;min-height:auto}
  .headline{order:1;position:relative;left:auto;right:auto;top:auto;transform:none;margin:0;padding:28px 20px 6px;
    background:rgba(255,243,213,.55);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);font-size:clamp(52px,16vw,84px)}
  .headline .on-glass{clip-path:none}.headline .on-sea{display:none}
  .split .left{order:2;border-right:0;border-bottom:1px solid rgba(255,243,213,.5);padding:8px 20px 26px;gap:18px}
  .split .right{order:4;min-height:360px;align-items:flex-start;padding:20px}
  .mini{order:5;position:relative;right:auto;top:auto;width:auto;margin:0 16px 16px}
  .hero-meta{text-align:left}
}
/* ---------- ticker ---------- */
.ticker{overflow:hidden;padding:18px 0;border-block:1px solid rgba(77,105,78,.2);margin:28px 0 0}
.ticker .track{display:flex;gap:44px;width:max-content;font:700 22px var(--dot);color:var(--olive);animation:tick 38s linear infinite}
.ticker .track span{display:flex;align-items:center;gap:14px;white-space:nowrap}
.ticker .track i{width:8px;height:8px;border-radius:50%;background:var(--sunset)}
@keyframes tick{to{transform:translateX(-50%)}}

/* ---------- section heads ---------- */
.sec{padding:clamp(80px,11vw,150px) 0}
.sec h2,.dusk h2,.partners h2,.demo h2{font:800 clamp(36px,5vw,72px)/.98 var(--dot);letter-spacing:-.01em;color:var(--ink);max-width:16ch}
.sec .lede,.dusk .lede,.partners .lede{font-size:clamp(17px,1.5vw,20px);max-width:52ch;margin-top:18px;color:var(--olive-deep)}

/* ---------- demo (pinned) ---------- */
.demo{background:var(--olive-deep);color:var(--cream);border-radius:var(--r-xl);margin-inline:16px;position:relative}
.demo .pin{height:100vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:28px;align-items:center;padding:200px clamp(16px,4vw,56px) 40px}
.demo h2{color:var(--cream)}
.demo .steps{position:absolute;left:clamp(16px,4vw,56px);top:100px;right:clamp(16px,4vw,56px);display:flex;justify-content:space-between;align-items:flex-start;gap:20px;pointer-events:none}
.demo .caption{max-width:40ch}
.demo .caption b{display:block;font:800 clamp(26px,3vw,42px)/1 var(--dot);color:var(--cream);margin-bottom:8px}
.demo .caption p{color:rgba(255,243,213,.8);font-size:16px;min-height:3.2em}
.prog{display:flex;gap:6px;margin-top:6px}
.prog i{width:34px;height:4px;border-radius:2px;background:rgba(255,243,213,.2);transition:background .3s}
.prog i.on{background:var(--sunset)}
.sound-toggle{pointer-events:auto;font:600 14px var(--sans);color:var(--cream);background:rgba(255,243,213,.1);border:1px solid rgba(255,243,213,.3);padding:9px 14px;border-radius:999px;cursor:pointer;white-space:nowrap}
.sound-toggle[aria-pressed="true"]{background:var(--sunset);color:var(--ink);border-color:var(--sunset)}
.chart{position:relative;background:var(--ink);border-radius:var(--r-lg);height:min(calc(100vh - 260px),540px);overflow:hidden;border:1px solid rgba(255,243,213,.08)}
.chart svg{width:100%;height:100%}
.chart .sym{position:absolute;left:18px;top:14px;font:600 13px var(--sans);color:rgba(255,243,213,.55)}
.toast{position:absolute;left:50%;top:46px;transform:translate(-50%,-140%);display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;
  background:var(--sunset);color:var(--ink);font:700 15px var(--sans);transition:transform .5s var(--ease);white-space:nowrap;z-index:2}
.toast.show{transform:translate(-50%,0)}
.toast .wave{display:flex;gap:2px;align-items:center;height:14px}
.toast .wave i{width:3px;background:var(--ink);border-radius:2px;animation:wv .6s ease-in-out infinite alternate}
.toast .wave i:nth-child(2){animation-delay:.1s}.toast .wave i:nth-child(3){animation-delay:.2s}.toast .wave i:nth-child(4){animation-delay:.3s}
@keyframes wv{from{height:3px}to{height:14px}}
@media (max-width:900px){
  .demo{margin-inline:8px}
  .demo .pin{grid-template-columns:1fr;align-content:start;gap:12px;padding:236px 14px 20px}
  .demo .steps{top:92px;left:14px;right:14px;flex-direction:column;gap:10px}
  .demo .caption p{font-size:14.5px;min-height:4.4em}
  .chart{height:30vh;min-height:200px}
  .demo .panel .pbody .prow,.demo .panel .pbody .bs,.demo .panel .pbody .money,.demo .panel .tabs{display:none}
  .demo .panel .plog{min-height:0}
}
/* ---------- ORCA panel replica ---------- */
.panel{background:#1d1f23;border-radius:var(--r-md);overflow:hidden;color:#e9e4da;font:12.5px/1.35 var(--sans);border:1px solid rgba(255,255,255,.07);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.panel .ph{display:flex;align-items:center;gap:8px;padding:10px 12px 8px}
.panel .ph b{font:800 15px var(--sans);letter-spacing:.06em}
.panel .ph span{color:#8b8f96;font-size:11px}
.panel .ph .min{margin-left:auto;width:20px;height:16px;border-radius:4px;background:#2c2f35}
.led{height:7px;margin:0 12px;border-radius:4px;background:var(--sunset);transition:background .25s;box-shadow:0 0 14px currentColor}
.led[data-s="win"]{background:var(--profit)}
.led[data-s="loss"]{background:var(--loss)}
.led.blink{animation:blink .18s steps(2) 6}
@keyframes blink{50%{opacity:.15}}
.led-label{margin:6px 12px 0;font:700 11px var(--sans);color:#8b8f96;min-height:14px}
.tabs{display:flex;gap:3px;padding:8px 12px}
.tabs i,.tabs button{font:600 10.5px var(--sans);font-style:normal;flex:1;text-align:center;padding:6px 0;border-radius:6px;background:#2a2d33;color:#aeb2b8;border:0;cursor:pointer;transition:background .2s,color .2s}
.tabs button:hover{background:#353941;color:#e9e4da}
.tabs i.on,.tabs button.on{background:var(--sunset);color:var(--ink)}
.pbody{padding:4px 12px 12px;display:grid;gap:6px}
.prow{display:flex;justify-content:space-between;align-items:center;gap:8px}
.prow em{font-style:normal;color:#aeb2b8}
.pill{background:#2a2d33;border-radius:6px;padding:4px 10px;min-width:74px;text-align:right;font-variant-numeric:tabular-nums}
.bs{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.bs i,.bs button{font:700 12.5px var(--sans);font-style:normal;text-align:center;padding:7px;border-radius:7px;background:#2a2d33;color:#aeb2b8;border:0;cursor:pointer}
.bs button.buy{background:#2d6a4f;color:#fff}.bs button.sell{background:#9b2c2c;color:#fff}
.money{font-size:11.5px}
.money .neg{color:#ff8a8a}.money .pos{color:#7ee2a2}
.riskbox{border-radius:9px;padding:8px 10px;background:rgba(34,197,94,.16);border:1px solid rgba(34,197,94,.4);transition:background .3s,border-color .3s}
.riskbox b{color:#7ee2a2}
.riskbox.caution{background:rgba(245,158,11,.16);border-color:rgba(245,158,11,.5)}.riskbox.caution b{color:#ffc56b}
.place{display:block;text-decoration:none;text-align:center;padding:9px;border-radius:8px;background:#2d6a4f;color:#fff;font-weight:800;letter-spacing:.04em;transition:filter .2s}
.place:hover{filter:brightness(1.15)}
.place.sell{background:#9b2c2c}
.plog{border-top:1px solid #2c2f35;padding:8px 12px 10px;display:grid;gap:3px;min-height:72px;font-size:11px;color:#8b8f96}
.plog div{display:flex;gap:8px}.plog div b{color:#e9e4da;font-weight:600}
.plog .new{animation:newl .8s var(--ease)}
@keyframes newl{from{opacity:0;transform:translateY(6px)}}
.mini .panel{font-size:11.5px}

/* ---------- instrument tiles ---------- */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.tile{position:relative;background:var(--ink);color:#e9e4da;border-radius:var(--r-lg);padding:22px;min-height:290px;display:flex;flex-direction:column;overflow:hidden}
.tile.wide{grid-column:span 2}
.tile.full{grid-column:1/-1;min-height:220px}
.tile h3{font:600 16px var(--sans);color:#e9e4da}
.tile p{color:#9aa0a6;font-size:14.5px;margin-top:6px;max-width:34ch}
.tile .viz{flex:1;display:grid;place-items:center;padding:12px 0}
.tile .num{font:800 clamp(48px,6vw,78px)/1 var(--dot);color:#e9e4da}
.tile .num small{font-size:.45em;color:var(--sunset)}
.tile .foot{display:flex;justify-content:space-between;font:700 15px var(--dot);color:#cfcac0;gap:10px}
.tile .foot span em{display:block;font:500 11px var(--sans);color:#7c8188;font-style:normal}
.eq{display:flex;gap:5px;align-items:flex-end;height:90px}
.eq i{width:9px;background:repeating-linear-gradient(to top,#e9e4da 0 3px,transparent 3px 6px);border-radius:2px;height:20%;transition:height .25s}
.eq i.hot{background:repeating-linear-gradient(to top,var(--sunset) 0 3px,transparent 3px 6px)}
.ring{width:150px;height:150px}
.dotline{width:100%;height:120px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{border:1px solid #3a3d43;border-radius:999px;padding:6px 12px;font-size:13px;color:#cfcac0}
.chips span.on{background:var(--sunset);color:var(--ink);border-color:var(--sunset)}
@media (max-width:980px){.tiles{grid-template-columns:1fr 1fr}.tile.wide{grid-column:span 2}
.tile.full{grid-column:1/-1;min-height:220px}}
@media (max-width:620px){.tiles{grid-template-columns:1fr}.tile.wide,.tile.full{grid-column:auto}}

/* ---------- glass risk card over sunset ---------- */
.dusk{position:relative;border-radius:var(--r-xl);overflow:hidden;margin-inline:16px;padding:clamp(60px,9vw,120px) 16px;
  background:linear-gradient(180deg,#8f86a6 0%,#c49aa0 35%,#f2a072 70%,#ff8a3d 100%)}
.dusk .grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.dusk h2{color:var(--ink)}
.dusk .lede{color:#3b2b22}
.glass{width:min(420px,100%);margin-inline:auto;padding:26px;border-radius:34px;background:rgba(40,32,30,.38);
  backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);border:1px solid rgba(255,243,213,.28);color:#fff5e6;
  box-shadow:0 40px 80px -40px rgba(60,20,0,.6)}
.glass .top{display:flex;align-items:center;gap:14px}
.glass .bar{flex:1;height:4px;border-radius:2px;background:rgba(255,245,230,.25);position:relative}
.glass .bar i{position:absolute;inset:0 33% 0 0;background:#fff5e6;border-radius:2px}
.glass .step{background:#fff5e6;color:var(--ink);border-radius:999px;padding:3px 10px;font:600 12px var(--sans)}
.glass h3{font:600 30px/1.1 var(--sans);margin:24px 0 18px;letter-spacing:-.01em}
.opt{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:rgba(255,245,230,.1);border:1px solid rgba(255,245,230,.16);margin-bottom:10px;font-size:15px}
.opt .v{margin-left:auto;font:700 16px var(--dot)}
.opt.sel{background:rgba(23,25,28,.78)}
.opt .ic{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:rgba(255,245,230,.16)}
.glass .go{display:block;width:100%;margin-top:14px;text-align:center;background:#fff5e6;color:var(--ink);border-radius:18px;padding:15px;font-weight:700}
@media (max-width:860px){.dusk .grid{grid-template-columns:1fr}}

/* ---------- journal ---------- */
.jgrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;margin-top:48px}
.jcard{background:var(--sand);border-radius:var(--r-lg);padding:24px;border:1px solid var(--dune)}
.jcard.olive{background:var(--olive);color:var(--cream);border-color:var(--olive)}
.jcard .k{font-size:14px;color:var(--olive-deep)}.jcard.olive .k{color:var(--sage)}
.jcard .v{font:800 clamp(40px,4.4vw,64px)/1 var(--dot);margin-top:12px}
.jcard ul{list-style:none;margin-top:16px;display:grid;gap:6px;font-size:14.5px}
.jcard li{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(77,105,78,.3);padding-bottom:6px}
@media (max-width:860px){.jgrid{grid-template-columns:1fr}}

/* ---------- how ---------- */
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;counter-reset:s}
.how li{list-style:none;background:#fff;border-radius:var(--r-lg);padding:26px;border:1px solid var(--dune);position:relative}
.how li::before{counter-increment:s;content:counter(s);font:800 54px/1 var(--dot);color:var(--sunset);display:block;margin-bottom:18px}
.how h3{font:600 20px var(--sans);color:var(--ink)}
.how p{font-size:15.5px;color:var(--olive-deep);margin-top:6px}
@media (max-width:860px){.how{grid-template-columns:1fr}}

/* ---------- pricing ---------- */
.price{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:48px}
.pcard{background:var(--ink);color:var(--cream);border-radius:var(--r-xl);padding:clamp(26px,4vw,44px);position:relative;overflow:hidden}
.pcard .amt{font:800 clamp(72px,10vw,140px)/.9 var(--dot);color:var(--sunset)}
.pcard .once{color:#b9b4aa;margin-top:8px}
.pcard ul{list-style:none;margin:26px 0;display:grid;gap:10px;font-size:16px}
.pcard li{display:flex;gap:12px}.pcard li::before{content:"";flex:none;width:10px;height:10px;margin-top:8px;border-radius:50%;background:var(--olive);box-shadow:0 0 0 3px rgba(169,187,156,.25)}
.pside{background:var(--olive);color:var(--cream);border-radius:var(--r-xl);padding:clamp(26px,4vw,44px);display:flex;flex-direction:column;gap:14px}
.pside h3{font:800 34px/1 var(--dot)}
.pside p{color:#dfe6d6;font-size:15.5px}
.pside .fine{font-size:13px;color:var(--sage);margin-top:auto}
@media (max-width:860px){.price{grid-template-columns:1fr}}

/* ---------- partners ---------- */
.partners{background:var(--sand);border-radius:var(--r-xl);margin-inline:16px;padding:clamp(60px,9vw,120px) 0}
.tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:44px;align-items:end}
.tier{background:var(--cream);border-radius:var(--r-lg);padding:20px;border:1px solid var(--dune);display:flex;flex-direction:column;justify-content:flex-end}
.tier .pct{font:800 clamp(44px,5vw,72px)/1 var(--dot);color:var(--olive)}
.tier .rng{font-size:14px;color:var(--olive-deep);margin-top:6px}
.tier .earn{font-size:13px;color:#6f6a5c;margin-top:2px}
.tier:nth-child(1){min-height:180px}.tier:nth-child(2){min-height:220px}.tier:nth-child(3){min-height:260px}
.tier:nth-child(4){min-height:300px;background:var(--olive);border-color:var(--olive)}.tier:nth-child(4) .pct{color:var(--sunset)}
.tier:nth-child(4) .rng,.tier:nth-child(4) .earn{color:var(--cream)}
.pfacts{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:28px;color:var(--olive-deep);font-size:15px}
@media (max-width:760px){.tiers{grid-template-columns:1fr 1fr}.tier{min-height:150px!important}}

/* ---------- social ---------- */
.social{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.soc{border-radius:var(--r-lg);padding:22px;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;background:#fff;border:1px solid var(--dune);transition:transform .3s var(--ease)}
.soc:hover{transform:translateY(-4px)}
.soc b{font:800 26px var(--dot);color:var(--ink)}
.soc span{font-size:14px;color:var(--olive-deep)}
.soc .h{font:600 15px var(--sans);color:var(--olive)}
.soc.dark{background:var(--ink)}.soc.dark b{color:var(--cream)}.soc.dark span,.soc.dark .h{color:#b9b4aa}
@media (max-width:860px){.social{grid-template-columns:1fr 1fr}}

/* ---------- faq ---------- */
.faq{margin-top:40px;display:grid;gap:10px;max-width:860px}
.faq details{background:#fff;border:1px solid var(--dune);border-radius:var(--r-md);padding:18px 22px}
.faq summary{cursor:pointer;font:600 18px var(--sans);color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:800 22px var(--dot);color:var(--olive);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{margin-top:10px;color:var(--olive-deep);max-width:70ch}

/* ---------- footer ---------- */
footer.site{background:var(--ink);color:#b9b4aa;border-radius:var(--r-xl) var(--r-xl) 0 0;margin-top:80px;padding:64px 0 34px}
footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
footer.site .big{font:800 clamp(40px,6vw,80px)/.9 var(--dot);color:var(--cream)}
footer.site a{text-decoration:none;display:block;padding:3px 0;color:#d9d3c7}
footer.site a:hover{color:var(--sunset)}
footer.site .legal{margin-top:46px;font-size:13px;color:#7c8188;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
@media (max-width:760px){footer.site .cols{grid-template-columns:1fr}}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(24px)}
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none}
  .ticker .track,.toast .wave i,.led.blink{animation:none}
}

/* ---------- setup guide ---------- */
.guide{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;margin-top:44px;align-items:start}
.gsteps{list-style:none;display:grid;gap:8px;counter-reset:g}
.gsteps button{width:100%;text-align:left;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:14px;padding:14px 16px;border-radius:var(--r-md);
  border:1px solid var(--dune);background:#fff;cursor:pointer;font:inherit;color:var(--ink);transition:background .25s,border-color .25s,transform .25s var(--ease)}
.gsteps button::before{counter-increment:g;content:counter(g);grid-row:span 2;font:800 30px/1 var(--dot);color:var(--olive);align-self:center}
.gsteps button b{font:600 17px var(--sans)}
.gsteps button span{font-size:14px;color:var(--olive-deep)}
.gsteps button:hover{transform:translateX(4px)}
.gsteps button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.gsteps button[aria-selected="true"]::before{color:var(--sunset)}
.gsteps button[aria-selected="true"] span{color:#b9b4aa}
.gscreen{position:sticky;top:110px;background:var(--olive-deep);border-radius:var(--r-xl);padding:clamp(18px,3vw,30px);min-height:420px;display:flex;flex-direction:column;gap:16px}
.gwin{flex:1;background:#1d1f23;border-radius:var(--r-md);color:#e9e4da;overflow:hidden;border:1px solid rgba(255,255,255,.06);font-size:14.5px}
.gwin .wbar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#26282d;color:#9aa0a6;font-size:12.5px}
.gwin .wbar i{width:10px;height:10px;border-radius:50%;background:#3a3d43}.gwin .wbar i:first-child{background:#ff6b5e}.gwin .wbar i:nth-child(2){background:#ffbd2e}.gwin .wbar i:nth-child(3){background:#28c840}
.gwin .wbar span{margin-left:8px}
.gwin > :not(.wbar){margin:18px}
.mail .from{font-size:12.5px;color:#9aa0a6}.mail h4{font:600 20px var(--sans);margin:6px 0 14px;color:var(--cream)}
.mail code,.keyin code{display:block;font:700 16px ui-monospace,Consolas,monospace;background:#111316;color:var(--sunset);padding:12px 14px;border-radius:10px;margin:6px 0 14px;letter-spacing:.04em}
.mbtn{display:inline-block;background:var(--sunset);color:var(--ink);border-radius:999px;padding:9px 16px;font-weight:700;font-size:13.5px}
.small{font-size:12.5px;color:#9aa0a6;margin-top:10px}
.files,.tree,.snd{list-style:none;display:grid;gap:4px}
.files li,.tree li,.snd li{padding:8px 12px;border-radius:8px;background:#24262b}
.tree ul{list-style:none;display:grid;gap:4px;margin:6px 0 0 16px}
.hl{outline:2px solid var(--sunset);background:rgba(255,122,46,.12)!important}
.hl em,.files em,.tree em{font-style:normal;float:right;color:var(--sunset);font-size:12.5px;font-weight:600}
.term{font:13px ui-monospace,Consolas,monospace;color:#7ee2a2}
.chk{display:flex;align-items:center;gap:10px;margin-bottom:10px!important}
.chk .box{width:16px;height:16px;border-radius:4px;border:1.5px solid #6b7077}.chk .box.on{background:var(--olive);border-color:var(--olive);box-shadow:inset 0 0 0 3px #1d1f23}
.urls{display:grid;gap:4px;font:13.5px ui-monospace,Consolas,monospace}.urls div{padding:8px 10px;border-radius:6px;background:#24262b;color:#9aa0a6}.urls .hl{color:#e9e4da}
.keyin span:first-child{font-size:12.5px;color:#9aa0a6}.keyin .ok{margin-top:14px;color:#7ee2a2;font-weight:600}
.snd li{display:flex;justify-content:space-between}.snd span{color:#9aa0a6}
.gnav{display:flex;justify-content:space-between;align-items:center;color:var(--cream);font:700 18px var(--dot)}
.gnav .btn{padding:10px 18px;font-size:15px}
.gnav .btn-line{color:var(--cream);border-color:rgba(255,243,213,.4)}
.gfoot{margin-top:20px;color:var(--olive-deep)}
@media (max-width:900px){.guide{grid-template-columns:1fr}.gscreen{position:relative;top:auto;min-height:360px}}

/* ---------- quiet partner band ---------- */
.pband{margin:0 16px;border-radius:var(--r-lg);background:var(--sand)}
.pband .pb{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 0}
.pband p{font-size:17px;color:var(--olive-deep)}.pband b{color:var(--ink)}

/* ---------- footer socials ---------- */
.socials{display:flex;gap:10px;margin-top:26px}
.socials a{width:42px;height:42px;border-radius:50%;display:flex!important;align-items:center;justify-content:center;background:#24262b;transition:background .25s,transform .25s var(--ease);padding:0!important}
.socials a:hover{background:var(--sunset);transform:translateY(-3px)}
.socials svg{width:19px;height:19px;fill:#e9e4da}
.socials a:hover svg{fill:var(--ink)}