/* iGO homepage, 2026-10-17 redesign ("the quiet instrument").
   Direction: design-taste-frontend `quiet-instrument` (seed 16965909, palette and type kept from the brand).
   One aligned text column, product fragments as the pictures, one accent per screen.
   Brand DNA kept on purpose: graphite/slate, Syne + Inter, the brand mono for figures only,
   chamfered corners, a faint blueprint grid behind the hero, the chrome sheen on the H1.
   Product fragments carry data-ui and keep their own borders. */

:root{
  color-scheme: dark;
  --ground:#3A404C; --deep:#21252E; --deep2:#2A2F39; --raise:#454A58; --raise2:#4F5464;
  --ink:#F2F4F9; --soft:#C1C5D0; --dim:#9398A6;
  --accent:#10B892; --accent-ink:#3FE0C0; --accent-fill:#0E7A62; --accent-fill-hover:#0B6A55;
  --warn:#DEB87C; --line:rgba(255,255,255,0.09);
  --display:'Syne','Inter',system-ui,sans-serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono','SFMono-Regular',monospace; /* taste-skill-ignore: brand: JetBrains Mono for figures only */
  --t-display:clamp(34px,calc(3.6vw + 12px),62px);
  --t-head:clamp(28px,2.6vw,38px);
  --t-state:clamp(20px,1.65vw,25px);
  --t-body:17px;
  --t-small:15px;
  --wrap:1200px;
  --gut:clamp(20px,4vw,40px);
  --nav-h:62px;
  --sec:clamp(104px,11vw,168px);
  --cut:18px; --cut-s:9px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:clip}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 16px)}
body{background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:var(--t-body);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:var(--accent-ink);text-underline-offset:3px;text-decoration-thickness:1px}
a:visited{color:#7FD9C4}
p{margin:0}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:600;letter-spacing:-0.02em;color:var(--ink);text-wrap:balance;overflow-wrap:anywhere;min-width:0}
button,select{font:inherit;color:inherit}
::selection{background:rgba(16,184,146,0.35);color:var(--ink)}
:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}
.nw{white-space:nowrap}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-0.02em} /* taste-skill-ignore: brand: JetBrains Mono for figures only */

/* ---------- grid ---------- */
.q-wrap{max-width:calc(var(--wrap) + 2*var(--gut));margin:0 auto;padding:0 var(--gut);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}

/* ---------- buttons ---------- */
.q-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;background:var(--accent-fill);color:#fff;font-family:var(--sans);font-weight:600;font-size:var(--t-small);line-height:1;text-decoration:none;white-space:nowrap;border:0;cursor:pointer;
  clip-path:polygon(var(--cut-s) 0,100% 0,100% calc(100% - var(--cut-s)),calc(100% - var(--cut-s)) 100%,0 100%,0 var(--cut-s));
  transition:background-color .18s ease,transform .12s ease}
.q-btn:visited{color:#fff}
.q-btn:hover{background:var(--accent-fill-hover)}
.q-btn:active{transform:translateY(1px)}
.q-btn:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ink)} /* taste-skill-ignore: focus ring / real overlay */
.q-btn--sm{min-height:44px;padding:0 18px;font-size:var(--t-small)}
.q-btn--quiet{background:var(--raise);color:var(--ink)}
.q-btn--quiet:visited{color:var(--ink)}
.q-btn--quiet:hover{background:var(--raise2)}
.q-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:rgba(242,244,249,0.4);transition:text-decoration-color .18s ease,color .18s ease}
.q-link:visited{color:var(--ink)}
.q-link:hover{text-decoration-color:var(--accent-ink);color:var(--accent-ink)}
.q-link .arr{transition:transform .18s ease}
.q-inline{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(242,244,249,0.4)}
.q-inline:visited{color:var(--ink)}
.q-inline:hover{color:var(--accent-ink);text-decoration-color:var(--accent-ink)}
.q-link:hover .arr{transform:translateX(3px)}

/* ---------- motion helpers ---------- */
.q-anim [data-rise]{opacity:0;transform:translateY(20px)}
.q-anim [data-rise].in{opacity:1;transform:none;transition:opacity .55s var(--ease),transform .55s var(--ease);transition-delay:var(--d,0ms)}

/* ---------- hero ---------- */
.q-hero{position:relative;padding:clamp(64px,10vh,112px) 0 0;
  /* taste-skill-ignore: the blueprint grid is iGO brand DNA, kept faint and only behind the hero */
  background-image:linear-gradient(rgba(255,255,255,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.035) 1px,transparent 1px); /* taste-skill-ignore: brand DNA (blueprint grid, chrome H1) */
  background-size:64px 64px;background-position:center top}
.q-hero .q-wrap{row-gap:0}
.q-h1{grid-column:2 / span 7;position:relative;z-index:2;background-size:200% 100% !important;animation:q-sheen 2.4s var(--ease) .3s 1 both;font-size:var(--t-display);line-height:1.04;letter-spacing:-0.035em;
  /* taste-skill-ignore: chrome sheen on the hero headline is iGO brand DNA, static, H1 only */
  background:linear-gradient(100deg,#C8CFEA 0%,#FFFFFF 30%,#C8CFEA 60%,#FFFFFF 100%);-webkit-background-clip:text;background-clip:text;color:transparent} /* taste-skill-ignore: brand DNA (blueprint grid, chrome H1) */
.q-eyebrow{grid-column:2 / span 7;position:relative;z-index:2;margin:0 0 18px;color:var(--soft);font-size:var(--t-small);font-weight:500}
.q-lede{grid-column:2 / span 6;position:relative;z-index:2;margin-top:24px;font-size:clamp(17px,1.35vw,19px);line-height:1.5;color:var(--ink);max-width:46ch}
.q-ctas{grid-column:2 / span 7;position:relative;z-index:2;margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
.q-micro{grid-column:2 / span 7;position:relative;z-index:2;margin-top:12px;color:var(--soft);font-size:var(--t-small)}

@keyframes q-sheen{from{background-position:100% 0}to{background-position:0 0}}
.q-orb-full{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:1;pointer-events:none;display:block;background:transparent}
.q-orb{grid-column:9 / -1;grid-row:1 / span 5;min-height:400px;position:relative;z-index:0}
.q-orb-compact{display:none;width:100%;height:100%;border:0;background:transparent}

/* market panel (product fragment) */
.q-mkt{grid-column:2 / -1;grid-row:6;margin-top:clamp(40px,6vh,64px);position:relative;padding:20px 28px 26px}
.q-mkt::before{content:"";position:absolute;inset:0;z-index:0;background:var(--deep);
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.q-mkt > *{position:relative;z-index:2}
.q-mkt-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding-bottom:14px;border-bottom:1px solid var(--line)} /* taste-skill-ignore: data-ui product fragment or form field */
.q-mkt-legend{color:var(--soft);font-size:var(--t-small);margin-right:4px}
.q-tabs{display:flex;flex-wrap:wrap;gap:2px}
.q-tab{min-height:44px;padding:0 12px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--soft);font-size:var(--t-small);font-weight:500;cursor:pointer;transition:color .15s ease,border-color .15s ease}
.q-tab:hover{color:var(--ink)}
.q-tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.q-tab:focus-visible{outline-offset:-2px}
.q-sel-wrap{position:relative;margin-left:auto}
.q-sel{appearance:none;-webkit-appearance:none;min-height:44px;padding:0 36px 0 14px;background:var(--deep2);border:1px solid var(--line);color:var(--ink);font-size:var(--t-small);cursor:pointer;border-radius:0} /* taste-skill-ignore: data-ui product fragment or form field */
.q-sel:hover{border-color:rgba(255,255,255,0.22)}
.q-sel-wrap::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid var(--soft);border-bottom:2px solid var(--soft);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.q-reads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:28px 0 22px}
.q-read strong{display:block;font-family:var(--sans);font-weight:600;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-size:clamp(38px,3.7vw,54px);line-height:1;letter-spacing:-0.035em;color:var(--ink)} /* taste-skill-ignore: brand: JetBrains Mono for figures only */
.q-read span{display:block;margin-top:10px;color:var(--soft);font-size:var(--t-small);line-height:1.4;max-width:31ch}
.q-mkt-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 24px;padding-top:12px;border-top:1px solid var(--line);color:var(--soft);font-size:var(--t-small)} /* taste-skill-ignore: data-ui product fragment or form field */
.q-mkt-foot .q-link{font-size:var(--t-small)}

/* ---------- why timing ---------- */
.q-why{padding-top:var(--sec)}
.q-why-text{grid-column:2 / span 6;align-self:center}
.q-late{margin-top:28px;padding:20px 22px;background:var(--deep);
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.q-late-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.q-late b{display:block;font-family:var(--display);font-weight:600;font-size:var(--t-state);line-height:1.25;letter-spacing:-0.015em}
.q-late p{margin-top:10px;color:var(--soft);font-size:var(--t-small)}
.q-late-q{color:var(--ink);font-weight:600}
.q-late-bar{margin:16px 0 8px;height:4px;background:rgba(255,255,255,0.08);overflow:hidden}
.q-late-bar i{display:block;height:100%;background:var(--warn);transform-origin:left;animation:q-window 9s linear infinite}
@keyframes q-window{from{transform:scaleX(1)}to{transform:scaleX(0.04)}}
.q-fieldcol{grid-column:8 / -1;align-self:center}
.q-field{margin:0}
.q-field canvas{display:block;width:100%}
.q-field figcaption{margin-top:14px;color:var(--soft);font-size:var(--t-small)}
.q-why h2{font-size:var(--t-head);line-height:1.12;max-width:16ch}
.q-why-text p{margin-top:20px;max-width:44ch}
.q-why-text p + p{color:var(--soft)}
.q-readout{margin:28px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.q-readout li{display:flex;flex-direction:column;gap:2px;min-height:0;padding:0}
.q-readout b{font-family:var(--sans);font-weight:600;font-size:var(--t-state);letter-spacing:-0.02em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;min-width:6.2ch}
.q-readout span{color:var(--soft);font-size:var(--t-small)}
.q-readout-note{margin-top:10px;color:var(--soft);font-size:var(--t-small)}

/* ---------- how it works (pinned fragment) ---------- */
.q-how{padding-top:var(--sec)}
.q-how h2{grid-column:2 / span 6;font-size:var(--t-head);line-height:1.12}
.q-steps{grid-column:2 / span 4;margin:0;padding:0;list-style:none}
.q-steps{grid-column:2 / span 4}
.q-step{min-height:44vh;display:flex;flex-direction:column;justify-content:center;padding:32px 0}
.q-step:first-child{min-height:34vh;justify-content:flex-start;padding-top:56px}
.q-step{opacity:.5;transition:opacity .4s ease}
.q-step.is-on,.no-js .q-step{opacity:1}
.q-step p:first-child{font-size:var(--t-state);line-height:1.3;font-weight:600;color:var(--ink);max-width:24ch}
.q-step p + p{margin-top:12px;color:var(--soft);max-width:40ch}
.q-step.is-on p:first-child,.no-js .q-step p:first-child{color:var(--ink)}
.q-stage{grid-column:6 / -1;grid-row:2;position:sticky;top:calc(var(--nav-h) + 12vh);align-self:start;margin-top:56px;display:grid;padding:44px 40px 56px;background:var(--deep);
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));overflow:hidden}
.q-steps{grid-row:2}
.q-state{grid-area:2 / 1;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(12px);transition:opacity .35s var(--ease),transform .35s var(--ease);pointer-events:none}
.q-state.is-on{opacity:1;transform:none;pointer-events:auto}
.q-funnel{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:28px}
.q-funnel span{display:flex;align-items:center;justify-content:center;height:30px;font-size:13px;font-weight:600;color:var(--soft);background:var(--raise);transition:background-color .35s ease,color .35s ease;
  clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 100%,0 100%)}
