/* base reset (the hosted page has no wrapper, so it lives here) */
html{-webkit-text-size-adjust:100%;color-scheme:light}
body{margin:0}
img{max-width:100%}
[hidden]{display:none!important}
/* Concept: an instrument-grade research site. A cinematic 12-second film opens the page; everything below is quiet ivory, hairlines and one trajectory. */
:root{
  --bg:#FAF8F3;--bg2:#F3EFE6;--ink:#14171C;--muted:#424A56;--subtle:#5A626E;--rule:#D9D5CA;--rule2:#7F8792;
  --brand:#1B3F94;--brand2:#11275F;--tint:#DCE4F8;--signal:#0B6B6A;--signal-fill:#12948F;--usdx:#B4491A;--usdx-strong:#8A3512;--usdx-tint:#F7E4DA;
  --on-brand:#FAF8F3;--inv:#14171C;--on-inv:#FAF8F3;--node:#0B6B6A;--focus:#2F5BE8;
  --c1:#3A62C9;--c2:#12948F;--c3:#C2501C;--ref:#8A919C;
  --h1:#E6ECFA;--h2:#BFCDF0;--h3:#8AA3E3;--h4:#4D6FCF;--h5:#1B3F94;
  --display:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0F1217;--bg2:#171B22;--ink:#F3F0E9;--muted:#B3BAC4;--subtle:#9BA3AE;--rule:#2B313A;--rule2:#6B7480;
  --brand:#8EA8EE;--brand2:#B9CAF6;--tint:#1A2748;--signal:#5CCDC4;--signal-fill:#5CCDC4;--usdx:#F08A5D;--usdx-strong:#F4A07C;--usdx-tint:#3A2218;
  --on-brand:#0D1014;--inv:#171B22;--on-inv:#F3F0E9;--node:#5CCDC4;--focus:#7C9BFF;
  --c1:#5F82F0;--c2:#2FA89B;--c3:#D96F3F;--ref:#6B7480;
  --h1:#1A2748;--h2:#27407A;--h3:#3A5FB8;--h4:#5F82F0;--h5:#9DB4FA;color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0F1217;--bg2:#171B22;--ink:#F3F0E9;--muted:#B3BAC4;--subtle:#9BA3AE;--rule:#2B313A;--rule2:#6B7480;
  --brand:#8EA8EE;--brand2:#B9CAF6;--tint:#1A2748;--signal:#5CCDC4;--signal-fill:#5CCDC4;--usdx:#F08A5D;--usdx-strong:#F4A07C;--usdx-tint:#3A2218;
  --on-brand:#0D1014;--inv:#171B22;--on-inv:#F3F0E9;--node:#5CCDC4;--focus:#7C9BFF;
  --c1:#5F82F0;--c2:#2FA89B;--c3:#D96F3F;--ref:#6B7480;
  --h1:#1A2748;--h2:#27407A;--h3:#3A5FB8;--h4:#5F82F0;--h5:#9DB4FA;color-scheme:dark}
:root{--gut:max(clamp(16px,4vw,48px),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:400 16px/26px var(--display);padding-inline:var(--gut);padding-block:0;-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.wrap{max-width:1280px;margin-inline:auto}
.label{font:500 11px/16px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--subtle)}
.mono{font-family:var(--mono)}
/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--rule);margin-inline:calc(-1*var(--gut));padding-inline:var(--gut)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;flex-wrap:wrap;padding-block:8px}
.nav .wm{height:20px;width:auto;color:var(--ink);display:block}
@media (max-width:860px){.cards,.idx,.fails{grid-template-columns:1fr!important}.tabs{gap:16px}}
.tabs{display:flex;gap:28px}
.tabs a{font:500 14px/20px var(--display);text-decoration:none;color:var(--muted);padding:20px 0 18px;border-bottom:2px solid transparent}
.tabs a[aria-current=page]{color:var(--ink);border-color:var(--brand)}
.btn{height:40px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;border-radius:4px;font:500 14px/1 var(--display);text-decoration:none;border:0;cursor:pointer;transition:background .16s}
.btn.p{background:var(--brand);color:var(--on-brand)}.btn.p:hover{background:var(--brand2);color:var(--bg)}
.btn.u{background:var(--usdx);color:var(--on-brand)}.btn.u:hover{background:var(--usdx-strong)}
.btn.s{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule2)}.btn.s:hover{background:var(--bg2)}
.btn.sm{height:34px;font-size:13px}
.btn.u{color:#FAF8F3}
[data-theme=dark] .btn.u,:root:not([data-theme=light]) .btn.u{color:#14171C}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .btn.u{color:#FAF8F3}}
/* reel */
.reel{position:relative;margin-top:24px;background:#05080C;border-radius:4px;overflow:hidden;aspect-ratio:21/9;max-width:100%}
@media (max-width:760px){.reel{aspect-ratio:4/3}}
.reel canvas{display:block;width:100%;height:100%}
.reel .hud{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:14px;padding:12px 16px;background:linear-gradient(transparent,rgba(5,8,12,.7));color:#E8E4DA}
.reel .hud button{all:unset;cursor:pointer;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(232,228,218,.5);border-radius:2px}
.reel .hud button:focus-visible{outline:2px solid #7C9BFF;outline-offset:2px}
.reel .hud button.snd{width:auto;padding:0 10px;gap:8px;display:flex;align-items:center;font:500 10px/1 var(--mono);letter-spacing:.14em;color:#E8E4DA;white-space:nowrap}
@media (max-width:560px){#sl{display:none}.reel .hud{gap:8px;padding:10px 12px}.reel .hud button.snd{padding:0 8px}}
.reel .tl{position:relative;flex:1;height:2px;background:rgba(232,228,218,.25)}
.reel .tl i{position:absolute;left:0;top:0;bottom:0;background:#E8E4DA;width:0}
.reel .tl b{position:absolute;top:-4px;width:1px;height:10px;background:rgba(232,228,218,.6)}
.reel .tag{position:absolute;right:16px;top:12px;font:500 10px/14px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(232,228,218,.7)}
.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:32px 64px;align-items:end;padding-block:48px 56px}
h1.hl{font:500 clamp(44px,7.2vw,96px)/.98 var(--display);letter-spacing:-.035em;text-wrap:balance}
.lead{font:400 20px/30px var(--display);color:var(--muted);max-width:560px}
.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
@media (max-width:860px){.hero{grid-template-columns:1fr}}
/* sections */
section.s{border-top:1px solid var(--rule);padding-block:64px}
.sh{display:flex;gap:16px;margin-bottom:32px;align-items:baseline}
h2{font:500 clamp(30px,4vw,44px)/1.1 var(--display);letter-spacing:-.025em;text-wrap:balance}
h3{font:600 20px/28px var(--display);letter-spacing:-.01em}
.two{display:grid;grid-template-columns:1fr 1fr;gap:32px 64px;align-items:center}
@media (max-width:860px){.two{grid-template-columns:1fr}}
.muted{color:var(--muted)}
.fig{border-top:1px solid var(--rule);margin-top:28px;padding-top:16px}
.fig b{display:block;font:500 clamp(40px,6vw,56px)/1 var(--mono);letter-spacing:-.03em}
.arch{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--rule2)}
.arch>div{padding:16px 16px 8px 0;display:grid;gap:6px;align-content:start;min-width:0}
.arch b{font:600 18px/26px var(--display)}.arch span.d{font-size:14px;line-height:22px;color:var(--muted)}
.arch .u b{color:var(--usdx)}
@media (max-width:980px){.arch{grid-template-columns:1fr 1fr}}@media (max-width:520px){.arch{grid-template-columns:1fr}}
.band{background:var(--inv);color:var(--on-inv);margin-inline:calc(-1*var(--gut));padding-inline:var(--gut);border-top:0}
.band .label{color:inherit;opacity:.7}.band .muted{color:inherit;opacity:.82}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid var(--rule2);padding-top:20px}
@media (max-width:760px){.three{grid-template-columns:1fr}}
.rows{border-top:1px solid var(--rule2)}
.rw{display:grid;grid-template-columns:200px 1fr 260px;gap:8px 24px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--rule)}
.rw b{font:600 18px/26px var(--display)}
@media (max-width:860px){.rw{grid-template-columns:1fr}}
.idx{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;border-top:1px solid var(--rule2);padding-top:16px}
.idx b{display:block;font:600 16px/24px var(--display);margin-bottom:4px}.idx span{font-size:14px;line-height:22px;color:var(--muted)}
@media (max-width:980px){.idx{grid-template-columns:1fr 1fr}}@media (max-width:520px){.idx{grid-template-columns:1fr}}
.panel{background:var(--bg2);border:1px solid var(--rule);border-radius:4px;padding:20px;overflow-x:auto}
.panel svg{display:block;width:100%;min-width:560px;height:auto}
/* rail */
.stagenav{display:flex;gap:0;flex-wrap:wrap;border-top:1px solid var(--rule2)}
.stagenav button{all:unset;cursor:pointer;flex:1;min-width:140px;padding:18px 12px 14px 0;display:grid;gap:6px;border-bottom:2px solid transparent}
.stagenav button .label{color:var(--subtle)}
.stagenav button b{font:600 18px/26px var(--display)}
.stagenav button[aria-selected=true]{border-bottom-color:var(--brand)}
.stagenav button[aria-selected=true] .label{color:var(--brand)}
.stagenav button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.stagebody{display:grid;grid-template-columns:1fr 1fr;gap:24px 64px;padding-top:24px}
@media (max-width:760px){.stagebody{grid-template-columns:1fr}}
.stagebody ul{margin:0;padding:0;list-style:none;display:grid;gap:0}
.stagebody li{padding:10px 0;border-bottom:1px solid var(--rule);font-size:15px;line-height:22px}
/* tables, cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:860px){.cards{grid-template-columns:1fr}}
.card{border:1px solid var(--rule);border-radius:4px;padding:24px;display:grid;gap:10px;align-content:start}
.card b{font:600 22px/28px var(--display);letter-spacing:-.01em}
.fails{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;border-top:1px solid var(--rule2);padding-top:20px}
.fails h3{font-size:17px;line-height:24px;margin:6px 0}.fails p{font-size:14px;line-height:22px;color:var(--muted)}
.fails .label{color:var(--usdx)}
.fails.six{grid-template-columns:repeat(3,1fr);gap:28px 32px}.fails .fix{margin-top:10px;color:var(--ink)}.fails .fix b{font-weight:600}.fails .out{background:var(--tint);padding:16px;border-radius:4px}
@media (max-width:980px){.fails{grid-template-columns:1fr 1fr}}@media (max-width:520px){.fails{grid-template-columns:1fr}}
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px}
.svc>div{border-top:1px solid var(--rule);padding:14px 0 18px}.svc h3{font-size:17px;margin-top:4px}
@media (max-width:760px){.svc{grid-template-columns:1fr}}
table{width:100%;border-collapse:collapse;font:400 14px/20px var(--display);font-variant-numeric:tabular-nums}
th{font:600 11px/16px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;padding:10px 16px 10px 0;border-bottom:1px solid var(--rule2);white-space:nowrap}
td{padding:10px 16px 10px 0;border-bottom:1px solid var(--rule);height:40px}
th.n,td.n{text-align:right}
.chip{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:2px;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;background:var(--tint);color:var(--brand2)}
.chip.o{background:none;box-shadow:inset 0 0 0 1px var(--rule2);color:var(--muted)}
.tip{position:fixed;z-index:50;pointer-events:none;background:var(--inv);color:var(--on-inv);font:500 12px/18px var(--display);padding:8px 10px;border-radius:2px;max-width:240px;opacity:0;transition:opacity .12s}
.form{display:grid;gap:12px;max-width:480px}
.form input,.form textarea{font:400 15px/22px var(--display);color:var(--on-inv);background:transparent;border:1px solid rgba(250,248,243,.45);border-radius:2px;padding:10px 12px;width:100%}
.form label{font:500 11px/16px var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.note{font:400 12px/18px var(--mono);opacity:.75}
footer{border-top:1px solid var(--rule);padding-block:32px 48px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer .wm{height:16px;width:auto;color:var(--ink)}
[hidden]{display:none!important}
.ul{height:64px;width:auto;color:var(--ink);display:block}
.band .ul{color:var(--on-inv)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* lab positioning: offerings, programs, call-to-action strip */
.arch.six{grid-template-columns:repeat(3,1fr);row-gap:8px}
@media (max-width:980px){.arch.six{grid-template-columns:1fr 1fr}}@media (max-width:520px){.arch.six{grid-template-columns:1fr}}
.fails .out.wide{grid-column:1/-1}
.svc p{font-size:14px;line-height:22px;color:var(--muted);margin-top:4px}
.cta{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;flex-wrap:wrap;margin-top:40px;padding:24px;border:1px solid var(--rule2);border-radius:4px}
.cta h3{margin-bottom:4px}
.cta .btn{flex:none}
/* programs, packages, request form, niche pages */
.nav .home{display:flex;align-items:center}
.nav .mk{display:none;width:32px;height:32px;color:var(--ink)}.nav .mk svg{width:100%;height:100%;display:block}
.prog .card{text-decoration:none;color:inherit;transition:border-color .16s,background .16s}
.prog .card:hover{border-color:var(--brand);background:var(--bg2)}
.prog .go{margin-top:6px;font:500 14px/20px var(--display);color:var(--brand)}.prog .go::after{content:" →"}
.pkg-h{font:500 11px/16px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--subtle);margin:32px 0 12px}.pkg-h:first-child{margin-top:0}
.cards.prog{grid-template-columns:repeat(2,1fr)}
.pk{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.pkc{border:1px solid var(--rule);border-radius:4px;padding:24px;display:flex;flex-direction:column;gap:10px}
.pkc b{font:600 22px/28px var(--display);letter-spacing:-.01em}
.pkc ul{margin:0;padding:0;list-style:none}.pkc li{padding:7px 0;border-bottom:1px solid var(--rule);font-size:14px;line-height:20px}
.pkc fieldset{border:0;margin:0;padding:0;display:grid;gap:6px}.pkc legend{padding:0;margin-bottom:6px}
.pkc .price{margin-top:auto;padding-top:10px;font:500 15px/22px var(--mono);color:var(--ink)}
.pkb{display:flex;flex-wrap:wrap;gap:8px}
.chk{display:flex;gap:10px;align-items:flex-start;font:400 14px/20px var(--display);cursor:pointer}
.chk input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:var(--brand)}
.form .chk{font:400 14px/20px var(--display);letter-spacing:0;text-transform:none;opacity:.9}
.form select{font:400 15px/22px var(--display);color:var(--on-inv);background:var(--inv);border:1px solid rgba(250,248,243,.45);border-radius:2px;padding:10px 12px;width:100%}
.form .pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form .adds{border:1px solid rgba(250,248,243,.25);border-radius:2px;margin:0;padding:10px 12px;display:grid;gap:8px}
.form .adds legend{font:500 11px/16px var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.75;padding:0 4px}
.form .adds>div{display:grid;gap:8px}
.form button[disabled]{opacity:.6;cursor:wait}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.done{display:grid;gap:8px;max-width:480px;padding:24px;border:1px solid rgba(250,248,243,.3);border-radius:4px}
.done .label{color:inherit;opacity:.75}.done:focus{outline:none}
.offer{display:grid;gap:6px;padding:20px;border-radius:4px;background:var(--tint)}
.offer .label{color:var(--brand)}.offer b{font:600 22px/30px var(--display);letter-spacing:-.01em}
/* Skrilla Intelligence keeps its own dark, violet look inside the Arc site */
.sk{--bg:#0A0A0F;--bg2:#13121C;--ink:#F1EEFA;--muted:#B9B3CF;--subtle:#9C95B5;--rule:#26233A;--rule2:#4A4566;--brand:#B98AF7;--brand2:#D3B5FB;--tint:#251C3D;--signal:#4ADE9B;--on-brand:#0A0A0F;--inv:#13121C;--on-inv:#F1EEFA;
  background:radial-gradient(900px 500px at 15% 0%,rgba(124,58,237,.22),transparent 60%),radial-gradient(800px 500px at 90% 30%,rgba(34,197,94,.08),transparent 60%),var(--bg);color:var(--ink);margin-inline:calc(-1*var(--gut));padding-inline:var(--gut)}
.sk section.s{border-color:var(--rule)}
.sk .btn.p:hover{color:var(--on-brand)}
.sk h1.hl{font-size:clamp(36px,5vw,64px);line-height:1.04}
.sk-logo{display:block;width:min(260px,70%);height:auto;border-radius:8px}
.sk-list{margin:8px 0 0;padding:0;list-style:none}.sk-list li{padding:8px 0;border-bottom:1px solid var(--rule);font-size:15px;line-height:22px;color:var(--muted)}
.sk-list li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--signal);margin-right:10px;vertical-align:middle}
.sk-mini{margin:10px 0 0;padding:0;list-style:none;font:500 11px/18px var(--mono);letter-spacing:.06em;color:var(--subtle)}
.sk-tiers .card{background:var(--bg2)}.sk-tiers .card.hot{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
.sk-tiers .btn{margin-top:auto;justify-content:center}
.sk-orbit{display:block;width:100%;max-width:400px;margin-inline:auto;height:auto}
.sk-node{animation:skp 2.4s ease-in-out infinite}.sk-node:nth-of-type(2){animation-delay:.6s}.sk-node:nth-of-type(3){animation-delay:1.2s}.sk-node:nth-of-type(4){animation-delay:1.8s}
@keyframes skp{50%{stroke-width:5}}
@media (prefers-reduced-motion:reduce){.sk-node{animation:none}}
.co{margin-bottom:8px}
/* ARC CLOSER GTM dashboard */
.dash{--dk:#0F1217;--dk2:#171B22;--dl:#2B313A;--dt:#F3F0E9;--dm:#A9B0BA;background:var(--dk);color:var(--dt);border-radius:8px;padding:16px;display:grid;gap:12px;box-shadow:0 30px 60px -30px rgba(15,18,23,.5)}
.dash .label{color:var(--dm)}
.d-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--dl)}
.d-dots{display:flex;gap:6px}.d-dots i{width:10px;height:10px;border-radius:50%;background:#F08A5D}.d-dots i+i{background:#E8C55A}.d-dots i+i+i{background:#5CCDC4}
.d-title{font:500 13px/18px var(--mono);letter-spacing:.08em}.d-acct{font-size:13px;color:var(--dm);flex:1}
.dash .chip{background:#3A2218;color:#F4A07C}
.d-kpis{display:grid;gap:12px}
.d-seg{display:inline-flex;justify-self:start;border:1px solid var(--dl);border-radius:4px;overflow:hidden}
.d-seg button{all:unset;cursor:pointer;padding:8px 14px;font:500 12px/16px var(--mono);letter-spacing:.06em;color:var(--dm)}
.d-seg button[aria-pressed=true]{background:#8EA8EE;color:#0D1014}.d-seg button:focus-visible{outline:2px solid #7C9BFF;outline-offset:-2px}
.d-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.d-tile{background:var(--dk2);border:1px solid var(--dl);border-radius:6px;padding:14px;display:grid;gap:6px}
.d-tile b{font:500 clamp(24px,3vw,34px)/1.1 var(--mono);color:#5CCDC4;transition:color .2s}
.dash.is-before .d-tile b{color:#F08A5D}
.d-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.d-panel{background:var(--dk2);border:1px solid var(--dl);border-radius:6px;padding:16px;display:grid;gap:12px;align-content:start;min-width:0}
.d-pos{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;margin:0}
.d-pos dt{font:500 11px/20px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8EA8EE}.d-pos dd{margin:0;font-size:14px;line-height:20px}
.d-ot{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.d-ot h4{margin:0 0 8px;font:600 14px/20px var(--display)}
.d-ot ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.d-ot li{display:grid;gap:5px;font-size:13px;line-height:18px}
.lvl{display:block;height:5px;border-radius:3px;background:linear-gradient(90deg,#5CCDC4 calc(var(--v)*20%),var(--dl) 0)}
.lvl.t{background:linear-gradient(90deg,#F08A5D calc(var(--v)*20%),var(--dl) 0)}
.kill{font:800 clamp(28px,4.4vw,48px)/1 var(--display);letter-spacing:-.03em;text-transform:uppercase;color:#F08A5D}
.d-table{overflow-x:auto}
.dash table{min-width:640px;color:var(--dt)}.dash th{color:var(--dm);border-color:var(--dl)}.dash td{border-color:var(--dl)}
.dash tr.you td{color:#5CCDC4;font-weight:600}
.d-moves{margin:0;padding-left:20px;display:grid;gap:8px;font-size:14px;line-height:20px}
/* Gamble Mode: floats, catches fire, shakes on hover */
.gamble-wrap{margin-top:48px;animation:gfloat 4s ease-in-out infinite;overflow-x:clip}
.gamble{position:relative;background:radial-gradient(120% 90% at 50% 120%,#3A1206,#120A08 55%,#0B0908);color:#FFF4E8;border:1px solid #5A2410;border-radius:10px;padding:28px 20px 20px;box-shadow:0 30px 70px -20px rgba(240,90,30,.45);cursor:pointer;outline:none;isolation:isolate}
.gamble:focus-visible{box-shadow:0 0 0 3px #FFB347,0 30px 70px -20px rgba(240,90,30,.45)}
.gamble:hover,.gamble.hot{animation:gshake .35s linear infinite}
.flames{position:absolute;left:5%;right:5%;top:-46px;height:90px;pointer-events:none;z-index:-1;overflow:visible}
.flames span{position:absolute;bottom:0;width:calc(46px*var(--s));height:calc(70px*var(--s));margin-left:calc(-23px*var(--s));border-radius:50% 50% 35% 35%/60% 60% 40% 40%;background:radial-gradient(50% 65% at 50% 75%,#FFF3B0 0,#FFB347 35%,#F05A1E 65%,rgba(240,90,30,0) 75%);filter:blur(2px);opacity:.75;transform-origin:50% 100%;animation:flick var(--d) ease-in-out infinite}
.gamble:hover .flames span,.gamble.hot .flames span{opacity:1;height:calc(110px*var(--s))}
.g-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:18px}
.g-head h3{font:800 clamp(24px,4vw,40px)/1 var(--display);letter-spacing:-.02em;text-transform:uppercase;background:linear-gradient(180deg,#FFF3B0,#FFB347 45%,#F05A1E);-webkit-background-clip:text;background-clip:text;color:transparent}
.g-head .label{color:#E6B89A;width:100%}
.g-led{width:12px;height:12px;border-radius:50%;background:#FF4D2E;box-shadow:0 0 12px #FF4D2E;animation:gled 1s steps(2) infinite}
.g-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.g-card{background:rgba(255,244,232,.05);border:1px solid rgba(255,179,71,.25);border-radius:8px;padding:16px;display:grid;gap:8px;align-content:start}
.g-card .label{color:#FFB347}.g-card h4{margin:0;font:700 19px/24px var(--display)}.g-card p{font-size:14px;line-height:21px;color:#EBD9CB}
.g-meter{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;margin-top:6px;font:500 10px/14px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#E6B89A}
.lvl.g{background:linear-gradient(90deg,#FFB347 calc(var(--v)*20%),rgba(255,244,232,.12) 0)}
@keyframes gfloat{50%{transform:translateY(-10px)}}
@keyframes gshake{0%,100%{transform:translate(0,0) rotate(0)}20%{transform:translate(-3px,1px) rotate(-.6deg)}40%{transform:translate(3px,-1px) rotate(.6deg)}60%{transform:translate(-2px,-1px) rotate(-.4deg)}80%{transform:translate(2px,1px) rotate(.4deg)}}
@keyframes flick{0%,100%{transform:scaleY(1) scaleX(1) translateY(0)}35%{transform:scaleY(1.25) scaleX(.85) translateY(-6px)}70%{transform:scaleY(.85) scaleX(1.1) translateY(2px)}}
@keyframes gled{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.gamble-wrap,.gamble:hover,.gamble.hot,.flames span,.g-led{animation:none}}
@media (max-width:860px){.d-tiles{grid-template-columns:1fr 1fr}.d-grid,.g-cards{grid-template-columns:1fr}}
@media (max-width:520px){.d-ot{grid-template-columns:1fr}.dash{padding:12px}.d-pos{grid-template-columns:1fr;gap:2px}.d-pos dd{margin-bottom:8px}}
/* conversion revamp: solutions, process, examples, primary packages, brand map */
[id]{scroll-margin-top:84px}
.home-hero h1.hl{font-size:clamp(40px,5.6vw,76px);line-height:1.02}
.tagline{margin-top:16px;font:500 20px/28px var(--display);color:var(--brand)}
.band .btn.s{color:var(--on-inv);box-shadow:inset 0 0 0 1px rgba(250,248,243,.5)}.band .btn.s:hover{background:rgba(250,248,243,.08)}
.sols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sol{--acc:var(--signal);position:relative;border:1px solid var(--rule);border-top:3px solid var(--acc);border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}
.sol.a{--acc:var(--brand)}.sol.x{--acc:var(--usdx)}
.sol-k{display:flex;align-items:baseline;gap:10px}.sol-n{font:500 13px/1 var(--mono);color:var(--subtle)}.sol-w{font:700 15px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--acc)}
.sol h3{font:600 26px/32px var(--display);letter-spacing:-.015em}
.sol p{color:var(--muted);font-size:15px;line-height:23px}.sol .sol-note{color:var(--ink);font-weight:500}
.sol-caps{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:0}.sol-caps li{padding:7px 0 7px 18px;border-bottom:1px solid var(--rule);font-size:14px;line-height:20px;position:relative}
.sol-caps li::before{content:"";position:absolute;left:0;top:14px;width:8px;height:2px;background:var(--acc)}
.sol-by{margin-top:auto;padding-top:8px;font-size:14px;color:var(--ink)}.sol-by .label{margin-right:6px}
.sol .btn{align-self:flex-start}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:s}
.steps li{position:relative;padding-top:20px;border-top:2px solid var(--rule2);display:grid;gap:8px;align-content:start}
.steps li::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--brand)}
.steps p{color:var(--muted)}
.sh .chip{margin-left:auto}
.exs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.exs>div{border:1px solid var(--rule);border-radius:6px;padding:18px;display:grid;gap:8px;align-content:start;background:var(--bg2)}
.exs p{font-size:15px;line-height:22px}
.pkps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pkp{background:var(--bg);border-color:var(--rule2)}
.pkp-top{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.eng{font:500 11px/16px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:2px;background:var(--tint);color:var(--brand2)}
.pkp h3{font:600 26px/32px var(--display);letter-spacing:-.015em}
.pkp-h{font:500 18px/26px var(--display);color:var(--ink)}
.pkp dl{margin:0;display:grid;gap:4px}.pkp dt{font:500 11px/16px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--subtle);margin-top:8px}
.pkp dd{margin:0;font-size:15px;line-height:22px}.pkp dd ul{margin:2px 0 0}
.pkc h4{margin:0;font:600 20px/26px var(--display);letter-spacing:-.01em}
.menu{margin-top:24px;border:1px solid var(--rule);border-radius:6px;padding:0 20px}
.menu>summary,.eco>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font:600 18px/24px var(--display)}
.menu>summary::-webkit-details-marker,.eco>summary::-webkit-details-marker{display:none}
.menu>summary::after,.eco>summary::after{content:"+";font:400 24px/1 var(--mono);color:var(--brand)}
.menu[open]>summary::after,.eco[open]>summary::after{content:"\2212"}
.menu>summary:focus-visible,.eco>summary:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.menu[open]{padding-bottom:20px}
.eco-t{display:block;font:500 clamp(26px,3.4vw,38px)/1.15 var(--display);letter-spacing:-.02em;margin-top:6px}
.eco-o{margin-left:auto}.eco[open] .eco-o{visibility:hidden}
.eco-map{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;border-top:1px solid var(--rule2);padding-top:20px}
.eco-g{display:grid;gap:10px;align-content:start}
.eco-g>a,.eco-g>div{display:grid;gap:4px;padding:12px;border:1px solid var(--rule);border-radius:4px;text-decoration:none}
.eco-g>a:hover{border-color:var(--brand)}.eco-g b{font:600 15px/20px var(--display)}.eco-g span{font-size:13px;line-height:19px;color:var(--muted)}
.ups{border:0;margin:4px 0 0;padding:12px 0 0;border-top:1px dashed var(--rule2);display:grid;gap:8px}.ups legend{padding:0;margin-bottom:6px}
.pkc .price{font-weight:600}
.d-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.form [aria-invalid=true]{border-color:#F08A5D;box-shadow:0 0 0 1px #F08A5D}
@media (max-width:980px){.sols{grid-template-columns:1fr 1fr}.sol.x{grid-column:1/-1}.exs{grid-template-columns:1fr 1fr}.eco-map{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.sols,.steps,.pkps{grid-template-columns:1fr}.steps li{padding:0 0 0 24px;border-top:0;border-left:2px solid var(--rule2)}.steps li::before{top:2px;left:-7px}}
@media (max-width:520px){.exs,.eco-map{grid-template-columns:1fr}.sol,.pkp{padding:20px}}
/* ---------- phones and touch ---------- */
html{overflow-x:clip}
h1,h2,h3,p,li,td,b{overflow-wrap:break-word}
.panel{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
footer{padding-bottom:max(48px,env(safe-area-inset-bottom,0px))}
@media (pointer:coarse){
  .btn,.btn.sm{height:44px}
  .reel .hud button{width:40px;height:40px}
  .reel .hud button.snd{height:40px}
  .stagenav button{min-height:44px}
}
@media (max-width:640px){
  /* one compact nav row: monogram, three tabs, call button */
  .nav .wm{display:none}.nav .mk{display:block}
  #navcta{padding:0 12px;white-space:nowrap;flex:none}
  .form .pair{grid-template-columns:1fr}
  .pkb .btn{flex:1 1 auto;justify-content:center}
  .nav .wrap{min-height:52px;padding-block:4px;gap:4px 12px}
  .nav .wrap{flex-wrap:nowrap}
  .tabs{gap:14px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .tabs::-webkit-scrollbar{display:none}
  .tabs a{white-space:nowrap}
  .tabs a:last-child{padding-right:16px}
  .tabs a{font-size:13px;padding:13px 0 11px}
  .reel{margin-top:16px}
  .hero{padding-block:32px 40px;gap:24px}
  .lead{font-size:18px;line-height:28px}
  section.s{padding-block:44px}
  .sh{margin-bottom:24px;flex-wrap:wrap;gap:4px 16px}
  .row .btn{flex:1 1 auto;justify-content:center}
  .card{padding:20px}
  .cta{padding:20px}.cta .btn{width:100%;justify-content:center}
  .panel{padding:14px}
  .panel svg[viewBox$=" 380"]{min-width:400px}
  .panel:has(>svg)::before,.panel:has(>div>svg)::before{content:"Swipe sideways to see the full diagram";position:sticky;left:0;display:block;width:max-content;max-width:100%;margin-bottom:10px;font:500 10px/14px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--subtle)}
  .stagenav button{min-width:50%;padding-right:8px;box-sizing:border-box}
  /* 16px inputs stop iOS zooming the page on focus */
  .form{max-width:none}
  .form input,.form textarea,.form select{font-size:16px}
  .form .btn{width:100%;justify-content:center}
  .ul{height:48px}
  .tip{max-width:min(240px,calc(100vw - 32px))}
  footer{flex-direction:column}
}
@media (pointer:coarse){.nav .wrap>a:first-child{padding-block:6px}}
/* direct contact: phone and email */
.navphone{display:inline-flex;align-items:center;gap:6px;font:500 14px/20px var(--display);text-decoration:none;color:var(--ink);white-space:nowrap;flex:none}
.navphone:hover{color:var(--brand)}
.talk{margin-top:24px;font:500 17px/26px var(--display)}.talk a{font-weight:600}
.pkb .buy{order:-1}
.hero-reach{margin-top:16px;font:500 16px/24px var(--display);color:var(--muted)}.hero-reach a{color:var(--ink);font-weight:600}
.reach-us{display:grid;gap:10px;margin-top:28px}
.reach-us a{display:inline-flex;align-items:center;gap:10px;justify-self:start;font:600 clamp(18px,2vw,22px)/1.3 var(--display);text-decoration:none;color:inherit}
.reach-us a:hover span{text-decoration:underline}
.band .reach-us .label{color:inherit;opacity:.7}
@media (max-width:1240px){.navphone span{display:none}.navphone{padding:10px}}
/* one-row nav up to small laptops: tabs scroll sideways instead of wrapping under the logo */
@media (max-width:1100px){
  .nav .wrap{flex-wrap:nowrap}
  .tabs{flex:1 1 auto;min-width:0;gap:20px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .tabs::-webkit-scrollbar{display:none}
  .tabs a{white-space:nowrap}
  #navcta{white-space:nowrap;flex:none}
}