/* Layout: Pixkit marketing page. Centred hero over a dotted field, then sections in one
   1200px column, each with its own layout family. White and cool zinc greys, ink buttons
   for secondary actions, sky blue only for the primary action and live paths. The brand
   trio (sky #94BEEB, navy #3A4F7A, peach-cream #EADFD7) colours the flywheel: sky family
   for outbound, peach family for LinkedIn ads, navy family for inbound.
   Radii: chips 8, buttons and inputs 10, cards 15 to 18. */
:root{
  color-scheme: light;
  --bg:#FFFFFF; --surface:#FAFAFB; --surface-2:#F2F4F7; --card:#FFFFFF; --tile:#FFFFFF;
  --line:#E3E6EB; --line-2:#EDEFF3; --dot:#DFE3EA;
  --ink:#0B0D12; --ink-2:#161A22; --body:#3A404E; --muted:#697181; --faint:#A0A7B4;
  --btn:#0B0D12; --btn-hover:#2A303C; --btn-ink:#FFFFFF;
  --accent:#6AAEF5; --accent-hover:#89BFF8; --accent-ink:#06101F; --accent-text:#2A72D4;
  --accent-soft:#EDF5FE; --accent-line:#BCD9FA;
  --ok:#15803D; --ok-bg:#F0FDF4; --ok-line:#86EFAC;
  --no:#B4BAC5; --err:#D93B3F;
  --wire:#CDD3DC; --wire-hot:#2A72D4;
  --navy:#0A1640; --navy-ink:#FFFFFF; --navy-muted:rgba(214,228,255,.7); --sky:#99C0EB;
  --gi-sky:#94BEEB; --gi-sky-soft:#EEF5FD; --gi-sky-line:#CFE3F8; --gi-sky-ink:#14284A;
  --gi-navy:#3A4F7A; --gi-navy-2:#4F76A8; --gi-navy-soft:#EEF1F7; --gi-navy-line:#D3DAE8;
  --gi-peach:#EADFD7; --gi-peach-2:#D6B49C; --gi-peach-3:#946349; --gi-peach-soft:#FBF6F2; --gi-peach-line:#EADFD7; --gi-peach-ink:#3B2416;
  --seg-out:#94BEEB; --seg-out-ink:#14284A; --seg-ads:#D6B49C; --seg-ads-ink:#3B2416; --seg-in:#3A4F7A; --seg-in-ink:#FFFFFF;
  --shadow:0 .6px .6px -1.25px rgba(11,13,18,.11),0 2.3px 2.3px -2.5px rgba(11,13,18,.1),0 10px 10px -3.75px rgba(11,13,18,.04);
  --shadow-lg:0 .6px 1.6px -1.5px rgba(11,13,18,.17),0 2.3px 6px -3px rgba(11,13,18,.14),0 10px 26px -4.5px rgba(11,13,18,.06);
  --logo-filter:none; --logo-hover:none; --logo-blend:multiply;
  --glow:rgba(106,174,245,.2); --spot-c:rgba(125,184,247,.34); --spot-inv:rgba(125,184,247,.34);
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --con:#0B1324; --con-line:rgba(148,190,235,.16); --con-ink:#DCE6F5; --con-muted:#8496B2;
  --head:"Plus Jakarta Sans","Inter",system-ui,sans-serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --top:92px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-githeme="light"]){
    color-scheme: dark;
    --bg:#0A0B0F; --surface:#111318; --surface-2:#1A1D24; --card:#13161C; --tile:#F2F4F7;
    --line:#262A33; --line-2:#1D2129; --dot:#252A33;
    --ink:#F6F7F9; --ink-2:#ECEEF2; --body:#D3D7DE; --muted:#9AA1AD; --faint:#646B78;
    --btn:#F6F7F9; --btn-hover:#D3D7DE; --btn-ink:#0A0B0F;
    --accent:#7DB8F7; --accent-hover:#9BC9FA; --accent-ink:#06101F; --accent-text:#8EC2F8;
    --accent-soft:rgba(125,184,247,.1); --accent-line:rgba(125,184,247,.35);
    --ok:#4ADE80; --ok-bg:rgba(34,197,94,.1); --ok-line:rgba(74,222,128,.45);
    --no:#4A505C; --err:#FF7B7E;
    --wire:#363B46; --wire-hot:#8EC2F8;
    --gi-sky-soft:rgba(148,190,235,.1); --gi-sky-line:rgba(148,190,235,.32);
    --gi-navy-soft:rgba(111,140,196,.13); --gi-navy-line:rgba(111,140,196,.38);
    --gi-peach-soft:rgba(234,223,215,.08); --gi-peach-line:rgba(234,223,215,.28);
    --seg-in:#4F6AA3;
    --shadow:0 1px 2px rgba(0,0,0,.4); --shadow-lg:0 10px 30px rgba(0,0,0,.5);
    --logo-filter:invert(1) hue-rotate(180deg); --logo-hover:invert(1) hue-rotate(180deg); --logo-blend:screen; --case-logo-filter:invert(1) hue-rotate(180deg); --glow:rgba(125,184,247,.12); --spot-inv:transparent; --con:#0F1729; --con-line:rgba(148,190,235,.22);
  }
}
:root[data-githeme="dark"]{
  color-scheme: dark;
  --bg:#0A0B0F; --surface:#111318; --surface-2:#1A1D24; --card:#13161C; --tile:#F2F4F7;
  --line:#262A33; --line-2:#1D2129; --dot:#252A33;
  --ink:#F6F7F9; --ink-2:#ECEEF2; --body:#D3D7DE; --muted:#9AA1AD; --faint:#646B78;
  --btn:#F6F7F9; --btn-hover:#D3D7DE; --btn-ink:#0A0B0F;
  --accent:#7DB8F7; --accent-hover:#9BC9FA; --accent-ink:#06101F; --accent-text:#8EC2F8;
  --accent-soft:rgba(125,184,247,.1); --accent-line:rgba(125,184,247,.35);
  --ok:#4ADE80; --ok-bg:rgba(34,197,94,.1); --ok-line:rgba(74,222,128,.45);
  --no:#4A505C; --err:#FF7B7E;
  --wire:#363B46; --wire-hot:#8EC2F8;
  --gi-sky-soft:rgba(148,190,235,.1); --gi-sky-line:rgba(148,190,235,.32);
  --gi-navy-soft:rgba(111,140,196,.13); --gi-navy-line:rgba(111,140,196,.38);
  --gi-peach-soft:rgba(234,223,215,.08); --gi-peach-line:rgba(234,223,215,.28);
  --seg-in:#4F6AA3;
  --shadow:0 1px 2px rgba(0,0,0,.4); --shadow-lg:0 10px 30px rgba(0,0,0,.5);
  --logo-filter:invert(1) hue-rotate(180deg); --logo-hover:invert(1) hue-rotate(180deg); --logo-blend:screen; --case-logo-filter:invert(1) hue-rotate(180deg); --glow:rgba(125,184,247,.12); --spot-inv:transparent; --con:#0F1729; --con-line:rgba(148,190,235,.22);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
img{max-width:100%}
html{scroll-behavior:smooth;scroll-padding-top:var(--top);background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--body);font-family:var(--sans);font-size:16px;line-height:1.7;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}
h1,h2,h3,h4{font-family:var(--head);font-weight:600;color:var(--ink);margin:0;text-wrap:balance}
h1{font-size:clamp(38px,5.6vw,68px);line-height:1.08;letter-spacing:-.045em}
h2{font-size:clamp(30px,3.6vw,46px);line-height:1.15;letter-spacing:-.04em}
h3{font-size:20px;line-height:1.4;letter-spacing:-.015em}
p{margin:0}
a{color:inherit}
button,input{font:inherit;color:inherit}
button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
svg.i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px;border-radius:10px}
::selection{background:var(--accent);color:var(--accent-ink)}
.skip{position:fixed;left:16px;top:-60px;z-index:90;background:var(--btn);color:var(--btn-ink);padding:10px 14px;border-radius:10px;font-weight:600;font-size:14px;text-decoration:none;transition:top .2s}
.skip:focus{top:16px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1200px;margin-inline:auto}

/* top bar */
.topwrap{position:sticky;top:calc(env(safe-area-inset-top,0px) + 12px);z-index:40;max-width:1240px;margin-inline:auto}
.topbar{position:relative;height:64px;padding:0 10px 0 18px;display:flex;align-items:center;gap:18px;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}
.brand{display:flex;align-items:center;color:var(--ink);text-decoration:none;flex:none}
.brand .gi-logo{height:36px;width:auto;display:block}
.nav{display:flex;gap:4px;margin-inline:auto}
.nav a{font-size:15px;font-weight:500;color:var(--body);text-decoration:none;padding:8px 12px;border-radius:9px;transition:background-color .2s,color .2s}
.nav a:hover{background:var(--surface-2);color:var(--ink)}
.tb-right{display:flex;align-items:center;gap:6px;flex:none}
.icon-btn{width:40px;height:40px;border-radius:10px;border:0;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background-color .2s}
.icon-btn:hover{background:var(--surface-2)}
.icon-btn svg.i{width:20px;height:20px}
.icon-btn .moon{display:none}
:root[data-githeme="dark"] .icon-btn .sun{display:none}
:root[data-githeme="dark"] .icon-btn .moon{display:block}
@media (prefers-color-scheme: dark){ :root:not([data-githeme="light"]) .icon-btn .sun{display:none} :root:not([data-githeme="light"]) .icon-btn .moon{display:block} }
.menu-btn{display:none}
.tb-line{position:absolute;left:14px;right:14px;bottom:-1px;height:2px;border-radius:2px;transform-origin:left;transform:scaleX(0);background:var(--accent)}
.mnav{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--card);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow-lg);padding:10px;display:flex;flex-direction:column}
.mnav a{padding:12px 14px;border-radius:10px;text-decoration:none;font-weight:500;color:var(--ink)}
.mnav a:hover{background:var(--surface-2)}

/* buttons */
.btn{font-family:var(--sans);font-weight:600;font-size:15px;letter-spacing:-.02em;line-height:1.2;text-decoration:none;padding:13px 18px 13px 22px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;white-space:nowrap;background:var(--btn);color:var(--btn-ink);transition:background-color .2s,transform .15s,box-shadow .2s}
.btn:hover{background:var(--btn-hover)}
.btn:active{transform:translateY(1px)}
.btn svg.i{width:17px;height:17px;transition:transform .2s}
.btn:hover svg.i{transform:translateX(2px)}
.btn-accent{background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 -1px 0 rgba(6,16,31,.12)}
.btn-accent:hover{background:var(--accent-hover)}
.btn-sm{font-size:14px;padding:9px 12px 9px 15px}
.btn-ghost{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.btn-ghost:hover{background:var(--surface-2)}
.link{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ink);text-decoration:none;font-size:15px}
.link svg.i{width:16px;height:16px;transition:transform .2s}
.link:hover svg.i{transform:translateX(2px)}

/* shared */
main{display:flex;flex-direction:column;gap:clamp(96px,11vw,140px);padding-block:clamp(36px,5vw,64px) 0}
section{scroll-margin-top:var(--top)}
.sec{display:flex;flex-direction:column;gap:20px}
.head{display:flex;flex-direction:column;gap:14px;max-width:760px}
.center{text-align:center;align-items:center;margin-inline:auto}
.lead{font-size:18px;line-height:1.65;color:var(--muted);letter-spacing:-.025em;max-width:62ch}
.note{font-size:13.5px;line-height:1.6;color:var(--muted)}
.pill{display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:var(--ink);letter-spacing:.04em;text-transform:uppercase;line-height:1.5;background:var(--card);padding:5px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);align-self:flex-start}
.center>.pill,.hero>.pill{align-self:center}
.dots3{display:flex;gap:6px}
.dots3 i{width:10px;height:10px;border-radius:50%;background:var(--line)}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
@keyframes dash{to{stroke-dashoffset:-12}}
@keyframes spin{to{transform:rotate(360deg)}}

/* hero */
.hero{position:relative;overflow-x:clip;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;padding-top:clamp(36px,6vw,72px)}
.hero-fx{position:absolute;left:0;right:0;top:-140px;bottom:0;overflow:hidden;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(50% 60% at 50% 40%,#000 50%,transparent 100%);mask-image:radial-gradient(50% 60% at 50% 40%,#000 50%,transparent 100%)}
.hero-glow{position:absolute;left:50%;top:290px;width:880px;height:640px;margin:-320px 0 0 -440px;border-radius:50%;background:radial-gradient(closest-side,var(--glow),var(--glow) 35%,transparent);will-change:transform}
.hero-bg{position:absolute;left:50%;top:-120px;width:min(1400px,160%);height:900px;transform:translateX(-50%);pointer-events:none;z-index:0;background-image:radial-gradient(var(--dot) 1.2px,transparent 1.5px);background-size:22px 22px;-webkit-mask-image:radial-gradient(62% 58% at 50% 36%,#000 25%,transparent 78%);mask-image:radial-gradient(62% 58% at 50% 36%,#000 25%,transparent 78%)}
.hero>*:not(.hero-bg):not(.hero-fx){position:relative;z-index:1}
.hero h1 .l1{display:block}
.rot{display:inline-grid;vertical-align:top;text-align:left;color:var(--accent-text);overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.rot>span{grid-area:1/1;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s}
.rot>span.out{transform:translateY(-105%);opacity:0}
.rot>span.wait{transform:translateY(105%);opacity:0}
.hero .sub{font-size:clamp(17px,1.6vw,19px);line-height:1.6;color:var(--muted);letter-spacing:-.025em;max-width:52ch}
.lf{width:100%;max-width:620px;margin-top:6px}
.lf-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:6px;padding:6px;background:var(--card);border-radius:14px;box-shadow:inset 0 0 0 1px var(--line),0 1px 2px rgba(11,13,18,.04),0 16px 40px -18px rgba(42,114,212,.35)}
.lf input{width:100%;min-width:0;border:0;background:transparent;padding:12px 14px;border-radius:9px;font-size:15.5px;color:var(--ink);outline:none;transition:background-color .2s,box-shadow .2s}
.lf input::placeholder{color:var(--muted)}
.lf input:hover{background:var(--surface)}
.lf input:focus{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent-text)}
.lf input[aria-invalid="true"]{box-shadow:inset 0 0 0 1.5px var(--err)}
.lf .btn{padding-inline:20px}
.lf-msg{min-height:22px;margin-top:8px;font-size:13.5px;color:var(--muted)}
.lf-msg.err{color:var(--err)}
.lf-done{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;padding:16px 18px;background:var(--card);border-radius:14px;box-shadow:inset 0 0 0 1px var(--accent-line),var(--shadow)}
.lf-done p{font-size:15.5px;line-height:1.5;color:var(--ink);font-weight:500;max-width:52ch;text-align:center}

/* hero diagram preview */
.hp{width:100%;margin-top:28px;text-align:left;background:var(--card);border-radius:18px;box-shadow:inset 0 0 0 1px var(--line),0 1px 2px rgba(11,13,18,.04),0 30px 70px -30px rgba(11,13,18,.28);overflow:hidden}
.hp-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:12px 16px 12px 18px;border-bottom:1px solid var(--line-2);background:var(--surface)}
.hp-title{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.hp-title b{font-family:var(--head);font-weight:600;font-size:15px;color:var(--ink);letter-spacing:-.02em}
.hp-body{position:relative;padding:22px 22px 26px}
.hp-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr .95fr;column-gap:60px;align-items:stretch}
.hp-col{display:flex;flex-direction:column;gap:10px}
.hp-nodes{display:flex;flex-direction:column;justify-content:center;gap:10px;flex:1}
.hp-stage{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.hn{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:11px;padding:9px 11px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);min-width:0;transition:box-shadow .3s,transform .3s}
.hn .ic{display:flex;gap:3px;flex:none}
.hn .ic img{width:22px;height:22px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px var(--line);display:block}
.hn b{display:block;font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.3;letter-spacing:-.01em}
.hn small{display:block;font-size:12px;color:var(--muted);line-height:1.35}
.hn.tall{flex-direction:column;align-items:flex-start;gap:8px;padding:14px}
.hn.crm{background:var(--btn);color:var(--btn-ink);box-shadow:var(--shadow-lg)}
.hn.crm b{color:var(--btn-ink)}
.hn.crm small{color:color-mix(in srgb,var(--btn-ink) 70%,transparent)}
.hn.crm .ic img{box-shadow:none}
.hn.win{background:var(--ok-bg);box-shadow:inset 0 0 0 1px var(--ok-line),var(--shadow)}
.hn.win b{color:var(--ok)}
.hn.lit{box-shadow:inset 0 0 0 1.5px var(--accent-text),0 0 0 4px var(--accent-soft),var(--shadow-lg);transform:translateY(-1px)}
.hn.crm.lit{box-shadow:0 0 0 4px var(--accent-line),var(--shadow-lg)}
.hp svg.hw{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}
.hw path{fill:none;stroke:var(--wire);stroke-width:1.5}
.hw path.on{stroke:var(--wire-hot);stroke-width:2;stroke-dasharray:6 6;animation:dash .9s linear infinite}
.hw circle{fill:var(--accent-text);opacity:.75}
.hp-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 18px;border-top:1px solid var(--line-2);font-size:13.5px;color:var(--muted)}
.hp-foot .ev{display:flex;align-items:center;gap:8px;min-width:0}
.hp-foot .ev i{width:7px;height:7px;border-radius:50%;background:var(--ok);flex:none;animation:pulse 1.6s ease-in-out infinite}
.hp-foot .ev span{transition:opacity .3s}
.hp-foot .ev span.fade{opacity:0}

/* client logos */
.clients{display:flex;flex-direction:column;align-items:center;gap:22px;margin-top:-36px}
.trust{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;text-align:center}
.trust:hover span:last-child{color:var(--ink)}
.avs{display:flex;flex:none}
.avs img{width:30px;height:30px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--bg);margin-left:-8px}
.avs img:first-child{margin-left:0}
.marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mq-track{display:flex;width:max-content;animation:mq 50s linear infinite}
.marquee:hover .mq-track,.marquee:focus-within .mq-track{animation-play-state:paused}
.mq-set{display:flex;align-items:center;gap:56px;padding-right:56px}
.mq-set img{display:block;filter:var(--logo-filter);mix-blend-mode:var(--logo-blend);opacity:.92;transition:filter .35s,opacity .35s,transform .35s}
.mq-set img:hover{filter:var(--logo-hover);opacity:1;transform:scale(1.04)}
@keyframes mq{to{transform:translateX(-50%)}}

/* proof: rotating case study + leads wall */
.proof{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,4vw,56px);align-items:center}
.case{position:relative;background:var(--card);border-radius:18px;padding:22px 22px 20px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg);display:flex;flex-direction:column;gap:18px;min-height:540px}
.case-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.case-tabs button{border:0;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:1px;min-width:0;color:var(--muted);background:var(--surface-2);border-radius:10px;padding:8px 8px 9px;position:relative;overflow:hidden;transition:color .2s,background-color .2s,box-shadow .2s}
.case-tabs button b{font-size:13.5px;font-weight:600;line-height:1.35;color:var(--ink)}
.case-tabs button small{font-size:11px;font-weight:500;line-height:1.35;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case-tabs button:hover{background:var(--line-2)}
.case-tabs button[aria-selected="true"]{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.case-tabs button[aria-selected="true"] small{color:var(--accent-text)}
.case-tabs button i{position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:left;transform:scaleX(0);background:var(--accent-text)}
.case-body{display:flex;flex-direction:column;gap:18px;flex:1;transition:opacity .3s,transform .3s}
.case-body.swap{opacity:0;transform:translateY(6px)}
.case-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px}
.case-logo{height:34px;width:auto;max-width:160px;object-fit:contain;object-position:left;display:block;filter:var(--case-logo-filter,none)}
.case-mono{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-family:var(--head);font-weight:700;font-size:20px;color:var(--gi-sky-ink);background:var(--gi-sky)}
.case-tag{font-size:12.5px;font-weight:600;color:var(--muted);background:var(--surface-2);border-radius:7px;padding:3px 9px;white-space:nowrap}
.case h3{font-size:clamp(21px,2vw,25px);line-height:1.3;letter-spacing:-.03em}
.case-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cstat{background:var(--surface);border-radius:12px;padding:14px 16px;box-shadow:inset 0 0 0 1px var(--line-2)}
.cstat b{display:block;font-family:var(--head);font-weight:600;font-size:30px;line-height:1.1;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.cstat span{display:block;font-size:13.5px;line-height:1.4;color:var(--muted);margin-top:4px}
.cstat.wide{grid-column:1/-1}
.case-who{display:flex;align-items:center;gap:12px}
.case-who img{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--line)}
.case-who b{display:block;font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.3}
.case-who span{display:block;font-size:13px;color:var(--muted)}
.case-q{font-size:15px;line-height:1.6;color:var(--body)}
.case-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line-2)}
.case-foot .soon{font-size:14px;color:var(--muted)}
.case-ctl{width:36px;height:36px;border-radius:10px;border:0;background:var(--surface-2);color:var(--ink);display:grid;place-items:center;cursor:pointer;flex:none}
.case-ctl:hover{background:var(--line-2)}
.case-ctl svg.i{width:15px;height:15px}
.case-ctl .pl{display:none}
.case-ctl[aria-pressed="true"] .ps{display:none}
.case-ctl[aria-pressed="true"] .pl{display:block}
.leads-col{display:flex;flex-direction:column;gap:18px}
.leadwall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:4px}
.lw-tile{background:var(--tile);border-radius:12px;height:76px;display:grid;place-items:center;padding:10px 12px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);transition:transform .25s,box-shadow .25s}
.lw-tile:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg)}
.lw-tile img{display:block;max-width:100%;height:auto}
.lw-more{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500;color:var(--muted)}
.lw-plus{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--accent-soft);color:var(--accent-text);font-weight:600;box-shadow:inset 0 0 0 1px var(--accent-line)}