.q-funnel span:nth-child(1){width:100%}.q-funnel span:nth-child(2){width:84%}.q-funnel span:nth-child(3){width:68%}.q-funnel span:nth-child(4){width:52%}
.q-funnel span.is-done{background:rgba(16,184,146,0.22);color:var(--ink)}
.q-funnel span.is-on{background:var(--accent);color:#06221B}
.q-stage-cap{position:absolute;left:40px;right:40px;bottom:18px;margin:0;color:var(--soft);font-size:13px}
.q-stepname{color:var(--ink);font-weight:700}
.q-step-frag{display:none}
.q-how-cap{display:none}

/* shared fragment parts (data-ui keeps product borders) */
.frag{width:100%;max-width:460px;background:var(--deep2);border:1px solid var(--line);padding:20px;font-size:14px;line-height:1.45;color:var(--ink)} /* taste-skill-ignore: data-ui product fragment or form field */
.frag-k{color:var(--soft);font-size:13px}
.frag-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-top:1px solid var(--line)} /* taste-skill-ignore: data-ui product fragment or form field */
.frag-row:first-of-type{border-top:0}
.frag-title{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-0.01em;margin:6px 0 12px}
.tag{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 9px;border:1px solid var(--line);color:var(--soft);font-size:13px;white-space:nowrap} /* taste-skill-ignore: data-ui product fragment or form field */
.tags{display:flex;flex-wrap:wrap;gap:6px}
.dot{display:inline-block;width:8px;height:8px;background:var(--accent);flex:none}
.dot--warn{background:var(--warn)}
.dot--off{background:transparent;border:1.5px solid var(--dim)}
.strike{text-decoration:line-through;text-decoration-color:var(--soft);color:var(--soft)}
.mask{font-family:var(--mono);color:var(--soft);letter-spacing:0.02em} /* taste-skill-ignore: brand: JetBrains Mono for figures only */
.frag-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin-top:14px;padding:0 12px;border:1px solid rgba(16,184,146,0.55);color:var(--accent-ink);font-size:13px;font-weight:600} /* taste-skill-ignore: data-ui product fragment or form field */
.frag-list{margin:0 0 12px;padding:0;list-style:none}
.frag-list li{position:relative;padding:5px 0 5px 16px;border-top:1px solid var(--line)} /* taste-skill-ignore: data-ui product fragment */
.frag-list li::before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;background:var(--soft)}
.frag-next{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:rgba(16,184,146,0.10);color:var(--ink)}
@keyframes q-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes q-ring{from{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}
@keyframes q-press{0%,100%{transform:none}45%{transform:scale(.94)}}
.q-state.is-on .frag > *,.q-step.is-on .q-step-frag .frag > *{animation:q-in .45s var(--ease) both}
.q-state.is-on .frag > *:nth-child(2),.q-step.is-on .q-step-frag .frag > *:nth-child(2){animation-delay:.07s}
.q-state.is-on .frag > *:nth-child(3),.q-step.is-on .q-step-frag .frag > *:nth-child(3){animation-delay:.14s}
.q-state.is-on .frag > *:nth-child(4),.q-step.is-on .q-step-frag .frag > *:nth-child(4){animation-delay:.21s}
.q-state.is-on .frag > *:nth-child(5),.q-step.is-on .q-step-frag .frag > *:nth-child(5){animation-delay:.28s}
.q-state.is-on .frag > *:nth-child(6),.q-step.is-on .q-step-frag .frag > *:nth-child(6){animation-delay:.35s}
.q-state.is-on .frag-list li:nth-child(2){animation:q-in .4s var(--ease) .32s both}
.q-state.is-on .frag-list li:nth-child(3){animation:q-in .4s var(--ease) .44s both}
.tag .dot{position:relative}
.q-state.is-on .tag .dot::after,.q-step.is-on .q-step-frag .tag .dot::after{content:"";position:absolute;inset:-3px;border:1.5px solid var(--accent-ink);animation:q-ring 1.6s ease-out infinite}
.q-state.is-on .frag-btn,.q-step.is-on .q-step-frag .frag-btn{animation:q-press .5s ease-in-out .9s both}
.seal{display:inline-flex;align-items:center;gap:6px;color:var(--accent-ink);font-size:13px}

/* ---------- what you get (output index, live sheet) ---------- */
.q-get{padding-top:var(--sec)}
.q-get-h{grid-column:2 / span 8;font-size:var(--t-head);line-height:1.12;margin-bottom:32px}
.q-outs{grid-column:2 / span 3;display:flex;flex-direction:column;gap:4px;align-self:start}
.q-out{display:block;width:100%;text-align:left;background:transparent;border:0;padding:6px 0;cursor:pointer;color:var(--soft)}
.q-out b{display:inline-block;font-family:var(--display);font-weight:600;font-size:var(--t-state);line-height:1.2;letter-spacing:-0.015em;padding:10px 0 6px;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}
.q-out span{display:block;max-width:34ch;margin-top:8px;font-size:var(--t-body);line-height:1.45;color:var(--soft)}
.q-out:hover b{color:var(--ink)}
.q-out[aria-selected="true"] b{color:var(--ink);border-bottom-color:var(--ink)}
.q-out:not([aria-selected="true"]) span{display:none}
.no-js .q-out span{display:block}
.q-out:focus-visible{outline-offset:4px}
.q-sheetstage{grid-column:5 / -1;grid-row:2 / span 2;position:relative;height:min(640px,86vh);background:var(--deep);overflow:hidden;
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.q-sheet{position:absolute;top:48px;left:40px;right:40px;opacity:0;visibility:hidden;transform:translateX(20px);transition:opacity .22s ease,transform .4s var(--ease),visibility 0s linear .4s}
.q-sheet.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .3s ease,transform .45s var(--ease)}
.q-sheet.is-on .dir tbody tr,.q-sheet.is-on .sheet-cell,.q-sheet.is-on .mail-list li{animation:q-in .4s var(--ease) both}
.q-sheet.is-on .dir tbody tr:nth-child(2),.q-sheet.is-on .sheet-cell:nth-child(2),.q-sheet.is-on .mail-list li:nth-child(2){animation-delay:.06s}
.q-sheet.is-on .dir tbody tr:nth-child(3),.q-sheet.is-on .sheet-cell:nth-child(3),.q-sheet.is-on .mail-list li:nth-child(3){animation-delay:.12s}
.q-sheet.is-on .dir tbody tr:nth-child(4),.q-sheet.is-on .sheet-cell:nth-child(4){animation-delay:.18s}
.q-sheet.is-on .dir tbody tr:nth-child(5),.q-sheet.is-on .sheet-cell:nth-child(5){animation-delay:.24s}
.q-sheet.is-on .dir tbody tr:nth-child(n+6),.q-sheet.is-on .sheet-cell:nth-child(n+6){animation-delay:.3s}
.no-js .q-sheetstage{height:auto}
.no-js .q-sheet{position:static;opacity:1;visibility:visible;margin:40px}
.q-get-cap{grid-column:5 / -1;margin-top:14px;color:var(--soft);font-size:var(--t-small);display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;justify-content:space-between}

/* sheets */
.sheet{background:var(--deep2);border:1px solid var(--line);font-size:14px;line-height:1.45;color:var(--ink)} /* taste-skill-ignore: data-ui product fragment or form field */
.sheet-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:18px 20px;border-bottom:1px solid var(--line)} /* taste-skill-ignore: data-ui product fragment or form field */
.sheet-head h3{font-size:22px;letter-spacing:-0.015em;margin-right:6px}
.sheet-grid{display:grid;grid-template-columns:1fr 1fr}
.sheet-cell{padding:14px 20px;border-bottom:1px solid var(--line)} /* taste-skill-ignore: data-ui product fragment or form field */
.sheet-cell:nth-child(odd){border-right:1px solid var(--line)} /* taste-skill-ignore: data-ui product fragment */
.sheet-cell.wide{grid-column:1 / -1;border-right:0}
.sheet-cell .frag-k{display:block;margin-bottom:8px}
.sheet-net{margin:0;padding:0;list-style:none}
.sheet-net li{display:flex;gap:10px;padding:2px 0}
.sheet-net em{font-style:normal;color:var(--soft);min-width:78px}
.mail{max-width:460px}
.mail-meta{padding:14px 20px;border-bottom:1px solid var(--line);color:var(--soft);font-size:13px;display:grid;grid-template-columns:auto 1fr;gap:2px 12px} /* taste-skill-ignore: data-ui product fragment or form field */
.mail-meta b{color:var(--ink);font-weight:500}
.mail-body{padding:18px 20px}
.mail-body h3{font-size:20px;line-height:1.25;margin-bottom:6px}
.mail-list{margin:14px 0 0;padding:0;list-style:none}
.mail-list li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line)} /* taste-skill-ignore: data-ui product fragment or form field */
.dir{width:100%;border-collapse:collapse;font-size:13.5px}
.dir th{text-align:left;font-weight:500;color:var(--soft);font-size:13px;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap} /* taste-skill-ignore: data-ui product fragment or form field */
.dir td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top} /* taste-skill-ignore: data-ui product fragment or form field */
.dir td:last-child,.dir th:last-child{text-align:right}
.dir .co b{display:block;font-weight:600}
.dir .co small{display:block;color:var(--soft);font-family:var(--mono);font-size:12.5px} /* taste-skill-ignore: brand: JetBrains Mono for figures only */
.dir-foot{padding:14px;color:var(--soft);font-size:13.5px}

