/* MotiveGTM, What We Do pillar pages (Growth, Discoverability, Brand Activation). Loads after base.css. */

.pillar-growth{--pillar:#A3C420;--pillar-hi:#BFE335;--pillar-soft:rgba(163,196,32,.16);--pillar-rgb:163,196,32}
.pillar-disc{--pillar:#4DA3FF;--pillar-hi:#7FBDFF;--pillar-soft:rgba(77,163,255,.16);--pillar-rgb:77,163,255}
.pillar-brand{--pillar:#3DD6C4;--pillar-hi:#6EE8DA;--pillar-soft:rgba(61,214,196,.16);--pillar-rgb:61,214,196}
.eyebrow.pillar::before{background:var(--pillar)}

/* ---------- Hero ---------- */
.phero{position:relative;display:flex;align-items:flex-end;min-height:min(64vh,620px);padding:calc(var(--nav-h) + 72px) 0 56px;overflow:hidden}
.phero::before{content:"";position:absolute;left:-10%;top:-30%;width:70%;height:140%;background:radial-gradient(ellipse 50% 55% at 40% 45%,var(--pillar-soft) 0%,transparent 70%);pointer-events:none}
.phero-copy{position:relative;max-width:780px}
.phero h1{font-size:clamp(38px,4.6vw,66px);line-height:1.04;font-weight:500;letter-spacing:-.026em;max-width:16ch;text-wrap:balance}
.phero-sub{margin-top:24px;font-size:clamp(17px,1.35vw,20px);line-height:1.5;color:var(--text-secondary);max-width:58ch;text-wrap:pretty}
.phero-cta{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}
.js .phero-copy>*{animation:heroIn .9s var(--ease-out) both}
.js .phero-copy>:nth-child(2){animation-delay:.08s}
.js .phero-copy>:nth-child(3){animation-delay:.2s}
.js .phero-copy>:nth-child(4){animation-delay:.32s}
@keyframes heroIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---------- Shared section layout ---------- */
.split-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,6vw,96px);align-items:center}
.split-grid.flip{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.split-grid.flip .copy{order:2}
.copy h2{max-width:16ch}
.copy .lead{margin-top:20px}
.copy .lead.after{margin-top:28px;padding-top:26px;border-top:1px solid var(--hairline);color:var(--text-primary)}
.sec-head{max-width:820px}
.sec-head .lead{margin-top:20px;max-width:64ch}
.wide{margin-top:clamp(28px,3vw,44px)}
.after-wide{margin-top:clamp(32px,3.5vw,48px);max-width:64ch;font-size:clamp(17px,1.3vw,18px);line-height:1.55;color:var(--text-primary);text-wrap:pretty}
.vis{position:relative;padding:clamp(22px,2.6vw,36px);border:1px solid var(--border-strong);border-radius:16px;background:rgba(15,35,73,.86);box-shadow:0 34px 90px -44px rgba(var(--pillar-rgb),.5)}
.vis figcaption{margin-top:22px;padding-top:16px;border-top:1px solid var(--hairline);font-size:13px;line-height:1.5;color:var(--text-muted);text-wrap:pretty}
.vis-title{display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap;margin-bottom:20px;font-family:var(--font-sans);font-size:13.5px;letter-spacing:0;color:var(--text-muted);font-weight:500}
.vis-title b{font-weight:500;color:var(--text-secondary)}
@media (max-width:900px){
  .split-grid,.split-grid.flip{grid-template-columns:1fr}
  .split-grid.flip .copy{order:0}
}

/* ---------- Services ---------- */
.sec-services{background:rgba(6,11,26,.55);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.services-head h2{max-width:20ch}
.svc-grid{margin-top:clamp(28px,3vw,44px);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.svc{display:flex;flex-direction:column;padding:26px 24px 28px;border:1px solid var(--hairline);border-radius:12px;background:rgba(15,35,73,.85);transition:border-color .2s var(--ease-out),background-color .2s var(--ease-out),transform .2s var(--ease-out)}
.svc:hover{border-color:var(--border-strong);background:var(--panel-hover);transform:translateY(-2px)}
.svc-num{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--pillar-hi)}
.svc h3{margin-top:26px}
.svc p{margin-top:10px;font-size:15px;line-height:1.5;color:var(--text-secondary);text-wrap:pretty}

/* ---------- Start where you are ---------- */
.sec-start{border-top:1px solid var(--hairline)}
.sec-start .lead{margin-top:20px;max-width:72ch;font-size:clamp(17px,1.35vw,19px)}
.sec-start .lead a{color:#fff;text-decoration:none;background:linear-gradient(var(--pillar),var(--pillar)) 0 100%/100% 1px no-repeat;padding-bottom:2px;transition:color .2s var(--ease-out),background-size .2s var(--ease-out)}
.sec-start .lead a:hover{color:var(--pillar-hi);background-size:100% 2px}
.seg-chips{margin-top:32px;display:flex;flex-wrap:wrap;gap:10px}
.seg-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--border-input);border-radius:999px;font-size:14px;font-weight:500;color:var(--text-primary);text-decoration:none;transition:color .2s var(--ease-out),border-color .2s var(--ease-out)}
.seg-chip:hover{color:var(--pillar-hi);border-color:var(--pillar)}
.start-cta{margin-top:clamp(28px,3vw,44px)}

/* ============================================================
   GTM Engineering visual 1: the engine, layer by layer
   Signals and data at the bottom, AI automation, the channels, pipeline at the top.
   A pulse climbs the conduit and lights each layer as it passes. Each layer opens a pop-up.
   ============================================================ */
.engine-stage{position:relative;padding-left:30px}
.eng-conduit{position:absolute;left:9px;top:var(--ct,20px);bottom:var(--cb,20px);width:2px;border-radius:1px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.22) 0 4px,transparent 4px 9px);background-size:2px 9px;animation:conduitUp 1s linear infinite}
@keyframes conduitUp{to{background-position:0 -9px}}
.eng-pulse{position:absolute;left:50%;top:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#BFE335;box-shadow:0 0 0 4px rgba(191,227,53,.22),0 0 18px rgba(191,227,53,.8);opacity:0;will-change:transform}
.eng-layers{display:grid;gap:10px}
.eng-layer{position:relative;--lc:rgb(var(--lc-rgb))}
.eng-layer::before{content:"";position:absolute;left:-26px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#0A1530;border:1.5px solid rgba(var(--lc-rgb),.7);transition:background-color .3s var(--ease-out),box-shadow .3s var(--ease-out)}
.eng-layer::after{content:"";position:absolute;left:-16px;top:50%;width:16px;height:1px;background:rgba(var(--lc-rgb),.45)}
.eng-layer.lit::before,.eng-layer.on::before{background:var(--lc);box-shadow:0 0 0 4px rgba(var(--lc-rgb),.2)}
.eng-pipe{--lc-rgb:191,227,53}
.eng-chan{--lc-rgb:110,232,218}
.eng-ai{--lc-rgb:127,189,255}
.eng-sig{--lc-rgb:242,184,75}
.eng-btn{display:grid;grid-template-columns:156px minmax(0,1fr) auto;align-items:center;gap:10px 14px;width:100%;padding:12px 14px;border:1px solid rgba(var(--lc-rgb),.3);border-radius:12px;background:linear-gradient(90deg,rgba(var(--lc-rgb),.1),rgba(6,11,26,.35) 70%);color:#fff;text-align:left;cursor:pointer;transition:border-color .25s var(--ease-out),background-color .25s var(--ease-out),transform .25s var(--ease-out)}
.eng-btn:hover,.eng-layer.on .eng-btn{border-color:rgba(var(--lc-rgb),.85);transform:translateX(3px)}
.eng-btn:focus-visible{outline:2px solid var(--lc);outline-offset:3px}
.eng-name{font-family:var(--font-sans);font-size:13.5px;line-height:1.3;letter-spacing:0;color:var(--lc);font-weight:500}
.eng-chips{display:flex;flex-wrap:wrap;gap:5px}
.eng-chip{padding:3px 9px;border:1px solid var(--hairline);border-radius:999px;background:rgba(6,11,26,.4);font-size:12.5px;line-height:1.35;color:var(--text-secondary);white-space:nowrap;transition:border-color .35s var(--ease-out),background-color .35s var(--ease-out),color .35s var(--ease-out);transition-delay:0s}
.eng-layer.lit .eng-chip{border-color:rgba(var(--lc-rgb),.7);background:rgba(var(--lc-rgb),.14);color:#fff;transition-delay:calc(var(--c,0) * 45ms)}
.eng-pipe .eng-chip{font-weight:500}
.eng-plus{position:relative;flex:none;width:22px;height:22px;border-radius:50%;border:1px solid rgba(var(--lc-rgb),.5);transition:transform .25s var(--ease-out),background-color .25s var(--ease-out)}
.eng-plus::before,.eng-plus::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:1.5px;margin:-.75px 0 0 -4.5px;background:var(--lc)}
.eng-plus::after{transform:rotate(90deg)}
.eng-layer.on .eng-plus{transform:rotate(45deg);background:rgba(var(--lc-rgb),.16)}
.eng-pop{position:absolute;z-index:4;pointer-events:none;left:30px;right:0;top:0;margin-inline:auto;max-width:400px;padding:14px 16px 16px;border:1px solid rgb(var(--lc-rgb));border-radius:12px;background:#0F2349;box-shadow:0 0 0 4px rgba(6,11,26,.6),0 26px 60px -18px rgba(6,11,26,.95),0 0 36px -12px rgba(var(--lc-rgb),.7);animation:engPop .22s var(--ease-out)}
@keyframes engPop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.eng-pop-title{display:flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:13.5px;letter-spacing:0;color:rgb(var(--lc-rgb));font-weight:500}
.eng-pop-title::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.eng-pop p+p{margin-top:8px;font-size:14.5px;line-height:1.55;color:#fff;text-wrap:pretty}
@media (max-width:560px){
  .engine-stage{padding-left:24px}
  .eng-conduit{left:6px}
  .eng-layer::before{left:-22px}
  .eng-layer::after{left:-12px;width:12px}
  .eng-btn{grid-template-columns:minmax(0,1fr) auto;padding:11px 12px}
  .eng-name{grid-column:1;grid-row:1}
  .eng-plus{grid-column:2;grid-row:1}
  .eng-chips{grid-column:1/-1;grid-row:2}
  .eng-pop{left:24px}
}

/* ============================================================
   GTM Engineering visual 2: the self-check
   Questions on the left. Each "That's us" lights a dot on its engine layer in the panel on the
   right, which names where to start and carries the answers into the booking form.
   ============================================================ */
.check-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;align-items:start}
.check-kicker,.cp-kicker{font-family:var(--font-sans);font-size:13.5px;letter-spacing:0;color:var(--text-muted);font-weight:500}
.ck-list{display:grid;gap:6px;margin-top:14px}
.ck{border:1px solid var(--hairline);border-radius:12px;background:rgba(6,11,26,.45);transition:border-color .3s var(--ease-out),background-color .3s var(--ease-out)}
.ck:hover{border-color:var(--border-strong)}
.ck.yes{border-color:rgba(var(--lc-rgb),.7);background:linear-gradient(90deg,rgba(var(--lc-rgb),.12),rgba(6,11,26,.5) 75%)}
.ck-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;padding:10px 12px 10px 16px;border:0;border-radius:12px;background:transparent;color:#fff;text-align:left;cursor:pointer}
.ck-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ck-q{font-size:14.5px;line-height:1.4;font-weight:500;text-wrap:pretty}
.ck-toggle{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border:1px solid var(--border-input);border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;transition:background-color .2s var(--ease-out),border-color .2s var(--ease-out),color .2s var(--ease-out)}
.ck-row:hover .ck-toggle{border-color:var(--accent);color:var(--accent-hover)}
.t-on{display:none}
.ck.yes .t-off{display:none}
.ck.yes .t-on{display:inline}
.ck.yes .ck-toggle{border-color:rgb(var(--lc-rgb));background:rgb(var(--lc-rgb));color:var(--ink)}
.ck.yes .ck-toggle::before{content:"";width:9px;height:5px;margin-top:-3px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
.ck-change{display:none;padding:0 16px 14px;font-size:14px;line-height:1.5;color:var(--text-secondary);text-wrap:pretty}
.ck-change b{display:inline-flex;align-items:center;gap:7px;margin-right:8px;font-family:var(--font-sans);font-size:13.5px;font-weight:500;letter-spacing:0;color:rgb(var(--lc-rgb))}
.ck.yes .ck-change{display:block;animation:engPop .3s var(--ease-out)}

.check-panel{position:sticky;top:calc(var(--nav-h) + 20px);padding:18px 18px 20px;border:1px solid var(--border-strong);border-radius:14px;background:#0B1A3A;box-shadow:0 26px 60px -30px rgba(6,11,26,.9)}
.cp-summary{margin-top:10px;font-size:16px;line-height:1.45;font-weight:500;color:#fff;text-wrap:pretty}
.cp-summary em{font-style:normal;color:rgb(var(--lc-rgb,191,227,53))}
.cp-layers{display:grid;gap:6px;margin-top:16px}
.cp-layer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(var(--lc-rgb),.22);border-radius:10px;background:rgba(6,11,26,.35);transition:border-color .3s var(--ease-out),background-color .3s var(--ease-out),opacity .3s var(--ease-out)}
.cp-name{font-family:var(--font-sans);font-size:13.5px;letter-spacing:0;color:rgb(var(--lc-rgb));font-weight:500}
.cp-dots{display:flex;gap:5px}
.cp-dots i{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(var(--lc-rgb),.5);transition:background-color .3s var(--ease-out),box-shadow .3s var(--ease-out),transform .3s var(--ease-out)}
.cp-dots i.on{background:rgb(var(--lc-rgb));border-color:rgb(var(--lc-rgb));box-shadow:0 0 0 3px rgba(var(--lc-rgb),.2);transform:scale(1.1)}
.check-panel.has-answers .cp-layer:not(.has){opacity:.55}
.cp-layer.top{border-color:rgb(var(--lc-rgb));background:linear-gradient(90deg,rgba(var(--lc-rgb),.18),rgba(6,11,26,.35))}
.cp-rec{margin-top:16px;padding-top:16px;border-top:1px solid var(--hairline)}
.cp-rec:not([hidden]){animation:engPop .3s var(--ease-out)}
.cp-rec-kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:13.5px;letter-spacing:0;color:rgb(var(--lc-rgb));font-weight:500}
.cp-rec-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.cp-rec-title{margin-top:6px;font-size:19px;line-height:1.3;font-weight:500;letter-spacing:-.01em;color:#fff}
.cp-rec-text{margin-top:6px;font-size:14px;line-height:1.55;color:var(--text-secondary);text-wrap:pretty}
.cp-cta{margin-top:16px;width:100%}
.cp-note{margin-top:8px;font-size:12.5px;color:var(--text-muted);text-align:center}
.check-peek{position:fixed;left:12px;right:12px;bottom:12px;z-index:40;display:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 16px;border:1px solid rgba(var(--lc-rgb,191,227,53),.8);border-radius:14px;background:#0B1A3A;box-shadow:0 20px 50px -10px rgba(6,11,26,.95);color:#fff;font-size:14px;text-align:left;cursor:pointer}
.check-peek .peek-text{min-width:0}
.check-peek .peek-text em{font-style:normal;color:rgb(var(--lc-rgb,191,227,53))}
.check-peek .peek-go{flex:none;padding:8px 12px;border-radius:10px;background:var(--accent);color:var(--ink);font-size:13px;font-weight:600;white-space:nowrap}
@media (max-width:900px){
  .check-layout{grid-template-columns:1fr}
  .check-panel{position:static}
  .check-peek.show:not([hidden]){display:flex;animation:engPop .25s var(--ease-out)}
}
@media (max-width:560px){
  .ck-row{grid-template-columns:1fr;gap:10px;padding:13px 14px}
  .ck-toggle{justify-self:start}
  .ck-change{padding:0 14px 14px}
}

/* ============================================================
   Discoverability visual 1: two paths
   ============================================================ */
.paths-stage{position:relative;aspect-ratio:640/360;max-width:640px;margin-inline:auto}
.paths-canvas{position:absolute;inset:0;width:100%;height:100%}
.pl{position:absolute;font-family:var(--font-sans);font-size:13.5px;letter-spacing:0;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;font-weight:500}
.pl::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pl-search{left:2%;top:8%;color:#7FBDFF}
.pl-ai{right:2%;top:8%;color:#6EE8DA;flex-direction:row-reverse}
.pl-brand{left:50%;top:84%;transform:translateX(-50%);color:var(--accent-hover)}
@media (max-width:600px){.pl{font-size:12.5px;letter-spacing:0}}

/* ============================================================
   Discoverability visual 2: anatomy of a citation
   An AI answer quotes one sentence. Lines run from that citation to the four signals on the source
   page and around the web that earned it. The signals step through on their own until someone picks one.
   ============================================================ */
.cite [data-sig="1"]{--sc:191,227,53}
.cite [data-sig="2"]{--sc:110,232,218}
.cite [data-sig="3"]{--sc:127,189,255}
.cite [data-sig="4"]{--sc:242,184,75}
.cite-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:72px;align-items:center}
.cite-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}
.cite-lines path{fill:none;stroke:rgb(var(--sc));stroke-width:1.25;opacity:.22;transition:opacity .35s var(--ease-out),stroke-width .35s var(--ease-out)}
.cite-lines path.on{opacity:1;stroke-width:2;stroke-dasharray:6 6;animation:citeFlow 1s linear infinite}
.cite-lines circle{fill:rgb(var(--sc));opacity:.35;transition:opacity .35s var(--ease-out)}
.cite-lines circle.on{opacity:1}
@keyframes citeFlow{to{stroke-dashoffset:-12}}
.cite-answer,.cite-page,.cite-others{position:relative;z-index:1}
.cite-answer{padding:18px 18px 16px;border:1px solid rgba(191,227,53,.45);border-radius:14px;background:#0B1A3A;box-shadow:0 24px 60px -30px rgba(163,196,32,.5)}
.ca-label{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:13.5px;letter-spacing:0;color:var(--accent-hover);font-weight:500}
.ca-label::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.ca-q{margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.06);font-size:14px;line-height:1.45;color:#fff}
.ca-text{margin-top:14px;font-size:15px;line-height:1.6;color:var(--text-secondary)}
.ca-cited{background:linear-gradient(transparent 58%,rgba(163,196,32,.35) 58%);color:#fff;padding:0 1px}
.ca-ref{margin-left:2px;font-family:var(--font-mono);font-size:10px;color:var(--accent-hover)}
.ca-src{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--hairline);font-family:var(--font-mono);font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ca-src span{display:inline-grid;place-items:center;flex:none;width:18px;height:18px;border-radius:50%;background:rgba(163,196,32,.2);color:var(--accent-hover);font-size:10px}
.cite-sources{display:grid;gap:14px}
.cite-page{border:1px solid var(--border-strong);border-radius:12px;background:#F5F3EC;overflow:hidden}
.cpg-bar{display:flex;align-items:center;gap:5px;padding:8px 10px;background:#E4E1D8}
.cpg-bar i{width:8px;height:8px;border-radius:50%;background:#C9C6BD}
.cpg-bar span{margin-left:8px;font-family:var(--font-mono);font-size:10.5px;color:#5B6478;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpg-body{display:grid;gap:9px;padding:14px 16px 16px}
.cpg-h1{font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-.01em;color:#0A1530}
.cpg-lede{padding:6px 8px;margin:0 -8px;font-size:13.5px;line-height:1.5;color:#1B2744}
.cpg-lines{display:grid;gap:5px}
.cpg-lines i{height:5px;border-radius:3px;background:#DAD7CE}
.cpg-lines i:nth-child(3){width:64%}
.cpg-faq{display:grid;gap:5px;padding:8px;margin:0 -8px}
.cpg-faq p{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #DAD7CE;border-radius:6px;background:#fff;font-size:12.5px;line-height:1.3;color:#1B2744}
.cpg-faq b{font-family:var(--font-mono);font-size:10px;color:#5B6478}
.cpg-schema{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;margin:0 -8px}
.cpg-schema code{padding:3px 7px;border-radius:5px;background:#0A1530;font-family:var(--font-mono);font-size:11px;color:#7FBDFF}
.cpg-schema span{font-family:var(--font-sans);font-size:13.5px;letter-spacing:0;color:#5B6478;font-weight:500}
.cite-others{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;margin:-8px}
.cite-others p{padding:10px 12px;border:1px solid var(--hairline);border-radius:10px;background:rgba(6,11,26,.45);font-size:13px;line-height:1.4;color:#fff}
.cite-others b{display:block;margin-bottom:3px;font-family:var(--font-sans);font-size:13.5px;font-weight:500;letter-spacing:0;color:var(--text-muted)}
.tgt{border-radius:8px;outline:1.5px solid transparent;outline-offset:0;transition:outline-color .35s var(--ease-out),box-shadow .35s var(--ease-out),background-color .35s var(--ease-out)}
.tgt.on{outline-color:rgb(var(--sc));box-shadow:0 0 0 5px rgba(var(--sc),.18)}
.cpg-lede.on{background:rgba(163,196,32,.18)}
.cite-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;padding-top:18px;border-top:1px solid var(--hairline)}
.cl{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 14px 0 12px;border:1px solid rgba(var(--sc),.35);border-radius:999px;background:transparent;font-size:13.5px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:border-color .25s var(--ease-out),background-color .25s var(--ease-out),color .25s var(--ease-out)}
.cl i{width:9px;height:9px;border-radius:50%;background:rgb(var(--sc))}
.cl:hover,.cl[aria-pressed="true"]{border-color:rgb(var(--sc));background:rgba(var(--sc),.14);color:#fff}
.cite-why{min-height:48px;margin-top:12px;font-size:15px;line-height:1.55;color:#fff;text-wrap:pretty}
.cite-why.swap{animation:engPop .3s var(--ease-out)}
@media (max-width:900px){
  .cite-stage{grid-template-columns:1fr;gap:20px}
  .cite-lines{display:none}
}
@media (max-width:560px){
  .cite-others{grid-template-columns:1fr}
  .cite-why{min-height:72px}
}

/* ============================================================
   Brand Activation visual 1: "Name the brand without its logo"
   Six rounds. Clues reveal one at a time: colors, a shape or detail, the way the brand talks.
   Fewer clues means more points. No logos are drawn.
   ============================================================ */
.switch{display:inline-flex;align-items:center;gap:10px;padding:6px 8px 6px 14px;border:1px solid var(--border-strong);border-radius:999px;background:transparent;font-family:var(--font-sans);font-size:13.5px;letter-spacing:0;color:var(--text-secondary);cursor:pointer;font-weight:500}
.switch i{position:relative;width:38px;height:22px;border-radius:999px;background:rgba(255,255,255,.14);transition:background-color .24s var(--ease-out)}
.switch i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .24s var(--ease-out)}
.switch[aria-checked="true"] i{background:var(--pillar)}
.switch[aria-checked="true"] i::after{transform:translateX(16px)}
.bgame [hidden]{display:none!important}
.bg-results{padding:16px 18px;border:1px solid rgba(var(--pillar-rgb),.45);border-radius:14px;background:rgba(15,35,73,.9)}
.bg-results-title{font-size:13px;font-weight:500;color:var(--pillar-hi)}
.bg-results ol{display:grid;gap:6px;margin-top:12px}
.bg-results li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:rgba(6,11,26,.4);font-size:15px;color:#fff;animation:engPop .35s var(--ease-out) both;animation-delay:calc(var(--k,0) * 70ms)}
.bg-results .sw{display:flex;gap:3px;width:48px}
.bg-results .sw i{width:14px;height:22px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.bg-results small{display:block;font-size:13px;color:var(--text-muted)}
.bg-results .pts{font-family:var(--font-mono);font-size:14px;color:var(--pillar-hi)}
.bg-results .pts.zero{color:rgba(255,122,107,.85)}
.bg-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px}
.bg-kicker{font-size:13px;font-weight:500;color:var(--text-muted)}
.bg-title{margin-top:4px;font-size:22px;line-height:1.25;font-weight:500;letter-spacing:-.012em;color:#fff}
.bg-intro{margin-top:6px;max-width:62ch;font-size:14.5px;line-height:1.5;color:var(--text-secondary);text-wrap:pretty}
.bg-score{min-width:120px;padding:10px 16px;border:1px solid var(--hairline);border-radius:12px;background:rgba(6,11,26,.45);text-align:right}
.bg-score b{display:block;font-family:var(--font-mono);font-size:26px;line-height:1.1;font-weight:500;font-variant-numeric:tabular-nums;color:var(--pillar-hi)}
.bg-score span{font-size:12.5px;color:var(--text-muted)}
.bg-score.bump b{animation:bgBump .45s var(--ease-out)}
@keyframes bgBump{40%{transform:scale(1.18)}}
.bg-body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px;margin-top:18px}
.bg-board{display:grid;grid-template-rows:auto auto auto;gap:10px}
.bg-clue{position:relative;min-height:112px;padding:14px 16px;border:1px dashed rgba(255,255,255,.16);border-radius:14px;background:rgba(6,11,26,.35);transition:border-color .35s var(--ease-out),background-color .35s var(--ease-out)}
.bg-clue-label{font-size:13px;font-weight:500;color:var(--text-muted)}
.bg-clue-content{margin-top:10px}
.bg-clue:not(.open) .bg-clue-content::before{content:"Locked";display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:rgba(255,255,255,.3)}
.bg-clue.open{border-style:solid;border-color:rgba(var(--pillar-rgb),.45);background:rgba(15,35,73,.9)}
.bg-clue.open .bg-clue-label{color:var(--pillar-hi)}
.bg-clue.open .bg-clue-content>*{animation:engPop .4s var(--ease-out) both}
.bg-swatches{display:flex;gap:8px;height:56px}
.bg-swatches i{flex:1;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transform-origin:0 50%;animation:bgSwatch .55s var(--ease-out) both;animation-delay:calc(var(--k,0) * 110ms)}
@keyframes bgSwatch{from{transform:scaleX(0);opacity:0}to{transform:none;opacity:1}}
.bg-shape{font-size:17px;line-height:1.45;font-weight:500;color:#fff;text-wrap:pretty}
.bg-voice{position:relative;padding-left:16px;border-left:2px solid var(--pillar);font-size:17px;line-height:1.45;font-style:italic;color:#fff;text-wrap:pretty}
.bg-progress{display:flex;gap:6px}
.bg-progress i{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.12);transition:background-color .3s var(--ease-out)}
.bg-progress i.done{background:var(--pillar)}
.bg-progress i.miss{background:rgba(255,122,107,.7)}
.bg-progress i.now{background:rgba(255,255,255,.55)}
.bg-q{margin-top:14px;font-size:17px;line-height:1.35;font-weight:500;color:#fff}
.bg-q b{font-weight:500}
.bg-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.bg-opt{min-height:52px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:12px;background:rgba(6,11,26,.45);font-size:15px;font-weight:500;color:#fff;text-align:center;cursor:pointer;transition:border-color .2s var(--ease-out),background-color .2s var(--ease-out),opacity .3s var(--ease-out),transform .2s var(--ease-out)}
.bg-opt:hover:not([disabled]){border-color:var(--pillar);background:rgba(var(--pillar-rgb),.1)}
.bg-opt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.bg-opt[disabled]{cursor:default}
.bg-opt.wrong{border-color:rgba(255,122,107,.6);color:rgba(255,255,255,.45);text-decoration:line-through;animation:bgShake .35s var(--ease-out)}
.bg-opt.right{border-color:var(--accent);background:var(--accent);color:var(--ink)}
.bg-opt.reveal{border-color:rgba(191,227,53,.7);color:var(--accent-hover)}
.bg-options.done .bg-opt:not(.right):not(.reveal){opacity:.35}
@keyframes bgShake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.bg-feedback{min-height:44px;margin-top:12px;font-size:14.5px;line-height:1.5;color:var(--text-secondary);text-wrap:pretty}
.bg-feedback b{font-weight:500;color:#fff}
.bg-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.bg-end-kicker{font-size:13px;color:var(--text-muted)}
.bg-end-title{margin-top:4px;font-size:22px;line-height:1.3;font-weight:500;color:#fff}
.bg-end-text{margin-top:8px;font-size:15px;line-height:1.55;color:var(--text-secondary);text-wrap:pretty}
.bg-end-point{margin-top:14px;padding:12px 14px;border-left:2px solid var(--pillar);background:rgba(var(--pillar-rgb),.08);border-radius:0 10px 10px 0;font-size:15.5px;line-height:1.5;font-weight:500;color:#fff;text-wrap:pretty}
.bg-end-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.bg-end:not([hidden]){animation:engPop .35s var(--ease-out)}
@media (max-width:900px){
  .bg-body{grid-template-columns:1fr}
  .bg-clue{min-height:0}
  .bg-clue:not(.open){padding-block:10px}
  .bg-clue:not(.open) .bg-clue-content{display:none}
  .bg-clue:not(.open) .bg-clue-label::after{content:" · locked";color:rgba(255,255,255,.3)}
}
@media (max-width:560px){
  .bg-score{min-width:0;text-align:left}
  .bg-options{grid-template-columns:1fr}
  .bg-shape,.bg-voice{font-size:16px}
}

/* ============================================================
   Brand visual 2: the split
   ============================================================ */
.split-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}
.split-col{padding:clamp(20px,2.4vw,28px);border:1px solid var(--hairline);border-radius:12px;background:rgba(6,11,26,.5)}
.split-col h3{display:flex;align-items:center;gap:10px;font-size:13.5px;font-family:var(--font-sans);letter-spacing:0;font-weight:500}
.split-col h3::before{content:"";width:8px;height:8px;border-radius:50%}
.split-generic h3{color:var(--coral)}
.split-generic h3::before{background:var(--coral)}
.split-sharp h3{color:var(--accent-hover)}
.split-sharp h3::before{background:var(--accent)}
.split-sharp{border-color:rgba(163,196,32,.55);box-shadow:0 30px 70px -36px rgba(163,196,32,.5)}
.split-text{margin-top:16px;font-size:16px;line-height:1.65;color:var(--text-secondary)}
.split-claim{margin-top:16px;font-size:clamp(18px,1.6vw,21px);line-height:1.35;font-weight:500;color:#fff;text-wrap:pretty}
.split-proof{margin-top:16px;display:grid;gap:8px}
.split-proof li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;font-size:15px;line-height:1.5;color:var(--text-secondary)}
.split-proof li b{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;color:var(--accent-hover);padding-top:4px}
.words{margin-top:18px;padding-top:14px;border-top:1px solid var(--hairline);display:grid;gap:8px;font-size:12.5px;color:var(--text-muted)}
.words span{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.words em{font-style:normal;padding:3px 8px;border-radius:999px;border:1px solid var(--hairline);color:var(--text-secondary)}
.words .use em{border-color:rgba(163,196,32,.5);color:var(--accent-hover)}
.words .avoid em{border-color:rgba(255,122,107,.5);color:var(--coral);text-decoration:line-through}
.hl{border-radius:3px;padding:0 2px;transition:background-color .4s var(--ease-out),color .4s var(--ease-out)}
.hl.vague{background:rgba(255,122,107,.24);color:#fff}
.hl.sharp{background:rgba(163,196,32,.24);color:#fff}
.split[data-hl="off"] .hl{background:transparent;color:inherit}
.split-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:20px}
@media (max-width:760px){.split-cols{grid-template-columns:1fr}}

/* ============================================================
   Discoverability: founder branding section and the "Six weeks as Priya" game
   ============================================================ */
.founder-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:20px clamp(40px,6vw,96px);align-items:end}
.founder-head h2{max-width:15ch}
.founder-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:clamp(24px,2.6vw,36px) 0 clamp(28px,3vw,44px)}
.founder-points li{padding:4px 0 4px 16px;border-left:2px solid var(--pillar)}
.founder-points b{display:block;font-size:16px;font-weight:500;color:#fff}
.founder-points span{display:block;margin-top:4px;font-size:14.5px;line-height:1.5;color:var(--text-secondary);text-wrap:pretty}
.fg-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px}
.fg-kicker{font-size:13px;font-weight:500;color:var(--text-muted)}
.fg-title{margin-top:4px;font-size:22px;line-height:1.25;font-weight:500;letter-spacing:-.012em;color:#fff}
.fg-intro{margin-top:6px;max-width:60ch;font-size:14.5px;line-height:1.5;color:var(--text-secondary);text-wrap:pretty}
.fg-meters{display:flex;gap:10px}
.fg-meter{min-width:170px;padding:10px 14px;border:1px solid var(--hairline);border-radius:12px;background:rgba(6,11,26,.45)}
.fg-meter>b{display:block;font-family:var(--font-mono);font-size:24px;line-height:1.1;font-weight:500;font-variant-numeric:tabular-nums;color:#fff}
.fg-meter>span{display:block;margin-top:3px;font-size:12.5px;color:var(--text-muted)}
.fg-trust-top{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;color:var(--text-muted)}
.fg-trust-top b{font-family:var(--font-mono);font-size:15px;font-weight:500;color:#fff}
.fg-trust{height:6px;margin-top:10px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.fg-trust i{display:block;height:100%;width:calc(var(--t,40) * 1%);border-radius:3px;background:rgb(var(--tc,242,184,75));transition:width .6s var(--ease-out),background-color .6s var(--ease-out)}
.fg-body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px;margin-top:18px}
.fg-stage{position:relative;min-height:440px;border:1px solid var(--hairline);border-radius:14px;background:radial-gradient(ellipse at 50% 50%,rgba(77,163,255,.1),rgba(6,11,26,.6) 70%);overflow:hidden}
.fg-canvas{position:absolute;inset:0;width:100%;height:100%}
.fg-legend{position:absolute;left:14px;bottom:12px;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--text-muted)}
.fg-legend li{display:flex;align-items:center;gap:6px}
.fg-legend li::before{content:"";width:8px;height:8px;border-radius:50%}
.k-fin::before{background:#7FBDFF}
.k-fou::before{background:#6EE8DA}
.k-inv::before{background:#F2B84B}
.fg-float{position:absolute;left:50%;top:14px;max-width:calc(100% - 28px);padding:6px 14px;border:1px solid rgba(191,227,53,.6);border-radius:999px;background:#0B1A3A;font-size:13.5px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translate(-50%,-6px);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out);pointer-events:none}
.fg-float.show{opacity:1;transform:translate(-50%,0)}
.fg-float.bad{border-color:rgba(255,122,107,.7)}
.fg-play{display:flex;flex-direction:column;gap:16px}
.fg-week{font-size:13px;color:var(--text-muted)}
.fg-week b{font-weight:500;color:#fff}
.fg-prompt{margin-top:2px;font-size:18px;line-height:1.3;font-weight:500;color:#fff}
.fg-cards{display:grid;gap:8px;margin-top:12px}
.fg-card{display:block;width:100%;padding:11px 14px;border:1px solid var(--hairline);border-radius:12px;background:rgba(6,11,26,.45);color:#fff;text-align:left;cursor:pointer;transition:border-color .2s var(--ease-out),background-color .2s var(--ease-out),opacity .3s var(--ease-out),transform .2s var(--ease-out)}
.fg-card:hover:not([disabled]){border-color:rgba(127,189,255,.7);background:rgba(77,163,255,.08);transform:translateX(2px)}
.fg-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.fg-card b{display:block;font-size:12.5px;font-weight:500;color:#7FBDFF}
.fg-card span{display:block;margin-top:3px;font-size:14.5px;line-height:1.4;text-wrap:pretty}
.fg-card[disabled]{cursor:default}
.fg-card[disabled]:not(.picked){opacity:.3}
.fg-card.picked{border-color:rgba(191,227,53,.75);background:rgba(163,196,32,.1)}
.fg-card.picked.corp{border-color:rgba(255,122,107,.7);background:rgba(255,122,107,.08)}
.fg-card.enter{animation:engPop .35s var(--ease-out) both;animation-delay:calc(var(--i,0) * 60ms)}
.fg-reaction{min-height:22px;margin-top:10px;font-size:14.5px;line-height:1.5;color:var(--text-secondary);text-wrap:pretty}
.fg-reaction b{font-weight:500;color:#fff}
.fg-reaction .soft{display:block;margin-top:4px;font-size:13px;color:var(--text-muted)}
.fg-reaction .fg-next{display:flex;width:max-content;margin-top:12px}
.fg-miles{padding-top:14px;border-top:1px solid var(--hairline)}
.fg-miles-title{font-size:13px;color:var(--text-muted)}
.fg-miles ul{display:grid;gap:6px;margin-top:8px}
.fg-miles li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-muted);transition:color .3s var(--ease-out)}
.fg-miles li i{position:relative;flex:none;width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);transition:background-color .3s var(--ease-out),border-color .3s var(--ease-out)}
.fg-miles li.on{color:#fff}
.fg-miles li.on i{background:var(--accent);border-color:var(--accent)}
.fg-miles li.on i::after{content:"";position:absolute;left:4px;top:3.5px;width:6px;height:3.5px;border-left:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(-45deg)}
.fg-miles li.just{animation:engPop .45s var(--ease-out)}
.fg-end-kicker{font-size:13px;color:var(--text-muted)}
.fg-end-title{margin-top:4px;font-size:20px;line-height:1.3;font-weight:500;color:#fff;text-wrap:pretty}
.fg-end-text{margin-top:8px;font-size:15px;line-height:1.55;color:var(--text-secondary);text-wrap:pretty}
.fg-end-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.fg-end:not([hidden]){animation:engPop .35s var(--ease-out)}
@media (max-width:900px){
  .founder-head{grid-template-columns:1fr}
  .founder-points{grid-template-columns:1fr}
  .fg-body{grid-template-columns:1fr}
  .fg-stage{min-height:300px}
}
@media (max-width:560px){
  .fg-meters{width:100%}
  .fg-meter{flex:1;min-width:0}
  .fg-meter>b{font-size:20px}
  .fg-legend{font-size:11.5px}
}

/* ============================================================
   Who We Help pages: Start-ups, SMBs, IT Services & B2B Tech
   ============================================================ */
.seg-startups{--pillar:#F2B84B;--pillar-hi:#F7CD7A;--pillar-soft:rgba(242,184,75,.16);--pillar-rgb:242,184,75}
.seg-smb{--pillar:#3DD6C4;--pillar-hi:#6EE8DA;--pillar-soft:rgba(61,214,196,.16);--pillar-rgb:61,214,196}
.seg-it{--pillar:#A78BFA;--pillar-hi:#C4B5FD;--pillar-soft:rgba(167,139,250,.16);--pillar-rgb:167,139,250}
.sit-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px clamp(40px,6vw,96px);align-items:start}
.sit-grid h2{font-size:clamp(28px,3vw,38px)}
.sit-grid .lead{margin-top:16px;max-width:52ch}
.why-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:20px clamp(40px,6vw,96px);align-items:start}
.why-text{padding-left:22px;border-left:2px solid var(--pillar);font-size:clamp(19px,1.7vw,24px);line-height:1.45;font-weight:500;letter-spacing:-.01em;color:#fff;text-wrap:pretty}
.svc-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.svc-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.svc-cta{justify-content:flex-end;gap:10px;background:transparent;border-style:dashed}
.svc-cta:hover{background:transparent;transform:none}
.svc-cta-q{font-size:clamp(19px,1.7vw,22px);line-height:1.25;font-weight:500;color:#fff}
.svc-cta p:not(.svc-cta-q){font-size:15px;line-height:1.5;color:var(--text-secondary)}
.svc-cta .link{align-self:flex-start;margin-top:6px;font-weight:500}
.sec-services .start-cta{display:flex;justify-content:center}
@media (max-width:1100px){.svc-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .sit-grid,.why-grid{grid-template-columns:1fr}
  .svc-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){.svc-grid.cols-3,.svc-grid.cols-4{grid-template-columns:1fr}}

/* Shared header and two-way toggle for these visuals */
.vx-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 24px;margin-bottom:16px}
.vx-kicker{font-size:13px;font-weight:500;color:var(--text-muted)}
.vx-title{margin-top:2px;font-size:21px;line-height:1.25;font-weight:500;letter-spacing:-.012em;color:#fff}
.vt{display:inline-flex;padding:4px;border:1px solid var(--border-strong);border-radius:999px;background:rgba(6,11,26,.5)}
.vt-btn{height:38px;padding:0 16px;border:0;border-radius:999px;background:transparent;font-size:13.5px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background-color .25s var(--ease-out),color .25s var(--ease-out)}
.vt-btn:hover{color:#fff}
.vt-btn[data-mode="off"][aria-pressed="true"]{background:rgba(255,122,107,.22);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,122,107,.6)}
.vt-btn[data-mode="on"][aria-pressed="true"]{background:var(--pillar);color:var(--ink)}
.vx-caption{min-height:48px;margin-top:14px;font-size:15.5px;line-height:1.5;color:#fff;text-wrap:pretty}
.vx-caption.swap{animation:engPop .35s var(--ease-out)}
@media (max-width:560px){.vt{display:flex;width:100%}.vt-btn{flex:1;padding:0 8px;font-size:13px}}

/* Why startups stall (Start-ups) */
.st-body{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px 28px;align-items:center}
.st-wheel{position:relative}
.st-svg{display:block;width:100%;height:auto}
.st-svg .st-seg{fill:none;stroke-width:18;stroke:rgba(255,122,107,.55);transition:stroke .45s var(--ease-out),stroke-width .3s var(--ease-out)}
.st-svg .st-seg.hot{stroke-width:26}
.st-state{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}
.st-state span{display:block;font-size:11.5px;color:var(--text-muted)}
.st-state b{display:block;font-size:14px;font-weight:500;color:#FF9A8E;transition:color .4s var(--ease-out)}
.stall[data-state="building"] .st-state b{color:var(--pillar-hi)}
.stall[data-state="compounding"] .st-state b{color:#BFE335}
.st-rows{display:grid;gap:4px}
.st-btn{display:grid;grid-template-columns:auto 200px minmax(0,1fr);align-items:baseline;gap:4px 12px;width:100%;padding:9px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#fff;text-align:left;cursor:default;transition:border-color .25s var(--ease-out),background-color .25s var(--ease-out)}
.st-row.hot .st-btn{border-color:var(--hairline);background:rgba(6,11,26,.45)}
.st-dot{width:9px;height:9px;border-radius:50%;background:#FF7A6B;transform:translateY(-1px);transition:background-color .35s var(--ease-out),box-shadow .35s var(--ease-out)}
.st-row.fixed .st-dot{background:var(--pillar);box-shadow:0 0 0 4px rgba(var(--pillar-rgb),.2)}
.st-name{display:grid;font-size:14.5px;font-weight:500;line-height:1.35}
.st-bad,.st-good{grid-area:1/1;align-self:start}
.st-bad{position:relative;justify-self:start;transition:opacity .3s var(--ease-out) .35s,color .2s var(--ease-out)}
.st-bad::after{content:"";position:absolute;left:0;top:55%;height:1.5px;width:100%;background:#FF7A6B;transform:scaleX(0);transform-origin:0 50%;transition:transform .3s var(--ease-out)}
.st-good{opacity:0;transform:translateY(6px);color:var(--pillar-hi);transition:opacity .35s var(--ease-out),transform .35s var(--ease-out)}
.st-row.fixed .st-bad{opacity:0;color:var(--text-muted)}
.st-row.fixed .st-bad::after{transform:scaleX(1)}
.st-row.fixed .st-good{opacity:1;transform:none;transition-delay:.55s}
.st-row:not(.fixed) .st-bad{transition-delay:0s}
.st-text{display:grid;font-size:14px;line-height:1.45;color:var(--text-secondary)}
.st-prob,.st-fix{grid-area:1/1;transition:opacity .35s var(--ease-out),transform .35s var(--ease-out)}
.st-fix{opacity:0;transform:translateY(6px);color:#fff}
.st-row.fixed .st-prob{opacity:0;transform:translateY(-6px)}
.st-row.fixed .st-fix{opacity:1;transform:none}
@media (max-width:1000px){.st-btn{grid-template-columns:auto minmax(0,1fr)}.st-text{grid-column:2}}
@media (max-width:640px){
  .st-body{grid-template-columns:1fr;gap:12px}
  .st-wheel{width:160px;margin-inline:auto}
  .st-btn{padding:7px 8px;gap:2px 10px}
  .st-name{font-size:14px}
  .st-text{font-size:13.5px}
}

/* Customer love, put to work (SMBs) */
.lv-heads{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:0 10px;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--text-muted)}
.lv-rows{display:grid;gap:8px}
.lv-row{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:stretch;gap:0 10px;min-height:88px;cursor:pointer;border-radius:12px;outline-offset:3px}
.lv-row.enter{animation:lvIn .5s var(--ease-out)}
@keyframes lvIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.lv-say,.lv-is{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 14px;border:1px solid var(--hairline);border-radius:12px;background:rgba(6,11,26,.45);transition:border-color .35s var(--ease-out),background-color .35s var(--ease-out),opacity .8s var(--ease-out),box-shadow .35s var(--ease-out)}
.lv-src{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:#F2B84B}
.lv-src::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.lv-text{font-size:14px;line-height:1.45;color:#fff;text-wrap:pretty}
.lv-row.glow .lv-say{border-color:rgba(242,184,75,.7);box-shadow:0 0 0 4px rgba(242,184,75,.12)}
.lv-row.faded .lv-say{opacity:.38}
.lv-link{position:relative;align-self:center;height:2px;border-radius:1px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 5px,transparent 5px 10px)}
.lv-link::after{content:"";position:absolute;right:-2px;top:-4px;border-left:7px solid rgba(255,255,255,.25);border-top:5px solid transparent;border-bottom:5px solid transparent}
.lv-link i{position:absolute;left:0;top:-4px;width:10px;height:10px;border-radius:50%;background:rgb(var(--rc));box-shadow:0 0 12px rgb(var(--rc));opacity:0}
.lv-row.captured .lv-link{background:rgba(var(--rc),.55)}
.lv-row.captured .lv-link::after{border-left-color:rgb(var(--rc))}
.lv-row.sending .lv-link i{animation:lvPulse .7s var(--ease-out)}
@keyframes lvPulse{0%{left:0;opacity:1}100%{left:calc(100% - 10px);opacity:1}}
.lv-is{border-style:dashed}
.lv-is .lv-ch{display:inline-flex;align-self:flex-start;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(var(--rc),.18);color:rgb(var(--rc))}
.lv-ghost{font-size:13.5px;color:rgba(255,255,255,.32)}
.lv-row:not(.captured) .lv-is .lv-ch,.lv-row:not(.captured) .lv-is .lv-text{display:none}
.lv-row.captured .lv-ghost{display:none}
.lv-row.captured .lv-is{border-style:solid;border-color:rgba(var(--rc),.55);background:linear-gradient(90deg,rgba(var(--rc),.1),rgba(6,11,26,.5) 70%)}
.lv-row.captured .lv-is>*{animation:engPop .4s var(--ease-out) both}
.lv-row.pinned .lv-say,.lv-row.pinned .lv-is{border-color:#fff}
.lv-row.pinned .lv-say{opacity:1}
.lv-hint{margin-top:8px;font-size:12.5px;color:var(--text-muted)}
@media (max-width:760px){
  .lv-heads{display:none}
  .lv-row{grid-template-columns:1fr;grid-template-rows:auto 26px auto}
  .lv-link{justify-self:center;width:2px;height:22px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.18) 0 5px,transparent 5px 10px)}
  .lv-link::after{right:auto;left:-4px;top:auto;bottom:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid rgba(255,255,255,.25);border-bottom:0}
  .lv-row.captured .lv-link{background:rgba(var(--rc),.55)}
  .lv-row.captured .lv-link::after{border-left-color:transparent;border-top-color:rgb(var(--rc))}
  .lv-link i{left:-4px;top:0}
  .lv-row.sending .lv-link i{animation:lvPulseV .7s var(--ease-out)}
  .lv-rows .lv-row:nth-child(n+3){display:none}
}
@keyframes lvPulseV{0%{top:0;opacity:1}100%{top:calc(100% - 10px);opacity:1}}

/* Under siege, evenly defended (IT services) */
.siege-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px clamp(32px,5vw,72px);align-items:center}
.sg-list{display:grid;gap:6px;margin-top:20px}
.sg-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text-secondary);font-size:15px;line-height:1.5;text-align:left;cursor:pointer;transition:border-color .2s var(--ease-out),background-color .2s var(--ease-out),color .2s var(--ease-out)}
.sg-item:hover,.sg-item.on{border-color:rgba(var(--pillar-rgb),.5);background:rgba(var(--pillar-rgb),.08);color:#fff}
.sg-n{display:inline-grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:50%;border:1px solid rgba(var(--pillar-rgb),.6);font-size:12.5px;font-weight:500;color:var(--pillar-hi)}
.sg-item.on .sg-n{background:var(--pillar);color:var(--ink)}
.sg-stage{position:relative;border:1px solid var(--hairline);border-radius:14px;background:radial-gradient(circle at 50% 50%,rgba(var(--pillar-rgb),.1),rgba(6,11,26,.55) 60%)}
.sg-svg{display:block;width:100%;height:auto}
.sg-svg .sg-lab{font:500 13px Geist,"Helvetica Neue",Arial,sans-serif;fill:rgba(255,255,255,.62)}
.sg-svg .sg-lab.on{fill:#fff}
.sg-svg .sg-num{font:500 12px Geist,"Helvetica Neue",Arial,sans-serif;fill:var(--ink);text-anchor:middle;dominant-baseline:central}
.sg-svg .sg-seglab{font:500 11px Geist,"Helvetica Neue",Arial,sans-serif;fill:rgba(255,255,255,.75)}
@media (max-width:900px){.siege-grid{grid-template-columns:1fr}}

/* ============================================================
   About and Contact
   ============================================================ */
.ab-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px clamp(40px,6vw,96px);align-items:start}
.ab-split h2{max-width:18ch}
.ab-prose{display:grid;gap:14px}
.ab-prose p{font-size:clamp(17px,1.3vw,18px);line-height:1.6;color:var(--text-secondary);text-wrap:pretty}
.ab-prose p:first-child{color:#fff}
.ab-ai{align-items:center}
.ab-ai .ab-prose{margin-top:20px}
.ab-tagline{font-size:clamp(40px,4.6vw,64px);line-height:1.05}
.ab-head{max-width:760px}
.ab-head .lead{margin-top:18px;max-width:62ch}
.ab-head .ab-prose{margin-top:18px;max-width:62ch}
.ab-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(28px,3vw,44px)}
.ab-stage a{display:flex;flex-direction:column;gap:8px;height:100%;padding:22px 22px 20px;border:1px solid var(--hairline);border-radius:12px;background:rgba(15,35,73,.85);text-decoration:none;transition:border-color .2s var(--ease-out),background-color .2s var(--ease-out),transform .2s var(--ease-out)}
.ab-stage a:hover{border-color:var(--border-strong);background:var(--panel-hover);transform:translateY(-2px)}
.ab-stage-kicker{font-size:13px;font-weight:500;color:var(--pillar-hi)}
.ab-stage b{font-size:clamp(18px,1.6vw,21px);line-height:1.3;font-weight:500;color:#fff;text-wrap:balance}
.ab-stage-text{flex:1;font-size:15px;line-height:1.5;color:var(--text-secondary)}
.ab-stage-text strong{font-weight:500;color:#fff}
/* Cards without a heading line need the kicker to carry a little more weight. */
.ab-born-stages .ab-stage-kicker{font-size:14px;margin-bottom:2px}
.ab-born-stages .ab-stage-text{font-size:16px;line-height:1.6}
.ab-stage-link{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;font-weight:500;color:#fff}
.ab-stage a:hover .ab-stage-link{color:var(--accent-hover)}
.ab-born-title{margin-top:clamp(36px,4vw,56px);margin-bottom:clamp(-8px,0vw,0px);font-size:clamp(20px,1.8vw,23px);font-weight:500;letter-spacing:-.014em;color:#fff}

.ab-beliefs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 24px;margin-top:clamp(28px,3vw,44px)}
.ab-beliefs li{padding:4px 0 4px 16px;border-left:2px solid var(--pillar)}
.ab-beliefs b{display:block;font-size:17px;font-weight:500;color:#fff}
.ab-beliefs span{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:var(--text-secondary);text-wrap:pretty}
@media (max-width:1000px){.ab-beliefs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.ab-split{grid-template-columns:1fr}.ab-stages{grid-template-columns:1fr}}
@media (max-width:560px){.ab-beliefs{grid-template-columns:1fr}}

/* Where AI works, and where people do */
.aidial .vx-top{margin-bottom:10px}
.ai-legend{display:flex;justify-content:space-between;margin-bottom:6px;font-size:12.5px;font-weight:500}
.lg-ai{color:#7FBDFF}
.lg-people{color:var(--accent-hover)}
.ai-rows{display:grid;gap:6px}
.ai-row{padding:10px 12px;border:1px solid transparent;border-radius:10px;cursor:default;outline-offset:2px;transition:border-color .25s var(--ease-out),background-color .25s var(--ease-out)}
.ai-row:hover,.ai-row:focus-visible,.ai-row.on{border-color:var(--hairline);background:rgba(6,11,26,.45)}
.ai-row-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.ai-task{font-size:15px;font-weight:500;color:#fff}
.ai-who{font-size:12.5px;color:var(--text-muted);white-space:nowrap}
.ai-bar{position:relative;height:8px;margin-top:8px;border-radius:4px;background:linear-gradient(90deg,rgba(127,189,255,.18),rgba(191,227,53,.18));overflow:visible}
.ai-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:4px 0 0 4px;background:linear-gradient(90deg,#4DA3FF,#7FBDFF);transition:width 1s var(--ease-out);transition-delay:calc(var(--i,0) * 140ms)}
.ai-mark{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#0B1A3A;border:2px solid #fff;transition:left 1s var(--ease-out);transition-delay:calc(var(--i,0) * 140ms)}
.aidial.in .ai-fill{width:calc(var(--ai) * 1%)}
.aidial.in .ai-mark{left:calc(var(--ai) * 1%)}
.ai-row[style*="--ai:0"] .ai-mark{border-color:var(--accent-hover)}
.ai-why{max-height:0;overflow:hidden;font-size:13.5px;line-height:1.5;color:var(--text-secondary);opacity:0;transition:max-height .35s var(--ease-out),opacity .3s var(--ease-out),margin .35s var(--ease-out)}
.ai-row:hover .ai-why,.ai-row:focus-visible .ai-why,.ai-row.on .ai-why{max-height:80px;margin-top:8px;opacity:1}
.ai-foot{margin-top:10px;font-size:12.5px;color:var(--text-muted)}

/* Contact */
.page-contact .phero{min-height:0;padding-bottom:24px}
.sec-contact{padding-top:clamp(24px,3vw,40px)}
.contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:28px clamp(40px,6vw,96px);align-items:start}
.contact-side h2{font-size:clamp(26px,2.6vw,34px)}
.next-steps{position:relative;display:grid;gap:22px;margin-top:22px;padding-left:4px}
.next-steps::before{content:"";position:absolute;left:10px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--pillar),rgba(var(--pillar-rgb),.1))}
.next-steps li{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr);gap:16px}
.ns-dot{position:relative;width:14px;height:14px;margin-top:4px;border-radius:50%;background:#0A1530;border:2px solid var(--pillar)}
.js .next-steps li .ns-dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid var(--pillar);opacity:0;animation:nsPing 3.6s var(--ease-out) infinite;animation-delay:calc(var(--i,0) * 1.2s)}
@keyframes nsPing{0%{transform:scale(.6);opacity:.9}35%,100%{transform:scale(1.4);opacity:0}}
.next-steps b{display:block;font-size:17px;font-weight:500;color:#fff}
.next-steps p{margin-top:4px;font-size:15px;line-height:1.5;color:var(--text-secondary);text-wrap:pretty}
.contact-note{margin-top:26px;padding:14px 16px;border:1px solid var(--hairline);border-radius:12px;background:rgba(6,11,26,.4);font-size:14.5px;line-height:1.5;color:var(--text-secondary)}
.contact-note a{color:#fff;text-decoration:none;background:linear-gradient(var(--pillar),var(--pillar)) 0 100%/100% 1px no-repeat;padding-bottom:2px;transition:color .2s var(--ease-out),background-size .2s var(--ease-out)}
.contact-note a:hover{color:var(--pillar-hi);background-size:100% 2px}
.contact-mail{margin-top:10px}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cf-set{margin:0;padding:0;border:0;min-width:0}
.cf-set legend{margin-bottom:8px;padding:0;font-size:14px;font-weight:500;color:var(--text-secondary)}
.cf-set legend span{font-weight:400;color:var(--text-muted)}
.cf-chips{display:flex;flex-wrap:wrap;gap:8px}
.cf-chip{position:relative;cursor:pointer}
.cf-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.cf-chip span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--border-input);border-radius:999px;font-size:14px;color:var(--text-secondary);transition:background-color .2s var(--ease-out),border-color .2s var(--ease-out),color .2s var(--ease-out)}
.cf-chip:hover span{border-color:#fff;color:#fff}
.cf-chip input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--ink);font-weight:500}
.cf-chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.is-sent .cf-row,.is-sent .cf-set{display:none}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
@media (max-width:560px){.cf-row{grid-template-columns:1fr}}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  .js .phero-copy>*{animation:none}
  .eng-conduit{animation:none}
  .ai-fill,.ai-mark{transition:none}
  .aidial .ai-fill{width:calc(var(--ai) * 1%)}
  .aidial .ai-mark{left:calc(var(--ai) * 1%)}
  .js .next-steps li .ns-dot::after{animation:none}
  .vx-caption.swap{animation:none}
  .st-bad,.st-bad::after,.st-good{transition:none!important}
  .lv-row.enter,.lv-row.sending .lv-link i,.lv-row.captured .lv-is>*{animation:none}
  .bg-results li,.bg-swatches i,.bg-clue.open .bg-clue-content>*,.bg-opt.wrong,.bg-score.bump b,.bg-end:not([hidden]){animation:none}
  .fg-card.enter,.fg-miles li.just,.fg-end:not([hidden]){animation:none}
  .ck.yes .ck-change,.cp-rec:not([hidden]){animation:none}
  .eng-pulse{display:none}
  .cite-lines path.on{animation:none;stroke-dasharray:none}
}

/* ---------- Booking calendar (Google appointment schedule) ---------- */
.sec-cal .lead{max-width:60ch}
.cal-frame{margin-top:clamp(24px,2.6vw,36px);padding:10px;border:1px solid var(--border-strong);border-radius:16px;background:#fff;box-shadow:0 34px 90px -44px rgba(var(--pillar-rgb),.5);overflow:hidden}
.cal-frame iframe{display:block;width:100%;height:760px;border:0;border-radius:8px;background:#fff}
.cal-frame .meetings-iframe-container{min-height:680px}
.cal-frame .meetings-iframe-container iframe{height:auto;min-height:680px}
.cal-alt{margin-top:14px;font-size:14.5px;color:var(--text-muted)}
.cal-alt a{color:var(--text-secondary);text-decoration:none;border-bottom:1px solid rgba(var(--pillar-rgb),.6)}
.cal-alt a:hover{color:#fff}
@media (max-width:760px){
  .cal-frame{padding:6px;border-radius:12px}
  .cal-frame iframe{height:840px}
}

/* ---------- Jump the noise: the 404 arcade ---------- */
.arc{position:relative;max-width:720px;border:1px solid var(--border-strong);border-radius:14px;background:rgba(6,11,26,.55);overflow:hidden}
.arc-canvas{display:block;width:100%;height:auto;image-rendering:pixelated}
.arc-hud{position:absolute;left:14px;top:12px;display:flex;gap:16px;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.08em;color:var(--text-muted)}
.arc-hud b{color:var(--pillar-hi);font-weight:500}
.arc-best[hidden]{display:none}
.arc-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  background:rgba(6,11,26,.72);text-align:center;padding:20px}
.arc[data-state="run"] .arc-overlay{display:none}
.arc-msg{font-size:clamp(16px,1.5vw,19px);line-height:1.4;color:#fff;max-width:36ch;text-wrap:pretty}
.arc-msg b{color:var(--pillar-hi);font-weight:500}
/* The office address sits with the other contact notes, not in the browser's default italic. */
.contact-addr{font-style:normal;margin-top:10px;line-height:1.6}
/* The brand game is long, so it stays folded away until someone chooses to play it. */
.bg-fold{margin-top:18px}
.bg-fold>summary{list-style:none;width:fit-content}
.bg-fold>summary::-webkit-details-marker{display:none}
.bg-fold>summary:hover{border-color:var(--text-secondary)}
.bg-fold .bg-sum-close,.bg-fold[open] .bg-sum-open{display:none}
.bg-fold[open] .bg-sum-close{display:inline}