/* services */
.svc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);overflow:hidden}
.svc-bar{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line-2)}
.svc-bar b{font-family:var(--head);font-weight:600;font-size:18px;color:var(--ink);letter-spacing:-.02em}
.sv{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:34px 26px 0;min-width:0;border-bottom:1px solid var(--line-2)}
.sv:nth-child(even){border-right:1px solid var(--line-2)}
.sv:nth-last-child(-n+2){border-bottom:0}
.sv .chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.sv .chips span{font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:3px 10px}
.sv h3{font-size:clamp(22px,2.2vw,28px);letter-spacing:-.03em;font-weight:500}
.sv>p{color:var(--muted);max-width:40ch;font-size:15.5px;line-height:1.6}
.sv .vis{position:relative;width:100%;max-width:420px;height:210px;margin-top:18px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.toast{position:absolute;left:50%;width:min(340px,92%);transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:var(--card);border-radius:14px;padding:12px 14px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg);text-align:left}
.toast img{width:34px;height:34px;border-radius:9px;background:#fff;box-shadow:0 0 0 1px var(--line);flex:none}
.toast b{display:block;font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.3}
.toast small{display:block;font-size:12.5px;color:var(--muted);line-height:1.35}
.toast em{font-style:normal;font-size:11.5px;color:var(--muted);margin-left:auto;align-self:flex-start;white-space:nowrap}
.t1{top:18px;z-index:3}
.t2{top:92px;z-index:2;transform:translateX(-50%) scale(.95);opacity:.75}
.t3{top:158px;z-index:1;transform:translateX(-50%) scale(.9);opacity:.45}
.li-card{position:absolute;left:50%;top:16px;transform:translateX(-50%);width:min(330px,92%);background:var(--card);border-radius:14px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg);padding:14px;text-align:left}
.li-p{display:flex;align-items:center;gap:10px}
.li-av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:600;background:var(--surface-2);color:var(--ink);flex:none}
.li-p b{display:block;font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.3}
.li-p small{display:block;font-size:12px;color:var(--muted)}
.li-ok{margin-left:auto;font-size:11.5px;font-weight:600;color:var(--ok);background:var(--ok-bg);border-radius:6px;padding:2px 8px;white-space:nowrap}
.bub{margin-top:12px;font-size:13.5px;line-height:1.45;padding:9px 12px;border-radius:12px;max-width:88%}
.bub.me{background:var(--surface-2);color:var(--body);border-bottom-left-radius:4px}
.bub.them{margin-left:auto;background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:4px}
.rings{position:absolute;left:50%;top:190px;width:0;height:0}
.rings i{position:absolute;left:0;top:0;border:1px solid var(--line);border-radius:50%;transform:translate(-50%,-50%)}
.rings i:nth-child(1){width:150px;height:150px}
.rings i:nth-child(2){width:260px;height:260px}
.rings i:nth-child(3){width:370px;height:370px}
.orb{position:absolute;width:34px;height:34px;border-radius:10px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);display:grid;place-items:center}
.orb img{width:22px;height:22px;border-radius:6px}
.orb.c{left:50%;top:166px;transform:translateX(-50%);width:48px;height:48px;border-radius:14px;background:var(--btn);color:var(--btn-ink)}
.orb.c svg{width:28px;height:28px}
.adcard{position:absolute;left:50%;top:14px;transform:translateX(-50%);width:min(250px,80%);background:var(--card);border-radius:12px;padding:10px 12px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg);text-align:left;z-index:2}
.adcard small{font-size:11px;color:var(--muted)}
.adcard b{display:block;font-size:13.5px;color:var(--ink);line-height:1.35;margin-top:2px}
.adcard span{display:inline-block;margin-top:8px;font-size:12px;font-weight:600;color:var(--accent-ink);background:var(--accent);border-radius:6px;padding:3px 9px}
.pipe{position:absolute;left:50%;top:20px;transform:translateX(-50%);width:min(380px,96%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0 10px;text-align:left}
.pipe .col{display:flex;flex-direction:column;gap:8px}
.pchip{display:flex;align-items:center;gap:8px;background:var(--card);border-radius:10px;padding:7px 10px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);font-size:12.5px;font-weight:500;color:var(--ink);white-space:nowrap}
.pchip img{width:18px;height:18px;border-radius:5px;background:#fff;flex:none}
.pchip .ok{margin-left:auto;width:16px;height:16px;border-radius:50%;background:var(--ok-bg);box-shadow:inset 0 0 0 1px var(--ok-line);display:grid;place-items:center}
.pchip .ok::after{content:"";width:6px;height:3px;border-left:1.6px solid var(--ok);border-bottom:1.6px solid var(--ok);transform:rotate(-45deg) translate(1px,-1px)}
.hub{width:86px;padding:12px 8px;border-radius:14px;background:var(--btn);color:var(--btn-ink);text-align:center;font-size:12px;font-weight:600;line-height:1.3;box-shadow:var(--shadow-lg)}
.hub img{width:26px;height:26px;border-radius:7px;background:#fff;display:block;margin:0 auto 6px}
.pipe svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}
.pipe svg path{fill:none;stroke:var(--wire);stroke-width:1.4;stroke-dasharray:3 4}

/* flywheel */
.fwp-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:900px;width:100%;margin:4px auto 0}
.fwp{background:var(--card);border-radius:15px;padding:18px 20px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.fwp b{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:10px}
.fwp ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.fwp li{position:relative;padding-left:28px;font-size:14.5px;line-height:1.45;color:var(--muted)}
.fwp-x li::before{content:"";position:absolute;left:4px;top:.68em;width:11px;height:1.6px;border-radius:2px;background:var(--faint)}
.fwp-x li i{font-style:normal;font-size:12px;font-weight:500;color:var(--muted);background:var(--surface-2);border-radius:6px;padding:1px 7px;margin-left:4px;white-space:nowrap}
.fwp-tk li{color:var(--ink)}
.fwp-tk li::before{content:"";position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;background:var(--gi-navy)}
.fwp-tk li::after{content:"";position:absolute;left:6px;top:6px;width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.fw{position:relative;margin-top:30px}
.fw-wires{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:0}
.fw-wires path{fill:none;stroke:var(--wire);stroke-width:1.4;stroke-dasharray:3 4;stroke-linecap:round;transition:stroke .3s,opacity .3s}
.fw-wires .c-out{--c:var(--gi-navy-2)} .fw-wires .c-ads{--c:var(--gi-peach-3)} .fw-wires .c-in{--c:var(--gi-navy)} .fw-wires .c-m{--c:var(--accent-text)}
.fw-wires circle{fill:var(--c);opacity:.85}
.fw-cw path{stroke:var(--soft-line);stroke-dasharray:none;stroke-width:1.5}
.fw[data-hot] .fw-wires path{opacity:.35}
.fw[data-hot] .fw-cw path{opacity:.6}
.fw[data-hot="out"] .fw-wires path.c-out,.fw[data-hot="ads"] .fw-wires path.c-ads,.fw[data-hot="in"] .fw-wires path.c-in{stroke:var(--c);stroke-dasharray:none;opacity:1;stroke-width:1.6}
.fw-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fw-col{position:relative;display:flex;flex-direction:column;gap:22px;border-radius:18px;padding:24px 16px 40px;background:linear-gradient(var(--card),var(--card)) 0 0/100% 150px no-repeat,radial-gradient(var(--dot) 1px,transparent 1.3px) 0 0/16px 16px,var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);transition:box-shadow .3s}
.fw-col:hover{box-shadow:inset 0 0 0 1px var(--soft-line),var(--shadow-lg)}
.fw-col>header,.fw-tree{position:relative;z-index:1}
.fw-col header{display:flex;flex-direction:column;gap:6px;padding-inline:6px;min-height:118px}
.fw-col h3{font-size:24px;letter-spacing:-.03em}
.fw-col header p{font-size:14.5px;line-height:1.55;color:var(--muted)}
.c-out{--soft:var(--gi-sky-soft);--soft-line:var(--gi-sky-line)}
.c-ads{--soft:var(--gi-peach-soft);--soft-line:var(--gi-peach-line)}
.c-in{--soft:var(--gi-navy-soft);--soft-line:var(--gi-navy-line)}
.fw-tree{display:flex;flex-direction:column;gap:34px}
.fw-row{display:flex;justify-content:center;gap:8px}
.fw-row.r3>*{flex:1 1 0;min-width:0}
.fw-n{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--card);border-radius:10px;padding:8px 8px;font-size:12.5px;font-weight:500;line-height:1.3;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);min-height:40px}
.fw-n.step{min-width:62%;padding:10px 14px}
.fw-n .ics{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);display:flex;gap:4px;z-index:2}
.fw-n .ics img{width:20px;height:20px;border-radius:6px;background:#fff;padding:1px;box-shadow:0 0 0 1px var(--line),var(--shadow)}
.fw-n.soft{background:var(--soft);box-shadow:inset 0 0 0 1px var(--soft-line)}
.spot{position:relative;isolation:isolate}
.spot::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;mix-blend-mode:screen;opacity:0;transition:opacity .35s;background:radial-gradient(var(--spot-r,200px) circle at var(--sx,50%) var(--sy,50%),var(--spot-color,var(--spot-c)),transparent 70%)}
.spot:hover::after{opacity:1}
.spot.inv{--spot-color:var(--spot-inv);--spot-r:120px}
.fw-n.dark{background:var(--btn);color:var(--btn-ink);font-weight:600;min-height:46px;box-shadow:var(--shadow-lg)}
.tier{display:flex;justify-content:center}
.tier span{display:inline-block;font-size:12.5px;font-weight:600;line-height:1.3;padding:5px 12px;border-radius:8px;box-shadow:var(--shadow);white-space:nowrap}
.fw-end{position:absolute;left:50%;bottom:0;width:1px;height:1px}
.fw-merge{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:40px;margin-top:72px}
.fw-n.big{gap:10px;font-size:15.5px;font-weight:600;padding:12px 20px;min-width:230px;border-radius:12px}
.fw-n.big img{width:22px;height:22px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.fw-n.big .chk{width:20px;height:20px;border-radius:50%;background:var(--btn-ink);display:grid;place-items:center;flex:none}
.fw-n.big .chk::after{content:"";width:7px;height:4px;border-left:2px solid var(--btn);border-bottom:2px solid var(--btn);transform:rotate(-45deg) translate(1px,-1px)}
.fw-n.big.won{background:var(--btn);color:var(--btn-ink);box-shadow:var(--shadow-lg)}
.fw-wheel{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px) minmax(0,1fr);grid-template-areas:"in wheel out" ". ads .";align-items:center;gap:8px 28px;margin-top:44px}
.fw-ring{grid-area:wheel;width:100%;max-width:440px;justify-self:center}
.fw-ring svg{display:block;width:100%;height:auto;overflow:visible}
.orbit circle{stroke:var(--faint);stroke-width:1.4;stroke-dasharray:3 6}
.orbit .oh{fill:var(--faint)}
.seg{transform-box:fill-box;transform-origin:50% 50%;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s;opacity:.62}
.seg.on{opacity:1;transform:scale(1.035)}
.seg text{font:600 16px var(--head);letter-spacing:-.01em}
.s-out path{fill:var(--seg-out)} .s-out text{fill:var(--seg-out-ink)}
.s-ads path{fill:var(--seg-ads)} .s-ads text{fill:var(--seg-ads-ink)}
.s-in path{fill:var(--seg-in)} .s-in text{fill:var(--seg-in-ink)}
.ring-hub{fill:var(--card);stroke:var(--line);stroke-width:1.2}
.hub-t{font:600 22px var(--head);letter-spacing:-.03em;fill:var(--ink)}
.hub-s{font:400 13px var(--sans);fill:var(--muted)}
.co{border-radius:14px;padding:16px 18px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--soft-line);transition:box-shadow .35s,transform .35s;max-width:300px}
.co b{display:block;font-family:var(--head);font-weight:600;font-size:16px;color:var(--ink);letter-spacing:-.02em;line-height:1.35}
.co p{font-size:14px;line-height:1.55;color:var(--muted);margin-top:4px}
.co.on{box-shadow:inset 0 0 0 1.5px var(--c),var(--shadow-lg);transform:translateY(-2px)}
.co[data-seg="out"]{grid-area:out;justify-self:start;--soft:var(--gi-sky-soft);--soft-line:var(--gi-sky-line);--c:var(--gi-navy-2)}
.co[data-seg="ads"]{grid-area:ads;justify-self:center;--soft:var(--gi-peach-soft);--soft-line:var(--gi-peach-line);--c:var(--gi-peach-3)}
.co[data-seg="in"]{grid-area:in;justify-self:end;--soft:var(--gi-navy-soft);--soft-line:var(--gi-navy-line);--c:var(--gi-navy)}