/* ---------- this week (two-ended rows) ---------- */
.q-week{padding-top:var(--sec)}
.q-week-in{grid-column:2 / span 6}
.q-weekcard{grid-column:9 / -1;align-self:center;display:grid;padding:28px;background:var(--deep);
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.q-wc{grid-area:1 / 1;display:flex;flex-direction:column;align-items:flex-start;gap:10px;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .45s var(--ease)}
.q-wc.is-on{opacity:1;transform:none}
.q-wc b{font-family:var(--display);font-weight:600;font-size:var(--t-state);line-height:1.2;letter-spacing:-0.015em}
.q-wc-act{margin-top:6px;padding:10px 12px;background:rgba(16,184,146,0.10);color:var(--ink);font-size:var(--t-small);align-self:stretch}
.q-wc.is-on .tag .dot::after{content:"";position:absolute;inset:-3px;border:1.5px solid var(--accent-ink);animation:q-ring 1.6s ease-out infinite}
.q-week h2{font-size:var(--t-head);line-height:1.12}
.q-week-in > p{margin-top:16px;color:var(--soft);max-width:52ch}
.q-rows{margin:36px 0 0;padding:0;list-style:none}
.q-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;min-height:52px;padding:12px 0}
.q-row + .q-row{border-top:1px solid var(--line)} /* taste-skill-ignore: data-ui product fragment or form field */
.q-row-l{display:flex;align-items:baseline;gap:12px;min-width:0}
.q-mono{flex:none;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;align-self:center;background:var(--raise);font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:0;color:var(--ink)}
.q-row-name{display:block;font-weight:600}
.q-row-meta{display:block;color:var(--soft);font-size:var(--t-small)}
.q-row-r{flex:none;color:var(--soft);font-size:var(--t-small);white-space:nowrap;text-align:right}
.q-row-r b{font-family:var(--mono);font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums} /* taste-skill-ignore: brand: JetBrains Mono for figures only */
.q-row.is-open{display:block;background:var(--deep);padding:16px 18px;margin:4px -18px;border-top:0}
.q-row.is-open + .q-row{border-top:0}
.q-row-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.q-why-list{margin:14px 0 0;padding:0;list-style:none;color:var(--ink);font-size:var(--t-small)}
.q-why-list li{position:relative;padding:3px 0 3px 16px}
.q-why-list li::before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;background:var(--soft)}
.q-why-list li.next{margin-top:8px;color:var(--ink)}
.q-why-list li.next::before{background:var(--accent)}
.q-plays{position:relative;margin:36px 0 0;padding:0;list-style:none;--p:0}
.q-plays::before,.q-plays::after{content:"";position:absolute;left:36px;top:30px;bottom:30px;width:2px;background:var(--line)}
.q-plays::after{background:var(--accent);transform-origin:top;transform:scaleY(var(--p));transition:transform .6s var(--ease)}
.q-play{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:4px 18px;margin:0 -14px;padding:14px;transition:background-color .3s ease}
.q-day{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:44px;height:30px;background:var(--raise);color:var(--soft);font-size:13px;font-weight:600;transition:background-color .3s ease,color .3s ease;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.q-play-ev{display:block;margin-bottom:3px;color:var(--soft);font-size:var(--t-small)}
.q-play .q-row-name{color:var(--soft);transition:color .3s ease}
.q-play .q-row-meta{color:var(--soft)}
.q-play .q-row-r{padding-top:22px}
.q-play.is-on{background:var(--deep)}
.q-play.is-on .q-day{background:var(--accent);color:#06221B}
.q-play.is-past .q-day{background:rgba(16,184,146,0.22);color:var(--ink)}
.q-play.is-on .q-play-ev{color:var(--accent-ink)}
.q-play.is-on .q-row-name,.q-plays.is-static .q-row-name{color:var(--ink)}
.q-week-cap{margin-top:18px;color:var(--soft);font-size:var(--t-small);max-width:62ch}

/* ---------- sources (recognition as a table) ---------- */
.q-src{padding-top:var(--sec)}
.q-src h2{grid-column:2 / span 8;font-size:var(--t-head);line-height:1.12}
.q-src-lede{grid-column:2 / span 6;margin-top:24px;max-width:56ch}
.q-tablewrap{grid-column:2 / -1;margin-top:40px}
.q-table-cap{margin-top:14px;color:var(--soft);font-size:var(--t-small);max-width:62ch}
.q-table{width:100%;border-collapse:collapse;font-size:var(--t-body)}
.q-table th{text-align:left;font-weight:500;color:var(--soft);font-size:var(--t-small);padding:0 16px 12px;white-space:nowrap}
.q-table td{padding:14px 16px}
.q-table tbody tr:nth-child(odd){background:rgba(33,37,46,0.55)}
.q-table td:first-child{font-weight:600;width:32%;padding:0 16px}
.q-table td a{display:flex;align-items:center;min-height:48px;color:var(--ink);text-decoration:none}
.q-table td a:visited{color:var(--ink)}
.q-table td a:hover{color:var(--accent-ink);text-decoration:underline}
.q-table td:nth-child(2){color:var(--soft)}
.q-table th:last-child,.q-table td:last-child{text-align:right;width:30%}
.q-table td:last-child{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap} /* taste-skill-ignore: brand mono for figures (table counts) */
.q-table td:last-child .num{display:inline-block;min-width:4.6ch;text-align:right}
.q-bar{display:inline-block;vertical-align:middle;width:160px;height:6px;margin-right:14px;background:rgba(255,255,255,0.06)}
.q-bar i{display:block;height:100%;background:var(--accent);opacity:.8;transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease)}
.grow .q-bar i{transform:scaleX(var(--w))}
#srcRows tr:nth-child(2) .q-bar i{transition-delay:.06s}#srcRows tr:nth-child(3) .q-bar i{transition-delay:.12s}#srcRows tr:nth-child(4) .q-bar i{transition-delay:.18s}#srcRows tr:nth-child(5) .q-bar i{transition-delay:.24s}#srcRows tr:nth-child(n+6) .q-bar i{transition-delay:.3s} /* taste-skill-ignore: brand: JetBrains Mono for figures only */
.q-src-more{grid-column:2 / -1;margin-top:18px;color:var(--soft)}
.q-names{grid-column:2 / -1;margin-top:40px;display:flex;flex-wrap:wrap;gap:0 40px}

/* ---------- FAQ (answers as reading text) ---------- */
.q-faq{padding-top:var(--sec)}
.q-faq h2{grid-column:2 / span 8;font-size:var(--t-head);line-height:1.12}
.q-answers{grid-column:2 / -1;margin-top:32px;columns:2;column-gap:56px}
.q-answers p{break-inside:avoid;margin:0 0 22px;font-size:var(--t-body);line-height:1.55;color:var(--soft)}
.q-answers p b{font-weight:600;color:var(--ink)}

/* ---------- close ---------- */
.q-close{padding:var(--sec) 0 var(--sec)}

/* ---------- funnel product proofs ---------- */
.q-stage .frag{max-width:none}
.q-stage .sheet,.q-step-frag .sheet{width:100%}
.q-sheet-list{position:relative;overflow:hidden}
.q-chips{display:flex;flex-wrap:wrap;gap:6px;padding:14px 14px 4px}
.q-sheet-list .dir td,.q-sheet-list .dir th{padding:10px 14px}
.q-blur td{filter:blur(3px);opacity:.55}
.q-openall{position:absolute;left:0;right:0;bottom:0;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:rgba(42,47,57,0.9);text-align:center}
.q-openall b{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-0.01em}
.q-openall span{color:var(--soft);font-size:13px}
.q-digest .mail-meta{border-bottom:1px solid var(--line)} /* taste-skill-ignore: data-ui product fragment */
.q-dig{margin:0;padding:6px 16px;list-style:none}
.q-dig li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)} /* taste-skill-ignore: data-ui product fragment */
.q-dig li:first-child{border-top:0}
.q-dig-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:6px 16px 14px}
.q-dig-foot .frag-btn{margin-top:0}
.q-reveal-act{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.q-reveal-btn{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;background:var(--accent);color:#06221B;font-size:13px;font-weight:700;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.q-reveal-act .frag-btn{margin-top:0;margin-left:auto}
.q-state.is-on .sheet tbody tr,.q-state.is-on .q-dig li,.q-step.is-on .q-step-frag .sheet tbody tr,.q-step.is-on .q-step-frag .q-dig li{animation:q-in .4s var(--ease) both}
.q-state.is-on .sheet tbody tr:nth-child(2),.q-state.is-on .q-dig li:nth-child(2){animation-delay:.07s}
.q-state.is-on .sheet tbody tr:nth-child(3),.q-state.is-on .q-dig li:nth-child(3){animation-delay:.14s}
.q-state.is-on .sheet tbody tr:nth-child(4),.q-state.is-on .q-dig li:nth-child(4){animation-delay:.21s}
.q-state.is-on .sheet tbody tr:nth-child(5),.q-state.is-on .q-dig li:nth-child(5){animation-delay:.28s}
.q-state.is-on .q-openall{animation:q-in .45s var(--ease) .35s both}
.q-state.is-on .q-reveal-btn,.q-step.is-on .q-step-frag .q-reveal-btn{animation:q-press .5s ease-in-out .9s both}

/* ---------- generic list vs with signals ---------- */
.q-morph{grid-column:8 / -1;align-self:center;padding:24px 26px 22px;background:var(--deep);
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.q-morph-seg{position:relative;display:grid;grid-template-columns:1fr 1fr;margin-bottom:16px;background:var(--deep2);padding:4px}
.q-seg{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px;background:transparent;border:0;cursor:pointer;font-size:var(--t-small);font-weight:600;color:var(--soft);transition:color .35s ease}
.q-seg:hover{color:var(--ink)}
.q-seg:focus-visible{outline-offset:-2px}
.q-morph-seg::before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--raise);transition:transform .45s var(--ease),background-color .45s ease}
.q-morph[data-state="sig"] .q-morph-seg::before{transform:translateX(100%);background:var(--accent)}
.q-morph[data-state="gen"] .q-seg-gen{color:var(--ink)}
.q-morph[data-state="sig"] .q-seg-sig{color:#06221B}
.q-mrows{margin:0;padding:0;list-style:none}
.q-mrow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:8px 0;border-top:1px solid var(--line)} /* taste-skill-ignore: data-ui product fragment */
.q-mrow > span:first-child b{display:block;font-weight:600;transition:color .35s ease}
.q-mrow .q-none,.q-mrow .q-chip{grid-column:2;grid-row:1;justify-self:end}
.q-none{color:var(--dim);font-size:13px;transition:opacity .3s ease}
.q-chip{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 10px;background:rgba(16,184,146,0.14);color:var(--ink);font-size:13px;font-weight:600;white-space:nowrap;
  opacity:0;transform:translateX(14px);transition:opacity .35s ease,transform .45s var(--ease);transition-delay:calc(var(--i) * 90ms)}
.q-morph[data-state="gen"] .q-mrow b{color:var(--soft)}
.q-morph[data-state="sig"] .q-none{opacity:0}
.q-morph[data-state="sig"] .q-chip{opacity:1;transform:none}
.q-morph[data-state="gen"] .q-chip{transition-delay:0s}
.q-morph-line{display:grid;margin-top:14px;padding:14px 16px;background:var(--deep2);transition:background-color .45s ease}
.q-morph-line .frag-k{margin-bottom:4px}
.q-morph-line p{grid-area:2 / 1;font-family:var(--display);font-weight:600;font-size:18px;line-height:1.3;transition:opacity .35s ease,transform .45s var(--ease)}
.q-line-gen{color:var(--soft)}
.q-line-sig{opacity:0;transform:translateY(8px);color:var(--ink)}
.q-morph[data-state="sig"] .q-morph-line{background:rgba(16,184,146,0.12)}
.q-morph[data-state="sig"] .q-line-gen{opacity:0;transform:translateY(-8px)}
.q-morph[data-state="sig"] .q-line-sig{opacity:1;transform:none}
.q-morph-cap{margin-top:12px;color:var(--soft);font-size:13px}
.q-stats{grid-column:2 / -1;margin:72px 0 0;padding:28px 32px;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.3fr);gap:24px;align-items:end;background:rgba(33,37,46,0.55)}
.q-stats li{display:flex;flex-direction:column;gap:4px}
.q-stats b{font-family:var(--display);font-weight:600;font-size:var(--t-head);line-height:1;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
.q-stats li > span{color:var(--soft);font-size:var(--t-small);white-space:nowrap}
.q-stats-note span{white-space:normal !important;font-size:13px}

/* ---------- generic list vs with signals ---------- */
.q-morph{grid-column:8 / -1;align-self:center;padding:24px 26px 22px;background:var(--deep);
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.q-morph-seg{position:relative;display:grid;grid-template-columns:1fr 1fr;margin-bottom:16px;background:var(--deep2);padding:4px}
.q-seg{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:36px;font-size:var(--t-small);font-weight:600;color:var(--soft);transition:color .35s ease}
.q-morph-seg::before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--raise);transition:transform .45s var(--ease),background-color .45s ease}
.q-morph[data-state="sig"] .q-morph-seg::before{transform:translateX(100%);background:var(--accent)}
.q-morph[data-state="gen"] .q-seg-gen{color:var(--ink)}
.q-morph[data-state="sig"] .q-seg-sig{color:#06221B}
.q-mrows{margin:0;padding:0;list-style:none}
.q-mrow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:8px 0;border-top:1px solid var(--line)} /* taste-skill-ignore: data-ui product fragment */
.q-mrow > span:first-child b{display:block;font-weight:600;transition:color .35s ease}
.q-mrow .q-none,.q-mrow .q-chip{grid-column:2;grid-row:1;justify-self:end}
.q-none{color:var(--dim);font-size:13px;transition:opacity .3s ease}
.q-chip{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 10px;background:rgba(16,184,146,0.14);color:var(--ink);font-size:13px;font-weight:600;white-space:nowrap;
  opacity:0;transform:translateX(14px);transition:opacity .35s ease,transform .45s var(--ease);transition-delay:calc(var(--i) * 90ms)}
.q-morph[data-state="gen"] .q-mrow b{color:var(--soft)}
.q-morph[data-state="sig"] .q-none{opacity:0}
.q-morph[data-state="sig"] .q-chip{opacity:1;transform:none}
.q-morph[data-state="gen"] .q-chip{transition-delay:0s}
.q-morph-line{display:grid;margin-top:14px;padding:14px 16px;background:var(--deep2);transition:background-color .45s ease}
.q-morph-line .frag-k{margin-bottom:4px}
.q-morph-line p{grid-area:2 / 1;font-family:var(--display);font-weight:600;font-size:18px;line-height:1.3;transition:opacity .35s ease,transform .45s var(--ease)}
.q-line-gen{color:var(--soft)}
.q-line-sig{opacity:0;transform:translateY(8px);color:var(--ink)}
.q-morph[data-state="sig"] .q-morph-line{background:rgba(16,184,146,0.12)}
.q-morph[data-state="sig"] .q-line-gen{opacity:0;transform:translateY(-8px)}
.q-morph[data-state="sig"] .q-line-sig{opacity:1;transform:none}
.q-morph-cap{margin-top:12px;color:var(--soft);font-size:13px}
.q-stats{grid-column:2 / -1;margin:72px 0 0;padding:28px 32px;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.3fr);gap:24px;align-items:end;background:rgba(33,37,46,0.55)}
.q-stats li{display:flex;flex-direction:column;gap:4px}
.q-stats b{font-family:var(--display);font-weight:600;font-size:var(--t-head);line-height:1;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
.q-stats li > span{color:var(--soft);font-size:var(--t-small);white-space:nowrap}
.q-stats-note span{white-space:normal !important;font-size:13px}

/* ---------- both sides of a market ---------- */
.q-sides{position:relative;margin-top:var(--sec);padding:clamp(72px,8vw,120px) 0;background:var(--deep);
  clip-path:polygon(48px 0,100% 0,100% 100%,0 100%,0 48px)}
.q-sides::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:64px 64px} /* taste-skill-ignore: brand blueprint grid */
.q-sides > .q-wrap{position:relative}
.q-sides-text{grid-column:2 / span 5;align-self:center}
.q-sides h2{font-size:clamp(32px,3.6vw,52px);line-height:1.06;letter-spacing:-0.025em}
.q-sides-text > p{margin-top:18px;color:var(--ink);max-width:48ch;font-size:clamp(17px,1.3vw,19px)}
.q-uses{margin:24px 0 0;padding:0;list-style:none}
.q-uses li{position:relative;padding:8px 0 8px 22px}
.q-uses li::before{content:"";position:absolute;left:0;top:17px;width:8px;height:8px;background:var(--accent)}
.q-uses b{font-weight:600}
.q-mm{grid-column:8 / -1;align-self:center;padding:22px 24px;background:var(--deep2);
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.q-mm-head{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}
.q-mm-head b{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-0.01em}
.q-mm-tabs{display:flex;flex-wrap:wrap;gap:2px;border-bottom:1px solid var(--line)} /* taste-skill-ignore: data-ui product fragment */
.q-mm-tab{min-height:44px;padding:0 12px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--soft);font-size:var(--t-small);font-weight:600;cursor:pointer;transition:color .2s ease,border-color .2s ease}
.q-mm-tab:hover{color:var(--ink)}
.q-mm-tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.q-mm-tab:focus-visible{outline-offset:-2px}
.q-mm-views{display:grid;margin-top:6px}
.q-mm-view{grid-area:1 / 1;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .4s var(--ease),visibility 0s linear .4s}
.q-mm-view.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .3s ease,transform .4s var(--ease)}
.q-mm-view ul{margin:0;padding:0;list-style:none}
.q-mm-def{margin:10px 0 4px;color:var(--soft);font-size:13px}
.q-mm-view li{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;min-height:58px;padding:8px 0;border-top:1px solid var(--line)} /* taste-skill-ignore: data-ui product fragment */
.q-mm-view li:first-child{border-top:0}
.q-mm-view li > span:first-child b{display:block;font-weight:600}
.q-mm-view.is-on li{animation:q-in .4s var(--ease) both}
.q-mm-view.is-on li:nth-child(2){animation-delay:.07s}.q-mm-view.is-on li:nth-child(3){animation-delay:.14s}
.q-mm-cap{margin-top:14px;color:var(--soft);font-size:13px}
@media (max-width:900px){
  .q-sides-text,.q-mm{grid-column:1 / -1}
  .q-mm{margin-top:28px}
}