/* product tour */
.tour{display:grid;grid-template-columns:minmax(0,370px) minmax(0,1fr);gap:22px;align-items:start}
.tour-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.ts{width:100%;text-align:left;border:0;background:transparent;border-radius:14px;padding:13px 16px 14px;cursor:pointer;display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:8px;position:relative;overflow:hidden;color:var(--body);transition:background-color .2s,box-shadow .2s}
.ts:hover{background:var(--surface)}
.ts[aria-selected="true"]{background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg)}
.ts .d{font-size:12px;font-weight:600;color:var(--muted);padding-top:3px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ts b{font-family:var(--head);font-weight:600;font-size:16px;color:var(--ink);letter-spacing:-.02em;line-height:1.35}
.ts .p,.ts .tl{grid-column:2;display:none}
.ts .p{font-size:14px;line-height:1.5;color:var(--muted);margin-top:4px}
.ts .tl{gap:4px;margin-top:10px}
.ts .tl img{width:20px;height:20px;border-radius:5px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.ts[aria-selected="true"] .p{display:block;animation:rise .35s ease}
.ts[aria-selected="true"] .tl{display:flex}
.ts .bar{position:absolute;left:0;right:0;bottom:0;height:2px;transform-origin:left;transform:scaleX(0);background:var(--accent-text)}
.tour-win{position:sticky;top:calc(var(--top) + 16px);background:var(--card);border-radius:18px;box-shadow:inset 0 0 0 1px var(--line),0 30px 70px -30px rgba(11,13,18,.28);overflow:hidden}
.tw-bar{display:flex;align-items:center;gap:12px;padding:11px 12px 11px 16px;border-bottom:1px solid var(--line-2);background:var(--surface)}
.tw-app{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink);min-width:0}
.tw-app img{width:20px;height:20px;border-radius:5px;background:#fff;box-shadow:0 0 0 1px var(--line);flex:none}
.tw-app b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tw-ctl{margin-left:auto;width:34px;height:34px;border-radius:9px;border:0;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);display:grid;place-items:center;cursor:pointer;flex:none}
.tw-ctl:hover{background:var(--surface-2)}
.tw-ctl svg.i{width:15px;height:15px}
.tw-ctl .pl{display:none}
.tw-ctl[aria-pressed="true"] .ps{display:none}
.tw-ctl[aria-pressed="true"] .pl{display:block}
.tw-body{position:relative;min-height:420px;padding:22px;background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:16px 16px}
.scr.play .st{animation:rise .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k,0) * 140ms)}
.t-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.t-head b{font-family:var(--head);font-weight:600;font-size:17px;color:var(--ink);letter-spacing:-.02em}
.t-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted);background:var(--surface-2);border-radius:7px;padding:3px 9px;white-space:nowrap}
.t-chip.ok{color:var(--ok);background:var(--ok-bg);box-shadow:inset 0 0 0 1px var(--ok-line)}
.t-chip.hot{color:var(--accent-text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.t-card{background:var(--card);border-radius:14px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.t-feed{list-style:none;margin:0;padding:6px;display:flex;flex-direction:column;gap:4px}
.t-feed li{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 12px;border-radius:10px}
.t-feed li img{width:28px;height:28px;border-radius:7px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.t-feed li b{display:block;font-size:14px;font-weight:600;color:var(--ink);line-height:1.35}
.t-feed li small{display:block;font-size:12.5px;color:var(--muted)}
.t-feed li em{font-style:normal;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.t-feed li.new{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.t-kv{display:flex;flex-direction:column;padding:4px 16px}
.t-kv>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line-2);font-size:14px}
.t-kv>div:last-child{border-bottom:0}
.t-kv span{color:var(--muted);font-size:13px}
.t-kv b{font-weight:600;color:var(--ink);display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.t-score{font-family:var(--head);font-size:18px;font-variant-numeric:tabular-nums}
.t-water{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:var(--muted)}
.t-water .w{display:inline-flex;align-items:center;gap:7px;background:var(--card);border-radius:9px;padding:5px 10px 5px 5px;box-shadow:inset 0 0 0 1px var(--line);font-weight:500;color:var(--ink)}
.t-water .w img{width:20px;height:20px;border-radius:5px;background:#fff}
.t-water .w small{font-size:12px;color:var(--muted);font-weight:500}
.t-water .w.ok small{color:var(--ok)}
.t-mail{overflow:hidden}
.t-mh{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;padding:9px 16px;border-bottom:1px solid var(--line-2);font-size:13.5px}
.t-mh span{color:var(--muted)}
.t-mh b{font-weight:500;color:var(--ink);overflow-wrap:anywhere}
.t-mb{padding:16px;display:flex;flex-direction:column;gap:10px;font-size:14.5px;line-height:1.6;color:var(--ink)}
.t-mb mark{background:var(--accent-soft);color:inherit;border-radius:4px;padding:0 3px;box-shadow:inset 0 0 0 1px var(--accent-line)}
.t-mb mark.pf{background:var(--ok-bg);box-shadow:inset 0 0 0 1px var(--ok-line)}
.t-key{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}
.t-key i{width:10px;height:10px;border-radius:3px;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.t-key i.k2{background:var(--ok-bg);box-shadow:inset 0 0 0 1px var(--ok-line)}
.t-mf{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px;border-top:1px solid var(--line-2);font-size:12.5px;color:var(--muted);background:var(--surface)}
.t-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.t-li{padding:16px}
.t-li .who{display:flex;align-items:center;gap:10px}
.t-av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;background:var(--gi-sky);color:var(--gi-sky-ink);flex:none}
.t-av.nv{background:var(--gi-navy);color:#fff}
.t-li .who b{display:block;font-size:14px;font-weight:600;color:var(--ink);line-height:1.3}
.t-li .who small{display:block;font-size:12.5px;color:var(--muted)}
.t-bub{margin-top:12px;font-size:13.5px;line-height:1.5;padding:10px 12px;border-radius:12px;background:var(--surface-2);color:var(--body);border-bottom-left-radius:4px}
.t-two-ad{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}
.t-stack{display:flex;flex-direction:column;gap:14px}
.t-reach{padding:14px 16px;display:flex;flex-direction:column;gap:9px;font-size:12.5px}
.t-reach b{font-size:13.5px;font-weight:600;color:var(--ink)}
.t-reach div{display:flex;justify-content:space-between;gap:10px;color:var(--muted)}
.t-reach div span:last-child{color:var(--ink);font-weight:500;text-align:right}
.lp{overflow:hidden;font-family:-apple-system,system-ui,"Segoe UI",Roboto,var(--sans);color:rgba(0,0,0,.9);background:#fff}
.lp-head{display:flex;align-items:flex-start;gap:8px;padding:12px 14px 6px}
.lp-logo{width:44px;height:44px;border-radius:4px;display:grid;place-items:center;flex:none;background:#3A4F7A;color:#fff;font:700 20px var(--head)}
.lp-id{display:flex;flex-direction:column;min-width:0}
.lp-id b{font-size:14px;font-weight:600;line-height:1.3;color:rgba(0,0,0,.9)}
.lp-id small{font-size:12px;line-height:1.35;color:rgba(0,0,0,.6)}
.lp-follow{margin-left:auto;font-size:14px;font-weight:600;color:#0A66C2;white-space:nowrap;padding-top:2px}
.lp-text{font-size:13.5px;line-height:1.45;padding:2px 14px 10px;color:rgba(0,0,0,.9)}
.lp-img{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;aspect-ratio:1.91/1;padding:16px;background-color:#0A1640;background-image:radial-gradient(70% 90% at 100% 0%,rgba(148,190,235,.55),transparent 70%),radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.3px);background-size:auto,14px 14px;color:#fff;overflow:hidden}
.lp-img b{font:700 clamp(15px,1.5vw,19px)/1.15 var(--head);letter-spacing:-.025em;max-width:60%}
.lp-tag{position:absolute;left:16px;top:14px;font:600 11px var(--sans);color:#0A1640;background:#94BEEB;border-radius:5px;padding:2px 7px}
.lp-brand{position:absolute;right:16px;top:14px;font:700 13px var(--head);letter-spacing:-.02em;color:rgba(255,255,255,.85)}
.lp-bars{position:absolute;right:16px;bottom:16px;width:34%;height:52%;display:flex;align-items:flex-end;gap:6px}
.lp-bars i{flex:1;height:var(--h);border-radius:4px 4px 2px 2px;background:linear-gradient(#94BEEB,rgba(148,190,235,.35))}
.scr.play .lp-bars i{animation:grow .9s cubic-bezier(.2,.8,.2,1) both;transform-origin:bottom}
.scr.play .lp-bars i:nth-child(2){animation-delay:.1s} .scr.play .lp-bars i:nth-child(3){animation-delay:.2s} .scr.play .lp-bars i:nth-child(4){animation-delay:.3s}
@keyframes grow{from{transform:scaleY(0)}}
.lp-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#EEF3F8}
.lp-cta b{display:block;font-size:13.5px;font-weight:600;line-height:1.3;color:rgba(0,0,0,.9)}
.lp-cta small{font-size:12px;color:rgba(0,0,0,.6)}
.lp-btn{flex:none;font-size:13.5px;font-weight:600;color:#0A66C2;border-radius:999px;padding:5px 14px;box-shadow:inset 0 0 0 1px #0A66C2;background:#fff}
.lp-soc{display:flex;align-items:center;gap:6px;padding:9px 14px 8px;font-size:12px;color:rgba(0,0,0,.6);border-bottom:1px solid rgba(0,0,0,.08)}
.lp-rx{display:flex}
.lp-rx i{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1.5px #fff;margin-left:-4px;position:relative}
.lp-rx i:first-child{margin-left:0}
.lp-rx .r1{background:#378FE9} .lp-rx .r2{background:#44712E} .lp-rx .r3{background:#DF704D}
.lp-rx i{display:grid;place-items:center}
.lp-rx svg{width:10px;height:10px;fill:#fff;stroke:#fff;stroke-width:1.5;stroke-linejoin:round}
.lp-rx .r1 svg{fill:none;stroke-width:2.4}
.lp-cm{margin-left:auto}
.lp-act{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:2px 6px 4px}
.lp-act span{display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 2px;font-size:12.5px;font-weight:600;color:rgba(0,0,0,.6);border-radius:4px}
.lp-act svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.t-crmnote{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:12.5px;color:var(--muted)}
.t-crmnote img{width:18px;height:18px;border-radius:5px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.t-crmnote span{margin-left:4px}
.t-ad{overflow:hidden}
.t-ad .top{display:flex;align-items:center;gap:10px;padding:12px 14px}
.t-ad .top b{display:block;font-size:13.5px;font-weight:600;color:var(--ink)}
.t-ad .top small{display:block;font-size:12px;color:var(--muted)}
.t-ad .art{margin:0 14px;border-radius:10px;padding:18px 16px;background-color:var(--navy);color:#fff;font-family:var(--head);font-weight:600;font-size:17px;line-height:1.3;letter-spacing:-.02em;background-image:radial-gradient(60% 80% at 100% 0%,rgba(148,190,235,.45),transparent 70%)}
.t-ad .art small{display:block;font:500 12px var(--sans);color:var(--sky);margin-bottom:6px;letter-spacing:0}
.t-ad .cta{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:12.5px;color:var(--muted)}
.t-ad .cta span{font-size:12.5px;font-weight:600;color:var(--accent-ink);background:var(--accent);border-radius:7px;padding:4px 10px;white-space:nowrap}
.t-inbox{display:grid;grid-template-columns:200px minmax(0,1fr);overflow:hidden}
.t-list{border-right:1px solid var(--line-2);padding:8px;display:flex;flex-direction:column;gap:4px;background:var(--surface)}
.t-list div{padding:9px 10px;border-radius:9px;font-size:13px}
.t-list div b{display:block;font-weight:600;color:var(--ink);font-size:13.5px}
.t-list div small{display:block;color:var(--muted);font-size:12px}
.t-list div.on{background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.t-msg{padding:16px;display:flex;flex-direction:column;gap:12px}
.t-msg .q{font-size:15px;line-height:1.6;color:var(--ink);background:var(--surface);border-radius:12px;padding:12px 14px;box-shadow:inset 0 0 0 1px var(--line-2)}
.t-tags{display:flex;flex-wrap:wrap;gap:6px}
.t-pipe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.t-colh{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px;display:flex;justify-content:space-between;gap:6px}
.t-deal{background:var(--card);border-radius:10px;padding:10px 12px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);font-size:13px;margin-bottom:8px}
.t-deal b{display:block;font-weight:600;color:var(--ink);font-size:13.5px}
.t-deal small{display:block;color:var(--muted);font-size:12px}
.t-deal.dim{opacity:.55}
.t-deal.hot{box-shadow:inset 0 0 0 1.5px var(--accent-text),0 0 0 4px var(--accent-soft),var(--shadow-lg)}
.scr.play .t-deal.hot{animation:slideIn .8s cubic-bezier(.2,.8,.2,1) .25s both}
@keyframes slideIn{from{opacity:0;transform:translateX(-60%)}to{opacity:1;transform:none}}
.t-slack{display:flex;gap:12px;align-items:flex-start;padding:14px;margin-top:14px}
.t-slack img{width:30px;height:30px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px var(--line);flex:none}
.t-slack b{font-size:13.5px;font-weight:600;color:var(--ink)}
.t-slack small{font-size:12px;color:var(--muted);margin-left:6px}
.t-slack p{font-size:13.5px;line-height:1.5;color:var(--body);margin-top:3px}
.t-cal{display:grid;grid-template-columns:44px repeat(5,minmax(0,1fr));overflow:hidden}
.t-cal .dh{padding:10px 6px;text-align:center;font-size:12px;font-weight:600;color:var(--muted);border-bottom:1px solid var(--line-2)}
.t-cal .dh.on{color:var(--accent-text)}
.t-cal .tm{font-size:11px;color:var(--muted);padding:6px 6px 0;height:52px;border-bottom:1px solid var(--line-2);font-variant-numeric:tabular-nums}
.t-cal .cell{height:52px;border-bottom:1px solid var(--line-2);border-left:1px solid var(--line-2);position:relative}
.t-ev{position:absolute;left:4px;right:4px;top:26px;height:70px;z-index:1;border-radius:9px;padding:7px 8px;background:var(--accent);color:var(--accent-ink);font-size:12px;line-height:1.35;box-shadow:var(--shadow-lg);overflow:hidden}
.t-ev b{display:block;font-size:12.5px;font-weight:600}
.t-busy{position:absolute;left:4px;right:4px;top:4px;height:44px;border-radius:8px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}

/* comparison */
.cmp-wrap{overflow-x:auto;border-radius:15px;box-shadow:inset 0 0 0 1px var(--line-2);background:var(--card)}
.cmp{width:100%;min-width:820px;border-collapse:separate;border-spacing:0;font-size:14.5px;table-layout:fixed}
.cmp th,.cmp td{padding:16px 18px;text-align:center;border-bottom:1px solid var(--line-2);vertical-align:middle}
.cmp tr:last-child td,.cmp tr:last-child th{border-bottom:0}
.cmp thead th{font-family:var(--head);font-weight:600;font-size:15px;color:var(--ink);letter-spacing:-.01em;background:var(--surface);padding-block:18px}
.cmp tbody th{text-align:left;font-weight:600;color:var(--ink)}
.cmp tbody th small{display:block;font-weight:400;font-size:13px;color:var(--muted);margin-top:2px}
.cmp td{color:var(--muted)}
.cmp .us{background:var(--accent-soft);color:var(--ink);font-weight:500;box-shadow:inset 1px 0 0 var(--accent-line),inset -1px 0 0 var(--accent-line)}
.cmp thead .us{background:var(--accent);color:var(--accent-ink)}
.cmp thead .us .gi-logo{height:26px;width:auto;display:block;margin:0 auto;color:var(--accent-ink)}
.yes,.nope{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;vertical-align:middle}
.yes{background:var(--accent-text)}
.yes::after{content:"";width:8px;height:4.5px;border-left:2px solid var(--bg);border-bottom:2px solid var(--bg);transform:rotate(-45deg) translate(1px,-1px)}
.cmp td:not(.us) .yes{background:var(--muted)}
.nope{box-shadow:inset 0 0 0 1.5px var(--no)}
.nope::after{content:"";width:9px;height:1.6px;border-radius:2px;background:var(--no)}
.cmp-hint{display:none;font-size:13px;color:var(--muted)}

/* tools */
.stack-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}
.zero-chip{display:inline-flex;align-items:baseline;gap:8px;font-size:15px;font-weight:500;color:var(--ok);background:var(--ok-bg);box-shadow:inset 0 0 0 1px var(--ok-line);border-radius:8px;padding:8px 14px;white-space:nowrap}
.zero-chip b{font-family:var(--head);font-size:20px;font-weight:600;letter-spacing:-.03em}
.groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 48px;align-items:start;margin-top:8px}
.gcol{display:flex;flex-direction:column;gap:30px}
.grp h3{font-family:var(--sans);font-size:13.5px;font-weight:600;color:var(--muted);padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid var(--line);letter-spacing:0}
.trow2{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 0}
.trow2 img{width:32px;height:32px;border-radius:8px;box-shadow:0 0 0 1px var(--line);background:#fff}
.trow2 .nm{font-weight:600;font-size:15px;line-height:1.3;color:var(--ink)}
.trow2 .nm small{display:block;font-weight:400;font-size:13px;color:var(--muted)}
.trow2 .pr{font-variant-numeric:tabular-nums;font-weight:600;font-size:15px;text-align:right;white-space:nowrap;color:var(--ink)}
.total{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 32px;align-items:end;background:var(--btn);color:var(--btn-ink);border-radius:15px;padding:26px 30px;margin-top:8px}
.total .k{display:block;font-size:15px;opacity:.7;margin-bottom:8px}
.total .v{display:flex;align-items:baseline;gap:8px;font-family:var(--head);font-weight:600;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.total .v small{font-family:var(--sans);font-size:15px;font-weight:500;letter-spacing:0;opacity:.7}
.total .was .v{font-size:clamp(26px,2.8vw,34px)}
.total .was .v s{opacity:.6;position:relative;text-decoration:none;display:inline-block}
.total .was .v s::after{content:"";position:absolute;left:-3px;right:-3px;top:50%;height:3px;border-radius:2px;background:currentColor;transform-origin:left center;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.js-strike .total .was .v s::after{transform:scaleX(0)}
.js-strike.drawn .total .was .v s::after{transform:scaleX(1)}
.total .now{border-left:1px solid color-mix(in srgb,var(--btn-ink) 18%,transparent);padding-left:32px}
.total .now .v{font-size:clamp(44px,5vw,64px)}
.total .now .sub{display:block;font-size:14px;opacity:.7;margin-top:10px}
.zt{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 40px;margin-top:18px;border-radius:18px;padding:clamp(26px,3.6vw,40px);color:#fff;background-color:var(--con);background-image:radial-gradient(55% 120% at 100% 0%,rgba(106,174,245,.32),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px);background-size:auto,18px 18px;box-shadow:inset 0 0 0 1px var(--con-line),0 30px 60px -34px rgba(11,19,36,.6);overflow:hidden}
.zt>*{position:relative;z-index:1}
.zt-k{display:inline-block;font:600 12.5px var(--sans);color:#94BEEB;letter-spacing:.05em;text-transform:uppercase;margin-bottom:10px}
.zt h3{font-size:clamp(26px,3vw,36px);letter-spacing:-.035em;color:#fff;line-height:1.1}
.zt p{font-size:17px;line-height:1.55;color:rgba(220,230,245,.78);margin-top:8px;max-width:42ch}
.zt-side{display:flex;flex-direction:column;align-items:flex-end;gap:18px}
.zt-icons{display:flex;padding-left:10px}
.zt-icons img{width:40px;height:40px;border-radius:12px;background:#fff;padding:4px;margin-left:-10px;box-shadow:0 0 0 2px var(--con),0 6px 14px rgba(0,0,0,.35);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.zt:hover .zt-icons img{transform:translateY(-3px)}
.zt:hover .zt-icons img:nth-child(even){transform:translateY(2px)}
.stack-all{display:flex;flex-direction:column;gap:14px;margin-top:40px}
.stack-all h3{font-size:26px;letter-spacing:-.03em}
.stack-all .lead{font-size:16.5px}
.sa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:4px}
.sa-g{background:var(--surface);border-radius:15px;padding:18px;box-shadow:inset 0 0 0 1px var(--line-2)}
.sa-g h4{font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.sa-g ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.sa-g li{display:inline-flex;align-items:center;gap:8px;background:var(--card);border-radius:9px;padding:5px 11px 5px 5px;font-size:13.5px;font-weight:500;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);transition:transform .2s,box-shadow .2s}
.sa-g li:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px var(--faint),var(--shadow)}
.sa-g li img{width:22px;height:22px;border-radius:6px;background:#fff}

/* timeline */
/* timeline, option A: phases as cards that stack as you scroll */
.opt-tag{align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-text);border:1px dashed var(--accent-line);border-radius:8px;padding:4px 10px}
.sc-stack{display:flex;flex-direction:column;gap:26px;margin-top:6px}
.sc{position:sticky;top:calc(var(--top) + 18px + var(--n) * 16px)}
.sc-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:clamp(22px,3.4vw,48px);min-height:540px;background:var(--card);border-radius:22px;padding:clamp(22px,3vw,34px);box-shadow:inset 0 0 0 1px var(--line),0 -16px 40px -30px rgba(11,13,18,.28),var(--shadow-lg);transform-origin:50% 0;transform:scale(var(--s,1))}
.sc-in::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--bg);opacity:var(--d,0);pointer-events:none}
.sc-copy{display:flex;flex-direction:column;min-width:0}
.sc-meta{display:flex;align-items:center;gap:12px}
.sc-num{display:grid;place-items:center;min-width:34px;height:34px;padding:0 10px;border-radius:10px;font:600 13px var(--sans);letter-spacing:.02em;color:var(--accent-text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.sc-when{font-size:14px;font-weight:600;color:var(--muted)}
.sc h3{font-size:clamp(28px,3vw,38px);letter-spacing:-.035em;margin-top:16px}
.sc-lead{font-size:16.5px;line-height:1.55;color:var(--muted);margin-top:6px;max-width:42ch}
.sc ul{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.sc li{position:relative;padding-left:28px;font-size:15px;line-height:1.5;color:var(--body)}
.sc li::before{content:"";position:absolute;left:0;top:.18em;width:18px;height:18px;border-radius:50%;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.sc li::after{content:"";position:absolute;left:6px;top:calc(.18em + 6px);width:6px;height:3.5px;border-left:1.8px solid var(--accent-text);border-bottom:1.8px solid var(--accent-text);transform:rotate(-45deg)}
.sc-tools{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:20px;font-size:12.5px;color:var(--muted)}
.sc-tools span{margin-right:4px}
.sc-tools img{width:24px;height:24px;border-radius:7px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.sc-vis{position:relative;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:clamp(18px,2.4vw,28px);border-radius:16px;overflow:hidden;background-color:var(--v-soft);background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:16px 16px;box-shadow:inset 0 0 0 1px var(--v-line)}
.sc.k1{--v-soft:var(--gi-sky-soft);--v-line:var(--gi-sky-line)}
.sc.k2{--v-soft:var(--gi-peach-soft);--v-line:var(--gi-peach-line)}
.sc.k3{--v-soft:var(--gi-navy-soft);--v-line:var(--gi-navy-line)}
.vc{position:relative;background:var(--card);border-radius:14px;padding:14px 16px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg)}
.vc-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.vc-h b{font:600 14.5px var(--head);letter-spacing:-.015em;color:var(--ink)}
.vc-chip{font-size:11.5px;font-weight:600;color:var(--muted);background:var(--surface-2);border-radius:6px;padding:3px 8px;white-space:nowrap}
.vc-chip.ok{color:var(--ok);background:var(--ok-bg);box-shadow:inset 0 0 0 1px var(--ok-line)}
.vc img{width:22px;height:22px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px var(--line);flex:none}
.vc-chips{display:flex;flex-wrap:wrap;gap:8px}
.vc-chips span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--ink);background:var(--card);border-radius:9px;padding:6px 10px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s;transition-delay:calc(var(--k,0) * 140ms + 300ms)}
.vc-chips span.ok{position:relative;padding-left:30px}
.vc-chips span.ok::before{content:"";position:absolute;left:9px;top:50%;width:15px;height:15px;margin-top:-7.5px;border-radius:50%;background:var(--ok)}
.vc-chips span.ok::after{content:"";position:absolute;left:13.5px;top:50%;width:6px;height:3.5px;margin-top:-3px;border-left:1.8px solid #fff;border-bottom:1.8px solid #fff;transform:rotate(-45deg)}
.vc-chips img{width:18px;height:18px;border-radius:5px}
:is(.sc,.live).in .vc-chips span{opacity:1;transform:none}
.mrow{display:grid;grid-template-columns:22px minmax(0,1fr) 90px;align-items:center;gap:10px;font-size:13px;color:var(--body);padding:7px 0;border-top:1px solid var(--line-2)}
.mrow:first-of-type{border-top:0}
.mrow span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mrow i,.ab i{display:block;height:6px;border-radius:4px;background:var(--surface-2);overflow:hidden}
.mrow i b,.ab i b{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,var(--gi-navy-2),var(--accent));transition:width 1.1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--k,0) * 160ms)}
:is(.sc,.live).in .mrow i b,:is(.sc,.live).in .ab i b{width:var(--w)}
.ab{display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:6px;align-items:center;padding:6px 0}
.ab>span{grid-row:1/3;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;font-weight:700;font-size:12.5px;color:var(--muted);background:var(--surface-2)}
.ab em{font-style:normal;font-size:13px;color:var(--body)}
.ab.win>span{color:#fff;background:var(--accent-text)}
.ab.win i b{background:linear-gradient(90deg,var(--accent-text),var(--accent))}
:is(.sc-vis,.live) .toast{position:relative;left:auto;transform:translateY(10px);width:auto;opacity:0;transition:opacity .45s .9s,transform .45s .9s}
:is(.sc,.live).in :is(.sc-vis,.live) .toast{opacity:1;transform:none}
.sig{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line-2);font-size:13.5px;color:var(--ink);opacity:0;transform:translateX(-10px);transition:opacity .4s,transform .4s;transition-delay:calc(var(--k,0) * 170ms)}
.sig:first-of-type{border-top:0}
.sig em{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:600;color:var(--accent-text);background:var(--accent-soft);border-radius:6px;padding:2px 7px;white-space:nowrap}
.sig.rt em{color:var(--gi-peach-3);background:var(--gi-peach-soft);box-shadow:inset 0 0 0 1px var(--gi-peach-line)}
:is(.sc,.live).in .sig{opacity:1;transform:none}
.vbars{display:flex;align-items:flex-end;gap:8px;height:130px;padding-top:6px}
.vbars i{flex:1;height:var(--h);border-radius:6px 6px 3px 3px;background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 35%,transparent));transform-origin:bottom;transform:scaleY(0);transition:transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--k,0) * 90ms)}
.vbars i:nth-last-child(-n+3){background:linear-gradient(var(--accent-text),color-mix(in srgb,var(--accent-text) 40%,transparent))}
:is(.sc,.live).in .vbars i{transform:none}
.vx{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:6px}
.vcal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.vcal>span{font-size:11px;font-weight:600;color:var(--muted);text-align:center;padding-bottom:2px}
.vcal>i{height:30px;border-radius:7px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);display:flex;align-items:center;padding:0 6px;font-style:normal}
.vcal>i b{display:block;width:100%;font-size:10.5px;font-weight:600;line-height:1;color:var(--accent-ink);background:var(--accent);border-radius:5px;padding:5px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:scale(.8);transition:opacity .35s,transform .35s;transition-delay:calc(var(--k,0) * 150ms + 200ms)}
:is(.sc,.live).in .vcal>i b{opacity:1;transform:none}

/* timeline, option B: the pipeline curve draws itself as you scroll */
.gc-wrap{position:relative;height:280vh;margin-top:6px}
.gc-sticky{position:sticky;top:calc(var(--top) + 16px);display:flex;flex-direction:column;gap:14px}
.gc-chart{position:relative;background:var(--card);border-radius:22px;padding:18px 22px 10px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg)}
.gc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.gc-top b{font:600 15px var(--head);letter-spacing:-.015em;color:var(--ink)}
.gc-top .gc-hint{display:inline-flex;align-items:center;gap:6px}
.gc-plot{position:relative;height:clamp(230px,33vh,320px);margin-top:4px}
.gc-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.gc-gl{stroke:var(--line-2);stroke-width:1;stroke-dasharray:3 6}
.gc-ghost{fill:none;stroke:var(--line);stroke-width:2;stroke-dasharray:2 7;stroke-linecap:round}
.gc-line{fill:none;stroke:var(--accent-text);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.gc-area{fill:url(#gcFill)}
.gc-halo{fill:var(--accent-text);opacity:.16}
.gc-head{fill:var(--card);stroke:var(--accent-text);stroke-width:3}
.gc-m{position:absolute;z-index:2;width:30px;height:30px;margin:-15px 0 0 -15px;padding:0;border:0;background:none;cursor:pointer;border-radius:50%}
.gc-m i{position:absolute;left:8px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--card);box-shadow:inset 0 0 0 2px var(--line);transition:background-color .3s,box-shadow .3s}
.gc-m.past i{background:var(--accent-text);box-shadow:inset 0 0 0 2px var(--accent-text)}
.gc-m.on i{background:var(--card);box-shadow:inset 0 0 0 3px var(--accent-text),0 0 0 6px var(--accent-soft)}
.gc-m span{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);white-space:nowrap;font-size:12.5px;font-weight:600;color:var(--muted);background:var(--card);border-radius:8px;padding:4px 9px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);transition:color .3s,box-shadow .3s,transform .3s}
.gc-m span small{font-weight:600;color:var(--faint);margin-right:5px}
.gc-m.on span{color:var(--ink);box-shadow:inset 0 0 0 1px var(--accent-line),var(--shadow-lg);transform:translateX(-50%) translateY(-2px)}
.gc-m.on span small{color:var(--accent-text)}
.gc-m:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.gc-note{position:absolute;z-index:1;transform:translate(-50%,10px);font-size:12px;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:6px;opacity:0;transition:opacity .4s}
.gc-note.on{opacity:1}
#gcN0{transform:translate(-50%,6px)}
.gc-note::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--faint)}
.gc-xl{position:absolute;bottom:-2px;transform:translateX(-50%);font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}
.gc-cards{position:relative}
.gcd{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(18px,3vw,40px);background:var(--card);border-radius:22px;padding:clamp(20px,2.6vw,28px);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg)}
.gcd[hidden]{display:none}
.gcd.sw{animation:rise .45s cubic-bezier(.2,.8,.2,1)}
.gcd h3{font-size:clamp(24px,2.4vw,30px);letter-spacing:-.03em;margin-top:12px}
.gcd .sc-lead{font-size:15.5px}
.gcd ul{list-style:none;margin:0;padding:0;columns:2;column-gap:28px}
.gcd li{position:relative;break-inside:avoid;padding:0 0 9px 26px;font-size:14.5px;line-height:1.45;color:var(--body)}
.gcd li::before{content:"";position:absolute;left:0;top:.15em;width:17px;height:17px;border-radius:50%;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.gcd li::after{content:"";position:absolute;left:5.5px;top:calc(.15em + 5.5px);width:6px;height:3.5px;border-left:1.8px solid var(--accent-text);border-bottom:1.8px solid var(--accent-text);transform:rotate(-45deg)}
.gcd .sc-tools{margin-top:16px;padding-top:0}

/* reviews */
.revs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.rev{margin:0;background:var(--card);border-radius:15px;padding:24px 26px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);transition:box-shadow .25s,transform .25s}
.rev:hover{box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg);transform:translateY(-2px)}
.rev figcaption{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center}
.rev .av{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--line)}
.rev .who b{display:block;font-family:var(--head);font-weight:600;font-size:16px;color:var(--ink);letter-spacing:-.015em;line-height:1.35}
.rev .who span{display:block;font-size:13.5px;color:var(--muted);line-height:1.4}
.rev .li{color:var(--faint)}
.rev .li svg.i{width:22px;height:22px}
.rev blockquote{margin:0;font-size:16px;line-height:1.7;color:var(--body);letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rev.open blockquote{display:block;-webkit-line-clamp:unset}
.rev blockquote strong{color:var(--ink);font-weight:600}
.rev-ctl{display:flex;flex-wrap:wrap;gap:6px 18px}
.rev-ctl button{border:0;background:none;padding:0;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.rev-ctl button:hover{color:var(--ink)}
.rev-ctl .more{color:var(--accent-text)}
.rev-ctl .orig{cursor:zoom-in}
.rev-ctl svg.i{width:15px;height:15px}
.lb{position:fixed;inset:0;z-index:80;background:rgba(11,13,18,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px;cursor:zoom-out;overscroll-behavior:contain}
.lb img{max-width:min(1000px,100%);max-height:86vh;border-radius:12px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.lb button{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px));width:42px;height:42px;border-radius:10px;border:0;background:#fff;color:#0B0D12;display:grid;place-items:center;cursor:pointer}

/* faq */
.faq{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:56px;align-items:start}
.faq-head{position:sticky;top:calc(var(--top) + 16px);display:flex;flex-direction:column;gap:16px}
.faq-head .lead{font-size:16.5px}
.faq-body{display:flex;flex-direction:column;gap:34px}
.faq-g h3{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.acc{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;font-family:var(--head);font-weight:600;font-size:17px;letter-spacing:-.02em;color:var(--ink);padding:17px 40px 17px 0;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"";position:absolute;right:6px;top:50%;width:14px;height:14px;margin-top:-7px;background:linear-gradient(var(--ink),var(--ink)) center/14px 2px no-repeat,linear-gradient(var(--ink),var(--ink)) center/2px 14px no-repeat;transition:transform .25s}
details[open] summary::after{transform:rotate(45deg)}
details>p{padding:0 0 18px;color:var(--muted);max-width:68ch;font-size:15.5px}

/* closing band */
.band{position:relative;overflow:hidden;border-radius:22px;padding:clamp(48px,7vw,88px) 20px;color:var(--navy-ink);text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;background-color:var(--navy);background-image:radial-gradient(60% 50% at 50% 0%,rgba(106,174,245,.28),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px);background-size:auto,18px 18px}
.band h2{color:var(--navy-ink);max-width:20ch}
.band p.lead{color:var(--navy-muted)}
.band .lf-row{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(186,214,255,.22)}
.band .lf input{color:#fff}
.band .lf input::placeholder{color:rgba(214,228,255,.62)}
.band .lf input:hover,.band .lf input:focus{background:rgba(255,255,255,.06)}
.band .lf input:focus{box-shadow:inset 0 0 0 1.5px var(--sky)}
.band .lf-msg{color:var(--navy-muted)}
.band .lf-msg.err{color:#FFB4B6}
.band .lf-done{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(186,214,255,.3)}
.band .lf-done p{color:#fff}
.band .btn-accent{background:#7DB8F7;color:#06101F}
.band .btn-accent:hover{background:#9BC9FA}
.band .contact{font-size:14.5px;color:var(--navy-muted)}
.band .contact b{color:#fff;font-weight:500}


/* responsive */
@media (max-width:1080px){
  .nav{display:none}
  .tb-right{margin-left:auto}
  .menu-btn{display:grid}
  .hp-grid{column-gap:28px}
  .tour{grid-template-columns:minmax(0,310px) minmax(0,1fr)}
  .case-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .t-inbox{grid-template-columns:minmax(0,1fr)}
  .t-list{display:none}
}
@media (max-width:960px){
  .sc-in{grid-template-columns:minmax(0,1fr);min-height:0}
  .sc-vis{min-height:300px}
  .gcd{grid-template-columns:minmax(0,1fr)}
  .proof{grid-template-columns:minmax(0,1fr)}
  .case{min-height:0}
  .svc{grid-template-columns:minmax(0,1fr)}
  .sv{border-right:0!important}
  .sv:nth-last-child(2){border-bottom:1px solid var(--line-2)}
  .faq{grid-template-columns:minmax(0,1fr);gap:28px}
  .faq-head{position:static}
  .fw-cols{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto;gap:44px}
  .fw-col header{min-height:0}
  .fw-wheel{grid-template-columns:minmax(0,1fr);grid-template-areas:"wheel" "out" "ads" "in";justify-items:center;gap:12px;max-width:560px;margin-inline:auto}
  .co{max-width:none;width:100%;justify-self:stretch!important}
  .tour{grid-template-columns:minmax(0,1fr)}
  .tour-steps{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding:2px 2px 8px;scrollbar-width:thin}
  .tour-steps li{flex:0 0 min(78%,300px);scroll-snap-align:start;display:flex}
  .ts{grid-template-columns:minmax(0,1fr);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2)}
  .ts .d{padding-top:0}
  .ts .p,.ts .tl{grid-column:1}
  .ts .p{display:block}
  .tour-win{position:relative;top:auto}
  .sa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .groups{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  :root{--top:80px}
  body{font-size:15.5px}
  .topbar{height:58px;padding:0 6px 0 14px}
  .brand .gi-logo{height:32px}
  .tb-cta{display:none}
  .hero h1 .l1{display:inline}
  .lf-row{grid-template-columns:minmax(0,1fr)}
  .lf input{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2)}
  .band .lf input{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(186,214,255,.16)}
  .lf .btn{width:100%}
  .trust{flex-direction:column;gap:8px}
  .hp-title>span:last-child{display:none}
  .hp-stage{display:none}
  .hp-body{padding:16px 12px 18px}
  .hp-grid{grid-template-columns:minmax(0,1fr);row-gap:30px}
  .hp-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .hp-col.one .hp-nodes{grid-template-columns:minmax(0,1fr)}
  .hp-col.one .hn{justify-self:center;width:min(100%,280px)}
  .hn{flex-direction:column;align-items:flex-start;gap:6px;padding:8px}
  .hn b{font-size:12.5px}
  .hn small{display:none}
  .hn.tall{flex-direction:row;align-items:center;padding:10px 12px}
  .hn.tall small{display:block}
  .clients{margin-top:-48px}
  .mq-set{gap:38px;padding-right:38px}
  .leadwall{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .lw-tile{height:60px;padding:8px}
  .case{padding:18px 16px}
  .case-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cstat b{font-size:26px}
  .sv{padding:28px 18px 0}
  .sv .vis{height:200px}
  .fwp-wrap{grid-template-columns:minmax(0,1fr)}
  .fw-col{padding:22px 12px 36px}
  .fw-row{gap:6px}
  .fw-n{font-size:12px;padding:7px 5px}
  .tier span{font-size:11.5px;padding:4px 8px}
  .fw-n.big{min-width:210px;font-size:15px}
  .tw-body{min-height:0;padding:14px}
  .t-two{grid-template-columns:minmax(0,1fr)}
  .t-stack{display:contents}
  .t-reach{order:3}
  .t-kv>div{grid-template-columns:110px minmax(0,1fr)}
  .t-feed li{grid-template-columns:28px minmax(0,1fr) auto}
  .t-feed li em{display:none}
  .t-pipe{gap:6px}
  .t-deal{padding:8px}
  .t-cal{grid-template-columns:40px repeat(3,minmax(0,1fr))}
  .t-cal .x{display:none}
  .revs{grid-template-columns:minmax(0,1fr)}
  .rev{padding:22px 20px 18px}
  .rev blockquote{font-size:15.5px}
  .zt{grid-template-columns:minmax(0,1fr)}
  .zt-side{align-items:flex-start}
  .sc{position:relative;top:auto}
  .gc-wrap{height:auto}
  .gc-sticky{position:relative;top:auto}
  .gc-m span{font-size:0;padding:0;bottom:24px;background:none;box-shadow:none}
  .gc-m span small{font-size:12px;margin:0;color:var(--muted)}
  .gc-m.on span small{color:var(--accent-text)}
  .gc-m.on span{box-shadow:none;transform:translateX(-50%)}
  .gc-note{display:none}
  .gcd ul{columns:1}
  .total{grid-template-columns:minmax(0,1fr);padding:22px}
  .total .now{border-left:0;padding-left:0;border-top:1px solid color-mix(in srgb,var(--btn-ink) 18%,transparent);padding-top:18px}
  .sa-grid{grid-template-columns:minmax(0,1fr)}
  .cmp-hint{display:block}
  .band{border-radius:16px;padding-inline:14px}
}
@media (max-height:760px){
  .sc{position:relative;top:auto}
  .gc-wrap{height:auto}
  .gc-sticky{position:relative;top:auto}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hw path.on,.hp-foot .ev i,.scr.play .lp-bars i,.gcd.sw{animation:none}
  .vc-chips span,.mrow i b,.ab i b,:is(.sc-vis,.live) .toast,.sig,.vbars i,.vcal>i b,.gc-note{transition:none}
  .mq-track{animation:none;width:100%}
  .mq-set{flex-wrap:wrap;justify-content:center;padding-right:0;gap:28px 44px;width:100%}
  .mq-set+.mq-set{display:none}
  .marquee{-webkit-mask-image:none;mask-image:none}
  .rot>span,.case-body,.seg,.co,.scr.play .st,.scr.play .t-deal.hot,.ts[aria-selected="true"] .p{transition:none;animation:none}
}

/* =====================================================================
   Multi-page additions. Same tokens, radii and type as the homepage.
   ===================================================================== */

/* ---------- header: mega menus ---------- */
.nav{align-items:center}
.nav>a[aria-current="page"],.nav-b.on{color:var(--ink);background:var(--surface-2)}
.nav-b{font:500 15px var(--sans);letter-spacing:-.01em;color:var(--body);background:none;border:0;cursor:pointer;padding:8px 10px 8px 12px;border-radius:9px;display:inline-flex;align-items:center;gap:4px;transition:background-color .2s,color .2s}
.nav-b:hover,.nav-b[aria-expanded="true"]{background:var(--surface-2);color:var(--ink)}
.nav-b .dn{width:15px;height:15px;transition:transform .25s}
.nav-b[aria-expanded="true"] .dn{transform:rotate(180deg)}
.mm{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(940px,calc(100vw - 32px));display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:10px;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px -24px rgba(11,13,18,.28),var(--shadow-lg);z-index:50;animation:mmIn .22s cubic-bezier(.2,.8,.2,1)}
.mm::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.mm[hidden]{display:none}
@keyframes mmIn{from{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%,0)}}
.mm-main{display:flex;flex-direction:column;gap:6px;padding:6px}
.mm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.mm-a{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:12px;text-decoration:none;transition:background-color .2s}
.mm-a:hover,.mm-a:focus-visible{background:var(--surface)}
.mm-a b{display:block;font:600 15px var(--head);letter-spacing:-.015em;color:var(--ink);line-height:1.3}
.mm-a small{display:block;font-size:13px;line-height:1.45;color:var(--muted);margin-top:2px}
.mm-ic{flex:none;display:flex;gap:2px;align-items:center;justify-content:center;width:46px;height:40px;border-radius:10px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.mm-ic img{width:18px;height:18px;border-radius:5px;background:#fff}
.mm-tx{font:700 12px var(--head);letter-spacing:-.01em;color:var(--accent-text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.mm-foot{border-top:1px solid var(--line-2);padding:12px 12px 4px;margin-top:2px}
.mm-foot .link{font-size:14px}
.mm-side{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:14px;text-decoration:none;color:#fff;background-color:var(--con);background-image:radial-gradient(80% 70% at 100% 0%,rgba(106,174,245,.38),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px);background-size:auto,16px 16px;box-shadow:inset 0 0 0 1px var(--con-line);overflow:hidden}
.mm-side>*{position:relative;z-index:1}
.mm-side small{font-size:12px;font-weight:600;color:#94BEEB}
.mm-side b{font:600 19px var(--head);line-height:1.25;letter-spacing:-.025em}
.mm-side span{font-size:13.5px;line-height:1.5;color:rgba(220,230,245,.75)}
.mm-side em{margin-top:auto;font-style:normal;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px;color:#9BC9FA}
.mm-side em svg.i{width:15px;height:15px}
.mm-proof{background-color:var(--surface);background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:16px 16px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.mm-proof small{color:var(--accent-text)}
.mm-proof span{color:var(--muted)}
.mm-proof em{color:var(--accent-text)}
.tb-plan{font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:none;padding:8px 10px;border-radius:9px;transition:background-color .2s}
.tb-plan:hover{background:var(--surface-2)}
.mnav{max-height:calc(100dvh - 110px);overflow:auto;gap:2px}
.mn-g summary{list-style:none;cursor:pointer;padding:12px 14px;border-radius:10px;font-weight:500;color:var(--ink);display:flex;justify-content:space-between;align-items:center}
.mn-g summary::-webkit-details-marker{display:none}
.mn-g summary::after{content:"";width:8px;height:8px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.mn-g[open] summary::after{transform:rotate(225deg) translateY(-2px)}
.mn-g div{display:flex;flex-direction:column;padding:0 0 6px 10px}
.mn-g div a{font-size:15px;font-weight:500;color:var(--body);padding:9px 14px}
.mn-promo{display:flex;flex-direction:column;gap:2px;margin-top:6px;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.mn-promo b{color:var(--ink)}
.mn-promo span{font-size:13.5px;font-weight:400;color:var(--muted)}
.mn-cta{margin-top:8px;color:var(--accent-ink)!important}
@media (max-width:1180px){ .tb-plan{display:none} }

/* ---------- footer ---------- */
.ft{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:32px 28px;padding-block:56px 36px;margin-top:clamp(64px,8vw,104px);border-top:1px solid var(--line)}
.ft .gi-logo{height:40px;width:auto;color:var(--ink);display:block}
.ft-brand{display:flex;flex-direction:column;gap:16px;font-size:14.5px;color:var(--muted);max-width:36ch}
.ft-plan{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:14px;text-decoration:none;color:#fff;background:var(--con);box-shadow:inset 0 0 0 1px var(--con-line);overflow:hidden}
.ft-plan>*{position:relative;z-index:1}
.ft-plan b{font:600 16px var(--head);letter-spacing:-.02em}
.ft-plan span{font-size:13.5px;line-height:1.5;color:rgba(220,230,245,.75)}
.ft-plan em{font-style:normal;font-weight:600;font-size:13.5px;color:#9BC9FA;display:inline-flex;align-items:center;gap:6px;margin-top:4px}
.ft-plan em svg.i{width:14px;height:14px}
.ft h4{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--muted);margin-bottom:12px}
.ft ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.ft li{font-size:14.5px;color:var(--ink);line-height:1.45}
.ft li a{text-decoration:none;color:var(--ink)}
.ft li a:hover{text-decoration:underline;text-underline-offset:3px}
.ft-contact li a,.ft-contact li span{display:inline-flex;align-items:flex-start;gap:8px}
.ft-contact svg.i{width:16px;height:16px;flex:none;margin-top:2px;color:var(--muted)}
.ft .legal{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding-top:22px;border-top:1px solid var(--line-2);font-size:13px;color:var(--muted)}
.lg-links{display:flex;gap:16px}
.lg-links a{color:var(--muted);text-decoration:none}
.lg-links a:hover{color:var(--ink)}

/* ---------- page rhythm ---------- */
main.pg{display:flex;flex-direction:column;gap:clamp(80px,10vw,128px);padding-block:clamp(28px,4vw,48px) 0}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;color:var(--muted)}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--ink)}
.crumbs svg.i{width:14px;height:14px;color:var(--faint)}
.crumbs [aria-current]{color:var(--ink);font-weight:500}
.kicker{font-size:14px;font-weight:600;color:var(--accent-text);letter-spacing:-.005em}
.sec-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px}
.sec-row .head{max-width:680px}
.center{align-items:center;text-align:center;margin-inline:auto}
.center .lead{margin-inline:auto}
.prose-sm{font-size:15.5px;line-height:1.65;color:var(--body)}

/* ---------- page hero: copy and form on the left, a live view of the system on the right ---------- */
.ph{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(28px,4vw,56px);align-items:center}
.ph-copy{display:flex;flex-direction:column;gap:20px;min-width:0}
.ph h1{font-size:clamp(36px,4.6vw,58px)}
.ph .sub{font-size:clamp(17px,1.5vw,19px);line-height:1.6;color:var(--muted);letter-spacing:-.02em;max-width:52ch}
.ph .lf{margin:0;max-width:560px}
.ph .lf-msg{text-align:left}
.ph-bul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.ph-bul li{position:relative;padding-left:28px;font-size:15.5px;color:var(--body);line-height:1.45}
.ph-bul li::before{content:"";position:absolute;left:0;top:.15em;width:18px;height:18px;border-radius:50%;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.ph-bul li::after{content:"";position:absolute;left:6px;top:calc(.15em + 6px);width:6px;height:3.5px;border-left:1.8px solid var(--accent-text);border-bottom:1.8px solid var(--accent-text);transform:rotate(-45deg)}
.ph-vis{position:relative;min-width:0;border-radius:22px;padding:clamp(16px,2.4vw,26px);background-color:var(--surface);background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:16px 16px;box-shadow:inset 0 0 0 1px var(--line)}
.ph-vis::before{content:"";position:absolute;inset:-40px -30px;z-index:-1;background:radial-gradient(50% 50% at 60% 40%,var(--accent-soft),transparent 70%);pointer-events:none}
.ph-vis .live{display:flex;flex-direction:column;gap:12px}
.ph-proof{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:14px;color:var(--muted)}
.ph-proof b{color:var(--ink);font-weight:600}
.ph-proof .lgos{display:flex;align-items:center;gap:14px}
.ph-proof .lgos img{height:20px;width:auto;opacity:.9}
.ph.solo{grid-template-columns:minmax(0,1fr)}
.ph.solo .ph-copy{max-width:820px}
.ph-center{align-items:center;text-align:center}
.ph-center .ph-copy{align-items:center;margin-inline:auto}
.ph-center .sub{margin-inline:auto}

/* live mock building blocks (shared with the homepage tour) */
.live .st{opacity:0}
.live.in .st{animation:rise .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k,0) * 130ms)}
.mwin{background:var(--card);border-radius:16px;box-shadow:inset 0 0 0 1px var(--line),0 24px 50px -30px rgba(11,13,18,.28);overflow:hidden}
.mwin-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line-2);background:var(--surface);font-size:13px;font-weight:600;color:var(--ink)}
.mwin-bar img{width:18px;height:18px;border-radius:5px;background:#fff}
.mwin-bar .dots3{margin-right:4px}
.mwin-bar em{margin-left:auto;font-style:normal;font-weight:500;font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}
.mwin-bar em i{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pulse 1.6s ease-in-out infinite}
.mwin-body{padding:14px}
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{font-size:11.5px;font-weight:600;color:var(--muted);text-align:left;padding:7px 8px;border-bottom:1px solid var(--line-2);white-space:nowrap}
.tbl td{padding:9px 8px;border-bottom:1px solid var(--line-2);color:var(--ink);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl td small{display:block;font-size:11.5px;color:var(--muted)}
.co-av{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;font:700 11px var(--head);color:#fff;background:var(--gi-navy);margin-right:8px;vertical-align:middle;flex:none}
.co-av.b{background:#4F76A8}.co-av.c{background:#946349}.co-av.d{background:#2A72D4}.co-av.e{background:#5F739A}
.co-name{display:flex;align-items:center}
.sigs{display:flex;flex-wrap:wrap;gap:4px}
.sg-chip{font-size:11px;font-weight:600;line-height:1;padding:4px 7px;border-radius:6px;background:var(--surface-2);color:var(--body);white-space:nowrap}
.sg-chip.hot{color:#9A3412;background:#FFF1E7;box-shadow:inset 0 0 0 1px #FED7B5}
.sg-chip.ac{color:var(--accent-text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.sg-chip.ok{color:var(--ok);background:var(--ok-bg);box-shadow:inset 0 0 0 1px var(--ok-line)}
:root[data-githeme="dark"] .sg-chip.hot{color:#FDBA8C;background:rgba(251,146,60,.12);box-shadow:inset 0 0 0 1px rgba(251,146,60,.35)}
@media (prefers-color-scheme:dark){:root:not([data-githeme="light"]) .sg-chip.hot{color:#FDBA8C;background:rgba(251,146,60,.12);box-shadow:inset 0 0 0 1px rgba(251,146,60,.35)}}
.score{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-variant-numeric:tabular-nums}
.score i{display:block;width:44px;height:5px;border-radius:3px;background:var(--surface-2);overflow:hidden}
.score i b{display:block;height:100%;width:var(--w);border-radius:3px;background:linear-gradient(90deg,var(--gi-navy-2),var(--accent))}
.tierb{font-size:11px;font-weight:700;padding:3px 7px;border-radius:6px;color:#fff;background:var(--gi-navy)}
.tierb.t2{background:#4F76A8}.tierb.t3{background:#94BEEB;color:#14284A}
.toast-s{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:14px;padding:12px 14px;box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg)}
.toast-s img{width:32px;height:32px;border-radius:9px;background:#fff;box-shadow:0 0 0 1px var(--line);flex:none}
.toast-s b{display:block;font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.3}
.toast-s small{display:block;font-size:12.5px;color:var(--muted);line-height:1.35}
.toast-s em{font-style:normal;font-size:11.5px;color:var(--muted);margin-left:auto;align-self:flex-start;white-space:nowrap}
.row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.flow span{display:inline-flex;align-items:center;gap:6px;background:var(--card);border-radius:9px;padding:5px 9px 5px 5px;box-shadow:inset 0 0 0 1px var(--line);font-weight:500;color:var(--ink)}
.flow span img{width:20px;height:20px;border-radius:5px;background:#fff}
.flow i{width:14px;height:1.5px;background:var(--faint);position:relative}
.flow i::after{content:"";position:absolute;right:-1px;top:-3px;width:6px;height:6px;border-right:1.5px solid var(--faint);border-top:1.5px solid var(--faint);transform:rotate(45deg)}

/* ---------- logo strip of named accounts ---------- */
.lstrip{display:flex;flex-direction:column;gap:16px}
.lstrip-lab{font-size:14px;font-weight:500;color:var(--muted)}
.lstrip-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.lstrip-row .lw-tile{height:58px;padding:10px 16px;min-width:116px}
.lstrip-row .lw-tile img{height:26px;width:auto;max-width:120px;object-fit:contain}

/* ---------- feature cards ---------- */
.fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fgrid.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fgrid.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.fc{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);transition:box-shadow .25s,transform .25s}
.fc:hover{box-shadow:inset 0 0 0 1px var(--accent-line),var(--shadow-lg);transform:translateY(-2px)}
.fc h3{font-size:18px;letter-spacing:-.02em;line-height:1.3}
.fc p{font-size:15px;line-height:1.6;color:var(--muted)}
.fc .n{font:600 13px var(--sans);color:var(--accent-text);font-variant-numeric:tabular-nums}
.fc .ics{display:flex;gap:5px;margin-top:auto;padding-top:6px}
.fc .ics img{width:22px;height:22px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px var(--line)}
a.fc{text-decoration:none}
a.fc .more{margin-top:auto;padding-top:8px;font-weight:600;font-size:14.5px;color:var(--ink);display:inline-flex;align-items:center;gap:6px}
a.fc .more svg.i{width:16px;height:16px;transition:transform .2s}
a.fc:hover .more svg.i{transform:translateX(3px)}
.fc.dk{background-color:var(--con);color:#fff;box-shadow:inset 0 0 0 1px var(--con-line);background-image:radial-gradient(70% 60% at 100% 0%,rgba(106,174,245,.28),transparent 70%)}
.fc.dk h3{color:#fff}.fc.dk p{color:rgba(220,230,245,.75)}.fc.dk .more{color:#9BC9FA}
.fc .vis{margin:-6px -6px 6px;border-radius:12px;background-color:var(--surface);background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:14px 14px;box-shadow:inset 0 0 0 1px var(--line-2);padding:16px;min-height:150px;display:flex;flex-direction:column;justify-content:center;gap:8px;overflow:hidden}

/* outcome line that closes every step */
.outc{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.5;color:var(--ink);padding:12px 14px;border-radius:12px;background:var(--ok-bg);box-shadow:inset 0 0 0 1px var(--ok-line)}
.outc b{flex:none;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--ok);padding-top:2px}

/* ---------- scroll stepper: steps on the left, the matching view pinned on the right ---------- */
.stp{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:start}
.stp-list{display:flex;flex-direction:column;position:relative;padding-left:34px}
.stp-list::before,.stp-list::after{content:"";position:absolute;left:9px;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--line)}
.stp-list::after{background:var(--accent-text);transform-origin:top;transform:scaleY(var(--p,0))}
.stp-s{position:relative;min-height:clamp(300px,46vh,420px);padding-bottom:28px;opacity:.38;transition:opacity .4s}
.stp-s:last-child{min-height:0}
.stp-s.on,.stp-s.past{opacity:1}
.stp-s::before{content:"";position:absolute;left:-32px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 2px var(--line);transition:background-color .3s,box-shadow .3s}
.stp-s.past::before{background:var(--accent-text);box-shadow:inset 0 0 0 2px var(--accent-text)}
.stp-s.on::before{box-shadow:inset 0 0 0 3px var(--accent-text),0 0 0 6px var(--accent-soft)}
.stp-s .k{font-size:13.5px;font-weight:600;color:var(--accent-text)}
.stp-s h3{font-size:clamp(22px,2.2vw,28px);letter-spacing:-.03em;margin-top:6px}
.stp-s p{font-size:16px;line-height:1.6;color:var(--muted);margin-top:8px;max-width:46ch}
.stp-s .outc{margin-top:16px;max-width:52ch}
.stp-s .m-vis{display:none}
.stp-view{position:sticky;top:calc(var(--top) + 24px);border-radius:22px;padding:clamp(16px,2.2vw,24px);background-color:var(--surface);background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:16px 16px;box-shadow:inset 0 0 0 1px var(--line);min-height:400px;display:grid}
.stp-p{grid-area:1/1;align-self:center;opacity:0;transform:translateY(14px) scale(.98);transition:opacity .45s,transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.stp-p.on{opacity:1;transform:none;pointer-events:auto}

/* ---------- first three weeks, laid out as a calendar ---------- */
.w3{border-radius:20px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);overflow:hidden}
.w3-g{display:grid;grid-template-columns:110px repeat(5,minmax(0,1fr))}
.w3-g>*{padding:12px;border-bottom:1px solid var(--line-2);border-right:1px solid var(--line-2);min-height:64px;font-size:13.5px;line-height:1.4}
.w3-g>*:nth-child(6n){border-right:0}
.w3-g .h{min-height:0;font-size:12.5px;font-weight:600;color:var(--muted);background:var(--surface)}
.w3-g .wk{font:600 14px var(--head);color:var(--ink);background:var(--surface);display:flex;flex-direction:column;gap:2px}
.w3-g .wk small{font:500 12px var(--sans);color:var(--muted)}
.w3-g .t{display:flex;flex-direction:column;gap:6px}
.w3-g .t span{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;background:var(--surface-2);color:var(--ink);font-weight:500;font-size:12.5px}
.w3-g .t span.you{background:#FFF7E6;color:#8A5A00;box-shadow:inset 0 0 0 1px #FBE3B3}
.w3-g .t span.go{background:var(--accent);color:var(--accent-ink)}
:root[data-githeme="dark"] .w3-g .t span.you{background:rgba(251,191,36,.1);color:#FCD34D;box-shadow:inset 0 0 0 1px rgba(251,191,36,.3)}
@media (prefers-color-scheme:dark){:root:not([data-githeme="light"]) .w3-g .t span.you{background:rgba(251,191,36,.1);color:#FCD34D;box-shadow:inset 0 0 0 1px rgba(251,191,36,.3)}}
.w3-g>*:nth-last-child(-n+6){border-bottom:0}
.w3-key{display:flex;flex-wrap:wrap;gap:8px 18px;padding:12px 16px;border-top:1px solid var(--line-2);font-size:12.5px;color:var(--muted)}
.w3-key i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:var(--surface-2)}
.w3-key i.you{background:#FBE3B3}.w3-key i.go{background:var(--accent)}

/* ---------- case cards ---------- */
.cc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cc-grid.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cc{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:18px;background:var(--card);text-decoration:none;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);transition:box-shadow .25s,transform .25s}
.cc:hover{box-shadow:inset 0 0 0 1px var(--accent-line),var(--shadow-lg);transform:translateY(-2px)}
.cc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px}
.cc-top img,.cc-top svg{height:28px;width:auto;max-width:150px;object-fit:contain;object-position:left;filter:var(--case-logo-filter,none)}
.cc-mono{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;font:700 15px var(--head);color:var(--gi-sky-ink);background:var(--gi-sky)}
.cc-tags{display:flex;flex-wrap:wrap;gap:6px}
.cc-tags span{font-size:12px;font-weight:600;color:var(--muted);background:var(--surface-2);border-radius:7px;padding:3px 8px}
.cc h3{font-size:19px;line-height:1.35;letter-spacing:-.02em}
.cc p{font-size:14.5px;line-height:1.55;color:var(--muted)}
.cc-ms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto}
.cc-ms div{border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);padding:10px 12px}
.cc-ms b{display:block;font:600 22px var(--head);letter-spacing:-.03em;color:var(--ink);line-height:1.15}
.cc-ms small{display:block;font-size:12px;line-height:1.35;color:var(--muted);margin-top:2px}
.cc .more{font-weight:600;font-size:14.5px;color:var(--ink);display:inline-flex;align-items:center;gap:6px}
.cc .more svg.i{width:16px;height:16px;transition:transform .2s}
.cc:hover .more svg.i{transform:translateX(3px)}
.cc[hidden]{display:none}

/* ---------- filters ---------- */
.flt{display:flex;flex-wrap:wrap;gap:8px}
.flt button{font:600 14px var(--sans);letter-spacing:-.01em;color:var(--body);background:var(--card);border:0;border-radius:999px;padding:8px 14px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);transition:background-color .2s,color .2s,box-shadow .2s}
.flt button:hover{background:var(--surface-2)}
.flt button[aria-pressed="true"]{background:var(--btn);color:var(--btn-ink);box-shadow:none}
.flt button small{font-weight:500;opacity:.6;margin-left:4px}

/* ---------- quotes ---------- */
.tq{display:flex;flex-direction:column;gap:16px;padding:26px;border-radius:20px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.tq blockquote{margin:0;font:500 clamp(18px,1.7vw,21px)/1.5 var(--head);letter-spacing:-.02em;color:var(--ink)}
.tq figcaption{display:flex;align-items:center;gap:12px}
.tq figcaption img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.tq figcaption b{display:block;font-size:15px;color:var(--ink)}
.tq figcaption span{display:block;font-size:13px;color:var(--muted);line-height:1.4}
.tq .src{margin-left:auto;font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}
.tq .src svg.i{width:15px;height:15px}
.tq.dk{background-color:var(--con);box-shadow:inset 0 0 0 1px var(--con-line)}
.tq.dk blockquote{color:#fff}
.tq.dk figcaption b{color:#fff}.tq.dk figcaption span,.tq.dk .src{color:rgba(220,230,245,.7)}

/* ---------- stats ---------- */
.stats{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);overflow:hidden}
.stats>div{padding:20px 22px;border-right:1px solid var(--line-2)}
.stats>div:last-child{border-right:0}
.stats b{display:block;font:600 clamp(28px,3.2vw,40px)/1.1 var(--head);letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.stats small{display:block;font-size:14px;line-height:1.45;color:var(--muted);margin-top:6px}

/* ---------- case study detail ---------- */
.csh{display:flex;flex-direction:column;gap:22px}
.csh-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.csh-top .cc-tags span{font-size:13px}
.csh h1{font-size:clamp(34px,4.4vw,56px);max-width:20ch}
.csh .sub{font-size:clamp(17px,1.5vw,19px);line-height:1.6;color:var(--muted);max-width:60ch}
.csh-logo{height:40px;width:auto;max-width:200px;filter:var(--case-logo-filter,none)}
.cs{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(28px,4vw,56px);align-items:start}
.cs-body{display:flex;flex-direction:column;gap:44px;min-width:0}
.cs-sec{display:flex;flex-direction:column;gap:14px}
.cs-sec>.kicker{display:block}
.cs-sec h2{font-size:clamp(26px,2.8vw,34px)}
.prose p,.prose li{font-size:17px;line-height:1.75;color:var(--body);letter-spacing:-.012em}
.prose p+p{margin-top:14px}
.prose ul,.prose ol{margin:10px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.prose strong{color:var(--ink);font-weight:600}
.prose a{color:var(--accent-text);text-underline-offset:3px}
.phases{display:flex;flex-direction:column;gap:12px;counter-reset:ph}
.phase{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:18px;border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.phase::before{counter-increment:ph;content:counter(ph);display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font:600 14px var(--head);color:var(--accent-text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.phase h3{font-size:17px;letter-spacing:-.015em}
.phase p{font-size:15px;line-height:1.6;color:var(--muted);margin-top:4px}
.phase .sigs{margin-top:10px}
.cs-aside{position:sticky;top:calc(var(--top) + 24px);display:flex;flex-direction:column;gap:12px}
.glance{border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);overflow:hidden}
.glance h4{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--muted);padding:14px 18px 6px}
.glance dl{margin:0;padding:0 18px 8px}
.glance dl div{padding:10px 0;border-top:1px solid var(--line-2)}
.glance dl div:first-child{border-top:0}
.glance dt{font-size:12px;font-weight:600;color:var(--muted)}
.glance dd{margin:2px 0 0;font-size:14.5px;line-height:1.45;color:var(--ink)}
.glance .tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.glance .tools span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;padding:4px 8px 4px 4px;border-radius:8px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2)}
.glance .tools img{width:18px;height:18px;border-radius:5px;background:#fff}
.aside-cta{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:18px;text-decoration:none;color:#fff;background-color:var(--con);background-image:radial-gradient(80% 70% at 100% 0%,rgba(106,174,245,.35),transparent 70%);box-shadow:inset 0 0 0 1px var(--con-line);overflow:hidden}
.aside-cta>*{position:relative;z-index:1}
.aside-cta b{font:600 17px var(--head);letter-spacing:-.02em;line-height:1.3}
.aside-cta span{font-size:13.5px;line-height:1.5;color:rgba(220,230,245,.75)}
.aside-cta em{font-style:normal;font-weight:600;font-size:14px;color:#9BC9FA;display:inline-flex;align-items:center;gap:6px}
.aside-cta em svg.i{width:15px;height:15px}
.named{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.named .lw-tile{height:54px;padding:10px 14px;min-width:100px}
.named .lw-tile img{height:24px;width:auto;max-width:110px;object-fit:contain}

/* ---------- articles ---------- */
.ar-h{display:flex;flex-direction:column;gap:18px;max-width:860px}
.ar-h h1{font-size:clamp(34px,4.4vw,54px)}
.ar-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:14px;color:var(--muted)}
.ar-meta .by{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:500}
.av-i{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;font:700 13px var(--head);color:#fff;background:var(--gi-navy);flex:none}
.av-i.p{background:#2A72D4}
.ar-meta svg.i{width:16px;height:16px;vertical-align:-3px;margin-right:4px}
.ar{display:grid;grid-template-columns:230px minmax(0,1fr) 250px;gap:clamp(24px,3.4vw,48px);align-items:start}
.toc{position:sticky;top:calc(var(--top) + 24px);display:flex;flex-direction:column;gap:2px;font-size:14px}
.toc b{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px}
.toc a{color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:8px;border-left:2px solid transparent;line-height:1.4;transition:color .2s,background-color .2s}
.toc a:hover{color:var(--ink);background:var(--surface)}
.toc a.on{color:var(--ink);font-weight:600;border-left-color:var(--accent-text);border-radius:0 8px 8px 0;background:var(--surface)}
.ar-body{min-width:0;max-width:720px}
.ar-body h2{font-size:clamp(24px,2.6vw,30px);margin:46px 0 14px;scroll-margin-top:calc(var(--top) + 24px)}
.ar-body h2:first-child{margin-top:0}
.ar-body h3{font-size:19px;margin:28px 0 8px}
.ar-body p,.ar-body li{font-size:17.5px;line-height:1.8;color:var(--body);letter-spacing:-.012em}
.ar-body p{margin:0 0 16px}
.ar-body ul,.ar-body ol{margin:0 0 18px;padding-left:24px;display:flex;flex-direction:column;gap:8px}
.ar-body strong{color:var(--ink);font-weight:600}
.ar-body .tldr{border-radius:16px;padding:18px 20px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:28px}
.ar-body .tldr b{display:block;font-size:13px;color:var(--accent-text);margin-bottom:6px}
.ar-body .tldr ul{margin:0}
.ar-body .tldr li{font-size:16px;line-height:1.6}
.callout{border-radius:16px;padding:18px 20px;margin:4px 0 22px;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.callout p{margin:0;font-size:16.5px}
.callout b{color:var(--ink)}
.ar-tbl{width:100%;border-collapse:collapse;margin:6px 0 24px;font-size:15px;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.ar-tbl th{text-align:left;font-size:13px;font-weight:600;color:var(--muted);padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--line)}
.ar-tbl td{padding:11px 14px;border-bottom:1px solid var(--line-2);color:var(--ink);vertical-align:top;line-height:1.5}
.ar-tbl tr:last-child td{border-bottom:0}
.ar-mail{border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);margin:6px 0 24px;overflow:hidden}
.ar-mail .hd{display:flex;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line-2);font-size:13.5px;color:var(--muted)}
.ar-mail .hd b{color:var(--ink);font-weight:500}
.ar-mail .bd{padding:16px;font-size:15.5px;line-height:1.7;color:var(--ink)}
.ar-mail .bd p{font-size:15.5px;line-height:1.7;margin:0 0 10px;color:var(--ink)}
.ar-mail .bd p:last-child{margin:0}
.ar-mail mark{background:var(--accent-soft);color:inherit;border-radius:4px;padding:0 3px;box-shadow:inset 0 0 0 1px var(--accent-line)}
.ar-note{display:block;font-size:13px;color:var(--muted);margin:-14px 0 24px}
.ar-side{position:sticky;top:calc(var(--top) + 24px);display:flex;flex-direction:column;gap:12px}
.ar-author{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.ar-author .by{display:flex;align-items:center;gap:10px}
.ar-author b{display:block;font-size:15px;color:var(--ink)}
.ar-author small{display:block;font-size:13px;color:var(--muted)}
.ar-author p{font-size:13.5px;line-height:1.55;color:var(--muted)}
.ar-inline{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px 22px;border-radius:18px;margin:10px 0 26px;color:#fff;background-color:var(--con);background-image:radial-gradient(70% 90% at 100% 0%,rgba(106,174,245,.3),transparent 70%);box-shadow:inset 0 0 0 1px var(--con-line);overflow:hidden}
.ar-inline>*{position:relative;z-index:1}
.ar-inline b{display:block;font:600 18px var(--head);letter-spacing:-.02em;color:#fff}
.ar-inline span{display:block;font-size:14px;line-height:1.5;color:rgba(220,230,245,.75);margin-top:3px}
.read-bar{position:fixed;left:0;top:0;height:3px;width:100%;transform-origin:left;transform:scaleX(0);background:var(--accent);z-index:60}

/* resource cards */
.rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rc{display:flex;flex-direction:column;gap:12px;border-radius:18px;background:var(--card);text-decoration:none;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);overflow:hidden;transition:box-shadow .25s,transform .25s}
.rc:hover{box-shadow:inset 0 0 0 1px var(--accent-line),var(--shadow-lg);transform:translateY(-2px)}
.rc-art{position:relative;height:170px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:16px;overflow:hidden;background-color:var(--con);background-image:radial-gradient(70% 90% at 100% 0%,rgba(106,174,245,.45),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px);background-size:auto,14px 14px}
.rc-art.b{background-color:#3A2A1E;background-image:radial-gradient(70% 90% at 100% 0%,rgba(234,223,215,.42),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px)}
.rc-art.c{background-color:#1F2C4A;background-image:radial-gradient(70% 90% at 0% 0%,rgba(148,190,235,.5),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px)}
.rc-art .rc-ics{display:flex;gap:6px}
.rc-art .rc-ics img{width:30px;height:30px;border-radius:9px;background:#fff;padding:3px;box-shadow:0 6px 14px rgba(0,0,0,.3)}
.rc-art em{font-style:normal;font:600 18px var(--head);letter-spacing:-.02em;color:#fff;max-width:18ch;line-height:1.25}
.rc-in{display:flex;flex-direction:column;gap:8px;padding:0 20px 20px;flex:1}
.rc-in .cc-tags{margin-top:2px}
.rc h3{font-size:19px;line-height:1.35;letter-spacing:-.02em}
.rc p{font-size:14.5px;line-height:1.55;color:var(--muted)}
.rc-meta{margin-top:auto;font-size:13px;color:var(--muted);display:flex;gap:12px}
.rc.feat{grid-column:span 3;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.rc.feat .rc-art{height:auto;min-height:280px}
.rc.feat .rc-art em{font-size:26px;max-width:16ch}
.rc.feat .rc-in{padding:28px;justify-content:center}
.rc.feat h3{font-size:clamp(24px,2.4vw,30px)}

/* ---------- forms ---------- */
.cf{display:flex;flex-direction:column;gap:14px;padding:clamp(20px,2.6vw,30px);border-radius:22px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg)}
.cf .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fld{display:flex;flex-direction:column;gap:6px}
.fld label{font-size:13.5px;font-weight:600;color:var(--ink)}
.fld label small{font-weight:400;color:var(--muted)}
.fld input,.fld textarea,.fld select{font:400 15.5px var(--sans);letter-spacing:-.01em;color:var(--ink);background:var(--surface);border:0;border-radius:10px;padding:12px 14px;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s,background-color .2s;width:100%;box-sizing:border-box}
.fld textarea{min-height:96px;resize:vertical;line-height:1.5}
.fld input:hover,.fld textarea:hover,.fld select:hover{background:var(--card)}
.fld input:focus,.fld textarea:focus,.fld select:focus{outline:none;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--accent-text),0 0 0 4px var(--accent-soft)}
.fld input[aria-invalid="true"]{box-shadow:inset 0 0 0 1.5px #DC2626}
.cf .btn{align-self:flex-start}
.cf-msg{font-size:13.5px;color:var(--muted)}
.cf-msg.err{color:#DC2626}
.cf-done{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.cf-done h3{font-size:22px}
.cf-done p{font-size:15.5px;line-height:1.6;color:var(--body)}
.opt{display:flex;flex-wrap:wrap;gap:8px}
.opt label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--body);padding:8px 12px;border-radius:10px;cursor:pointer;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s,background-color .2s}
.opt input{accent-color:var(--accent-text);width:16px;height:16px;margin:0}
.opt label:has(input:checked){background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent-text);color:var(--ink)}

/* calendar day picker */
.cpk{display:flex;flex-direction:column;gap:14px;padding:clamp(18px,2.4vw,26px);border-radius:22px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.cpk-h{display:flex;align-items:center;gap:12px}
.cpk-h img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.cpk-h b{display:block;font:600 16px var(--head);color:var(--ink)}
.cpk-h small{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.cpk-h small svg.i{width:14px;height:14px;vertical-align:-2px;margin-right:3px}
.cpk-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.cpk-days a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:12px;text-decoration:none;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s,background-color .2s,transform .2s}
.cpk-days a:hover{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent-text);transform:translateY(-1px)}
.cpk-days small{font-size:12px;font-weight:600;color:var(--muted)}
.cpk-days b{font:600 20px var(--head);color:var(--ink);letter-spacing:-.02em}
.cpk-days span{font-size:11.5px;color:var(--muted)}
.cpk-note{font-size:13px;color:var(--muted)}

/* ---------- plans ---------- */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.plan{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px;border-radius:20px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.plan .tag{font-size:13px;font-weight:600;color:var(--accent-text)}
.plan h3{font-size:26px;letter-spacing:-.03em}
.plan .pr{font-size:14.5px;color:var(--muted);padding-bottom:14px;border-bottom:1px solid var(--line-2)}
.plan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.plan li{position:relative;padding-left:26px;font-size:15px;color:var(--body);line-height:1.45}
.plan li::before{content:"";position:absolute;left:0;top:.18em;width:17px;height:17px;border-radius:50%;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.plan li::after{content:"";position:absolute;left:5.5px;top:calc(.18em + 5.5px);width:6px;height:3.5px;border-left:1.8px solid var(--accent-text);border-bottom:1.8px solid var(--accent-text);transform:rotate(-45deg)}
.plan .btn{margin-top:auto;align-self:stretch}
.plan.hi{background-color:var(--con);box-shadow:inset 0 0 0 1px var(--con-line),0 30px 60px -34px rgba(11,19,36,.6);background-image:radial-gradient(70% 50% at 100% 0%,rgba(106,174,245,.3),transparent 70%)}
.plan.hi h3,.plan.hi li{color:#fff}.plan.hi .tag{color:#94BEEB}.plan.hi .pr{color:rgba(220,230,245,.7);border-color:var(--con-line)}
.plan.hi li::before{background:rgba(106,174,245,.18);box-shadow:inset 0 0 0 1px rgba(148,190,235,.4)}
.plan.hi li::after{border-color:#9BC9FA}
.plan-note{font-size:14px;color:var(--muted)}

/* ---------- signals grid ---------- */
.sgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sgc{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.sgc-h{display:flex;align-items:center;gap:10px}
.sgc-h .ics{display:flex;gap:3px}
.sgc-h img{width:22px;height:22px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.sgc h3{font-size:17px;letter-spacing:-.015em}
.sgc p{font-size:14.5px;line-height:1.55;color:var(--muted)}
.sgc .ex{margin-top:auto;font-size:13px;line-height:1.45;color:var(--ink);padding:9px 11px;border-radius:10px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2)}
.sgc .ex b{color:var(--accent-text);font-weight:600}
.wchips{display:flex;flex-wrap:wrap;gap:8px}
.wchips span{font-size:14px;font-weight:500;color:var(--ink);padding:8px 13px;border-radius:999px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}

/* proof band used on industry and service pages */
.pband{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center;padding:clamp(22px,3vw,36px);border-radius:24px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.pband h3{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.03em;line-height:1.25}
.pband p{font-size:16px;line-height:1.65;color:var(--muted)}
.pband .copy{display:flex;flex-direction:column;gap:14px}
.pband .stats{box-shadow:inset 0 0 0 1px var(--line)}

/* ---------- team ---------- */
.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tmem{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.tmem .av-i{width:48px;height:48px;font-size:16px;border-radius:14px}
.tmem b{display:block;font:600 16px var(--head);color:var(--ink);letter-spacing:-.015em}
.tmem small{display:block;font-size:13.5px;color:var(--muted);line-height:1.45}
.fnd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fnd .tmem{flex-direction:row;align-items:flex-start;gap:16px;padding:22px}
.fnd .av-i{width:64px;height:64px;font-size:20px;border-radius:18px}
.fnd p{font-size:15px;line-height:1.6;color:var(--muted);margin-top:8px}
.org{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.org div{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.org div:not(:last-child)::after{content:"";position:absolute;right:-9px;top:50%;width:8px;height:1.5px;background:var(--faint)}
.org b{font:600 15px var(--head);color:var(--ink)}
.org small{font-size:13px;line-height:1.45;color:var(--muted)}
.org .ics{display:flex;gap:3px;margin-top:auto}
.org .ics img{width:18px;height:18px;border-radius:5px;background:#fff;box-shadow:0 0 0 1px var(--line)}

/* ---------- plan page: document preview ---------- */
.doc{border-radius:20px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),0 30px 70px -36px rgba(11,13,18,.3);overflow:hidden}
.doc-bar{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--line-2);background:var(--surface);font-size:13px;color:var(--muted)}
.doc-bar img{width:18px;height:18px;border-radius:5px;background:#fff}
.doc-in{padding:clamp(18px,2.4vw,28px);display:flex;flex-direction:column;gap:14px}
.doc-in h3{font-size:22px;letter-spacing:-.03em}
.doc-in .dsub{font-size:13.5px;color:var(--muted)}
.doc-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
.doc-toc span{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink);padding:6px 0;border-bottom:1px dashed var(--line)}
.doc-toc span i{font-style:normal;font-size:11.5px;font-weight:600;color:var(--accent-text);width:20px}
.blur{filter:blur(3.2px);user-select:none;pointer-events:none}

/* ---------- 404 and legal ---------- */
.nf{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding-block:clamp(40px,8vw,90px)}
.nf .code{font:700 clamp(80px,14vw,160px)/1 var(--head);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px var(--line);background:radial-gradient(var(--dot) 1px,transparent 1.3px) 0 0/10px 10px;-webkit-background-clip:text;background-clip:text}
.legal-doc{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.legal-doc .ar-body{max-width:760px}
.legal-doc .ar-body p,.legal-doc .ar-body li{font-size:16px;line-height:1.75}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .ar{grid-template-columns:200px minmax(0,1fr)}
  .ar-side{display:none}
}
@media (max-width:1080px){
  .mm{display:none}
  .ft{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ft-brand{grid-column:1/-1;max-width:none}
  .ft-plan{max-width:420px}
  .org{grid-template-columns:repeat(3,minmax(0,1fr))}
  .org div::after{display:none}
  .team{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:960px){
  .ph{grid-template-columns:minmax(0,1fr)}
  .fgrid,.cc-grid,.rgrid,.sgrid,.plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fgrid.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stp{grid-template-columns:minmax(0,1fr)}
  .stp-view{display:none}
  .stp-list{padding-left:30px}
  .stp-s{min-height:0;opacity:1;padding-bottom:36px}
  .stp-s .m-vis{display:block;margin-top:16px;border-radius:18px;padding:14px;background-color:var(--surface);background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:16px 16px;box-shadow:inset 0 0 0 1px var(--line)}
  .cs{grid-template-columns:minmax(0,1fr)}
  .cs-aside{position:static;order:-1}
  .ar{grid-template-columns:minmax(0,1fr)}
  .toc{display:none}
  .pband{grid-template-columns:minmax(0,1fr)}
  .rc.feat{grid-column:span 2;grid-template-columns:minmax(0,1fr)}
  .rc.feat .rc-art{min-height:200px}
  .legal-doc{grid-template-columns:minmax(0,1fr)}
  .legal-doc .toc{display:none}
  .w3{overflow-x:auto}
  .w3-g{min-width:760px}
}
@media (max-width:760px){
  .fgrid,.fgrid.g2,.fgrid.g4,.cc-grid,.cc-grid.g2,.rgrid,.sgrid,.plans,.team,.fnd,.row2{grid-template-columns:minmax(0,1fr)}
  .ft{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats{grid-template-columns:minmax(0,1fr)}
  .stats>div{border-right:0;border-bottom:1px solid var(--line-2)}
  .stats>div:last-child{border-bottom:0}
  .cf .row{grid-template-columns:minmax(0,1fr)}
  .rc.feat{grid-column:auto}
  .org{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cpk-days{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .cpk-days b{font-size:17px}
  .ar-inline{grid-template-columns:minmax(0,1fr)}
  .ph h1{font-size:clamp(32px,9vw,44px)}
  .tbl .hm{display:none}
}
@media (prefers-reduced-motion:reduce){
  .live .st,.live.in .st{opacity:1;animation:none}
  .stp-p,.stp-s,.mm{transition:none;animation:none}
}
#how{overflow-x:clip}

/* ---------- sequence rail (day by day) ---------- */
.seq{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.seq::before{content:"";position:absolute;left:24px;right:24px;top:17px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent-text),var(--accent-line) 70%,var(--line))}
.seq-s{position:relative;display:flex;flex-direction:column;gap:8px}
.seq-s .d{position:relative;align-self:flex-start;font-size:12.5px;font-weight:600;color:var(--accent-text);background:var(--bg);padding:8px 12px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--accent-line);margin-bottom:6px;white-space:nowrap}
.seq-s:first-child .d{background:var(--accent-text);color:#fff;box-shadow:none}
.seq-s b{font:600 17px var(--head);letter-spacing:-.02em;color:var(--ink);line-height:1.3}
.seq-s p{font-size:14.5px;line-height:1.55;color:var(--muted)}
.seq-s .seq-ic{margin-top:4px}
.seq-s .seq-ic img{width:24px;height:24px;border-radius:7px;background:#fff;box-shadow:0 0 0 1px var(--line)}
@media (max-width:960px){
  .seq{grid-template-columns:minmax(0,1fr);gap:18px;padding-left:4px}
  .seq::before{left:20px;right:auto;top:18px;bottom:18px;width:2px;height:auto;background:linear-gradient(180deg,var(--accent-text),var(--line))}
  .seq-s{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:start}
  .seq-s .d{grid-row:span 3;min-width:34px;text-align:center}
  .seq-s .seq-ic{display:none}
}

/* ---------- system flow mock: sources, a hub, destinations ---------- */
.fl{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}
.fl-col{position:relative;display:flex;flex-direction:column;gap:10px}
.fl-n{position:relative;display:flex;flex-direction:column;gap:3px;padding:11px 12px;border-radius:13px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.fl-ic{display:flex;gap:3px;margin-bottom:4px}
.fl-ic img{width:20px;height:20px;border-radius:5px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.fl-n b{font:600 13.5px var(--head);letter-spacing:-.01em;line-height:1.25;color:var(--ink)}
.fl-n small{font-size:11.5px;line-height:1.35;color:var(--muted)}
.fl-n.hub{align-items:center;text-align:center;padding:20px 14px;color:#fff;background-color:var(--con);background-image:radial-gradient(80% 70% at 50% 0%,rgba(106,174,245,.4),transparent 70%);box-shadow:inset 0 0 0 1px var(--con-line),0 0 0 6px var(--accent-soft),0 24px 50px -24px rgba(11,19,36,.6)}
.fl-n.hub b{color:#fff;font-size:15px}
.fl-n.hub small{color:rgba(220,230,245,.75)}
.fl-n.hub .fl-ic img{width:26px;height:26px;border-radius:7px}
.fl-col:first-child .fl-n::after,.fl-col:last-child .fl-n::before,.fl-n.hub::before,.fl-n.hub::after{content:"";position:absolute;top:50%;width:14px;height:2px;margin-top:-1px;background:repeating-linear-gradient(90deg,var(--accent-text) 0 4px,transparent 4px 7px);background-size:14px 2px}
.fl-col:first-child .fl-n::after{left:100%}
.fl-col:last-child .fl-n::before{right:100%}
.fl-n.hub::before{right:100%}
.fl-n.hub::after{left:100%}
.fl-col:first-child::after,.fl-col:last-child::before{content:"";position:absolute;top:30px;bottom:30px;width:2px;background:var(--accent-line);border-radius:2px}
.fl-col:first-child::after{right:-15px}
.fl-col:last-child::before{left:-15px}
.live.in .fl-n::after,.live.in .fl-n::before{animation:flx .9s linear infinite}
@keyframes flx{to{background-position:14px 0}}
@media (max-width:560px){
  .fl{grid-template-columns:minmax(0,1fr);gap:14px}
  .fl-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .fl-col::before,.fl-col::after,.fl-n::before,.fl-n::after{display:none!important}
  .fl-n{padding:9px}
  .fl-n small{display:none}
  .fl-n b{font-size:12.5px}
  .fl-mid{position:relative}
  .fl-mid::before,.fl-mid::after{content:"";position:absolute;left:50%;width:2px;height:14px;background:var(--accent-line)}
  .fl-mid::before{bottom:100%}.fl-mid::after{top:100%}
}

/* timeline animations reused inside live mocks */
.live.in .t-deal.hot{animation:slideIn .8s cubic-bezier(.2,.8,.2,1) .25s both}
.live.in .lp-bars i{animation:grow .9s cubic-bezier(.2,.8,.2,1) both;transform-origin:bottom}
.live.in .lp-bars i:nth-child(2){animation-delay:.1s}
.live.in .lp-bars i:nth-child(3){animation-delay:.2s}
.live.in .lp-bars i:nth-child(4){animation-delay:.3s}
.pband .note{font-size:13px;color:var(--muted)}
.t-kv .st{opacity:0}
@media (prefers-reduced-motion:reduce){
  .live.in .t-deal.hot,.live.in .lp-bars i,.live.in .fl-n::after,.live.in .fl-n::before{animation:none}
}
@media (max-width:960px){main.pg{overflow-x:clip}}

/* ---------- fixes and small additions ---------- */
figure.tq{margin:0}
.outc b{letter-spacing:0;font-size:12.5px}
.fgrid.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
.fgrid.g5 .fc{padding:18px}
.fgrid.g5 .fc h3{font-size:16px}
.fgrid.g5 .fc p{font-size:14px}
@media (max-width:1180px){.fgrid.g5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:960px){.fgrid.g5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.fgrid.g5{grid-template-columns:minmax(0,1fr)}}

/* ---------- case studies ---------- */
.cfeat{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);padding:clamp(22px,3vw,36px);border-radius:24px;background:var(--card);text-decoration:none;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);transition:box-shadow .25s}
.cfeat:hover{box-shadow:inset 0 0 0 1px var(--accent-line),var(--shadow-lg)}
.cfeat-l{display:flex;flex-direction:column;gap:16px}
.cfeat h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.035em;line-height:1.15}
.cfeat p{font-size:16px;line-height:1.6;color:var(--muted)}
.cfeat .stats{margin-top:auto}
.cfeat-r{display:flex;flex-direction:column;gap:14px;justify-content:center;padding:clamp(16px,2vw,24px);border-radius:18px;background-color:var(--surface);background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:16px 16px;box-shadow:inset 0 0 0 1px var(--line-2)}
.cfeat-r .lab{font-size:13px;font-weight:600;color:var(--muted)}
.cfeat-r .tq{box-shadow:inset 0 0 0 1px var(--line)}
.cfeat .more{font-weight:600;font-size:15px;color:var(--ink);display:inline-flex;align-items:center;gap:6px}
.cfeat .more svg.i{width:16px;height:16px;transition:transform .2s}
.cfeat:hover .more svg.i{transform:translateX(3px)}
.flt-wrap{display:flex;flex-direction:column;gap:22px}
.flt-empty{padding:28px;border-radius:18px;text-align:center;color:var(--muted);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.qgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.qgrid .tq blockquote{font-size:17px}
.cs-res{position:relative;display:flex;flex-direction:column;gap:18px;padding:clamp(20px,2.6vw,30px);border-radius:22px;color:#fff;background-color:var(--con);background-image:radial-gradient(70% 80% at 100% 0%,rgba(106,174,245,.32),transparent 70%),radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.3px);background-size:auto,16px 16px;box-shadow:inset 0 0 0 1px var(--con-line);overflow:hidden}
.cs-res>*{position:relative;z-index:1}
.cs-res p{font:500 clamp(18px,1.8vw,22px)/1.5 var(--head);letter-spacing:-.02em;color:#fff}
.cs-res .stats{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--con-line)}
.cs-res .stats>div{border-color:var(--con-line)}
.cs-res .stats b{color:#fff}
.cs-res .stats small{color:rgba(220,230,245,.72)}
.mbars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;height:230px;padding:20px 20px 0;border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.mbars div{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}
.mbars i{display:block;width:100%;max-width:120px;height:var(--h);border-radius:12px 12px 0 0;background:linear-gradient(180deg,var(--accent),var(--gi-navy-2));transform-origin:bottom}
.live.in .mbars i{animation:grow 1s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k,0) * 160ms)}
.mbars b{font:600 22px var(--head);letter-spacing:-.03em;color:var(--ink)}
.mbars small{font-size:13px;color:var(--muted);padding-bottom:12px}
.tk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:tk}
.tk li{position:relative;padding:16px 18px 16px 58px;border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:16px;line-height:1.55;color:var(--ink)}
.tk li::before{counter-increment:tk;content:counter(tk);position:absolute;left:16px;top:14px;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;font:600 13px var(--head);color:var(--accent-text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.svc-used{display:flex;flex-wrap:wrap;gap:10px}
.svc-used a{display:inline-flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:14px;background:var(--card);text-decoration:none;font-weight:600;font-size:15px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);transition:box-shadow .2s,transform .2s}
.svc-used a:hover{box-shadow:inset 0 0 0 1px var(--accent-line),var(--shadow-lg);transform:translateY(-1px)}
.svc-used img{width:22px;height:22px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.svc-used svg.i{width:15px;height:15px;color:var(--muted)}
@media (max-width:960px){
  .cfeat{grid-template-columns:minmax(0,1fr)}
  .qgrid{grid-template-columns:minmax(0,1fr)}
}
.ft-contact a{overflow-wrap:anywhere}
@media (max-width:760px){.ft>div:nth-child(5){grid-column:1/-1}}
.qgrid.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ba{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:10px}
.ba>div{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--con-line)}
.ba small{font-size:12.5px;font-weight:600;color:#94BEEB}
.ba-b{background:rgba(255,255,255,.03)}
.ba-b span{font-size:15px;line-height:1.55;color:rgba(220,230,245,.72)}
.ba-a{background:rgba(106,174,245,.1)}
.ba-a ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ba-a li{font-size:14.5px;line-height:1.45;color:rgba(230,238,250,.85)}
.ba-a li b{font:600 18px var(--head);letter-spacing:-.02em;color:#fff;margin-right:4px}
@media (max-width:760px){.ba,.qgrid.g2{grid-template-columns:minmax(0,1fr)}}

/* ---------- industries ---------- */
.who-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.who-wrap>div{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.who-wrap .lab{font-size:13px;font-weight:600;color:var(--muted)}
.wchips.soft span{background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:var(--body)}
.fc .msg{margin-top:auto;font-size:13.5px;line-height:1.55;color:var(--ink);padding:12px 14px;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);font-style:italic}
.fc .msg::before{content:"Sample line";display:block;font-style:normal;font-size:11.5px;font-weight:600;color:var(--accent-text);margin-bottom:4px}
.igrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.icard{grid-column:span 2;display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:20px;background:var(--card);text-decoration:none;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);transition:box-shadow .25s,transform .25s}
.icard:nth-child(-n+2){grid-column:span 3}
.icard:hover{box-shadow:inset 0 0 0 1px var(--accent-line),var(--shadow-lg);transform:translateY(-2px)}
.ic-k{align-self:flex-start;display:grid;place-items:center;min-width:48px;height:40px;padding:0 10px;border-radius:11px;font:700 13px var(--head);color:var(--accent-text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.icard h3{font-size:22px;letter-spacing:-.03em}
.icard p{font-size:15px;line-height:1.6;color:var(--muted)}
.ic-ft{margin-top:auto;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:2px 10px;padding-top:14px;border-top:1px solid var(--line-2)}
.ic-ft b{font:600 26px var(--head);letter-spacing:-.04em;color:var(--ink)}
.ic-ft small{font-size:13px;color:var(--muted)}
.ic-ft .more{grid-column:1/-1;margin-top:8px;font-weight:600;font-size:14.5px;color:var(--ink);display:inline-flex;align-items:center;gap:6px}
.ic-ft .more svg.i{width:16px;height:16px;transition:transform .2s}
.icard:hover .more svg.i{transform:translateX(3px)}
@media (max-width:960px){.igrid{grid-template-columns:repeat(2,minmax(0,1fr))}.icard,.icard:nth-child(-n+2){grid-column:auto}.who-wrap{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.igrid{grid-template-columns:minmax(0,1fr)}}

/* ---------- company pages ---------- */
.ph-btns{display:flex;flex-wrap:wrap;gap:10px}
.sc-l{display:flex;flex-direction:column;gap:1px;min-width:0}
.sc-l b{font-weight:600;font-size:13.5px;color:var(--ink);line-height:1.3}
.sc-l small{font-size:12px;color:var(--muted);line-height:1.35}
.vc .sig img{width:26px;height:26px;border-radius:7px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.row2.pv{align-items:start;gap:14px}
.row2.pv>.live{border-radius:22px;padding:clamp(14px,2vw,22px);background-color:var(--surface);background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:16px 16px;box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:12px}
fieldset.fld{border:0;margin:0;padding:0;min-width:0}
fieldset.fld legend{font-size:13.5px;font-weight:600;color:var(--ink);padding:0;margin-bottom:8px}
.getp{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:start;scroll-margin-top:calc(var(--top) + 20px)}
.getp-l{display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--top) + 24px)}
.getp-l h2{font-size:clamp(30px,3.4vw,44px)}
.getp-note{font-size:14px;line-height:1.55;color:var(--muted);padding:12px 14px;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.cf{scroll-margin-top:calc(var(--top) + 20px)}
.ct{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:start}
.ct-l{display:flex;flex-direction:column;gap:18px}
.ct-l h1{font-size:clamp(36px,4.6vw,58px)}
.ct-l .sub{font-size:clamp(17px,1.5vw,19px);line-height:1.6;color:var(--muted);max-width:52ch}
.ct-r{display:flex;flex-direction:column;gap:14px;position:sticky;top:calc(var(--top) + 24px)}
.cpk .prose-sm{margin:0}
.cpk .btn{align-self:flex-start}
.oncall{padding:clamp(18px,2.4vw,26px);border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.oncall h3{font-size:18px;margin-bottom:12px}
.oncall ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;counter-reset:oc}
.oncall li{position:relative;padding-left:38px;font-size:15px;line-height:1.55;color:var(--muted)}
.oncall li b{color:var(--ink);font-weight:600}
.oncall li::before{counter-increment:oc;content:counter(oc);position:absolute;left:0;top:0;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;font:600 12.5px var(--head);color:var(--accent-text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.oncall .note{margin-top:12px;font-size:14px;font-weight:600;color:var(--ink)}
.ctc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ctc-i{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.ctc-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line);color:var(--accent-text);margin-bottom:6px}
.ctc-ic svg.i{width:19px;height:19px}
.ctc-i small{font-size:12.5px;font-weight:600;color:var(--muted)}
.ctc-i b{font:600 16px var(--head);letter-spacing:-.015em;color:var(--ink);overflow-wrap:anywhere}
.ctc-i b a{color:inherit;text-decoration:none}
.ctc-i b a:hover{text-decoration:underline;text-underline-offset:3px}
.ctc-i p{font-size:14px;line-height:1.5;color:var(--muted)}
.why{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:start}
.why h2{font-size:clamp(30px,3.6vw,46px);margin-top:8px}
.tmem>div{min-width:0}
.fnd .tmem small{margin-top:2px}
.draft-note mark,.ar-body mark{background:#FFF7E6;color:#8A5A00;border-radius:5px;padding:1px 5px;box-shadow:inset 0 0 0 1px #FBE3B3;font-size:.88em;font-weight:600}
:root[data-githeme="dark"] .ar-body mark{background:rgba(251,191,36,.1);color:#FCD34D;box-shadow:inset 0 0 0 1px rgba(251,191,36,.3)}
@media (prefers-color-scheme:dark){:root:not([data-githeme="light"]) .ar-body mark{background:rgba(251,191,36,.1);color:#FCD34D;box-shadow:inset 0 0 0 1px rgba(251,191,36,.3)}}
.tbl-x{overflow-x:auto;margin:0 0 24px}
.tbl-x .ar-tbl{margin:0;min-width:620px;font-size:14px}
.nf h1{font-size:clamp(30px,4vw,46px)}
.nf .sub{font-size:18px;color:var(--muted)}
.nf .ph-btns{justify-content:center}
.nf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:10px;font-size:14.5px}
.nf-links a{color:var(--muted);text-decoration:none}
.nf-links a:hover{color:var(--ink)}
@media (max-width:1080px){.ctc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){
  .getp,.ct,.why{grid-template-columns:minmax(0,1fr)}
  .getp-l,.ct-r{position:static}
  .row2.pv{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){.ctc{grid-template-columns:minmax(0,1fr)}}
.team{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1180px){.team{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1080px){.team{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.team{grid-template-columns:minmax(0,1fr)}}

/* ---------- articles: extras ---------- */
.ar-h .sub{font-size:clamp(17px,1.5vw,19px);line-height:1.6;color:var(--muted);max-width:62ch}
.ar-meta .by .av-i{width:30px;height:30px;font-size:11.5px}
.ar-mail .hd{flex-wrap:wrap;align-items:center;gap:6px 14px}
.ar-mail .mail-lab{margin-left:auto;font-size:12px;font-weight:600;color:var(--accent-text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line);border-radius:7px;padding:2px 8px}
.ar-note-i{font-size:.86em;color:var(--muted)}
.ar-body .rules{list-style:none;padding:0;counter-reset:rl;gap:12px}
.ar-body .rules li{position:relative;padding:14px 16px 14px 54px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:16.5px;line-height:1.65}
.ar-body .rules li::before{counter-increment:rl;content:counter(rl);position:absolute;left:14px;top:14px;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;font:600 13px var(--head);color:var(--accent-text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
a.ar-inline{text-decoration:none}
.ar-inline .btn{white-space:nowrap}
.ar-body .tbl-x{margin:6px 0 24px}
.ar-body .tbl-x .ar-tbl{margin:0}
.rc .rc-art em{position:relative;z-index:1}

/* =====================================================================
   One dark surface everywhere: the navy, top glow and dot grid of the
   "See what outbound could look like" band. Every dark box uses it.
   ===================================================================== */
:root,html:root[data-githeme]{--con:#0A1640;--dk-img:radial-gradient(60% 50% at 50% 0%,rgba(106,174,245,.28),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px);--dk-size:auto,18px 18px}
.band,.zt,.ft-plan,.mm-side:not(.mm-proof),.fc.dk,.plan.hi,.cs-res,.aside-cta,.ar-inline,.tq.dk,.rc-art,.rc-art.b,.rc-art.c,.fl-n.hub,.dk-box{background-color:var(--con);background-image:var(--dk-img);background-size:var(--dk-size)}
.zt-icons img{box-shadow:0 0 0 2px var(--con),0 6px 14px rgba(0,0,0,.35)}

/* mega menu promo card: always light text on the navy card */
.mm-side:not(.mm-proof) b{color:#fff}
.mm-side:not(.mm-proof) small{color:#94BEEB}
.mm-side:not(.mm-proof) span{color:rgba(220,230,245,.78)}
.mm-side:not(.mm-proof) em{color:#9BC9FA}
.mm-proof b{color:var(--ink)}
/* the header's ".nav a" rule must not reach into the mega menu */
.nav .mm a{font-size:inherit;font-weight:inherit;border-radius:12px}
.nav .mm .mm-a{padding:12px;color:var(--ink)}
.nav .mm .mm-a:hover,.nav .mm .mm-a:focus-visible{background:var(--surface);color:var(--ink)}
.nav .mm .mm-side{padding:20px;border-radius:14px;color:#fff}
.nav .mm .mm-side:not(.mm-proof),.nav .mm .mm-side:not(.mm-proof):hover{background-color:var(--con);background-image:var(--dk-img);background-size:var(--dk-size)}
.nav .mm .mm-proof,.nav .mm .mm-proof:hover{color:var(--ink);background-color:var(--surface)}
.nav .mm .mm-foot a{padding:0;border-radius:0}
.nav .mm .mm-foot a:hover{background:none}

/* ---------- industry marks ---------- */
.imark{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(140deg,var(--im-a),var(--im-b));box-shadow:inset 0 0 0 1px var(--im-l),0 6px 14px -8px var(--im-s)}
.imark svg{width:22px;height:22px;fill:none;stroke:var(--im-c);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.imark.lg{width:56px;height:56px;border-radius:15px}
.imark.lg svg{width:28px;height:28px}
.im-dp{--im-a:#EEF5FD;--im-b:#CFE2F8;--im-c:#2A72D4;--im-l:rgba(42,114,212,.18);--im-s:rgba(42,114,212,.5)}
.im-erp{--im-a:#FBF6F2;--im-b:#EADFD7;--im-c:#8A5A3E;--im-l:rgba(148,99,73,.2);--im-s:rgba(148,99,73,.5)}
.im-ld{--im-a:#F2F4F9;--im-b:#D3DAE8;--im-c:#3A4F7A;--im-l:rgba(58,79,122,.2);--im-s:rgba(58,79,122,.5)}
.im-saas{--im-a:#EAF4FF;--im-b:#BCD8F7;--im-c:#1F5FB8;--im-l:rgba(31,95,184,.2);--im-s:rgba(31,95,184,.5)}
.im-it{--im-a:#F3F4F7;--im-b:#DCE1EA;--im-c:#36435C;--im-l:rgba(54,67,92,.2);--im-s:rgba(54,67,92,.45)}
:root[data-githeme="dark"] .imark{--im-a:rgba(255,255,255,.06);--im-b:rgba(255,255,255,.02);--im-l:rgba(255,255,255,.12);--im-s:transparent}
:root[data-githeme="dark"] .im-dp{--im-c:#8FC0F7}:root[data-githeme="dark"] .im-erp{--im-c:#E2C2AA}:root[data-githeme="dark"] .im-ld{--im-c:#B8C6E6}:root[data-githeme="dark"] .im-saas{--im-c:#9BC9FA}:root[data-githeme="dark"] .im-it{--im-c:#C9D1E0}
.mm-a .imark{width:40px;height:40px;border-radius:11px}
.mm-a .imark svg{width:20px;height:20px}

/* ---------- What we do menu ---------- */
.mm-grid.mm-g1{grid-template-columns:repeat(3,minmax(0,1fr))}
.nav .mm .mm-big{flex-direction:column;gap:10px;padding:14px}
.mm-big b{font-size:16px}
.mm-sub{border-top:1px solid var(--line-2);margin-top:2px;padding:12px 12px 2px;display:flex;flex-direction:column;gap:8px}
.mm-lab{font-size:12px;font-weight:600;color:var(--muted)}
.mm-engs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 10px}
.nav .mm .mm-eng{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:9px;font-size:13.5px;font-weight:500;color:var(--body);text-decoration:none}
.nav .mm .mm-eng:hover{background:var(--surface);color:var(--ink)}
.mm-eng .mm-ic{width:auto;height:auto;background:none;box-shadow:none;gap:2px}
.mm-eng .mm-ic img{width:16px;height:16px;border-radius:4px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.im-eng{--im-a:#EAF4FF;--im-b:#B9D6F6;--im-c:#1F5FB8;--im-l:rgba(31,95,184,.2);--im-s:rgba(31,95,184,.5)}
.im-abm{--im-a:#FBF6F2;--im-b:#E8D3C4;--im-c:#8A5A3E;--im-l:rgba(148,99,73,.22);--im-s:rgba(148,99,73,.5)}
.im-acad{--im-a:#F2F4F9;--im-b:#CDD6E8;--im-c:#2F4268;--im-l:rgba(58,79,122,.22);--im-s:rgba(58,79,122,.5)}
:root[data-githeme="dark"] .im-eng{--im-c:#9BC9FA}:root[data-githeme="dark"] .im-abm{--im-c:#E2C2AA}:root[data-githeme="dark"] .im-acad{--im-c:#B8C6E6}
.ft li.ft-sub a{color:var(--muted);font-size:13.5px}

/* =====================================================================
   What we do: overview, Outbound Engine, ABM, GTM Academy
   ===================================================================== */
.ph-copy>.imark.lg{margin-bottom:-4px}
.plainw{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:6px 40px;align-items:start;padding:clamp(22px,3vw,34px);border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.plainw-k{grid-column:1;font-size:13px;font-weight:600;color:var(--accent-text)}
.plainw b{grid-column:1;font:600 clamp(22px,2.4vw,28px)/1.25 var(--head);letter-spacing:-.03em;color:var(--ink)}
.plainw p{grid-column:2;grid-row:1/span 2;font-size:17px;line-height:1.7;color:var(--body)}
.ofrs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ofr{display:flex;flex-direction:column;gap:14px;padding:26px;border-radius:22px;background:var(--card);text-decoration:none;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);transition:box-shadow .25s,transform .25s}
.ofr:hover{box-shadow:inset 0 0 0 1px var(--accent-line),var(--shadow-lg);transform:translateY(-3px)}
.ofr-top{display:flex;align-items:center;gap:12px}
.ofr h3{font-size:clamp(22px,2.2vw,27px);letter-spacing:-.03em;line-height:1.2}
.ofr-who{font-size:15px;line-height:1.55;color:var(--muted)}
.ofr-vis{border-radius:14px;padding:14px;background-color:var(--surface);background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:14px 14px;box-shadow:inset 0 0 0 1px var(--line-2);min-height:126px}
.ofr-vis .live{display:flex;flex-direction:column;gap:8px;justify-content:center;height:100%}
.ofr .more{margin-top:auto;font-weight:600;font-size:15px;color:var(--ink);display:inline-flex;align-items:center;gap:6px}
.ofr .more svg.i{width:16px;height:16px;transition:transform .2s}.ofr:hover .more svg.i{transform:translateX(3px)}
a.fc.ofc{gap:12px}
a.fc.pick h3{font-size:19px}
.pick-go{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;color:var(--ink)}
.pick-go .imark{width:32px;height:32px;border-radius:9px}.pick-go .imark svg{width:17px;height:17px}
.pick-go svg.i{width:16px;height:16px}
.gls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gl{padding:20px;border-radius:18px;border-top:3px solid var(--accent);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2)}
.gl b{font:600 20px var(--head);letter-spacing:-.02em;color:var(--ink)}
.gl p{font-size:14.5px;line-height:1.6;color:var(--muted);margin-top:8px}
.fit{display:flex;align-items:stretch;gap:0;flex-wrap:wrap}
.fit-n{flex:1 1 200px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:20px;border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.fit-n b{font:600 17px var(--head);color:var(--ink)}.fit-n small{font-size:14px;color:var(--muted);line-height:1.5}
.fit>i{flex:0 0 34px;align-self:center;height:2px;background:repeating-linear-gradient(90deg,var(--accent-text) 0 5px,transparent 5px 9px);position:relative}
.fit>i::after{content:"";position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-right:2px solid var(--accent-text);border-top:2px solid var(--accent-text);transform:rotate(45deg)}
.vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vs-c{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:clamp(22px,2.6vw,30px);border-radius:22px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.vs-c h3{font-size:clamp(21px,2vw,25px);letter-spacing:-.03em;line-height:1.25;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.vs-c p{font-size:15.5px;line-height:1.6;color:var(--muted)}
.vs-k{font-size:13px;font-weight:600;color:var(--accent-text)}
.vs-c.hi{box-shadow:inset 0 0 0 1.5px var(--accent-line),var(--shadow-lg)}
.vs-c .lf{margin:4px 0 0;width:100%}
.vs-c .lf-msg{text-align:left}
.tierc-k{font:700 30px var(--head);letter-spacing:-.04em;color:var(--accent-text)}
.fc.tierc .sg-chip{align-self:flex-start}
/* engine parts */
.subnav.toc{position:sticky;top:calc(var(--top) + 10px);z-index:5;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:6px;margin:6px 0 18px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);scrollbar-width:none;display:flex}
.subnav.toc::-webkit-scrollbar{display:none}
.subnav.toc a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:0;border-radius:10px;padding:8px 12px;font-size:13.5px;font-weight:500}
.subnav.toc a img{width:16px;height:16px;border-radius:4px;background:#fff}
.subnav.toc a.on{background:var(--accent-soft);color:var(--ink);border-radius:10px;box-shadow:inset 0 0 0 1px var(--accent-line)}
.eps{display:flex;flex-direction:column;gap:clamp(36px,5vw,64px)}
.ep{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);align-items:center;scroll-margin-top:calc(var(--top) + 80px)}
.ep.flip .ep-copy{order:2}
.ep-copy{display:flex;flex-direction:column;gap:14px}
.ep-copy h3{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.03em;line-height:1.2}
.ep-copy>p{font-size:16.5px;line-height:1.65;color:var(--muted)}
.ep-vis{border-radius:22px;padding:clamp(16px,2.2vw,24px);background-color:var(--surface);background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:16px 16px;box-shadow:inset 0 0 0 1px var(--line)}
.ep-vis .live{display:flex;flex-direction:column;gap:12px}
/* ABM mocks */
.cmt{display:inline-flex;gap:3px}
.cmt i{width:9px;height:9px;border-radius:50%;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}
.cmt i.on{background:var(--accent-text);box-shadow:none}
.heat{display:block;width:70px;height:6px;border-radius:4px;background:var(--surface-2);overflow:hidden}
.heat i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,#94BEEB,#2A72D4 60%,#946349)}
.cm{display:flex;flex-direction:column;gap:12px}
.cm-c{align-self:center;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 18px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--accent-line),var(--shadow)}
.cm-c .co-av{margin:0}
.cm-c b{font:600 14px var(--head);color:var(--ink)}.cm-c small{font-size:11.5px;color:var(--muted)}
.cm-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:relative;padding-top:12px}
.cm-g::before{content:"";position:absolute;left:16%;right:16%;top:0;height:12px;border:1.5px dashed var(--accent-line);border-bottom:0;border-radius:10px 10px 0 0}
.cm-n{display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.cm-n b{font-size:13px;font-weight:600;color:var(--ink)}.cm-n small{font-size:11.5px;color:var(--muted)}
.cm-n .sg-chip{align-self:flex-start;margin-top:3px}
.cm-n.cm-hot{box-shadow:inset 0 0 0 1.5px var(--accent-text)}
.cm-n.cm-mut{opacity:.6}
.t-kv.brief>div{align-items:flex-start}
.t-kv.brief b{font-weight:500;font-size:13px;line-height:1.45;text-align:right;max-width:62%}
.or{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.or-l,.or-ax{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:10px}
.or-n{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--ink)}
.or-n img{width:18px;height:18px;border-radius:5px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.or-t{position:relative;height:22px;border-radius:7px;background:repeating-linear-gradient(90deg,var(--surface) 0 calc(25% - 1px),var(--line-2) calc(25% - 1px) 25%)}
.or-t i{position:absolute;top:5px;left:calc((var(--d) - .5) / 16 * 100%);width:12px;height:12px;margin-left:-6px;border-radius:4px;background:var(--accent-text);box-shadow:0 0 0 3px var(--accent-soft)}
.or-axd{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));font-size:11px;font-weight:600;color:var(--muted)}
.bd{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:end;height:200px;padding:14px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.bd-c{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}
.bd-c b{font:600 18px var(--head);color:var(--ink)}
.bd-c i{display:block;width:100%;height:var(--h);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#94BEEB,#4F76A8);transform-origin:bottom}
.bd-c i.ok{background:linear-gradient(180deg,#6AAEF5,#2A72D4)}.bd-c i.hot{background:linear-gradient(180deg,#D6B49C,#946349)}
.bd-c small{font-size:11.5px;color:var(--muted);white-space:nowrap}
.live.in .bd-c i{animation:grow .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k,0) * 120ms)}
/* Academy mocks */
.kit{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.kf{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 26px;border-radius:9px;font-size:13.5px;color:var(--ink)}
.kf.kf-root{padding-left:10px;font-weight:600;background:var(--surface)}
.kf svg.i{width:17px;height:17px;flex:none;color:var(--accent-text)}
.kf span{flex:1;min-width:0}
.kf em{font-style:normal;font-size:11px;font-weight:600;color:var(--muted);background:var(--surface-2);border-radius:6px;padding:2px 7px;white-space:nowrap}
.ofr-vis .kf{padding:7px 10px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2)}
.ls{display:flex;flex-direction:column;gap:8px}
.ls-v{position:relative;display:flex;align-items:center;gap:14px;padding:18px;border-radius:14px;color:#fff;background-color:var(--con);background-image:var(--dk-img);background-size:var(--dk-size);overflow:hidden}
.ls-v small{display:block;font-size:11.5px;color:#94BEEB}.ls-v b{font:600 16px var(--head);letter-spacing:-.02em}
.ls-play{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff}
.ls-play svg{width:18px;height:18px;fill:#0A1640;margin-left:3px}
.ls-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.12)}
.ls-bar i{display:block;height:100%;width:38%;background:#6AAEF5}
.ls-m{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 14px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.ls-m .ls-k{font-size:11.5px;font-weight:600;color:var(--muted)}.ls-m b{font-size:13.5px;font-weight:600;color:var(--ink)}.ls-m em{font-style:normal;font-size:12px;color:var(--muted)}
.ls-m.done .ls-k::before{content:"\2713  ";color:var(--ok)}
.ls-m.on{box-shadow:inset 0 0 0 1.5px var(--accent-text)}
.cur{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:clamp(20px,3vw,40px);align-items:start}
.mods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mod{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px;border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.mod-n{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;font:600 13px var(--head);color:var(--accent-text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.mod h3{font-size:16px;letter-spacing:-.015em}
.mod p{font-size:13.5px;line-height:1.5;color:var(--muted);margin:4px 0 8px}
.mod-vis{position:sticky;top:calc(var(--top) + 24px);border-radius:22px;padding:18px;background-color:var(--surface);background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:16px 16px;box-shadow:inset 0 0 0 1px var(--line)}
@media (max-width:1080px){.gls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){
  .ofrs,.vs,.cur{grid-template-columns:minmax(0,1fr)}
  .ep,.ep.flip{grid-template-columns:minmax(0,1fr)}.ep.flip .ep-copy{order:0}
  .plainw{grid-template-columns:minmax(0,1fr)}.plainw p{grid-column:1;grid-row:auto}
  .mod-vis{position:static}
  .fit{flex-direction:column}.fit>i{flex:0 0 26px;width:2px;height:26px;align-self:center;background:repeating-linear-gradient(180deg,var(--accent-text) 0 5px,transparent 5px 9px)}
  .fit>i::after{right:-3px;top:auto;bottom:-1px;transform:rotate(135deg)}
}
@media (max-width:760px){.gls,.mods{grid-template-columns:minmax(0,1fr)}.cm-g{grid-template-columns:repeat(2,minmax(0,1fr))}.or-l,.or-ax{grid-template-columns:96px minmax(0,1fr)}.or-n{font-size:11.5px}}

/* =====================================================================
   Case study detail, v6: full-width chapters with a sticky chapter nav
   ===================================================================== */
main.csp{gap:clamp(64px,8vw,104px)}
.csp>.csnav{margin:calc(-1 * clamp(64px,8vw,104px) + 26px) 0 calc(-1 * clamp(64px,8vw,104px) + 44px)}
.csnav a{color:var(--muted);text-decoration:none}
.csnav a:hover{color:var(--ink)}
.csh .stats{margin-top:4px}
.cs-id{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}
.cs-id .cc-mono{width:44px;height:44px;font-size:16px;border-radius:12px}
.cs-id b{font:600 21px var(--head);letter-spacing:-.025em;color:var(--ink)}
.cs-id small{font-size:12.5px;font-weight:500;color:var(--muted);padding:3px 9px;border-radius:7px;background:var(--surface-2)}
.cc-top{flex-wrap:wrap}
.cc-id{display:inline-flex;align-items:center;gap:9px;min-width:0}
.cc-id b{font:600 15.5px var(--head);letter-spacing:-.02em;color:var(--ink);white-space:nowrap}
.cc-id .imark{width:34px;height:34px;border-radius:10px}
.cc-top .cc-id .imark svg,.csh-top .imark svg{width:18px;height:18px;max-width:none}
.cfeat .cc-id .imark svg{width:18px;height:18px}

/* placeholder numbers */
.est{text-decoration:underline;text-decoration-color:#E1A021;text-decoration-thickness:2.5px;text-underline-offset:5px;text-decoration-skip-ink:none;cursor:help}
.est-note{align-self:flex-start;font-size:13.5px;color:var(--body);padding:8px 12px;border-radius:10px;background:#FFF8EB;box-shadow:inset 0 0 0 1px #F6DDA8}
:root[data-githeme="dark"] .est{text-decoration-color:#F2B84B}
:root[data-githeme="dark"] .est-note{background:rgba(242,184,75,.08);box-shadow:inset 0 0 0 1px rgba(242,184,75,.32)}

/* at a glance strip */
.csg{border-radius:20px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);overflow:hidden;margin-top:6px}
.csg dl{margin:0;display:grid;grid-template-columns:1.3fr 1fr .8fr 1fr 1.4fr;gap:1px;background:var(--line-2)}
.csg dl div{padding:16px 18px;background:var(--card)}
.csg dt{font-size:12px;font-weight:600;color:var(--muted)}
.csg dd{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--ink)}
.csg-t{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 18px;border-top:1px solid var(--line-2);background:var(--surface)}
.csg-t .lab{font-size:12px;font-weight:600;color:var(--muted)}
.csg .tools{display:flex;flex-wrap:wrap;gap:6px}
.csg .tools span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--ink);padding:3px 8px 3px 3px;border-radius:8px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2)}
.csg .tools img{width:18px;height:18px;border-radius:5px;background:#fff}
@media (max-width:1080px){.csg dl{grid-template-columns:repeat(3,minmax(0,1fr))}.csg dl div:first-child{grid-column:1/-1}}
@media (max-width:760px){.csg dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.csg dl{grid-template-columns:minmax(0,1fr)}}

/* two-column chapter: sticky heading on the left */
.cs2{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,5vw,72px);align-items:start}
.cs2-l{position:sticky;top:calc(var(--top) + 84px);display:flex;flex-direction:column;gap:20px;min-width:0}
.cs2.mid{align-items:center}
.cs2.mid .cs2-l{position:static}
.cs2.tkw{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.cs2.tkw .cs2-l{position:static}
.cpv{min-width:0;border-radius:22px;padding:clamp(14px,2vw,22px);background-color:var(--surface);background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:16px 16px;box-shadow:inset 0 0 0 1px var(--line)}
.cs-h3{font-size:19px;letter-spacing:-.02em;margin:34px 0 14px}

/* starting point */
.cs-bq{margin:0;padding:20px 22px;border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.cs-bq p{font:500 19px/1.45 var(--head);letter-spacing:-.02em;color:var(--ink)}
.cs-bq cite{display:block;margin-top:10px;font-style:normal;font-size:13.5px;color:var(--muted)}
.goal{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border-radius:18px;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.goal-k{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--accent-text)}
.goal-k svg.i{width:17px;height:17px}
.goal p{font:500 17px/1.5 var(--head);letter-spacing:-.015em;color:var(--ink)}
.pains{display:flex;flex-direction:column;gap:12px}
.pain{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;padding:20px 22px;border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.pain-n{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;font:600 13px var(--mono);color:var(--muted);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.pain h3{font-size:18px;letter-spacing:-.02em}
.pain p{font-size:15.5px;line-height:1.6;color:var(--muted);margin-top:4px}

/* event ticket */
.tix{display:grid;grid-template-columns:minmax(0,1fr) 230px;border-radius:22px;overflow:hidden;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg)}
.tix-l{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,3vw,34px)}
.tix-k{font-size:13px;font-weight:600;color:var(--accent-text)}
.tix h3{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.03em}
.tix p{font-size:16px;line-height:1.6;color:var(--muted);max-width:62ch}
.tix-m{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14.5px;font-weight:500;color:var(--ink)}
.tix-m span{display:inline-flex;align-items:center;gap:7px}
.tix-m svg.i{width:17px;height:17px;color:var(--muted)}
.tix-r{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:26px;color:#fff;text-align:center;background-color:var(--con);background-image:var(--dk-img);background-size:var(--dk-size);border-left:2px dashed rgba(255,255,255,.28)}
.tix-r span{font-size:12.5px;font-weight:600;color:#94BEEB}
.tix-r b{font:700 54px/1 var(--head);letter-spacing:-.04em;margin-top:6px}
.tix-r small{font-size:14px;font-weight:600;color:#fff}
.tix-r em{font-style:normal;font-size:12.5px;color:rgba(220,230,245,.72);margin-top:8px}
.tix-r::before,.tix-r::after{content:"";position:absolute;left:-12px;width:22px;height:22px;border-radius:50%;background:var(--bg)}
.tix-r::before{top:-11px}.tix-r::after{bottom:-11px}
@media (max-width:760px){.tix{grid-template-columns:minmax(0,1fr)}.tix-r{border-left:0;border-top:2px dashed rgba(255,255,255,.28)}.tix-r::before,.tix-r::after{display:none}}

/* ICP */
.icp{display:flex;flex-direction:column}
.icp-r{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;padding:12px 2px;border-top:1px solid var(--line-2);align-items:baseline}
.icp-r:first-child{border-top:0;padding-top:2px}
.icp-r>span:first-child{font-size:12.5px;font-weight:600;color:var(--muted)}
.icp-c{display:flex;flex-wrap:wrap;gap:6px}
.icp-c i{font-style:normal;font-size:13px;font-weight:500;line-height:1.3;color:var(--ink);padding:5px 10px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.offrs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.offr{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:20px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.offr-n{font-size:12.5px;font-weight:600;color:var(--accent-text)}
.offr h3{font-size:20px;letter-spacing:-.02em}
.offr dl{margin:0;display:flex;flex-direction:column}
.offr dl div{padding:11px 0;border-top:1px solid var(--line-2)}
.offr dt{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:5px}
.offr dd{margin:0;font-size:14.5px;line-height:1.45;color:var(--ink)}
@media (max-width:960px){.offrs{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.icp-r{grid-template-columns:minmax(0,1fr);gap:7px}}

/* workflow diagram */
.wfd{border-radius:22px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg);overflow:hidden}
.wfd-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line-2);background:var(--card);font-size:13.5px}
.wfd-bar b{font-weight:600;color:var(--ink)}
.wfd-meta{margin-left:auto;font-size:12.5px;color:var(--muted);white-space:nowrap}
.wfd-cv{display:grid;align-items:stretch;padding:clamp(14px,2.4vw,26px);background-color:var(--surface);background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:16px 16px}
.wfd-col{position:relative;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;border:1.5px dashed var(--line);background:var(--lane,rgba(255,255,255,.55));min-width:0}
:root[data-githeme="dark"] .wfd-col{--lane:rgba(255,255,255,.02)}
.wfd-h{display:flex;align-items:center;gap:8px;font:600 13.5px var(--head);letter-spacing:-.01em;color:var(--ink);padding:2px 2px 4px}
.wfd-h span{font:600 11px var(--mono);color:var(--accent-text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line);border-radius:6px;padding:3px 6px}
.wfd-n{position:relative;display:flex;flex-direction:column;gap:3px;padding:11px 12px 12px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.wfd-ic{display:flex;gap:4px;margin-bottom:5px}
.wfd-ic img{width:22px;height:22px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.wfd-n b{font:600 14px/1.3 var(--head);letter-spacing:-.01em;color:var(--ink)}
.wfd-n small{font-size:12.5px;line-height:1.4;color:var(--muted)}
.wfd-m{align-self:flex-start;margin-top:7px;font-size:11.5px;font-weight:600;line-height:1.2;color:var(--ok);background:var(--ok-bg);box-shadow:inset 0 0 0 1px var(--ok-line);border-radius:6px;padding:4px 7px}
.wfd-ar{position:relative;align-self:center;height:24px}
.wfd-ar i{position:absolute;left:3px;right:7px;top:50%;height:2px;margin-top:-1px;background:repeating-linear-gradient(90deg,var(--accent-text) 0 5px,transparent 5px 9px);background-size:18px 2px}
.wfd-ar::after{content:"";position:absolute;right:3px;top:50%;width:8px;height:8px;margin-top:-4px;border-top:2px solid var(--accent-text);border-right:2px solid var(--accent-text);transform:rotate(45deg)}
.live.in .wfd-ar i{animation:wfx 1s linear infinite}
@keyframes wfx{to{background-position:18px 0}}
@keyframes wfy{to{background-position:0 18px}}
.wfd-key{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:11px 16px;border-top:1px solid var(--line-2);font-size:12.5px;color:var(--muted)}
.wfd-key span{display:inline-flex;align-items:center;gap:7px}
.wfd-key i{width:12px;height:12px;border-radius:4px}
.wfd-key .k1{background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.wfd-key .k2{background:var(--ok-bg);box-shadow:inset 0 0 0 1px var(--ok-line)}
.wfd-key span:last-child{margin-left:auto}
@media (max-width:960px){
  .wfd-cv{grid-template-columns:minmax(0,1fr)!important}
  .wfd-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .wfd-h{grid-column:1/-1}
  .wfd-ar{justify-self:center;width:24px;height:30px}
  .wfd-ar i{left:50%;right:auto;top:2px;bottom:8px;width:2px;height:auto;margin:0 0 0 -1px;background:repeating-linear-gradient(180deg,var(--accent-text) 0 5px,transparent 5px 9px);background-size:2px 18px}
  .wfd-ar::after{right:auto;left:50%;top:auto;bottom:4px;margin:0 0 0 -4px;transform:rotate(135deg)}
  .live.in .wfd-ar i{animation-name:wfy}
  .wfd-key span:last-child{display:none}
}
@media (max-width:520px){.wfd-col{grid-template-columns:minmax(0,1fr)}.wfd-meta{display:none}}
@media (prefers-reduced-motion:reduce){.live.in .wfd-ar i{animation:none}}

/* signals and lists */
.sgcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sgc{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.sgc-ic{display:flex;gap:5px}
.sgc-ic img{width:26px;height:26px;border-radius:7px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.sgc h3{font-size:17px;letter-spacing:-.015em}
.sgc p{font-size:14.5px;line-height:1.55;color:var(--muted)}
.sg-x{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.sg-x.one{grid-template-columns:minmax(0,1fr);max-width:780px}
.fnl{display:flex;flex-direction:column;gap:12px;align-items:center;padding:6px 0}
.fnl-r{width:100%;display:flex;flex-direction:column;align-items:center;gap:5px}
.fnl-r i{display:grid;place-items:center;height:46px;width:var(--w);min-width:120px;border-radius:12px;font-style:normal;color:#fff;background:linear-gradient(90deg,var(--gi-navy),var(--gi-navy-2))}
.fnl-r:nth-child(2) i{background:linear-gradient(90deg,var(--gi-navy-2),#6F97C9)}
.fnl-r:nth-child(3) i{background:linear-gradient(90deg,#6F97C9,var(--gi-sky));color:var(--gi-sky-ink)}
.fnl-r b{font:600 17px var(--head);letter-spacing:-.02em}
.fnl-r span{font-size:13px;color:var(--muted)}
@media (max-width:960px){.sgcs{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-x{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){.sgcs{grid-template-columns:minmax(0,1fr)}}

/* the copy */
.cpy{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:start}
.cpy.solo{grid-template-columns:minmax(0,1fr);max-width:820px}
.cpy-l,.cpy-r{display:flex;flex-direction:column;gap:10px;min-width:0}
.cpy-r>.live+.live{margin-top:6px}
.cpy-lab{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--muted)}
.cpy-lab img{width:16px;height:16px;border-radius:4px;background:#fff}
.ems{display:flex;flex-direction:column;gap:12px}
.em{border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.em-h{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--line-2);font-size:12.5px;color:var(--muted)}
.em-d{font-weight:600;color:var(--accent-text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line);border-radius:6px;padding:2px 8px;white-space:nowrap}
.em-f{margin-left:auto;text-align:right}
.em-s{display:flex;align-items:baseline;gap:10px;padding:10px 12px 0;font-size:13.5px}
.em-s>span{flex:none;width:52px;font-size:12px;color:var(--muted)}
.em-s b{font-weight:600;color:var(--ink);min-width:0}
.em-s.re b{font-weight:500;color:var(--muted)}
.em-s small{margin-left:auto;font-size:11.5px;color:var(--faint);white-space:nowrap}
.em-b{display:flex;flex-direction:column;gap:8px;padding:8px 12px 13px 74px;font-size:14px;line-height:1.6;color:var(--ink)}
.mtag{display:inline-block;font:500 12px/1.55 var(--mono);color:var(--body);background:var(--surface-2);border-radius:5px;padding:0 5px;box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap}
.em-note{font-size:12.5px;color:var(--muted);padding:12px 2px 0}
.lim-who{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line-2)}
.lim-av{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;font:700 13px var(--head);color:#fff;background:#0A66C2}
.lim-who b{display:block;font-size:13.5px;font-weight:600;color:var(--ink)}
.lim-who small{display:block;font-size:12px;color:var(--muted)}
.lims{display:flex;flex-direction:column;gap:12px}
.lim-k{display:block;font-size:11.5px;font-weight:600;color:var(--muted);margin:0 0 5px 2px}
.lim p{font-size:14px;line-height:1.55;color:var(--ink);background:var(--surface-2);border-radius:4px 14px 14px 14px;padding:10px 12px}
.rules{display:flex;flex-direction:column;gap:8px}
.rule{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:10px 12px;border-radius:10px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);font-size:13.5px;line-height:1.4}
.rule .if,.rule .then{font:600 11px var(--mono);border-radius:5px;padding:3px 6px}
.rule .if{color:var(--accent-text);background:var(--accent-soft)}
.rule .then{color:var(--ok);background:var(--ok-bg)}
.rule b{font-weight:600;color:var(--ink)}
.rule .do{color:var(--body)}
.cpy-ads{display:flex;flex-direction:column;gap:10px;margin-top:26px}
.adsg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;padding:clamp(14px,2.4vw,26px);border-radius:22px;background-color:var(--surface);background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:16px 16px;box-shadow:inset 0 0 0 1px var(--line)}
.adsg.n1{grid-template-columns:minmax(0,1fr)}
.adsg>.t-card{width:100%;max-width:440px;justify-self:center}
.cva{overflow:hidden;background:#fff;color:rgba(0,0,0,.9);font-family:-apple-system,system-ui,"Segoe UI",Roboto,var(--sans)}
.cva-h{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.08)}
.cva-h b{display:block;font-size:14px;font-weight:600;color:rgba(0,0,0,.9)}
.cva-h small{font-size:12px;color:rgba(0,0,0,.6)}
.cva-ban{margin:12px 14px 0;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:600;color:#0A1640;background:linear-gradient(90deg,#EEF5FD,#DCEBFB);box-shadow:inset 0 0 0 1px #CFE3F8}
.cva-m{padding:12px 14px}
.cva-m p{font-size:13.5px;line-height:1.5;color:rgba(0,0,0,.9);background:#F3F2EF;border-radius:4px 14px 14px 14px;padding:10px 12px}
.cva-b{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 14px}
.cva-b span{font-size:13.5px;font-weight:600;color:#0A66C2;border-radius:999px;padding:6px 14px;box-shadow:inset 0 0 0 1px #0A66C2}
.cva .mtag,.lp .mtag{color:rgba(0,0,0,.7);background:#E9EEF4;box-shadow:none}
@media (max-width:960px){.cpy{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.adsg{grid-template-columns:minmax(0,1fr)}.em-b{padding-left:12px}.em-f{display:none}}

/* replies */
.rp-g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px;align-items:start}
.rp-g.one{grid-template-columns:minmax(0,1fr)}
.rp-g>div{min-width:0}
.tbl.camp td{font-size:13.5px}
.pos{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-variant-numeric:tabular-nums}
.pos i{display:block;width:60px;height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}
.pos i b{display:block;height:100%;width:var(--w);border-radius:3px;background:var(--ok)}
.rpls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rp-g.one .rpls{grid-template-columns:repeat(3,minmax(0,1fr))}
.rp-g .rpls.one{grid-template-columns:minmax(0,1fr)}
.rpl{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.rpl-h{display:flex;align-items:center;gap:10px}
.rpl-av{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;color:var(--accent-text);background:var(--accent-soft)}
.rpl-av svg.i{width:16px;height:16px}
.rpl-h b{flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.35;color:var(--ink)}
.rpl p{font-size:14.5px;line-height:1.55;color:var(--ink)}
.rp-names{display:flex;flex-direction:column;gap:24px;margin-top:28px}
.coch{display:flex;flex-direction:column;gap:12px}
.coch>div{display:flex;flex-wrap:wrap;gap:8px}
.coch>div span{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 7px;border-radius:10px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);font-size:14px;font-weight:500;color:var(--ink)}
.coch i{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;font:700 11px var(--head);font-style:normal;color:var(--gi-sky-ink);background:var(--gi-sky-soft);box-shadow:inset 0 0 0 1px var(--gi-sky-line)}
:root[data-githeme="dark"] .coch i{color:var(--accent-text)}
@media (max-width:960px){.rp-g{grid-template-columns:minmax(0,1fr)}.rp-g.one .rpls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.rpls,.rp-g.one .rpls{grid-template-columns:minmax(0,1fr)}}

/* lead flow */
.bkts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bkt{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.bkt-n{font-size:12.5px;font-weight:600;color:var(--accent-text)}
.bkt h3{font-size:19px;letter-spacing:-.02em}
.bkt small{font-size:13.5px;color:var(--muted)}
.bkt ol{margin:6px 0 0;padding:0;list-style:none;counter-reset:b;display:flex;flex-direction:column;gap:8px}
.bkt li{position:relative;padding-left:30px;font-size:14.5px;line-height:1.5;color:var(--body)}
.bkt li::before{counter-increment:b;content:counter(b);position:absolute;left:0;top:1px;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;font:600 11px var(--head);color:var(--accent-text);background:var(--accent-soft)}
.seq.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:960px){.bkts{grid-template-columns:minmax(0,1fr)}.seq.n4{grid-template-columns:minmax(0,1fr)}}

/* results */
.cs-res-k{font-size:13px;font-weight:600;color:#94BEEB}
.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.charts.one{grid-template-columns:minmax(0,1fr)}
.chart{display:flex;flex-direction:column;gap:16px;padding:20px 22px;border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);min-width:0}
.chart-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.chart-h b{font:600 16px var(--head);letter-spacing:-.015em;color:var(--ink)}
.chart-h span{font-size:13px;color:var(--muted);white-space:nowrap}
.split{display:flex;gap:3px;height:16px;border-radius:8px;overflow:hidden}
.split i{display:block;flex:none;width:var(--w);height:100%;transform-origin:left}
.live.in .split i{animation:growx .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k,0) * 140ms)}
@keyframes growx{from{transform:scaleX(0)}}
.sp0{background:var(--gi-navy)}.sp1{background:var(--gi-navy-2)}.sp2{background:var(--gi-sky)}.sp3{background:var(--gi-peach-2)}
:root[data-githeme="dark"] .sp0{background:#6F8CC4}
.split-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.split-l li{display:grid;grid-template-columns:12px minmax(0,1fr) auto 42px;align-items:center;gap:10px;font-size:14px;color:var(--body)}
.split-l .sw{width:12px;height:12px;border-radius:4px}
.split-l b{font:600 15px var(--head);color:var(--ink);text-align:right}
.split-l small{font-size:12.5px;color:var(--muted);text-align:right}
.hbs{display:flex;flex-direction:column;gap:12px}
.hb{display:grid;grid-template-columns:minmax(110px,40%) minmax(0,1fr) 40px;align-items:center;gap:12px;font-size:13.5px;line-height:1.35;color:var(--body)}
.hb i{display:block;height:10px;border-radius:5px;background:var(--surface-2);overflow:hidden}
.hb i b{display:block;height:100%;width:var(--w);border-radius:5px;background:linear-gradient(90deg,var(--gi-navy-2),var(--accent));transform-origin:left}
.live.in .hb i b{animation:growx .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k,0) * 120ms)}
.hb em{font:600 15px var(--head);font-style:normal;color:var(--ink);text-align:right}
.chart .mbars{box-shadow:none;padding:6px 0 0;height:200px;background:transparent}
.fup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fup div{padding:12px 14px;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2)}
.fup b{display:block;font:600 24px var(--head);letter-spacing:-.02em;color:var(--ink)}
.fup span{font-size:13px;line-height:1.4;color:var(--muted)}
.chcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.chcs.n1{grid-template-columns:minmax(0,1fr);max-width:560px}
.chcs.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.chc{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.chc-h{display:flex;align-items:center;gap:10px}
.chc-h img{width:24px;height:24px;border-radius:7px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.chc-h b{font:600 15.5px var(--head);letter-spacing:-.01em;color:var(--ink)}
.chc dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.chc dl div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:3px;padding:10px;border-radius:10px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);min-width:0}
.chc dd{margin:0;font:600 19px var(--head);letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere}
.chc dt{font-size:12px;line-height:1.35;color:var(--muted)}
#results .ar-inline{margin:26px 0 0}
@media (max-width:960px){.charts,.chcs,.chcs.n2{grid-template-columns:minmax(0,1fr)}}

/* timeline */
.ctl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ctl li{position:relative;display:grid;grid-template-columns:128px minmax(0,1fr);gap:28px;padding-bottom:26px}
.ctl li::before{content:"";position:absolute;left:136px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 2.5px var(--accent-text)}
.ctl li::after{content:"";position:absolute;left:141px;top:21px;bottom:-1px;width:2px;background:var(--line)}
.ctl li:last-child{padding-bottom:0}
.ctl li:last-child::after{display:none}
.ctl li:last-child::before{background:var(--accent-text)}
.ctl-d{font-size:13.5px;font-weight:600;line-height:1.4;color:var(--accent-text);text-align:right}
.ctl li>div{padding-left:8px}
.ctl b{display:block;font:600 17px var(--head);letter-spacing:-.015em;color:var(--ink)}
.ctl p{font-size:15px;line-height:1.55;color:var(--muted);margin-top:3px}
@media (max-width:560px){
  .ctl li{grid-template-columns:minmax(0,1fr);gap:4px;padding-left:28px}
  .ctl li::before{left:0}.ctl li::after{left:5px}
  .ctl-d{text-align:left}.ctl li>div{padding-left:0}
}

/* problems and fixes */
.fxs{display:flex;flex-direction:column;gap:12px}
.fx{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:stretch}
.fx-p,.fx-f{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:16px}
.fx-p{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.fx-f{background:var(--card);box-shadow:inset 0 0 0 1px var(--ok-line),var(--shadow)}
.fx-k{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--muted)}
.fx-f .fx-k{color:var(--ok)}
.fx-k svg.i{width:15px;height:15px}
.fx p{font-size:15px;line-height:1.55;color:var(--ink)}
.fx-ar{display:grid;place-items:center;color:var(--faint)}
.fx-ar svg.i{width:18px;height:18px}
@media (max-width:760px){.fx{grid-template-columns:minmax(0,1fr)}.fx-ar{height:30px}.fx-ar svg.i{transform:rotate(90deg)}}

/* quotes and takeaways */
.qgrid.g1{grid-template-columns:minmax(0,1fr);max-width:820px}
.tq figcaption .cq-av{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;font:700 15px var(--head);color:#fff;background:var(--gi-navy)}
.svc-box{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.svc-box>b{font:600 16px var(--head);letter-spacing:-.015em;color:var(--ink)}
.svc-l{display:flex;flex-direction:column;gap:8px}
.svc-l a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--card);text-decoration:none;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);transition:box-shadow .2s,transform .2s}
.svc-l a:hover{box-shadow:inset 0 0 0 1px var(--accent-line),var(--shadow-lg);transform:translateY(-1px)}
.svc-l a>img{width:32px;height:32px;padding:5px;border-radius:9px;background:#fff;box-shadow:0 0 0 1px var(--line);flex:none}
.svc-l .imark{width:32px;height:32px;border-radius:9px}
.svc-l .imark svg{width:17px;height:17px}
.svc-l a>span:not(.imark){flex:1;min-width:0}
.svc-l b{display:block;font-size:14.5px;font-weight:600;color:var(--ink)}
.svc-l small{display:block;font-size:12.5px;line-height:1.4;color:var(--muted)}
.svc-l svg.i{width:15px;height:15px;color:var(--muted);flex:none}
@media (max-width:960px){.cs2.tkw{grid-template-columns:minmax(0,1fr)}}
.ic-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ic-top .ic-k{align-self:center;min-width:0;height:28px;font-size:12px;border-radius:8px}
.wfd-ic:empty{display:none}
.csh .csg{margin-top:10px}
.adsg.in-r{padding:16px}
@media (max-width:960px){.cs2,.cs2.tkw{grid-template-columns:minmax(0,1fr)}.cs2-l{position:static}}
.tools{display:flex;flex-wrap:wrap;gap:6px}
.tools span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--ink);padding:4px 9px 4px 4px;border-radius:8px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.tools img{width:18px;height:18px;border-radius:5px;background:#fff}
.zt-k{text-transform:none;letter-spacing:0;font-size:13.5px}

/* ---------- v7: more industries ---------- */
.mm-inds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px}
.nav .mm .mm-ind{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:9px;font-size:13.5px;font-weight:500;color:var(--body);text-decoration:none}
.nav .mm .mm-ind:hover{background:var(--surface);color:var(--ink)}
.imark.sm{width:26px;height:26px;border-radius:8px}
.imark.sm svg{width:15px;height:15px}
.im-cy{--im-a:#EEF3FB;--im-b:#CCDCF2;--im-c:#24508F;--im-l:rgba(36,80,143,.2);--im-s:rgba(36,80,143,.5)}
.im-st{--im-a:#F1F6FD;--im-b:#D4E4F8;--im-c:#2F66B3;--im-l:rgba(47,102,179,.2);--im-s:rgba(47,102,179,.5)}
.im-ev{--im-a:#FBF5F1;--im-b:#EBD8CB;--im-c:#94583A;--im-l:rgba(148,88,58,.22);--im-s:rgba(148,88,58,.5)}
.im-cs{--im-a:#F2F4F9;--im-b:#D3DAE8;--im-c:#3A4F7A;--im-l:rgba(58,79,122,.2);--im-s:rgba(58,79,122,.5)}
.im-mf{--im-a:#F3F4F7;--im-b:#DCE1EA;--im-c:#3E4A60;--im-l:rgba(62,74,96,.2);--im-s:rgba(62,74,96,.45)}
.im-fi{--im-a:#EDF5FE;--im-b:#C3DCF8;--im-c:#2A72D4;--im-l:rgba(42,114,212,.2);--im-s:rgba(42,114,212,.5)}
.im-hr{--im-a:#FBF6F2;--im-b:#EADFD7;--im-c:#8A5A3E;--im-l:rgba(148,99,73,.2);--im-s:rgba(148,99,73,.5)}
.im-lt{--im-a:#F2F4F9;--im-b:#CDD6E8;--im-c:#2F4268;--im-l:rgba(58,79,122,.22);--im-s:rgba(58,79,122,.5)}
:root[data-githeme="dark"] .im-cy,:root[data-githeme="dark"] .im-st,:root[data-githeme="dark"] .im-fi{--im-c:#9BC9FA}
:root[data-githeme="dark"] .im-ev,:root[data-githeme="dark"] .im-hr{--im-c:#E2C2AA}
:root[data-githeme="dark"] .im-cs,:root[data-githeme="dark"] .im-mf,:root[data-githeme="dark"] .im-lt{--im-c:#B8C6E6}
.igrid2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.icard2{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:18px;background:var(--card);text-decoration:none;box-shadow:inset 0 0 0 1px var(--line),var(--shadow);transition:box-shadow .25s,transform .25s}
.icard2:hover{box-shadow:inset 0 0 0 1px var(--accent-line),var(--shadow-lg);transform:translateY(-2px)}
.icard2 h3{font-size:16.5px;letter-spacing:-.015em}
.icard2 p{font-size:13.5px;line-height:1.5;color:var(--muted)}
.icard2 .more{margin-top:auto;font-weight:600;font-size:13.5px;color:var(--ink);display:inline-flex;align-items:center;gap:6px}
.icard2 .more svg.i{width:15px;height:15px}
@media (max-width:1080px){.igrid2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.igrid2{grid-template-columns:minmax(0,1fr)}}
/* the logo strip right under a hero sits close to it */
main.pg>.ph+.sec.lsec{margin-top:calc(-1 * clamp(80px,10vw,128px) + 36px)}
/* system flow: the hub fills its column so the connectors meet the bus lines on both sides */
.fl{grid-template-columns:minmax(0,1fr) minmax(0,.86fr) minmax(0,1fr)}
.fl-mid{display:flex;align-items:center;min-width:0}
.fl-mid>.fl-n.hub{width:100%}
@media (max-width:560px){.fl{grid-template-columns:minmax(0,1fr)}}
.plan li .plat{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.plan li .plat img{width:22px;height:22px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px var(--line)}

/* ---------- v7: GTM Academy kit, curriculum visuals ---------- */
.kit2{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg)}
.kit2-h{display:flex;align-items:center;gap:12px;padding:16px 18px;color:#fff;background-color:#0A1640;background-image:radial-gradient(70% 120% at 100% 0%,rgba(106,174,245,.45),transparent 70%),radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.3px);background-size:auto,14px 14px}
.kit2-ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:11px;background:linear-gradient(140deg,#6AAEF5,#2A72D4);box-shadow:0 6px 16px -6px rgba(106,174,245,.8)}
.kit2-ic svg.i{width:20px;height:20px;color:#fff}
.kit2-h b{display:block;font:600 15.5px var(--head);letter-spacing:-.015em}
.kit2-h small{display:block;font-size:12px;color:rgba(220,230,245,.75)}
.kit2-n{margin-left:auto;font-size:11.5px;font-weight:600;color:#0A1640;background:#94BEEB;border-radius:999px;padding:3px 10px;white-space:nowrap}
.kit2-l{display:flex;flex-direction:column;padding:8px}
.kf2{display:flex;align-items:center;gap:11px;padding:7px 8px;border-radius:10px;font-size:13.5px;color:var(--ink)}
.kf2:hover{background:var(--surface)}
.kf2 .kn{flex:1;min-width:0}
.kft{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:var(--ftb);box-shadow:inset 0 0 0 1px var(--ftl)}
.kft svg.i{width:16px;height:16px;color:var(--ftc)}
.tg{font-style:normal;font-size:11px;font-weight:600;border-radius:6px;padding:2px 8px;white-space:nowrap;color:var(--ftc);background:var(--ftb);box-shadow:inset 0 0 0 1px var(--ftl)}
.kft-pdf,.tg-pdf{--ftb:#FDEDEC;--ftc:#C8382E;--ftl:#F7C9C4}
.kft-doc,.tg-doc{--ftb:#EAF2FE;--ftc:#2A72D4;--ftl:#BCD9FA}
.kft-img,.tg-img{--ftb:#F1ECFE;--ftc:#7048E8;--ftl:#D6CBFB}
.kft-fig,.tg-fig{--ftb:#FFF1E7;--ftc:#D9480F;--ftl:#FCD3B6}
.kft-vid,.tg-vid{--ftb:#FDEEF5;--ftc:#C2255C;--ftl:#F8C9DC}
.kft-xls,.tg-xls{--ftb:#E8F7EE;--ftc:#1F8A4C;--ftl:#B7E4C7}
:root[data-githeme="dark"] .kft,:root[data-githeme="dark"] .tg{--ftb:rgba(255,255,255,.06);--ftl:rgba(255,255,255,.12)}
:root[data-githeme="dark"] .kft-pdf,:root[data-githeme="dark"] .tg-pdf{--ftc:#FF8A80}
:root[data-githeme="dark"] .kft-doc,:root[data-githeme="dark"] .tg-doc{--ftc:#8EC2F8}
:root[data-githeme="dark"] .kft-img,:root[data-githeme="dark"] .tg-img{--ftc:#B197FC}
:root[data-githeme="dark"] .kft-fig,:root[data-githeme="dark"] .tg-fig{--ftc:#FFA94D}
:root[data-githeme="dark"] .kft-vid,:root[data-githeme="dark"] .tg-vid{--ftc:#F783AC}
:root[data-githeme="dark"] .kft-xls,:root[data-githeme="dark"] .tg-xls{--ftc:#69DB7C}
.kit2-p{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 16px 14px;font-size:12px;color:var(--muted);border-top:1px solid var(--line-2)}
.kit2-p i{display:block;height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}
.kit2-p i b{display:block;height:100%;width:66%;border-radius:3px;background:linear-gradient(90deg,#C8382E,#D9480F,#7048E8,#2A72D4,#1F8A4C)}
.kit2-p em{font-style:normal;font-weight:600;color:var(--ink)}
.mod-f{display:flex;margin-top:10px}
.mk-note{font-size:12px;color:var(--muted);margin-top:10px}
/* landing page wireframe */
.lpw{border-radius:16px;overflow:hidden;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg)}
.lpw-bar{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--surface);border-bottom:1px solid var(--line-2)}
.lpw-url{flex:1;font-size:12px;color:var(--muted);background:var(--card);border-radius:7px;padding:4px 10px;box-shadow:inset 0 0 0 1px var(--line-2)}
.lpw-b{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:12px;padding:16px}
.lpw-hero{display:flex;flex-direction:column;gap:6px}
.lpw-tag{align-self:flex-start;font-size:11px;font-weight:600;color:#D9480F;background:#FFF1E7;border-radius:6px;padding:2px 8px}
.lpw-hero b{font:700 18px/1.2 var(--head);letter-spacing:-.025em;color:var(--ink)}
.lpw-hero small{font-size:12px;color:var(--muted)}
.lpw-form{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-top:6px}
.lpw-form i{height:28px;border-radius:7px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.lpw-form span{display:grid;place-items:center;font-size:11.5px;font-weight:600;color:#06101F;background:#6AAEF5;border-radius:7px;padding:0 10px}
.lpw-side{display:grid;place-items:center;border-radius:12px;background:linear-gradient(160deg,#0A1640,#2A4E8C)}
.lpw-doc{width:62%;aspect-ratio:3/4;display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:6px;background:#fff;box-shadow:0 10px 24px -10px rgba(0,0,0,.5);transform:rotate(-4deg)}
.lpw-doc i{height:5px;border-radius:3px;background:#DCE6F3}
.lpw-doc i:first-child{height:9px;width:70%;background:#2A72D4}
.lpw-doc i.s{margin-top:auto;height:16px;width:50%;background:#6AAEF5}
.lpw-logos{grid-column:1/-1;display:flex;gap:10px;padding-top:2px}
.lpw-logos i{flex:1;height:14px;border-radius:4px;background:var(--surface-2)}
.lpw-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lpw-cards span{padding:9px 10px;border-radius:10px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2)}
.lpw-cards b{display:block;font:600 15px var(--head);color:var(--ink)}
.lpw-cards small{font-size:11px;color:var(--muted)}
.lpw-key{display:flex;flex-wrap:wrap;gap:6px 14px;padding:10px 16px 12px;border-top:1px solid var(--line-2);font-size:12px;color:var(--muted)}
.lpw-key span{display:inline-flex;align-items:center;gap:6px}
.lpw-key i{width:10px;height:10px;border-radius:3px}
.lpw-key .a{background:#2A72D4}.lpw-key .b{background:#6AAEF5}.lpw-key .c{background:#D9480F}
/* proposal */
.pp{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg)}
.pp-cover{display:flex;flex-direction:column;gap:3px;padding:18px;color:#fff;background-color:#0A1640;background-image:radial-gradient(70% 120% at 100% 0%,rgba(106,174,245,.45),transparent 70%),radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.3px);background-size:auto,14px 14px}
.pp-cover small{font-size:11.5px;font-weight:600;color:#94BEEB}
.pp-cover b{font:600 18px var(--head);letter-spacing:-.02em}
.pp-cover span{font-size:12px;color:rgba(220,230,245,.75)}
.pp-list{display:flex;flex-direction:column;gap:2px;padding:8px}
.pp-s{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;font-size:13.5px}
.pp-s span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;font:600 11px var(--mono);color:var(--muted);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.pp-s b{font-weight:500;color:var(--ink)}
.pp-s.done span{color:#fff;background:var(--ok);box-shadow:none}
.pp-s.on{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.pp-s.on span{color:var(--accent-text);box-shadow:inset 0 0 0 1.5px var(--accent-text)}
.pp-foot{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px 14px;border-top:1px solid var(--line-2)}
.fnl-r:nth-child(4) i{background:linear-gradient(90deg,#94BEEB,#BCD9FA);color:#14284A}
.fnl-r:nth-child(5) i{background:linear-gradient(90deg,#D6B49C,#EADFD7);color:#3B2416}
.mwin .mk-note{font-size:12px;line-height:1.4}
.kft-folder,.tg-folder{--ftb:#0A1640;--ftc:#fff;--ftl:transparent}
.tg-folder{--ftb:var(--accent-soft);--ftc:var(--accent-text);--ftl:var(--accent-line)}
.ofr-vis .kf2{background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2);margin-bottom:6px}
/* sticky section bar sits right under the main nav, with the gap filled so nothing shows through */
.subnav.toc{top:calc(var(--top) - 10px);box-shadow:0 -8px 0 0 var(--bg),inset 0 0 0 1px var(--line),var(--shadow)}
@media (max-width:760px){.subnav.toc{top:calc(var(--top) - 4px)}}
main.csp>.sec{scroll-margin-top:calc(var(--top) + 64px)}
.cs2-l{top:calc(var(--top) + 64px)}
img.av-i.av-p{object-fit:cover;background:var(--surface-2);box-shadow:0 0 0 1px var(--line)}

/* ---------- v7: resources visuals ---------- */
.ar-fig{margin:22px 0 8px;padding:clamp(12px,2vw,18px);border-radius:20px;background-color:var(--surface);background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:16px 16px;box-shadow:inset 0 0 0 1px var(--line)}
.ar-fig>.live{display:flex;flex-direction:column;gap:10px}
.ar-fig figcaption{margin-top:12px;font-size:13px;line-height:1.5;color:var(--muted)}
.ar-wfd .wfd-cv{padding:14px}
.ar-wfd .wfd-col{padding:9px}
.ar-wfd .wfd-n b{font-size:13px}
.ar-wfd .wfd-n small{font-size:11.5px}
.ar-wfd .wfd-h{font-size:12.5px}
/* domain map */
.dm{display:grid;grid-template-columns:minmax(0,.9fr) 40px minmax(0,1.1fr);align-items:center;gap:6px}
.dm-main{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:14px;color:#fff;background-color:#0A1640;background-image:radial-gradient(80% 100% at 100% 0%,rgba(106,174,245,.4),transparent 70%)}
.dm-main b{font:600 17px var(--head)}
.dm-main span{font-size:12.5px;color:rgba(220,230,245,.75)}
.dm-main em{align-self:flex-start;margin-top:6px;font-style:normal;font-size:11.5px;font-weight:600;color:#0A1640;background:#94BEEB;border-radius:6px;padding:2px 8px}
.dm-ar{position:relative;height:2px}
.dm-ar i{position:absolute;inset:0;background:repeating-linear-gradient(90deg,var(--accent-text) 0 5px,transparent 5px 9px)}
.dm-ar::before{content:"";position:absolute;left:0;top:-4px;width:8px;height:8px;border-left:2px solid var(--accent-text);border-bottom:2px solid var(--accent-text);transform:rotate(45deg)}
.dm-subs{display:flex;flex-direction:column;gap:8px}
.dm-s{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:10px 12px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.dm-s b{font-size:14px;font-weight:600;color:var(--ink)}
.dm-s span{font-size:11.5px;font-weight:600;color:var(--ok);background:var(--ok-bg);border-radius:6px;padding:2px 7px;align-self:center}
.dm-s small{grid-column:1/-1;font-size:12px;color:var(--muted)}
@media (max-width:560px){.dm{grid-template-columns:minmax(0,1fr)}.dm-ar{height:22px;width:2px;justify-self:center}.dm-ar i{background:repeating-linear-gradient(180deg,var(--accent-text) 0 5px,transparent 5px 9px)}.dm-ar::before{display:none}}
/* email anatomy */
.an{display:flex;flex-direction:column;gap:8px}
.an-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.an-h b{font:600 15px var(--head);color:var(--ink)}
.an-r{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.an-k{display:inline-block;font-size:11.5px;font-weight:600;border-radius:6px;padding:3px 8px;text-align:center;color:#fff}
.an-k.k1{background:#2A72D4}.an-k.k2{background:#7048E8}.an-k.k3{background:#1F8A4C}.an-k.k4{background:#D9480F}
.an-r b{display:block;font-size:12.5px;font-weight:600;color:var(--muted)}
.an-r p{font-size:14.5px;line-height:1.5;color:var(--ink);margin-top:2px}
/* close comparison */
.ccmp{display:flex;flex-direction:column;gap:6px}
.cc-r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;color:var(--body)}
.cc-r.cc-h{background:none;box-shadow:none;padding-block:2px;font-size:12px}
.cc-r .was{font-weight:600;color:#C8382E}
.cc-r .now{font-weight:600;color:var(--ok)}
.cc-h .was,.cc-h .now{font-size:12px}
:root[data-githeme="dark"] .cc-r .was{color:#FF8A80}
/* resources library hero */
.lib{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lib-t{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);border-top:3px solid var(--lc)}
.lib-t .ics{display:flex;gap:4px}
.lib-t .ics img{width:22px;height:22px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.lib-t b{font:600 15px var(--head);letter-spacing:-.015em;color:var(--ink)}
.lib-t small{font-size:12px;color:var(--muted)}
.lib-a{--lc:#2A72D4}.lib-b{--lc:#1F8A4C}.lib-c{--lc:#7048E8}.lib-d{--lc:#D9480F}.lib-e{--lc:#C2255C}
.lib-read{grid-column:span 1;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:16px;border-radius:16px;color:#fff;background-color:#0A1640;background-image:var(--dk-img);background-size:var(--dk-size)}
.lib-read .t-chip{align-self:flex-start}
.lib-read b{font:600 15px var(--head);letter-spacing:-.015em}
.lib-read small{font-size:12px;color:rgba(220,230,245,.75)}

/* ---------- v8: Calendly dialog ---------- */
.calm{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}
.calm[hidden]{display:none}
.calm-bg{position:absolute;inset:0;background:rgba(6,10,22,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .2s}
.calm-box{position:relative;display:flex;flex-direction:column;width:min(1040px,100%);height:min(780px,calc(100dvh - 40px));border-radius:22px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),0 40px 90px -30px rgba(0,0,0,.55);overflow:hidden;opacity:0;transform:translateY(12px) scale(.985);transition:opacity .2s,transform .2s}
.calm.open .calm-bg{opacity:1}
.calm.open .calm-box{opacity:1;transform:none}
.calm-h{display:flex;align-items:center;gap:12px;padding:14px 16px 14px 18px;border-bottom:1px solid var(--line-2)}
.calm-h img{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--line)}
.calm-h b{display:block;font:600 16px var(--head);letter-spacing:-.015em;color:var(--ink)}
.calm-h small{display:block;font-size:13px;color:var(--muted)}
.calm-x{margin-left:auto}
.calm-f{position:relative;flex:1;min-height:0;background:#fff}
.calm-f iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;transition:opacity .3s}
.calm.ready .calm-f iframe{opacity:1}
.calm-load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:#697181}
.calm-load i{width:18px;height:18px;border-radius:50%;border:2px solid #DCE6F3;border-top-color:#2A72D4;animation:spin .8s linear infinite}
.calm.ready .calm-load{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
.calm-alt{padding:10px 18px;font-size:12.5px;color:var(--muted);border-top:1px solid var(--line-2)}
.calm-alt a{color:var(--accent-text);font-weight:600}
html.cal-open,html.cal-open body{overflow:hidden}
@media (max-width:760px){.calm{padding:0}.calm-box{width:100%;height:100dvh;border-radius:0}}
@media (prefers-reduced-motion:reduce){.calm-bg,.calm-box{transition:none}.calm-load i{animation:none}}
.lf-done p{display:flex;flex-direction:column;gap:2px}
.lf-done p b{font-weight:600;color:var(--ink)}
/* ---------- v8: What we do menu, one offer at a time ---------- */
.mm-wwd{display:grid;grid-template-columns:262px minmax(0,1fr);gap:10px}
.mm-offers{display:flex;flex-direction:column;gap:4px}
.nav .mm .mm-o{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:12px;border-radius:12px;text-decoration:none;color:var(--ink);transition:background-color .15s,box-shadow .15s}
.nav .mm .mm-o:hover{background:var(--surface)}
.mm-o .imark{width:40px;height:40px;border-radius:11px}
.mm-o .imark svg{width:20px;height:20px}
.mm-o b{display:block;font:600 15px var(--head);letter-spacing:-.015em;color:var(--ink)}
.mm-o small{display:block;font-size:12.5px;line-height:1.4;color:var(--muted);margin-top:1px}
.mm-o>svg.i{width:16px;height:16px;color:var(--faint);transition:transform .2s,color .2s}
.nav .mm .mm-o.on{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.mm-o.on>svg.i{color:var(--accent-text);transform:translateX(3px)}
.mm-panes{position:relative;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);padding:14px 14px 12px}
.mm-pane{display:none;flex-direction:column;gap:10px;height:100%}
.mm-pane.on{display:flex;animation:paneIn .22s ease}
@keyframes paneIn{from{opacity:0;transform:translateX(-4px)}}
.mm-pane .mm-lab{color:var(--accent-text)}
.mm-pane .mm-engs{grid-template-columns:repeat(2,minmax(0,1fr))}
.nav .mm .mm-pane .mm-eng{background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2)}
.nav .mm .mm-pane .mm-eng:hover{box-shadow:inset 0 0 0 1px var(--accent-line)}
.mm-pane .mm-engs{gap:6px}
.nav .mm .mm-more{margin-top:auto;font-size:13.5px;font-weight:600;color:var(--ink)}
@media (prefers-reduced-motion:reduce){.mm-pane.on{animation:none}}
/* industries menu: every industry gets the same tile */
.mm-inds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.nav .mm .mm-ind{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:9px 8px;border-radius:10px;text-decoration:none;color:var(--ink)}
.nav .mm .mm-ind:hover{background:var(--surface)}
.mm-ind .imark.sm{width:30px;height:30px}
.mm-ind b{display:block;font-size:13.5px;font-weight:600;line-height:1.3;color:var(--ink)}
.mm-ind small{display:block;font-size:12px;line-height:1.35;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* industries overview: every industry the same size */
.igrid.eq{grid-template-columns:repeat(3,minmax(0,1fr))}
.igrid.eq .icard,.igrid.eq .icard:nth-child(-n+2){grid-column:auto}
.igrid.eq .icard.ic-cta{grid-column:span 2;color:#fff;background-color:var(--con);background-image:var(--dk-img);background-size:var(--dk-size);box-shadow:inset 0 0 0 1px var(--con-line)}
.icard.ic-cta h3{color:#fff}
.icard.ic-cta p{color:rgba(220,230,245,.78)}
.icard.ic-cta .kicker{color:#94BEEB}
.icard.ic-cta .more{color:#9BC9FA}
@media (max-width:960px){.igrid.eq{grid-template-columns:repeat(2,minmax(0,1fr))}.igrid.eq .icard.ic-cta{grid-column:span 2}}
@media (max-width:620px){.igrid.eq{grid-template-columns:minmax(0,1fr)}.igrid.eq .icard.ic-cta{grid-column:auto}}
.icard.ic-cta .more{margin-top:auto;font-weight:600;font-size:14.5px;display:inline-flex;align-items:center;gap:6px}
.icard.ic-cta .more svg.i{width:16px;height:16px}
.team{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1080px){.team{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.team{grid-template-columns:minmax(0,1fr)}}
.mm{width:min(1010px,calc(100vw - 32px))}
.mm-pane .mm-eng .mm-ic img{width:18px;height:18px}
.nav .mm .mm-pane .mm-eng{padding:9px 10px;line-height:1.35}

/* ---------- v9: launch checklist ---------- */
/* consent banner */
.ck{position:fixed;left:16px;bottom:16px;z-index:70;width:min(420px,calc(100vw - 32px));background:var(--card);color:var(--ink);border-radius:14px;padding:16px 16px 14px;box-shadow:inset 0 0 0 1px var(--line),0 18px 40px -12px rgba(10,22,64,.28);display:grid;gap:12px;opacity:0;transform:translateY(12px);transition:opacity .22s,transform .22s}
.ck.open{opacity:1;transform:none}
.ck p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.ck p b{display:block;color:var(--ink);font-family:var(--display);font-size:15px;margin-bottom:2px}
.ck p a{color:var(--ink);text-underline-offset:3px}
.ck-b{display:flex;gap:8px;justify-content:flex-end}
.ck-b .btn{padding:9px 16px}
@media (max-width:560px){.ck{left:12px;right:12px;bottom:12px;width:auto}.ck-b .btn{flex:1}}
@media (prefers-reduced-motion:reduce){.ck{transition:none}}
.lg-btn{background:none;border:0;padding:0;font:inherit;color:var(--muted);cursor:pointer}
.lg-btn:hover{color:var(--ink)}
/* privacy line under forms */
.f-priv{margin:6px 0 0;font-size:12.5px;color:var(--muted)}
.f-priv a{color:inherit;text-underline-offset:3px}
.f-priv a:hover{color:var(--ink)}
.band .f-priv{color:rgba(225,234,250,.62)}
.band .f-priv a:hover{color:#fff}
.lf-done~.f-priv,.cf-done~.f-priv{display:none}
/* busy button while a form sends */
.btn.is-busy{position:relative;color:transparent!important;pointer-events:none}
.btn.is-busy>*{visibility:hidden}
.btn.is-busy::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite}
.btn-ghost.is-busy::after{border-color:var(--line);border-top-color:var(--ink)}
@media (prefers-reduced-motion:reduce){.btn.is-busy::after{animation:none;border-top-color:rgba(255,255,255,.35);border-right-color:#fff}}
form[aria-busy="true"] input,form[aria-busy="true"] textarea{opacity:.7}
/* photo placeholders while images load */
.av-p,.tq figcaption img,.calm-h img{background:var(--surface-2,#EEF2F8)}
/* case study hero CTA */
.csh-cta{margin:20px 0 4px}
/* mobile: keep Book a call in the top bar */
@media (max-width:760px){
  .tb-cta{display:inline-flex;padding:8px 12px;font-size:13.5px;border-radius:9px;margin-right:2px}
  .tb-cta svg{display:none}
}
@media (max-width:370px){.tb-cta{padding:7px 10px;font-size:13px}}
.btn-accent.is-busy::after{border-color:rgba(6,16,31,.22);border-top-color:#06101F}
/* no all-caps eyebrows */
.pill{text-transform:none;letter-spacing:-.005em;font-size:13.5px}

/* spam trap: hidden from people, filled in by bots */
.hpot{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
form.lf,form.cf{position:relative}

.gc-step{font-size:13px;font-weight:600;color:var(--accent-text);font-variant-numeric:tabular-nums}
.gcd.sw-b{animation:riseB .45s cubic-bezier(.2,.8,.2,1)}
@keyframes riseB{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.gcd.sw-b{animation:none}}
/* growth curve, stacked mode (phones and short screens) */
.gc-stack .gc-chart{position:sticky;top:calc(var(--top) + 8px);z-index:4;padding:12px 14px 6px}
.gc-stack .gc-plot{height:150px}
.gc-stack .gc-cards{display:flex;flex-direction:column;gap:12px}
.gc-stack .gcd[hidden]{display:grid}
.gc-stack .gcd{opacity:.45;transition:opacity .35s}
.gc-stack .gcd.cur{opacity:1}
@media (prefers-reduced-motion:reduce){.gc-stack .gcd{transition:none}}
/* v7: the chart stays pinned on every screen, with one card under it that crossfades between steps */
.gc-wrap{height:300vh}
.gc-sticky{position:sticky;top:calc(var(--top) + 12px)}
.gc-cards{display:grid}
.gcd{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}
.gcd.on{opacity:1;visibility:visible;transition:opacity .45s ease .22s,visibility 0s}
.gcd.sw,.gcd.sw-b{animation:none}
@media (max-width:760px){
  .gc-chart{padding:12px 14px 6px;border-radius:18px}
  .gc-plot{height:150px}
  .gc-sticky{top:calc(var(--top) + 6px);gap:10px}
  .gcd{grid-template-columns:minmax(0,1fr);gap:8px;padding:16px 18px;border-radius:18px}
  .gcd h3{font-size:21px;margin-top:6px}
  .gcd .sc-lead{font-size:14px}
  .gcd .sc-tools{display:none}
  .gcd li{font-size:13.5px;padding-bottom:5px}
}
@media (min-width:761px) and (max-height:780px){
  .gc-plot{height:170px}
  .gc-sticky{top:calc(var(--top) + 6px);gap:10px}
  .gcd{padding:18px 24px}
  .gcd h3{margin-top:6px;font-size:24px}
  .gcd li{font-size:14px;padding-bottom:6px}
  .gcd .sc-tools{margin-top:10px}
}
@media (prefers-reduced-motion:reduce){.gcd,.gcd.on{transition:none}}