/* ---------- signal decoder ---------- */
.q-decode{padding-top:var(--sec)}
.q-decode h2{grid-column:2 / span 8;font-size:var(--t-head);line-height:1.12}
.q-decode-lede{grid-column:2 / span 6;margin-top:16px;color:var(--soft);max-width:52ch}
.q-sigs{grid-column:2 / span 4;grid-row:3;align-self:start;margin-top:36px;display:flex;flex-direction:column;gap:4px}
.q-sig{display:block;width:100%;text-align:left;background:transparent;border:0;cursor:pointer;padding:12px 16px;color:var(--soft);transition:background-color .25s ease,color .25s ease;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.q-sig b{display:block;font-family:var(--display);font-weight:600;font-size:var(--t-state);letter-spacing:-0.015em;line-height:1.2}
.q-sig span{display:block;margin-top:2px;font-size:var(--t-small)}
.q-sig:hover{color:var(--ink)}
.q-sig[aria-selected="true"]{background:var(--deep);color:var(--ink)}
.q-sig[aria-selected="true"] span{color:var(--accent-ink)}
.q-decstage{grid-column:7 / -1;grid-row:3;margin-top:36px;display:grid;padding:36px;background:var(--deep);position:sticky;top:calc(var(--nav-h) + 10vh);align-self:start;
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.q-dec{grid-area:1 / 1;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .25s ease,transform .45s var(--ease),visibility 0s linear .45s}
.q-dec.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .3s ease,transform .45s var(--ease)}
.q-dec-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.q-dec-row{padding:14px 0;border-top:1px solid var(--line)} /* taste-skill-ignore: data-ui product fragment */
.q-dec-row p,.q-dec-line p{margin-top:4px;font-size:var(--t-body);color:var(--ink)}
.q-dec-line{margin-top:10px;padding:16px 18px;background:rgba(16,184,146,0.10)}
.q-dec-line p{font-family:var(--display);font-weight:600;font-size:var(--t-state);line-height:1.3;letter-spacing:-0.01em}
.q-dec.is-on .q-dec-row,.q-dec.is-on .q-dec-line{animation:q-in .45s var(--ease) both}
.q-dec.is-on .q-dec-row:nth-of-type(3){animation-delay:.08s}
.q-dec.is-on .q-dec-line{animation-delay:.16s}
.q-dec.is-on .tag .dot::after{content:"";position:absolute;inset:-3px;border:1.5px solid var(--accent-ink);animation:q-ring 1.6s ease-out infinite}
.q-dec-cap{margin-top:18px;color:var(--soft);font-size:13px}
@media (min-width:1024px) and (prefers-reduced-motion:no-preference){
  .q-outs{gap:0}
  .q-out{min-height:32vh;display:flex;flex-direction:column;justify-content:center;padding:12px 0;opacity:.5;transition:opacity .4s ease}
  .q-out:first-child{min-height:22vh;justify-content:flex-start;padding-top:8px}
  .q-out[aria-selected="true"]{opacity:1}
  .q-out b{font-size:clamp(24px,2.1vw,30px);line-height:1.15}
  .q-out:not([aria-selected="true"]) span{display:block}
  .q-out:hover{opacity:.75}
  .q-out[aria-selected="true"]:hover{opacity:1}
  .q-sheetstage{position:sticky;top:calc(var(--nav-h) + 8vh);align-self:start}
}
@media (min-width:1024px) and (prefers-reduced-motion:no-preference){
  .q-sigs{gap:0}
  .q-sig{min-height:30vh;display:flex;flex-direction:column;justify-content:center;padding:12px 0;clip-path:none;opacity:.5;transition:opacity .4s ease}
  .q-sig:first-child{min-height:24vh;justify-content:flex-start;padding-top:28px}
  .q-sig[aria-selected="true"]{background:transparent;opacity:1}
  .q-sig b{font-size:clamp(24px,2.1vw,30px);line-height:1.15}
  .q-sig:hover{color:inherit;opacity:.75}
  .q-sig[aria-selected="true"]:hover{opacity:1}
}

/* ---------- ecosystem ---------- */
.q-eco{grid-column:2 / -1;position:relative;margin-top:44px;min-height:420px}
.q-eco-lines{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.q-eco-lines path{fill:none;stroke:rgba(16,184,146,0.55);stroke-width:1.5;stroke-dasharray:6 10;vector-effect:non-scaling-stroke;animation:q-flow 1.8s linear infinite}
@keyframes q-flow{to{stroke-dashoffset:-32}}
.q-nodes{position:relative;z-index:2;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(3,1fr);column-gap:52%;row-gap:20px;height:420px}
.q-node{display:flex;flex-direction:column;justify-content:center;padding:16px 18px;background:var(--deep);
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.q-node:nth-child(1){grid-column:1;grid-row:1}.q-node:nth-child(2){grid-column:1;grid-row:2}.q-node:nth-child(3){grid-column:1;grid-row:3}
.q-node:nth-child(4){grid-column:2;grid-row:1}.q-node:nth-child(5){grid-column:2;grid-row:2}.q-node:nth-child(6){grid-column:2;grid-row:3}
.q-node b{font-weight:600}
.q-node span{margin-top:2px;color:var(--soft);font-size:var(--t-small)}
.q-node--own{background:rgba(16,184,146,0.16)}
.q-node--own span{color:var(--ink)}
.q-eco-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:min(36%,360px);padding:22px 24px;text-align:center;background:var(--accent);color:#06221B;
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.q-eco-core .frag-k{display:block;color:#0B3B2F;font-weight:600}
.q-eco-core b{display:block;margin-top:6px;font-family:var(--display);font-weight:700;font-size:var(--t-state);line-height:1.2;letter-spacing:-0.015em}
.q-eco-core::after{content:"";position:absolute;inset:0;border:2px solid #fff;opacity:0;animation:q-core 2.6s ease-out infinite}
@keyframes q-core{0%{opacity:.5;transform:scale(1)}100%{opacity:0;transform:scale(1.12)}}
.q-eco-fx{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.q-pt{position:absolute;left:0;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--accent-ink);will-change:transform,opacity}
.q-pt--lab{width:auto;height:auto;margin:-12px 0 0 -6px;padding:4px 8px;background:var(--deep);color:var(--accent-ink);font-size:12px;font-weight:600;white-space:nowrap;
  clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}
.q-node{transition:background-color .35s ease}
.q-node.is-emit{background:#2C3A3A}
.q-node--own.is-emit{background:rgba(16,184,146,0.3)}
.q-node{position:relative}
.q-node::after{content:"";position:absolute;top:14px;right:14px;width:7px;height:7px;background:var(--raise2);transition:background-color .3s ease}
.q-node.is-emit::after{background:var(--accent-ink)}
.q-eco-core b .num{font-family:var(--display);font-variant-numeric:tabular-nums}
.q-eco-core b{white-space:nowrap}
.q-eco-tick{display:block;margin-top:8px;padding-top:8px;border-top:1px solid rgba(6,34,27,0.25);font-size:13px;font-weight:600;color:#0B3B2F;min-height:2.6em} /* taste-skill-ignore: divider inside the core card */
.q-eco-tick.is-in{animation:q-in .35s var(--ease) both}
.q-eco-core.is-blip{animation:q-blip .45s ease-out}
@keyframes q-blip{0%{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) scale(1.04)}100%{transform:translate(-50%,-50%) scale(1)}}
.q-eco-lines path{stroke:rgba(16,184,146,0.35)}
.q-eco-links{grid-column:2 / -1;margin-top:28px;display:flex;flex-wrap:wrap;gap:0 40px}
.q-regs{grid-column:2 / -1;margin-top:28px;padding:4px 0}
.q-regs summary{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer;font-weight:600;list-style:none}
.q-regs summary::-webkit-details-marker{display:none}
.q-regs summary::after{content:"+";margin-left:auto;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:var(--raise);color:var(--ink);font-weight:500;transition:transform .25s ease}
.q-regs[open] summary::after{transform:rotate(45deg)}
.q-regs .q-tablewrap{margin-top:16px}

/* ---------- FAQ accordion ---------- */
.q-faqlist{grid-column:2 / span 9;margin-top:32px}
.q-qa{border-bottom:1px solid var(--line)} /* taste-skill-ignore: accordion separators (Andrew prefers the earlier FAQ) */
.q-qa:first-child{border-top:1px solid var(--line)} /* taste-skill-ignore: accordion separators */
.q-qa summary{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 0;cursor:pointer;list-style:none;font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:0.01em;text-transform:uppercase;color:var(--ink)}
.q-qa summary::-webkit-details-marker{display:none}
.q-slash{color:var(--accent);font-weight:700}
.q-plus{position:relative;margin-left:auto;flex:none;width:30px;height:30px;background:var(--raise);transition:background-color .2s ease}
.q-plus::before,.q-plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .25s ease}
.q-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.q-qa[open] .q-plus{background:var(--accent)}
.q-qa[open] .q-plus::after{transform:translate(-50%,-50%) rotate(0deg)}
.q-qa summary:hover .q-plus{background:var(--raise2)}
.q-qa p{padding:0 44px 20px 22px;color:var(--soft);max-width:70ch}
.q-qa[open] p{animation:q-in .3s var(--ease) both}

/* ---------- final CTA ---------- */
.q-cta{grid-column:2 / -1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);min-width:0;gap:48px;align-items:center;padding:56px;background:#14453A;position:relative;overflow:hidden;
  clip-path:polygon(28px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 28px)}
.q-cta::before{content:"";position:absolute;inset:0;pointer-events:none;
  /* taste-skill-ignore: brand blueprint grid on the CTA panel */
  background-image:linear-gradient(rgba(255,255,255,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.05) 1px,transparent 1px);background-size:48px 48px} /* taste-skill-ignore: brand blueprint grid */
.q-cta > *{position:relative}
.q-cta h2{font-size:var(--t-head);line-height:1.1;color:var(--ink)}
.q-cta-text > p{margin-top:16px;font-size:var(--t-body);color:#D7F2EA;max-width:40ch}
.q-cta .q-ctas{margin-top:28px}
.q-cta .q-link{color:var(--ink)}
.q-btn--light{background:var(--ink);color:#0B2A23;font-size:var(--t-body);min-height:52px;padding:0 28px}
.q-btn--light:visited{color:#0B2A23}
.q-btn--light:hover{background:#FFFFFF}
.q-btn--light:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-fill)} /* taste-skill-ignore: brand focus ring */
.q-cta-points{display:flex;flex-wrap:wrap;gap:6px 22px;margin:22px 0 0;padding:0;list-style:none;color:#D7F2EA;font-size:var(--t-small)}
.q-cta-points li{display:flex;align-items:center;gap:8px}
.q-cta-points li::before{content:"";width:8px;height:8px;background:#3FE0C0}
.q-csv{margin:0;background:var(--deep);padding:0;box-shadow:0 30px 60px -30px rgba(0,0,0,0.6)} /* taste-skill-ignore: the preview card floats over the panel */
.q-csv-head{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:13px;color:var(--soft)} /* taste-skill-ignore: file name in a data-ui fragment */
.q-csv{overflow:hidden;min-width:0}
.q-csv-t{width:100%;border-collapse:collapse;font-size:13.5px;table-layout:fixed}
.q-csv-t th:nth-child(1){width:33%}.q-csv-t th:nth-child(2){width:21%}.q-csv-t th:nth-child(4){width:16%}
.q-csv-t th{text-align:left;font-weight:500;color:var(--soft);font-size:13px;padding:10px 16px;border-bottom:1px solid var(--line)}
.q-csv-t td{padding:10px 14px;border-bottom:1px solid var(--line);color:var(--ink);overflow-wrap:anywhere}
.q-csv-t td:first-child{font-family:var(--mono);font-size:12.5px;color:var(--soft)} /* taste-skill-ignore: domains in a data-ui fragment */
.q-csv-t td:last-child{color:var(--accent-ink)}
.q-csv-foot{padding:12px 16px;color:var(--soft);font-size:13px}
.q-cta.in .q-csv-t tbody tr{animation:q-in .4s var(--ease) both}
.q-cta.in .q-csv-t tbody tr:nth-child(2){animation-delay:.08s}.q-cta.in .q-csv-t tbody tr:nth-child(3){animation-delay:.16s}.q-cta.in .q-csv-t tbody tr:nth-child(4){animation-delay:.24s}.q-cta.in .q-csv-t tbody tr:nth-child(5){animation-delay:.32s}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .q-eyebrow,.q-h1,.q-lede,.q-ctas,.q-micro,.q-week-in,.q-src-lede,.q-close p,.q-how h2,.q-get-h,.q-src h2,.q-faq h2{grid-column:2 / span 10}
  .q-h1,.q-eyebrow,.q-ctas,.q-micro{grid-column:2 / span 7}
  .q-lede{grid-column:2 / span 6}
  .q-mkt,.q-tablewrap,.q-src-more,.q-names,.q-answers{grid-column:2 / -1}
  .q-why-text{grid-column:2 / span 5}
  .q-fieldcol{grid-column:8 / -1}
  .q-week-in{grid-column:2 / span 7}
  .q-weekcard{grid-column:9 / -1}
  .q-steps{grid-column:2 / span 5}
  .q-outs{grid-column:2 / span 3}
}
/* how it works: stacked (each step with its own fragment) below 1024px and under reduced motion */
@media (max-width:1023px){
  .q-orb-full{display:none}
  .q-orb{grid-column:1 / -1;grid-row:auto;min-height:0;height:300px;margin-top:20px}
  .q-orb-compact{display:block}
  .q-orb{height:340px}
  .q-mkt{grid-row:auto}
  .q-stage{display:none}
  .q-steps{grid-column:2 / span 10}
  .q-step,.q-step:first-child{min-height:0;padding:28px 0 8px;justify-content:flex-start;opacity:1}
  .q-step p:first-child{color:var(--ink)}
  .q-step-frag{display:flex;margin-top:18px;padding:28px 20px;background:var(--deep);justify-content:center}
  .q-how-cap{display:block;grid-column:2 / span 10;margin-top:16px;color:var(--soft);font-size:var(--t-small)}
}
@media (prefers-reduced-motion:reduce) and (min-width:1024px){
  .q-stage{display:none}
  .q-steps{grid-column:2 / -1}
  .q-step,.q-step:first-child{min-height:0;padding:28px 0;opacity:1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:auto 1fr;column-gap:48px;align-items:start}
  .q-step > p:first-child{grid-column:1;grid-row:1;color:var(--ink)}
  .q-step > p + p{grid-column:1;grid-row:2}
  .q-step-frag{display:flex;grid-column:2;grid-row:1 / span 2;padding:32px 24px;background:var(--deep);justify-content:center}
  .q-how-cap{display:block;grid-column:2 / -1;margin-top:8px;color:var(--soft);font-size:var(--t-small)}
}
@media (max-width:900px){
  .q-wrap{column-gap:16px}
  .q-eyebrow,.q-h1,.q-lede,.q-ctas,.q-micro,.q-mkt,.q-why-text,.q-fieldcol,.q-how h2,.q-steps,.q-how-cap,.q-get-h,.q-outs,.q-sheetstage,.q-get-cap,.q-week-in,.q-weekcard,.q-src h2,.q-src-lede,.q-tablewrap,.q-src-more,.q-names,.q-faq h2,.q-answers,.q-close p{grid-column:1 / -1}
  .q-fieldcol{margin-top:40px}
  .q-readout{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}
  .q-weekcard{margin-top:24px}
  .q-tabs{display:none}
  .q-sel-wrap{margin-left:0;width:100%}
  .q-sel{width:100%;min-height:48px;font-size:var(--t-body)}
  .q-mkt-legend{width:100%}
  .q-get-h{margin-bottom:12px}
  .q-outs{flex-direction:row;flex-wrap:nowrap;gap:0 20px}
  .q-out{width:auto;min-height:44px;padding:0}
  .q-out b{font-family:var(--sans);font-size:var(--t-body);font-weight:600;letter-spacing:0;padding:10px 0 8px}
  .q-out span{display:none !important}
  .q-outdesc{grid-column:1 / -1;display:block;margin-top:10px;color:var(--soft);font-size:var(--t-body)}
  .q-sheetstage{grid-row:auto;margin-top:16px;height:min(560px,74svh)}
  .q-sheet{top:16px;left:12px;right:12px}
  .sheet-grid{grid-template-columns:1fr}
  .sheet-cell:nth-child(odd){border-right:0}
  .dir th:nth-child(2),.dir td:nth-child(2){display:none}
  .q-answers{columns:1}
}
@media (min-width:901px){.q-outdesc{display:none}}
@media (max-width:640px){
  :root{--t-body:16px}
  .q-hero{padding-top:56px;background-size:48px 48px}
  .q-h1{font-size:clamp(31px,8.6vw,40px)}
  .q-mkt{padding:16px 16px 18px;--cut:14px}
  .q-reads{grid-template-columns:1fr;gap:0;padding:8px 0 12px}
  .q-read{padding:12px 0}
  .q-read + .q-read{border-top:1px solid var(--line)} /* taste-skill-ignore: data-ui product fragment */
  .q-read strong{font-size:34px}
  .q-read span{margin-top:0}
  .q-row-r{font-size:var(--t-small)}
  .q-play{grid-template-columns:44px minmax(0,1fr)}
  .q-play .q-row-r{display:none}
  .q-bar{width:56px;margin-right:10px}
  .q-row.is-open{margin:4px -12px;padding:14px 12px}
  .q-outs{gap:0 14px}
  .q-out b{font-size:15px}
  /* sources table as two-line rows: market and count on one baseline, regulator beneath */
  .q-table thead{display:none}
  .q-table,.q-table tbody{display:block;width:100%}
  .q-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;padding:4px 12px 12px}
  .q-table td,.q-table td:first-child,.q-table td:last-child{display:block;width:auto;padding:0;text-align:left}
  .q-table td:first-child{grid-column:1;grid-row:1}
  .q-table td:last-child{grid-column:2;grid-row:1;text-align:right;align-self:center}
  .q-table td:nth-child(2){grid-column:1 / -1;grid-row:2;font-size:var(--t-small)}
  .q-table td a{min-height:44px}
  /* market readings: label next to its number */
  .q-read{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:baseline;justify-content:start;gap:10px}
  .q-read span{text-align:left;max-width:none}
}


@media (max-width:1100px){
  .q-decode h2,.q-decode-lede,.q-eco,.q-eco-links,.q-regs,.q-faqlist,.q-cta{grid-column:2 / -1}
  .q-sigs{grid-column:2 / span 4}
  .q-decstage{grid-column:6 / -1}
}
@media (max-width:900px){
  .q-decode h2,.q-decode-lede,.q-sigs,.q-decstage,.q-eco,.q-eco-links,.q-regs,.q-faqlist,.q-cta{grid-column:1 / -1}
  .q-sigs{grid-row:auto;flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:24px}
  .q-sig{width:auto;padding:8px 12px}
  .q-sig b{font-family:var(--sans);font-size:15px;letter-spacing:0}
  .q-sig span{display:none}
  .q-decstage{grid-row:auto;margin-top:12px;padding:22px}
  .q-eco{min-height:0}
  .q-eco-lines{display:none}
  .q-nodes{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:none;column-gap:10px;row-gap:10px;margin-top:12px}
  .q-node:nth-child(n){grid-column:auto;grid-row:auto}
  .q-eco-core{position:static;transform:none;width:auto;margin-bottom:4px}
  .q-eco-core.is-blip{animation:none}
  .q-eco-fx{display:none}
  .q-eco{display:flex;flex-direction:column-reverse}
  .q-cta{grid-template-columns:minmax(0,1fr);padding:32px 20px;gap:28px}
  .q-cta-text,.q-csv{min-width:0}
  .q-csv{overflow:hidden}
  .q-csv-t{table-layout:fixed;font-size:13px}
  .q-csv-t td,.q-csv-t th{white-space:normal;padding:9px 10px;overflow-wrap:anywhere}
  .q-csv-t th:first-child{width:40%}
  .q-csv-t th:last-child{width:22%}
  .q-csv-head span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .q-csv-t th:nth-child(2),.q-csv-t td:nth-child(2){display:none}
  .q-qa summary{font-size:16px}
}


@media (max-width:900px){
  .q-morph{grid-column:1 / -1;margin-top:32px}
  .q-stats{grid-column:1 / -1;grid-template-columns:1fr 1fr;padding:22px 20px;margin-top:40px}
  .q-stats-note{grid-column:1 / -1}
  .q-mrow .frag-k{font-size:12.5px}
}
@media (max-width:640px){
  .q-chip{font-size:12px;padding:0 8px}
  .q-morph{padding:18px 16px}
  .q-morph-line p{font-size:16px}
}


@media (max-width:900px){
  .q-morph{grid-column:1 / -1;margin-top:32px}
  .q-stats{grid-column:1 / -1;grid-template-columns:1fr 1fr;padding:22px 20px;margin-top:40px}
  .q-stats-note{grid-column:1 / -1}
  .q-mrow .frag-k{font-size:12.5px}
}
@media (max-width:640px){
  .q-chip{font-size:12px;padding:0 8px}
  .q-morph{padding:18px 16px}
  .q-morph-line p{font-size:16px}
}


@media (max-width:640px){
  .q-dig li{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}
  .q-dig li .tag{grid-column:1 / -1;justify-self:start}
  .q-reveal-act .frag-btn{margin-left:0}
}

@media (prefers-reduced-motion:reduce){
  .q-h1{animation:none}
  *,*::before,*::after{transition-duration:0.01ms !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important}
  .q-anim [data-rise]{opacity:1;transform:none}
  .q-state{transform:none}
}

/* ===== Shared site header + footer (same look as every other page). Generated by tools/chrome-css.mjs from /assets/css/styles.css?v=rb643, /assets/css/header.css?v=rb643, /assets/css/igo-design-system.css?v=rb643 on live /pricing. Regenerate, do not hand-edit. ===== */
:where(.nav,.mobile-menu,.site-footer){--accent-glow:rgba(16,184,146,0.16);--border2:rgba(255,255,255,0.16);--accent2:#10B892;--chrome-pure:#F2F4F9;--display:'Syne','Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--muted2:#C1C5D0;--surface:#454A58;--sans:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--green:#22C55E;--green-border:rgba(34,197,94,0.30);--green-bg:rgba(34,197,94,0.13);--border:rgba(255,255,255,0.09);--surface2:#4F5464;--muted:#9398A6;--accent:#0E7A62;--text:#F2F4F9;font-family:Inter, system-ui, -apple-system, "system-ui", "Segoe UI", sans-serif;font-size:16px;line-height:normal;color:rgb(242, 244, 249);letter-spacing:normal;font-weight:400}
@keyframes pulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}
@keyframes igoBrandSheen { 
  0% { background-position: 0% 50%; }
  100% { background-position: -200% 50%; }
}
/* from /assets/css/styles.css?v=rb643 */
.nav{padding: 0px 24px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: 54px; background: rgba(8, 11, 18, 0.97); position: sticky; top: 0px; z-index: 50; backdrop-filter: blur(8px);}
.nav .logo{justify-self: start;}
.nav .nav-center{justify-self: center;}
.nav .nav-right{justify-self: end;}
:where(.nav,.mobile-menu,.site-footer) .logo{display: flex; align-items: center; gap: 9px; text-decoration: none; cursor: pointer;}
:where(.nav,.mobile-menu,.site-footer) .logo-emoji{font-size: 20px; line-height: 1;}
:where(.nav,.mobile-menu,.site-footer) .logo-text{font-weight: 700; font-size: 0.92rem; color: var(--text);}
:where(.nav,.mobile-menu,.site-footer) .logo-text span{color: var(--accent);}
:where(.nav,.mobile-menu,.site-footer) .nav-center{display: flex; gap: 4px;}
:where(.nav,.mobile-menu,.site-footer) .nav-link{padding: 5px 12px; font-size: 0.78rem; font-weight: 500; color: var(--muted); background: transparent; border: 1px solid transparent; border-radius: 0px; cursor: pointer; transition: 0.15s; text-decoration: none;}
:where(.nav,.mobile-menu,.site-footer) .nav-link:hover{color: var(--text);}
:where(.nav,.mobile-menu,.site-footer) .nav-link.active{background: var(--surface2); border-color: var(--border); color: var(--text);}
:where(.nav,.mobile-menu,.site-footer) .nav-right{display: flex; align-items: center; gap: 8px;}
:where(.nav,.mobile-menu,.site-footer) .nav-badge{background: var(--green-bg); border: 1px solid var(--green-border); color: var(--green); font-size: 0.62rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 4px 10px; border-radius: 0px; display: inline-flex; align-items: center; gap: 6px; line-height: 1;}
:where(.nav,.mobile-menu,.site-footer) .nav-badge-dot{width: 6px; height: 6px; background: var(--green); border-radius: 50%; animation: 1.5s ease 0s infinite normal none running pulse; flex-shrink: 0;}
:where(.nav,.mobile-menu,.site-footer) .btn-primary{background: var(--accent); color: white; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 7px 16px; border-radius: 0px; font-family: var(--sans); font-size: 0.8rem; font-weight: 600; cursor: pointer; transition: 0.15s;}
:where(.nav,.mobile-menu,.site-footer) .btn-primary:hover{opacity: 0.88; transform: translateY(-1px);}
.site-footer{border-top: 1px solid var(--border); background: var(--surface); font-size: 0.75rem; color: var(--muted);}
:where(.nav,.mobile-menu,.site-footer) .site-footer-inner{max-width: 1100px; margin: 0px auto; padding: 0px 28px;}
:where(.nav,.mobile-menu,.site-footer) .footer-cta{padding: 48px 0px; border-bottom: 1px solid var(--border);}
:where(.nav,.mobile-menu,.site-footer) .footer-cta-title{font-size: 1.25rem; font-weight: 700; color: var(--text); margin-bottom: 6px;}
:where(.nav,.mobile-menu,.site-footer) .footer-cta-sub{font-size: 0.78rem; color: var(--muted2);}
:where(.nav,.mobile-menu,.site-footer) .footer-cta-btn{flex-shrink: 0; padding: 12px 28px; font-size: 0.88rem; text-decoration: none;}
:where(.nav,.mobile-menu,.site-footer) .footer-col{display: flex; flex-direction: column; gap: 8px;}
:where(.nav,.mobile-menu,.site-footer) .footer-brand{text-decoration: none; font-size: 0.95rem; font-weight: 700; color: var(--text);}
:where(.nav,.mobile-menu,.site-footer) .footer-brand span{color: var(--accent);}
:where(.nav,.mobile-menu,.site-footer) .footer-brand-desc{font-size: 0.72rem; color: var(--muted2); line-height: 1.5; margin-top: 4px;}
:where(.nav,.mobile-menu,.site-footer) .footer-col-title{font-size: 0.6rem; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted); margin-bottom: 4px;}
:where(.nav,.mobile-menu,.site-footer) .footer-link{color: var(--muted2); text-decoration: none; font-size: 0.75rem; transition: color 0.15s;}
:where(.nav,.mobile-menu,.site-footer) .footer-link:hover{color: var(--text);}
:where(.nav,.mobile-menu,.site-footer) .footer-bottom{padding: 20px 0px; text-align: center;}
:where(.nav,.mobile-menu,.site-footer) .footer-meta{font-size: 0.68rem; color: var(--muted);}
@media (max-width: 700px){
:where(.nav,.mobile-menu,.site-footer) .footer-cta-title{font-size: 1.05rem;}
}
@media (max-width: 768px){
:where(.nav,.mobile-menu,.site-footer) .nav-center{display: none;}
}
/* from /assets/css/header.css?v=rb643 */
:where(.nav,.mobile-menu,.site-footer) .logo-emoji{font-size: 20px; line-height: 1;}
:where(.nav,.mobile-menu,.site-footer) .burger{display: none; flex-direction: column; gap: 4px; cursor: pointer; padding: 6px; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin-left: 4px;}
:where(.nav,.mobile-menu,.site-footer) .burger span{width: 20px; height: 2px; background: var(--text,#F9FAFB); border-radius: 0px; transition: 0.2s; display: block;}
.mobile-menu{display: flex; position: fixed; top: 54px; left: 0px; right: 0px; background: rgba(8, 11, 18, 0.98); backdrop-filter: blur(12px); z-index: 49; padding: 12px 16px 16px; flex-direction: column; gap: 4px; opacity: 0; visibility: hidden; transform: translateY(-14px); transition: opacity 0.2s, transform 0.22s, visibility 0.22s step-end;}
.mobile-menu.open{opacity: 1; visibility: visible; transform: translateY(0px); transition: opacity 0.2s, transform 0.22s, visibility;}
:where(.nav,.mobile-menu,.site-footer) .mobile-link{padding: 11px 14px; font-size: 0.9rem; font-weight: 500; color: var(--muted2,#9CA3AF); text-decoration: none; border-radius: 0px; transition: 0.15s;}
:where(.nav,.mobile-menu,.site-footer) .mobile-link:hover,:where(.nav,.mobile-menu,.site-footer) .mobile-link.active{background: var(--surface2,#111827); color: var(--text,#F9FAFB);}
:where(.nav,.mobile-menu,.site-footer) .mobile-divider{height: 1px; background: var(--border,#1F2937); margin: 6px 0px;}
:where(.nav,.mobile-menu,.site-footer) .header-pricing-link{text-decoration: none; display: inline-flex; align-items: center; justify-content: center;}
:where(.nav,.mobile-menu,.site-footer) .btn-ghost{padding: 8px 16px; border: 1px solid var(--border,#1F2937); border-radius: 0px; font-size: 0.82rem; font-weight: 600; color: var(--muted2,#9CA3AF); text-decoration: none; transition: 0.15s;}
:where(.nav,.mobile-menu,.site-footer) .btn-ghost:hover{border-color: var(--text,#F9FAFB); color: var(--text,#F9FAFB);}
@media (max-width: 768px){
.nav{grid-template-columns: minmax(0px, 1fr) auto !important; padding: 0px 16px !important;}
:where(.nav,.mobile-menu,.site-footer) .nav-center{display: none !important;}
:where(.nav,.mobile-menu,.site-footer) .nav-badge{display: none !important;}
:where(.nav,.mobile-menu,.site-footer) .nav-right .btn-primary,:where(.nav,.mobile-menu,.site-footer) .nav-right .btn-ghost{display: none !important;}
:where(.nav,.mobile-menu,.site-footer) .burger{display: flex;}
}
/* from /assets/css/igo-design-system.css?v=rb643 */
:where(.nav,.mobile-menu,.site-footer) .footer-cta-title{font-family: var(--display) !important; letter-spacing: -0.025em !important;}
:where(.nav,.mobile-menu,.site-footer) .logo{gap: 10px;}
:where(.nav,.mobile-menu,.site-footer) .logo-emoji{width: 44px; height: 20px; align-items: center; justify-content: flex-start; position: relative; flex-shrink: 0; font-size: 0px !important; display: inline-flex !important;}
:where(.nav,.mobile-menu,.site-footer) .logo-emoji::before{content: "iGO"; font-family: var(--display); font-weight: 700; font-size: 21px; letter-spacing: -0.04em; color: var(--chrome-pure); line-height: 1;}
:where(.nav,.mobile-menu,.site-footer) .logo-emoji::after{content: ""; position: absolute; left: 0px; bottom: -3px; width: 42px; height: 1.5px; border-radius: 0px; background: linear-gradient(90deg,var(--accent2),rgba(16,184,146,0.25));}
:where(.nav,.mobile-menu,.site-footer) .logo-text,:where(.nav,.mobile-menu,.site-footer) .footer-brand{font-family: var(--display); font-weight: 700; letter-spacing: -0.02em; color: var(--text) !important;}
:where(.nav,.mobile-menu,.site-footer) .logo-text span,:where(.nav,.mobile-menu,.site-footer) .footer-brand span{color: var(--accent2) !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-brand{position: relative; width: 132px; height: 28px; align-items: center; font-size: 0px !important; display: inline-flex !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-brand::before{content: "iGO"; font-family: var(--display); font-size: 24px; font-weight: 700; letter-spacing: -0.04em; color: var(--chrome-pure);}
:where(.nav,.mobile-menu,.site-footer) .footer-brand::after{content: ""; position: absolute; left: 0px; bottom: 0px; width: 52px; height: 1.5px; background: linear-gradient(90deg,var(--chrome-pure),rgba(242,244,249,0.25)); border-radius: 0px;}
.nav{height: 62px; padding: 0px 28px; border-bottom: 1px solid var(--border); backdrop-filter: blur(18px) saturate(160%); background: rgba(33, 37, 46, 0.88) !important;}
.nav{position: sticky; top: 0px; z-index: 50;}
:where(.nav,.mobile-menu,.site-footer) .nav-link{font-family: var(--sans); font-size: 0.78rem; font-weight: 500; color: var(--muted2); border-radius: 0px; padding: 8px 13px;}
:where(.nav,.mobile-menu,.site-footer) .nav-link:hover{color: var(--text); background: rgba(255, 255, 255, 0.04);}
:where(.nav,.mobile-menu,.site-footer) .nav-link.active{background: rgba(255, 255, 255, 0.06); border-color: var(--border); color: var(--text); box-shadow: rgba(255, 255, 255, 0.06) 0px -1px 0px inset;}
:where(.nav,.mobile-menu,.site-footer) .nav-badge{background: var(--green-bg); border-color: var(--green-border); color: rgb(134, 239, 172); border-radius: 0px; letter-spacing: 0.12em;}
.nav,.mobile-menu{transition: background 200ms, border-color 200ms, color 150ms;}
:where(.nav,.mobile-menu,.site-footer) .btn-ghost{border-color: var(--border2); color: var(--muted2); border-radius: 0px;}
:where(.nav,.mobile-menu,.site-footer) .btn-ghost:hover{border-color: var(--accent); color: var(--accent2); background: var(--accent-glow);}
.mobile-menu{top: 62px; border-bottom: 1px solid var(--border); background: rgba(33, 37, 46, 0.98) !important;}
:where(.nav,.mobile-menu,.site-footer) .mobile-link{border-radius: 0px;}
:where(.nav,.mobile-menu,.site-footer) .btn-primary{letter-spacing: -0.01em; background: var(--accent) !important; color: rgb(255, 255, 255) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 0px !important; box-shadow: 0 0 18px var(--accent-glow) !important; font-family: var(--sans) !important; font-weight: 700 !important; transition: transform 150ms, box-shadow 150ms, background 150ms !important;}
:where(.nav,.mobile-menu,.site-footer) .btn-primary:hover{transform: translateY(-1px); opacity: 1 !important; box-shadow: rgba(14, 122, 98, 0.26) 0px 0px 28px !important;}
.site-footer{--footer-accent: var(--accent); --footer-accent2: var(--accent2); --footer-glow: var(--accent-glow); width: 100% !important; max-width: 100% !important; padding: 0px !important; background: rgba(33, 37, 46, 0.78) !important; border-top: 1px solid var(--border) !important; color: var(--muted) !important; overflow: hidden !important;}
.site-footer *{box-sizing: border-box; min-width: 0px;}
:where(.nav,.mobile-menu,.site-footer) .site-footer-inner{width: 100% !important; max-width: 1200px !important; margin: 0px auto !important; padding: 40px 28px 22px !important; display: block !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-main-grid{display: grid !important; grid-template-columns: minmax(260px, 1.18fr) minmax(260px, 1.35fr) repeat(3, minmax(118px, 0.62fr)) !important; gap: 28px !important; align-items: start !important; width: 100% !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-cta{display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: space-between !important; gap: 18px !important; width: 100% !important; min-height: 100% !important; padding: 24px !important; border: 1px solid rgba(16, 184, 146, 0.24) !important; border-radius: 0px !important; background: linear-gradient(135deg, rgba(16, 184, 146, 0.12), rgba(33, 37, 46, 0.44)) !important; box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-cta-text{width: 100% !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-cta-title{font-family: var(--display) !important; color: var(--text) !important; font-size: 1.12rem !important; line-height: 1.2 !important; letter-spacing: -0.03em !important; margin: 0px 0px 8px !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-cta-sub{color: var(--muted2) !important; font-size: 0.78rem !important; line-height: 1.55 !important; margin: 0px !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-cta-btn{width: 100% !important; max-width: 240px !important; flex: 0 0 auto !important; padding: 12px 18px !important; text-align: center !important; white-space: normal !important; line-height: 1.25 !important; background: linear-gradient(180deg,var(--footer-accent2),var(--footer-accent)) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; box-shadow: rgba(14, 122, 98, 0.2) 0px 12px 24px, rgba(255, 255, 255, 0.14) 0px 1px 0px inset !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-cta-btn:hover{background: linear-gradient(180deg,var(--footer-accent2),var(--footer-accent)) !important; box-shadow: rgba(14, 122, 98, 0.26) 0px 14px 28px, rgba(255, 255, 255, 0.16) 0px 1px 0px inset !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-brand-col{max-width: 100% !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-brand{display: inline-flex !important; width: auto !important; height: auto !important; text-decoration: none !important; color: var(--text) !important; font-family: var(--display) !important; font-size: 1rem !important; font-weight: 700 !important; letter-spacing: -0.02em !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-brand::before,:where(.nav,.mobile-menu,.site-footer) .footer-brand::after{content: none !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-brand span{color: var(--footer-accent2) !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-brand-desc,:where(.nav,.mobile-menu,.site-footer) .footer-compliance{margin: 10px 0px 0px !important; color: var(--muted2) !important; font-size: 0.74rem !important; line-height: 1.58 !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-compliance{padding: 12px 0px 0px !important; border-top: 1px solid var(--border) !important; color: var(--muted) !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-col{display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; width: 100% !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-col-title{font-size: 0.62rem !important; font-weight: 700 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: var(--muted) !important; margin: 0px 0px 4px !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-link,:where(.nav,.mobile-menu,.site-footer) .footer-link:visited{display: inline-flex !important; max-width: 100% !important; color: var(--muted2) !important; text-decoration: none !important; font-size: 0.76rem !important; line-height: 1.45 !important; overflow-wrap: anywhere !important; transition: color 150ms !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-link:hover{color: var(--footer-accent2) !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-bottom{grid-column: 1 / -1 !important; width: 100% !important; padding: 20px 0px 0px !important; margin: 4px 0px 0px !important; border-top: 1px solid var(--border) !important; text-align: left !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-meta{font-size: 0.7rem !important; color: var(--muted) !important; line-height: 1.5 !important;}
@media (max-width: 1100px){
:where(.nav,.mobile-menu,.site-footer) .footer-main-grid{grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr) repeat(3, minmax(120px, 0.6fr)) !important; gap: 22px !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-cta{padding: 22px !important;}
}
@media (max-width: 900px){
:where(.nav,.mobile-menu,.site-footer) .site-footer-inner{padding: 34px 22px 22px !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-main-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 24px !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-cta,:where(.nav,.mobile-menu,.site-footer) .footer-brand-col{grid-column: span 3 !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-cta{min-height: auto !important;}
}
@media (max-width: 640px){
:where(.nav,.mobile-menu,.site-footer) .site-footer-inner{padding: 30px 16px 20px !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-main-grid{grid-template-columns: 1fr !important; gap: 22px !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-cta,:where(.nav,.mobile-menu,.site-footer) .footer-brand-col{grid-column: auto !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-cta{padding: 20px !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-cta-btn{max-width: none !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-bottom{padding-top: 18px !important;}
}
@media (max-width: 768px){
.nav{height: 58px !important; padding: 0px 16px !important;}
.mobile-menu{top: 58px !important;}
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
:where(.nav,.mobile-menu,.site-footer) .logo-emoji::before{background-image: linear-gradient(100deg,var(--chrome-pure,#F2F4F9) 0%,var(--chrome-pure,#F2F4F9) 30%,#3FE0C0 50%,var(--chrome-pure,#F2F4F9) 70%,var(--chrome-pure,#F2F4F9) 100%); background-size: 200% 100%; background-position: 0% 50%; background-clip: text; -webkit-text-fill-color: transparent; animation: 5.6s linear 0s infinite normal none running igoBrandSheen;}
}
@media (prefers-reduced-motion: reduce){
:where(.nav,.mobile-menu,.site-footer) .logo-emoji::before{animation: auto ease 0s 1 normal none running none !important; background-position: 50% 50% !important;}
}
.nav .nav-link{text-transform: uppercase !important; letter-spacing: 0.1em !important; font-weight: 600 !important; font-size: 0.7rem !important;}
.nav .btn-primary,.nav .header-pricing-link,.nav .btn-ghost,:where(.nav,.mobile-menu,.site-footer) .footer-cta-btn{text-transform: uppercase !important; letter-spacing: 0.07em !important; font-weight: 600 !important;}
:where(.nav,.mobile-menu,.site-footer) .logo-text,:where(.nav,.mobile-menu,.site-footer) .footer-brand{text-transform: uppercase !important; letter-spacing: 0.02em !important;}
.nav .logo{align-items: baseline !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-col-title{letter-spacing: 0.16em !important;}
.site-footer .footer-cta-title{text-transform: uppercase !important; font-weight: 700 !important; letter-spacing: -0.01em !important; font-size: 1.34rem !important; line-height: 1.04 !important;}
:where(.nav,.mobile-menu,.site-footer) .btn-primary,:where(.nav,.mobile-menu,.site-footer) .btn-ghost{text-transform: uppercase !important; letter-spacing: 0.06em !important; font-weight: 600 !important; border-radius: 0px !important; clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px) !important;}
:where(.nav,.mobile-menu,.site-footer) .nav-badge-dot{border-radius: 50% !important;}
.site-footer .footer-cta{position: relative !important; border: 0px !important; border-radius: 0px !important; background: rgba(16, 184, 146, 0.32) !important; clip-path: polygon(20px 0px, 100% 0px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0px 100%, 0px 20px) !important;}
.site-footer .footer-cta::before{content: "" !important; position: absolute !important; inset: 1px !important; z-index: 0 !important; background: linear-gradient(135deg, rgba(16, 184, 146, 0.16), rgba(33, 37, 46, 0.66)) !important; clip-path: polygon(20px 0px, 100% 0px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0px 100%, 0px 20px) !important;}
.site-footer .footer-cta > *{position: relative !important; z-index: 1 !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-cta-btn{border-radius: 0px !important; border: 0px !important; background: linear-gradient(180deg,var(--accent2),var(--accent)) !important; clip-path: polygon(9px 0px, 100% 0px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0px 100%, 0px 9px) !important; filter: drop-shadow(rgba(7, 55, 42, 0.9) 4px 5px 0px) !important; box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-cta-btn:hover{filter: drop-shadow(rgba(7, 55, 42, 0.95) 5px 6px 0px) !important; transform: translate(-1px, -1px) !important;}
:where(.nav,.mobile-menu,.site-footer) .footer-cta-btn{box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset !important;}