/* ---------- document-mode parity ----------
   The approved preview had no <!doctype>, so browsers drew it in quirks mode. This site uses a doctype
   (standards mode), which Lenis smooth scrolling needs. These rules reproduce the few quirks-mode
   differences so every page renders exactly like the approved design:
   - the browser's quirks-mode defaults for forms, tables and text inputs (HTML spec, rendering section;
     Chromium also gives tables the <body> text colour), at zero specificity so any other rule still wins,
     just like a browser default;
   - at the end of this file: lines whose only content is one inline element are sized by that element. */
:where(form){margin-block-end:1em}
:where(table){font-weight:initial;font-style:initial;font-variant:initial;font-size:initial;line-height:initial;white-space:initial;text-align:initial;color:var(--ink)}
:where(input:not([type=image i]),textarea){box-sizing:border-box}

/* Layout: alternating Night / Paper / Haze bands like the brand boards; 1200px editorial grid, mascot bleeds off band edges. Single committed look (brand surfaces), no theme switching. */
:root{
  --ink:#0B0C0F; --night:#080A0D; --night-2:#101218; --graphite:#6B6E76; --paper:#F4F3EF; --paper-2:#FBFBFA; --line:#D9D8D2;
  --signal:#2350FB; --signal-hi:#5874FF; --signal-lo:#1A2FCF; --haze:#C7CEF4; --white:#FFFFFF; --mute-d:#9A9DA6;
  --font:"Schibsted Grotesk", "Helvetica Neue", Arial, system-ui, sans-serif;
  --ease:cubic-bezier(.22,1,.36,1); --ease-io:cubic-bezier(.65,0,.35,1);
  --wrap:1200px; --r:22px;
  --noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .5  0 0 0 0 .5  0 0 0 2.2 -.6'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  color-scheme:light;
}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--night)}
a{color:inherit}
img{max-width:100%;display:block}
button,input,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--signal-hi);outline-offset:3px;border-radius:6px}
::selection{background:var(--signal);color:#fff}

/* ---------- primitives ---------- */
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
@media (max-width:600px){.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}
.band{position:relative;isolation:isolate;overflow:clip}
.band>.wrap{padding-block:clamp(72px,10vw,132px)}
.grain::after{content:"";position:absolute;inset:0;background-image:var(--noise);background-size:180px;opacity:.22;mix-blend-mode:overlay;pointer-events:none;z-index:1}
.band>*{position:relative;z-index:2}
.s-night{background:var(--night);color:var(--white)}
.s-glow{background:radial-gradient(60% 70% at 78% 30%,rgba(35,80,251,.55),rgba(35,80,251,0) 70%),var(--night);color:#fff}
.s-paper{background:linear-gradient(180deg,#F8F8F4,#FBFBFA 60%,#F4F4F2)}
.s-signal{background:linear-gradient(135deg,#5874FF 0%,#2E4BF5 55%,#1A2FCF 100%);color:#fff}
.s-deep{background:radial-gradient(80% 90% at 20% 0%,rgba(88,116,255,.7),rgba(26,47,207,.25) 45%,rgba(8,10,13,0) 75%),var(--night);color:#fff}

.eyebrow{font-size:11.5px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:8px 14px 8px 12px;border-radius:999px;border:1px solid rgba(11,12,15,.14);background:rgba(255,255,255,.55);backdrop-filter:blur(8px)}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8EA0FF,#2350FB 60%,#1A2FCF);box-shadow:0 0 8px rgba(35,80,251,.6)}
.s-night .eyebrow,.s-glow .eyebrow,.s-deep .eyebrow,.s-signal .eyebrow{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06)}
.s-signal .eyebrow::before{background:#fff;box-shadow:none}
h1,h2,h3{font-weight:800;letter-spacing:-.035em;line-height:.98;margin:0;text-wrap:balance}
.d1{font-size:clamp(44px,7.4vw,104px);font-weight:900}
.d2{font-size:clamp(36px,5.2vw,72px)}
.d3{font-size:clamp(26px,3vw,40px)}
.key{color:var(--signal)}
.s-night .key,.s-glow .key,.s-deep .key{color:var(--signal-hi)}
.lede{font-size:clamp(18px,1.6vw,21px);line-height:1.5;max-width:60ch;margin:0}
.muted{color:var(--graphite)}
.s-night .muted,.s-glow .muted,.s-deep .muted{color:var(--mute-d)}
.s-signal .muted{color:rgba(255,255,255,.78)}
p{margin:0}
.stack{display:flex;flex-direction:column;gap:20px}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* buttons */
.btn{--bg:var(--signal);--fg:#fff;position:relative;display:inline-flex;align-items:center;gap:12px;padding:16px 26px;border-radius:999px;background:var(--bg);color:var(--fg);border:0;text-decoration:none;font-weight:600;font-size:15px;letter-spacing:.01em;cursor:pointer;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease);will-change:transform;white-space:nowrap}
.btn::before{content:"";position:absolute;inset:0;background:radial-gradient(120px 80px at var(--mx,50%) var(--my,50%),rgba(255,255,255,.35),transparent 70%);opacity:0;transition:opacity .4s}
.btn:hover::before{opacity:1}
.btn:hover{box-shadow:0 14px 40px -12px rgba(35,80,251,.65)}
.btn .arr{transition:transform .5s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}
.btn.paper{--bg:var(--paper-2);--fg:var(--ink)}
.btn.paper:hover{box-shadow:0 14px 40px -12px rgba(0,0,0,.35)}
.btn.ink{--bg:var(--ink);--fg:#fff}
.btn.ghost{--bg:transparent;--fg:currentColor;box-shadow:inset 0 0 0 1.5px currentColor}
.btn.ghost:hover{box-shadow:inset 0 0 0 1.5px currentColor,0 14px 40px -16px rgba(0,0,0,.3)}
.btn.sm{padding:11px 18px;font-size:13px}
.link{display:inline-flex;gap:8px;align-items:center;font-weight:600;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px;transition:gap .4s var(--ease),color .3s}
.link:hover{gap:14px;color:var(--signal)}
.s-night .link:hover,.s-glow .link:hover,.s-deep .link:hover{color:var(--signal-hi)}

/* draft notes */

/* ---------- nav ---------- */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;transition:transform .6s var(--ease)}
.nav.up{transform:translateY(-110%)}
.nav-in{margin:12px auto 0;max-width:calc(var(--wrap) - 24px);width:calc(100% - 24px);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 10px 10px 18px;border-radius:999px;background:rgba(10,12,16,.62);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px -30px rgba(0,0,0,.6)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;letter-spacing:.32em;font-size:14px}
.brand img{width:40px;height:auto;mix-blend-mode:screen;transition:transform .8s var(--ease)}
.brand:hover img{transform:translateX(3px) scale(1.06)}
.nav-links{display:flex;gap:2px;position:relative}
.nav-links a{position:relative;z-index:1;text-decoration:none;font-size:13px;letter-spacing:.06em;padding:9px 13px;border-radius:999px;color:rgba(255,255,255,.78);transition:color .3s}
.nav-links a:hover,.nav-links a.on{color:#fff}
.nav-pill{position:absolute;top:0;height:100%;border-radius:999px;background:rgba(255,255,255,.1);transition:left .55s var(--ease),width .55s var(--ease),opacity .3s;opacity:0}
.nav-free{font-size:13px;font-weight:600;text-decoration:none;padding:10px 16px;border-radius:999px;color:#fff;background:linear-gradient(135deg,rgba(154,168,238,.28),rgba(35,80,251,.18));border:1px solid rgba(154,168,238,.35);transition:background .4s,border-color .4s}
.nav-free:hover{background:linear-gradient(135deg,rgba(154,168,238,.42),rgba(35,80,251,.3));border-color:rgba(154,168,238,.7)}
.burger{display:none;background:none;border:0;width:44px;height:44px;border-radius:50%;cursor:pointer;position:relative}
.burger span{position:absolute;left:13px;right:13px;height:1.5px;background:#fff;transition:transform .5s var(--ease),top .5s var(--ease)}
.burger span:nth-child(1){top:18px}.burger span:nth-child(2){top:25px}
.menu-open .burger span:nth-child(1){top:21.5px;transform:rotate(45deg)}
.menu-open .burger span:nth-child(2){top:21.5px;transform:rotate(-45deg)}
.mmenu{position:fixed;inset:0;z-index:45;background:var(--night);color:#fff;padding:110px max(24px,env(safe-area-inset-left,0px)) 40px max(24px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:6px;clip-path:circle(0% at calc(100% - 44px) 40px);transition:clip-path .9s var(--ease-io);pointer-events:none}
.menu-open .mmenu{clip-path:circle(150% at calc(100% - 44px) 40px);pointer-events:auto}
.mmenu a{font-size:34px;font-weight:800;letter-spacing:-.03em;text-decoration:none;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .7s var(--ease)}
.menu-open .mmenu a{opacity:1;transform:none}
.mmenu .btn{margin-top:24px;font-size:16px;align-self:flex-start}
@media (max-width:980px){.nav-links{display:none}.burger{display:block}}
.progress{position:fixed;left:0;top:env(safe-area-inset-top,0px);height:2px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--signal-hi),var(--signal));z-index:55}

/* ---------- views ---------- */
.view{display:block}
main{margin-top:-74px}

/* ---------- hero ---------- */
.hero{background:#080A0D;color:#fff}
.hero-bg{position:absolute;inset:0;z-index:0!important;overflow:hidden}
.hero-bg img{position:absolute;right:-7%;bottom:0;height:min(100%,880px);width:auto;max-width:none;transform-origin:70% 40%;will-change:transform;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%);mask-image:linear-gradient(90deg,transparent 0%,#000 22%)}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080A0D 0%,rgba(8,10,13,.7) 30%,rgba(8,10,13,0) 48%),linear-gradient(0deg,#080A0D 0%,rgba(8,10,13,0) 18%),linear-gradient(180deg,#080A0D 0%,#080A0D 14%,rgba(8,10,13,0) 34%)}
.hero .eyebrow{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:rgba(255,255,255,.8)}
.hero-glow{position:absolute;right:8%;top:6%;width:52vw;height:52vw;max-width:780px;max-height:780px;border-radius:50%;background:radial-gradient(circle,rgba(88,116,255,.45),rgba(35,80,251,0) 65%);filter:blur(20px);z-index:0!important;pointer-events:none;animation:glow 7s ease-in-out infinite}
@keyframes glow{50%{opacity:.55;transform:scale(1.08)}}
.hero .wrap{position:relative;z-index:2;display:flex;align-items:center;min-height:clamp(680px,92vh,900px);padding-block:170px 120px}
.hero-copy{display:flex;flex-direction:column;gap:28px;max-width:570px}
.hero h1.d1{font-size:clamp(44px,6.2vw,90px)}
.hero h1 .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.hero h1 .w>span{display:inline-block}
.hero-sub{color:rgba(255,255,255,.74);max-width:50ch}
@media (max-width:900px){
  .hero{display:flex;flex-direction:column}
  .hero .wrap{min-height:0;padding-block:120px 0;order:1}
  .hero-bg{position:relative;inset:auto;order:2;aspect-ratio:1/1;max-height:520px;width:100%}
  .hero-bg::after{background:linear-gradient(180deg,#080A0D 0%,rgba(8,10,13,0) 30%),linear-gradient(0deg,#080A0D 0%,rgba(8,10,13,0) 25%)}
  .hero-glow{width:120vw;height:120vw;right:-30%;top:auto;bottom:0}
}

/* marquee */
.marquee{border-top:1px solid rgba(255,255,255,.08);background:var(--night);color:rgba(255,255,255,.72);overflow:hidden;position:relative;z-index:3}
.marquee span{display:flex;align-items:center;gap:56px;font-size:13px;letter-spacing:.26em;text-transform:uppercase;white-space:nowrap}
.marquee span::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--signal-hi);box-shadow:0 0 12px var(--signal-hi)}
@keyframes mq{to{transform:translateX(-50%)}}

/* ---------- problem check ---------- */
.pc{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(32px,6vw,96px);align-items:start}
.pc-list{list-style:none;margin:0;padding:0;border-top:1px solid #DCDBD4;counter-reset:s}
.pc-row{border-bottom:1px solid #DCDBD4}
.pc-item{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:grid;grid-template-columns:28px 1fr auto;gap:20px;align-items:center;padding:22px 4px;font-size:clamp(19px,1.7vw,23px);line-height:1.3;letter-spacing:-.015em;font-weight:500;color:#6E7077;transition:color .5s var(--ease)}
.pc-item .q{transition:transform .7s var(--ease)}
.pc-item:hover .q{transform:translateX(6px)}
.pc-item:hover{color:var(--ink)}
.pc-item:focus-visible{outline:2px solid var(--signal);outline-offset:2px;border-radius:8px}
.pc-ring{width:22px;height:22px;border-radius:50%;border:1.5px solid #B6B5AE;position:relative;transition:border-color .5s var(--ease)}
.pc-ring::after{content:"";position:absolute;inset:3px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8EA0FF,#2350FB 55%,#1A2FCF);transform:scale(0);transition:transform .6s var(--ease);box-shadow:0 0 14px rgba(35,80,251,.6)}
.pc-item:hover .pc-ring{border-color:var(--signal)}
.pc-item[aria-pressed="true"]{color:var(--ink)}
.pc-item[aria-pressed="true"] .pc-ring{border-color:var(--signal)}
.pc-item[aria-pressed="true"] .pc-ring::after{transform:scale(1)}
.pc-tag{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:#A3A29B;font-weight:500;transition:color .5s}
.pc-item[aria-pressed="true"] .pc-tag{color:var(--signal)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:900px){.pc{grid-template-columns:1fr}.pc-item{grid-template-columns:24px 1fr}.pc-tag{display:none}}

/* ---------- method ---------- */
/* method page tabs (reuse) */
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;position:relative}
.tab{position:relative;text-align:left;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px 18px 20px;cursor:pointer;color:#fff;transition:background .5s var(--ease),border-color .5s,transform .5s var(--ease)}
.tab:hover{transform:translateY(-2px);background:rgba(255,255,255,.06)}
.tab[aria-selected="true"]{background:rgba(35,80,251,.18);border-color:rgba(88,116,255,.7)}
.tab svg.ic{position:absolute;right:16px;top:16px;width:30px;height:30px;stroke:var(--signal-hi);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:760px){.tabs{grid-template-columns:1fr}}

/* ---------- calculator ---------- */
.calc{display:grid;grid-template-columns:.95fr 1.05fr;gap:16px;margin-top:48px}
.calc-in,.calc-out{border-radius:26px;padding:clamp(20px,3vw,32px);position:relative;overflow:hidden;isolation:isolate}
.calc-in{background:rgba(255,255,255,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 60px -40px rgba(26,47,207,.45);display:flex;flex-direction:column;gap:22px}
.calc-out{background:var(--night);color:#fff;display:flex;flex-direction:column;gap:22px}
.field{display:grid;gap:10px}
.field label{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:600}
.field label small{font-weight:500;color:var(--graphite);font-size:12px}
input[type=range]{-webkit-appearance:none;appearance:none;flex:1;min-width:0;height:28px;background:transparent;cursor:pointer;--p:50%}
input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--signal) var(--p),#D5D8E8 var(--p))}
input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--signal) var(--p),#D5D8E8 var(--p))}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:#fff;border:2px solid var(--signal);box-shadow:0 4px 14px rgba(35,80,251,.4);transition:transform .3s var(--ease)}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--signal);box-shadow:0 4px 14px rgba(35,80,251,.4)}
input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}
.toggle{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;cursor:pointer}
.toggle input{position:absolute;opacity:0;width:1px;height:1px}
.toggle .sw{width:44px;height:26px;border-radius:999px;background:#D5D8E8;position:relative;transition:background .4s}
.toggle .sw::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .5s var(--ease)}
.toggle input:checked+.sw{background:var(--signal)}
.toggle input:checked+.sw::after{transform:translateX(18px)}
.toggle input:focus-visible+.sw{outline:2px solid var(--signal);outline-offset:3px}
.big{font-size:clamp(40px,5vw,64px);font-weight:900;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.bars{display:grid;gap:14px}
.bar{display:grid;gap:8px}
.bar .bf{position:absolute;inset:0 auto 0 0;border-radius:10px;width:0}
.bar.cur .bf{background:linear-gradient(90deg,#3A3D46,#6B6E76)}
.bar.sc .bf{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.12) 0 6px,transparent 6px 12px),linear-gradient(90deg,#2E4BF5,#5874FF);box-shadow:0 0 30px rgba(88,116,255,.5)}
@media (max-width:900px){.calc{grid-template-columns:1fr}}

/* ---------- services ---------- */

/* ---------- proof ---------- */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.case{position:relative;text-align:left;border:1px solid var(--line);background:#fff;border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:18px;cursor:pointer;overflow:hidden;transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .4s}
.case:hover{transform:translateY(-6px);box-shadow:0 30px 60px -36px rgba(11,12,15,.45);border-color:#C9C8C1}
.case .who{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--graphite)}
.case .metric{font-size:clamp(56px,6vw,84px);font-weight:900;letter-spacing:-.05em;line-height:.9;font-variant-numeric:tabular-nums}
.case .metric .key{background:linear-gradient(135deg,#5874FF,#2E4BF5 55%,#1A2FCF);-webkit-background-clip:text;background-clip:text;color:transparent}
.case .sub{font-size:15px;color:var(--graphite);line-height:1.5}
.case .open{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:14px;border-top:1px solid var(--line);padding-top:16px}
.case .open i{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-style:normal;transition:transform .6s var(--ease),background .4s}
.case:hover .open i{transform:rotate(-45deg);background:var(--signal)}
@media (max-width:900px){.cases{grid-template-columns:1fr}}

/* drawer */
.scrim{position:fixed;inset:0;z-index:80;background:rgba(8,10,13,.45);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .5s}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:81;width:min(560px,100%);background:var(--paper-2);color:var(--ink);transform:translateX(104%);transition:transform .8s var(--ease);display:flex;flex-direction:column;box-shadow:-30px 0 80px -30px rgba(0,0,0,.4);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-right:env(safe-area-inset-right,0px)}
.drawer-open .scrim{opacity:1;pointer-events:auto}
.drawer-open .drawer{transform:none}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid var(--line)}
.drawer-body{overflow:auto;padding:28px;display:flex;flex-direction:column;gap:22px}
.xbtn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:20px;transition:transform .5s var(--ease)}
.xbtn:hover{transform:rotate(90deg)}
.pdc{display:grid;gap:0;position:relative}
.pdc>div{position:relative;padding:0 0 26px 44px}
.pdc>div::before{content:"";position:absolute;left:12px;top:30px;bottom:0;width:2px;background:var(--line)}
.pdc>div:last-child::before{display:none}
.pdc .dot{position:absolute;left:0;top:2px;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;display:grid;place-items:center;font-weight:700}
.pdc .k{font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--signal);font-weight:600}
.pdc p{margin-top:6px;font-size:16px}

/* ---------- reviews ---------- */
.rel{margin-left:auto;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);white-space:nowrap}
.rel.client{border-color:rgba(88,116,255,.6);color:#C9D2FF}
.dots{display:flex;gap:8px}
.dots button{width:8px;height:8px;border-radius:8px;border:0;background:rgba(255,255,255,.25);cursor:pointer;transition:width .5s var(--ease),background .4s;padding:0}
.dots button.on{width:28px;background:var(--signal-hi)}

/* light review cards (reviews page) */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.fbtn{padding:10px 18px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .4s var(--ease)}
.fbtn[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ---------- about ---------- */
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,72px);align-items:center}
@media (max-width:860px){.about{grid-template-columns:1fr}}

/* ---------- resources ---------- */
.res{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}
.pill{font-size:11px;letter-spacing:.24em;text-transform:uppercase;padding:7px 12px;border-radius:999px;border:1px solid currentColor}
@media (max-width:900px){.res{grid-template-columns:1fr}}

/* guide preview */
.pg.p1{background:url(/img/signature-blue.webp) center/cover;color:#fff}
.pg.p2{background:url(/img/texture-black.webp) center/cover;color:#fff}
.pg.p3{background:url(/img/surface-grey.webp) center/cover;color:var(--ink)}
.pg.cover{background:radial-gradient(90% 80% at 80% 10%,#5874FF,#1A2FCF 50%,#080A0D 90%);color:#fff}
.pg .orbmini{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff,#9AA8EE 40%,rgba(35,80,251,.5) 65%,transparent 72%);filter:blur(1px)}

/* final CTA */
@media (max-width:900px){#cta-home>.wrap{padding-bottom:230px}}

/* footer */
footer{background:var(--night);color:#fff;position:relative;overflow:hidden}
footer .wrap{padding-block:72px 40px;display:grid;gap:56px}
.f-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
.f-grid h4{font-size:11.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--mute-d);font-weight:500;margin:0 0 14px}
.f-grid a{display:block;text-decoration:none;color:#E6E7EB;padding:5px 0;font-size:15px;transition:color .3s,transform .4s var(--ease)}
.f-grid a:hover{color:var(--signal-hi);transform:translateX(3px)}
.f-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--mute-d);font-size:13px;border-top:1px solid rgba(255,255,255,.1);padding-top:22px}
.copybtn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
@media (max-width:820px){.f-grid{grid-template-columns:1fr 1fr}}

/* ---------- inner pages ---------- */
.ph-hero .wrap{padding-block:150px 90px}
.ph-hero .ph-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:end}
.ph-hero .ph-art{position:relative;min-height:300px}
@media (max-width:900px){.ph-hero .ph-grid{grid-template-columns:1fr}.ph-hero .ph-art{min-height:240px}}
.crumb{font-size:13px;letter-spacing:.2em;text-transform:uppercase;opacity:.65;text-decoration:none}
.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,72px)}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:860px){.cols2{grid-template-columns:1fr}}
.tile{border-radius:24px;padding:28px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;gap:12px;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.tile:hover{transform:translateY(-4px);box-shadow:0 26px 50px -34px rgba(11,12,15,.4)}
.s-night .tile,.s-glow .tile,.s-deep .tile{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.tile .tk{font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--signal);font-weight:600}
.s-night .tile .tk,.s-glow .tile .tk,.s-deep .tile .tk{color:var(--signal-hi)}
.tile p{color:var(--graphite);font-size:16px}
.s-night .tile p,.s-glow .tile p,.s-deep .tile p{color:#C3C5CC}
.tl{position:relative;display:grid;gap:0;margin-top:40px}
.tl-line{position:absolute;left:21px;top:10px;bottom:10px;width:2px;background:rgba(255,255,255,.1)}
.tl-line i{display:block;width:100%;height:100%;background:linear-gradient(180deg,var(--signal-hi),var(--signal));transform-origin:0 0;transform:scaleY(0)}
.tl-step{position:relative;display:grid;grid-template-columns:44px 1fr;gap:22px;padding:18px 0 30px}
.tl-step .n{width:44px;height:44px;border-radius:50%;background:var(--night);border:1.5px solid rgba(255,255,255,.2);display:grid;place-items:center;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;transition:background .6s,border-color .6s,box-shadow .6s;z-index:1}
.tl-step.lit .n{background:var(--signal);border-color:var(--signal);box-shadow:0 0 24px rgba(35,80,251,.7)}
.tl-step h3{font-size:24px;letter-spacing:-.025em}
.tl-step p{color:#C3C5CC;margin-top:8px;max-width:62ch}
.tl-step.free .n{border-style:dashed}
.fit{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fit ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.fit li{display:flex;gap:12px;font-size:16px}
.fit li::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;margin-top:3px;background:var(--signal) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M5.5 10.5l3 3 6-7' stroke='white' stroke-width='2' fill='none'/></svg>")}
.fit .no li::before{background:#D7D6D0 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M6.5 6.5l7 7M13.5 6.5l-7 7' stroke='%230B0C0F' stroke-width='1.8'/></svg>")}
@media (max-width:760px){.fit{grid-template-columns:1fr}}
.form{display:flex;gap:10px;flex-wrap:wrap;max-width:520px}
.form input{flex:1;min-width:220px;padding:15px 18px;border-radius:999px;border:1.5px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff}
.form input::placeholder{color:#9A9DA6}
.cal{border-radius:26px;background:#fff;border:1px solid var(--line);padding:26px;display:grid;gap:18px}
.cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal-days button{aspect-ratio:1;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:14px;cursor:pointer;font-variant-numeric:tabular-nums;transition:all .35s var(--ease)}
.cal-days button.av{border-color:#B9C4FF;color:var(--signal);font-weight:700}
.cal-days button.av:hover,.cal-days button.sel{background:var(--signal);color:#fff;border-color:var(--signal);transform:scale(1.04)}
.cal-days button:disabled{opacity:.35;cursor:default}
.slots{display:flex;flex-wrap:wrap;gap:8px}
.slots button{padding:10px 14px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-weight:600;cursor:pointer;transition:all .35s var(--ease)}
.slots button:hover,.slots button.sel{border-color:var(--signal);color:var(--signal)}
textarea{width:100%;min-height:96px;border-radius:14px;border:1.5px solid var(--line);padding:14px;resize:vertical;background:#fff}
textarea:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 4px rgba(35,80,251,.15)}

/* reveal & motion */
.float{animation:float 7s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-12px)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* ================= v3 · Ghosted design system build kit =================
   Layout: hero left-aligned; every section below uses one centered header and centered CTA row; content on a 1200 grid.
   Surfaces: Night glow (hero, CTA, footer) · Paper (all light sections) · material cards (blue, black, gradient, grey) carry the colour. */
:root{
  --paper:#F4F3EF; --ink:#0B0C0F; --night:#080A0D; --graphite:#6B6E76; --line:#DAD8D2;
  --signal:#2350FB; --signal-hi:#5874FF; --signal-lo:#1A2FCF;
  --r-card:12px; --r-tile:24px;
  --noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.25' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .5  0 0 0 0 .5  0 0 0 1.6 -.45'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
body{background:var(--paper);font-size:17px}
.grain::after{background-size:240px;opacity:.1;mix-blend-mode:soft-light}
.band>.wrap{padding-block:clamp(88px,10vw,136px)}
.s-paper{background:var(--paper)}

/* type roles */
.t-display{font-weight:900;letter-spacing:-.04em;line-height:.92}
.t-head{font-weight:800;letter-spacing:-.035em;line-height:.98;font-size:clamp(38px,4.6vw,64px);margin:0;text-wrap:balance}
.t-label{font-size:11.5px;font-weight:500;letter-spacing:.32em;text-transform:uppercase}
.lede{font-size:clamp(18px,1.45vw,20px);line-height:1.5}

/* centered section header */
.sh{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;max-width:780px;margin:0 auto 56px}
.sh .lede{max-width:56ch;color:#4A4C53}
.s-night .sh .lede,.dark .sh .lede{color:#B9BCC6}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin-top:48px}

/* ---------- buttons (B01–Bxx) ---------- */
.btn{--bg:linear-gradient(90deg,#3B57FF 0%,#1A35F7 35%,#1630EE 70%,#3150FF 100%);--fg:#fff;position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:28px;height:56px;padding:0 24px 0 28px;border-radius:999px;background:var(--bg);color:var(--fg);border:0;font-weight:500;font-size:16.5px;letter-spacing:0;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .45s var(--ease),box-shadow .45s var(--ease),background-color .3s;overflow:visible}
.btn::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(60% 120% at 20% 20%,rgba(142,160,255,.45),transparent 70%),var(--noise);background-size:auto,200px;mix-blend-mode:soft-light;opacity:1;pointer-events:none;z-index:0}
.btn::after{content:"";position:absolute;left:8%;right:8%;bottom:-10px;height:26px;border-radius:50%;background:rgba(35,65,248,.55);filter:blur(16px);z-index:-1;transition:opacity .4s,transform .45s var(--ease)}
.btn>*{position:relative;z-index:1}
.btn .arr{font-size:21px;font-weight:400;line-height:1;transition:transform .45s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn:hover::after{transform:translateY(3px) scaleX(1.05);opacity:1}
.btn:hover .arr{transform:translateX(4px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn .ava{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:50% 20%;box-shadow:0 0 0 1.5px rgba(255,255,255,.55);margin-left:-21px;background:#C7CEF4}
.btn.dark{--bg:linear-gradient(90deg,#090A0D 0%,#0B0C10 46%,#0E1A6E 66%,#1E3AF2 84%,#4562FF 100%)}
.btn.dark::after,.btn.paper::after,.btn.ghost::after,.btn.ink::after{display:none}
.btn.ink{--bg:#0B0C0F}
.btn.paper{--bg:#FBFBF8;--fg:#0B0C0F}
.btn.paper::before,.btn.ghost::before{display:none}
.btn.ghost{--bg:rgba(255,255,255,.06);--fg:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85);backdrop-filter:blur(8px)}
.btn.ghost:hover{--bg:rgba(255,255,255,.14)}
.btn.sm{height:44px;padding:0 18px 0 20px;gap:18px;font-size:14.5px}
.btn.sm .arr{font-size:17px}
.btn.sm .ava{width:32px;height:32px;margin-left:-14px}
.btn.sm::after{bottom:-6px;height:18px;filter:blur(12px)}
.tag{font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:linear-gradient(135deg,#5874FF,#1A2FCF);color:#fff}
.link{border-bottom-width:1.5px}

/* ---------- header (K06) ---------- */
.nav-in{max-width:1180px;padding:8px 8px 8px 20px;background:rgba(8,10,13,.72);border-color:rgba(255,255,255,.1)}
.brand img.wm{width:132px;height:auto;mix-blend-mode:normal}
.nav-links a{font-size:14px;letter-spacing:0;padding:10px 14px}
.nav-actions{display:flex;gap:8px;align-items:center}
.nav-free{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;color:#fff;text-decoration:none;font-size:14.5px;font-weight:500;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);transition:background .3s,box-shadow .3s}
.nav-free:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px #fff}
.nav-free .dot{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8EA0FF,#2350FB);box-shadow:0 0 8px #5874FF}
@media (max-width:1060px){.nav-links{display:none}.burger{display:block}}
@media (max-width:640px){.nav-free{display:none}.nav-in .btn.sm .lbl-long{display:none}}
@media (min-width:641px){.nav-in .btn.sm .lbl-short{display:none}}

/* ---------- hero ---------- */
.hero{background:var(--night);color:#fff}
.hero .wrap{min-height:clamp(700px,94vh,940px);padding-block:150px 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero-copy{max-width:600px;gap:30px}
.hero h1{font-size:clamp(48px,6.4vw,94px)}
.hero-sub{color:rgba(255,255,255,.78);font-size:clamp(18px,1.4vw,20px)}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.logos{position:relative;z-index:3;align-self:stretch;padding-block:56px 56px;display:flex;flex-direction:column;gap:22px}
.logos p{font-size:13px;color:rgba(255,255,255,.55)}
@media (max-width:900px){.hero .wrap{min-height:0;padding-top:118px}}

/* ---------- problem check ---------- */
.pc{grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,88px);align-items:center}
.pc-item{font-size:clamp(18px,1.6vw,22px);color:#55575E}
.pc-gap{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}
.pc-gap svg{width:min(100%,380px);height:auto;overflow:visible}
.pc-gap .orb-g{transition:transform .5s cubic-bezier(.22,1,.36,1)}
.pc-gap .gapm{transition:opacity .35s,transform .5s cubic-bezier(.22,1,.36,1)}
@media (max-width:900px){.pc{grid-template-columns:1fr}.pc-gap svg{width:min(80%,320px)}}

/* ---------- journey (method) ---------- */
.journey{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.journey-line{position:absolute;left:calc(100%/6);right:calc(100%/6);top:44px;height:2px;background:repeating-linear-gradient(90deg,#B9B7B0 0 8px,transparent 8px 16px)}
.journey-line i{position:absolute;inset:0;background:linear-gradient(90deg,#5874FF,#2350FB);transform-origin:0 50%;transform:scaleX(var(--k,0));transition:transform .2s linear}
.journey-dot{position:absolute;top:44px;left:calc(100%/6);width:14px;height:14px;margin:-6px 0 0 -7px;border-radius:50%;background:#2350FB;box-shadow:0 0 0 6px rgba(35,80,251,.15),0 0 22px #5874FF;transform:translateX(var(--x,0px))}
.stop{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:0 clamp(12px,2.4vw,36px)}
.stop .node{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:#FBFBF8;position:relative;z-index:1;transition:box-shadow .6s var(--ease),transform .6s var(--ease)}
.stop .node svg{width:40px;height:40px;stroke:var(--signal);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.stop.lit .node{box-shadow:0 0 0 1.5px var(--signal),0 0 0 10px rgba(35,80,251,.08),0 20px 50px -20px rgba(35,80,251,.6);transform:translateY(-3px)}
.stop .when{margin-top:10px;color:var(--graphite)}
.stop h3{font-size:clamp(30px,3vw,44px);font-weight:800;letter-spacing:-.035em;line-height:1;margin:0}
.stop .q{font-size:clamp(20px,1.8vw,24px);font-weight:800;letter-spacing:-.02em;color:var(--signal);line-height:1.15}
.stop .why{font-size:17px;color:#4A4C53;max-width:26ch;line-height:1.45}
@media (max-width:820px){.journey{grid-template-columns:1fr;gap:44px}.journey-line,.journey-dot{display:none}}

/* ---------- calculator (K07 metric card) ---------- */
.calc{grid-template-columns:1fr 1fr;gap:0;margin-top:0;border-radius:var(--r-tile);overflow:hidden;position:relative;isolation:isolate;background:radial-gradient(70% 80% at 85% 20%,#9AA8EE 0%,#C7CEF4 32%,#EEF0FA 62%,#F6F6F7 85%)}
.calc::after{content:"";position:absolute;inset:0;background-image:var(--noise);background-size:240px;opacity:.1;mix-blend-mode:soft-light;pointer-events:none;z-index:0}
.calc>*{position:relative;z-index:1}
.calc-in{background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:clamp(24px,3.4vw,48px);gap:26px}
.field label{font-size:15px;font-weight:600}
.field label small{font-size:12.5px;color:#5B5E66}
input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,var(--signal) var(--p),#BFC5E6 var(--p))}
input[type=range]::-moz-range-track{height:3px;background:linear-gradient(90deg,var(--signal) var(--p),#BFC5E6 var(--p))}
input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8.5px;border:0;background:radial-gradient(circle at 35% 30%,#8EA0FF,#2350FB 60%);box-shadow:0 0 0 4px #fff,0 4px 14px rgba(35,80,251,.5)}
.calc-out{background:transparent;color:var(--ink);padding:clamp(20px,3vw,40px);justify-content:center}
.k07{background:#fff;border-radius:var(--r-card);box-shadow:0 1px 2px rgba(11,12,15,.06),0 24px 60px -32px rgba(26,47,207,.45);padding:26px;display:flex;flex-direction:column;gap:18px}
.k07 .t-label{color:var(--graphite)}
.k07 .bigrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.k07 .big{font-size:clamp(40px,4.4vw,58px);font-weight:500;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:normal}
.chip{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:8px;background:#E9EDFF;color:var(--signal);font-size:13px;font-weight:600}
.k07 .sub{font-size:14.5px;color:#4A4C53}
@media (max-width:900px){.calc{grid-template-columns:1fr}}

/* ---------- material cards (K01) ---------- */
.mcard{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--r-tile);color:#fff;display:flex;flex-direction:column;text-decoration:none;transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.mcard .mat{position:absolute;inset:-4%;background-size:cover;background-position:center;z-index:-2;transition:transform 1.6s var(--ease)}
.mcard:hover .mat{transform:scale(1.06)}
.mcard:hover{box-shadow:0 36px 70px -40px rgba(11,12,15,.6)}
.mcard .shade{position:absolute;inset:0;z-index:-1;pointer-events:none}
.m-blue .mat{background-image:url(/img/m-blue.webp)}
.m-black .mat{background-image:url(/img/m-black.webp)}
.m-gradient .mat{background-image:url(/img/m-gradient.webp)}
.m-grey .mat{background-image:url(/img/m-grey.webp)}
.m-blue .shade{background:linear-gradient(0deg,rgba(14,26,140,.94) 0%,rgba(16,32,160,.82) 42%,rgba(18,36,170,.25) 72%,rgba(18,36,170,0) 100%)}
.m-black .shade{background:linear-gradient(0deg,rgba(8,10,13,.9) 0%,rgba(8,10,13,.55) 45%,rgba(8,10,13,0) 80%)}
.m-gradient .shade{background:linear-gradient(0deg,rgba(6,8,14,.92) 0%,rgba(10,14,30,.6) 42%,rgba(10,14,30,0) 75%)}
.m-grey{color:var(--ink)}
.m-grey .shade{background:linear-gradient(0deg,rgba(244,243,239,.88) 0%,rgba(244,243,239,.4) 45%,rgba(244,243,239,0) 80%)}

/* services */

/* case studies: four different materials */
.cases4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cases4 .mcard{padding:26px;cursor:pointer}
.cases4 .logo{height:26px;display:flex;align-items:center}
.cases4 .logo img{height:24px;width:auto}
.cases4 .logo .wm-txt{font-size:22px;font-weight:800;letter-spacing:-.03em}
.cases4 .m-grey .logo img{filter:invert(1)}
.cases4 .met{display:flex;flex-direction:column;gap:6px}
.cases4 .met b{font-size:clamp(56px,5.4vw,80px);font-weight:900;letter-spacing:-.05em;line-height:.9}
.cases4 .met span{font-size:16px;font-weight:600}
.cases4 .peek{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.cases4 .peek>div{overflow:hidden}
.cases4 .peek p{font-size:14px;line-height:1.45;padding-top:12px;border-top:1px solid currentColor;border-color:rgba(255,255,255,.3);margin-top:12px}
.cases4 .m-grey .peek p{border-color:rgba(11,12,15,.2)}
.cases4 .mcard:hover .peek,.cases4 .mcard:focus-visible .peek{grid-template-rows:1fr}
.cases4 .go{display:flex;justify-content:space-between;align-items:center;font-size:14.5px;font-weight:600;margin-top:14px}
.cases4 .go i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);transition:transform .5s var(--ease),background .4s}
.cases4 .m-grey .go i{background:rgba(11,12,15,.06);box-shadow:inset 0 0 0 1px rgba(11,12,15,.25)}
.cases4 .mcard:hover .go i{transform:rotate(-45deg);background:var(--signal);box-shadow:none;color:#fff}
@media (max-width:1100px){.cases4{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.cases4{grid-template-columns:1fr}.cases4 .mcard{min-height:420px}}

/* reviews wall */
.wall-wrap{position:relative}
.wall{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start;max-height:1180px;overflow:hidden;transition:max-height 1s var(--ease)}
.wall .col{display:flex;flex-direction:column;gap:16px;min-width:0}
@media (max-width:980px){.wall{grid-template-columns:1fr 1fr}}@media (max-width:640px){.wall{grid-template-columns:1fr}}
.wall.open{max-height:9000px}
.wall-fade{position:absolute;left:0;right:0;bottom:0;height:260px;background:linear-gradient(180deg,rgba(244,243,239,0),var(--paper) 78%);pointer-events:none;transition:opacity .5s}
.wall.open+.wall-fade{opacity:0}
.rc{background:#FFFFFF;border-radius:var(--r-tile);padding:28px;display:flex;flex-direction:column;gap:18px;box-shadow:0 1px 2px rgba(11,12,15,.05),0 18px 40px -34px rgba(11,12,15,.35)}
.rc .co{display:flex;justify-content:space-between;align-items:center;gap:10px}
.rc .co b{font-size:19px;font-weight:800;letter-spacing:-.03em}
.rc .rel{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;padding:5px 9px;border-radius:999px;border:1px solid var(--line);color:var(--graphite);white-space:nowrap}
.rc .rel.client{border-color:rgba(35,80,251,.4);color:var(--signal);background:#F0F3FF}
.rc .txt{display:flex;flex-direction:column;gap:12px;font-size:15.5px;line-height:1.6;color:#2B2D33}
.rc .who{display:flex;gap:12px;align-items:center;padding-top:16px;border-top:1px solid #EEEDE9}
.rc .who .av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;color:#fff;background:radial-gradient(circle at 35% 30%,#8EA0FF,#2350FB 60%,#1A2FCF)}
.rc .who b{display:block;font-size:15px}
.rc .who span{font-size:13px;color:var(--graphite)}
.rc.hide{display:none}

/* about poster */
.poster{position:relative;isolation:isolate;border-radius:var(--r-tile);overflow:hidden;background:radial-gradient(60% 75% at 78% 38%,#9AA8EE 0%,#C7CEF4 30%,#EEF0FA 58%,#F6F6F7 82%);min-height:620px;display:grid;grid-template-columns:1.05fr .95fr}
.poster::after{content:"";position:absolute;inset:0;background-image:var(--noise);background-size:240px;opacity:.1;mix-blend-mode:soft-light;pointer-events:none}
.poster .copy{position:relative;z-index:2;padding:clamp(32px,5vw,72px);display:flex;flex-direction:column;justify-content:center;gap:24px}
.poster h2{font-size:clamp(52px,6.4vw,104px);margin:0}
.poster p{font-size:clamp(18px,1.5vw,21px);line-height:1.5;color:#2B2D33;max-width:44ch}
@media (max-width:900px){.poster{grid-template-columns:1fr;min-height:0}}

/* free guide poster */
.guide{position:relative;isolation:isolate;border-radius:var(--r-tile);overflow:hidden;background:radial-gradient(70% 90% at 80% 10%,rgba(88,116,255,.65),rgba(26,47,207,.25) 42%,rgba(8,10,13,0) 72%),#080A0D;color:#fff;display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,4vw,56px);padding:clamp(28px,4.4vw,64px)}
.guide::after{content:"";position:absolute;inset:0;background-image:var(--noise);background-size:240px;opacity:.12;mix-blend-mode:soft-light;pointer-events:none;z-index:0}
.guide>*{position:relative;z-index:1}
.guide h2{font-size:clamp(40px,4.6vw,64px);margin:0}
.guide .lede{color:#C9CCD6}
.scale{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.14);border-radius:14px;overflow:hidden}
.scale div{background:rgba(8,10,13,.7);padding:14px 14px 12px}
.scale b{display:block;font-size:30px;font-weight:900;letter-spacing:-.04em;line-height:1}
.scale span{font-size:12.5px;color:#AEB2BE}
.browser{border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 40px 80px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.12)}
.browser .bar{height:34px;background:#F1F1F3;display:flex;align-items:center;gap:6px;padding:0 12px}
.browser .bar i{width:9px;height:9px;border-radius:50%;background:#D6D6DA}
.browser .bar span{margin-left:12px;font-size:11.5px;color:#7A7C84}
.browser .shots{position:relative;aspect-ratio:16/9;background:#F6F6F7}
.browser .shots img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transform:scale(1.03);transition:opacity .8s var(--ease),transform 1.6s var(--ease)}
.browser .shots img.on{opacity:1;transform:none}
@media (max-width:980px){.guide{grid-template-columns:1fr}}
@media (max-width:560px){.scale{grid-template-columns:1fr 1fr}}

/* newsletter poster (TP02 deep sky) */
.news{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--r-tile);margin-top:16px;min-height:420px;background:linear-gradient(180deg,#0F1B6E 0%,#1A2FCF 55%,#2E4BF5 100%);color:#fff;display:flex;align-items:center;padding:clamp(28px,4.4vw,64px)}
.news::after{content:"";position:absolute;inset:0;background-image:var(--noise);background-size:240px;opacity:.12;mix-blend-mode:soft-light;pointer-events:none}
.news .copy{position:relative;z-index:2;max-width:520px;display:flex;flex-direction:column;gap:20px}
.news h2{font-size:clamp(36px,4vw,56px);margin:0}
.news p{font-size:18px;line-height:1.5;color:rgba(255,255,255,.9)}
.news form{display:flex;gap:10px;flex-wrap:wrap}
.news input{flex:1;min-width:220px;height:56px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.1);color:#fff;padding:0 22px;font-size:16px}
.news input::placeholder{color:rgba(255,255,255,.75)}
.news input:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.news .ghost-big{position:absolute;right:3%;top:34px;width:min(40%,470px);z-index:1;pointer-events:none;filter:drop-shadow(0 30px 50px rgba(8,10,40,.45))}
@media (max-width:820px){.news{flex-direction:column;align-items:stretch;padding-bottom:0}.news .ghost-big{position:relative;right:auto;bottom:auto;width:70%;margin:10px auto -60px}}

/* final CTA (TP06 close the gap · dark) */

/* founder video bubble */
.fv{position:fixed;left:max(20px,env(safe-area-inset-left,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:60;transform:translateY(140%);opacity:0;transition:transform .8s var(--ease),opacity .5s}
.fv.show{transform:none;opacity:1}

/* ================= v4 · one background, one button system ================= */
:root{--paper:#F4F3EF;--btn-h:52px;--sec-pad:clamp(80px,9vw,120px)}
body{background:var(--paper)}
#main .band.s-paper{background:var(--paper)!important}
#main .s-paper.grain::after{display:none}
.grain::after{opacity:.06;background-size:300px}
.band>.wrap{padding-block:var(--sec-pad)}
.sh{margin-bottom:48px}

/* buttons: one size, one shape */
.btn{height:var(--btn-h);padding:0 22px 0 26px;gap:16px;font-size:16px;justify-content:space-between}
.btn .ava{width:38px;height:38px;margin-left:-19px}
.btn.sec{--bg:linear-gradient(180deg,#34363D 0%,#1D1E23 100%);--fg:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.btn.sec::after{display:none}
.btn.sec::before{background:radial-gradient(60% 120% at 20% 0%,rgba(255,255,255,.12),transparent 70%);mix-blend-mode:normal}
.btn.sec:hover{--bg:linear-gradient(180deg,#3E4048 0%,#24252B 100%)}

/* header: translucent, adapts to the surface under it */
.nav-in{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);box-shadow:none;transition:background .4s,border-color .4s,color .4s}
.nav.on-light .nav-in{background:rgba(244,243,239,.62);border-color:rgba(11,12,15,.08);color:var(--ink)}
.nav.on-light .nav-links a{color:#3A3C42}
.nav.on-light .nav-links a:hover,.nav.on-light .nav-links a.on{color:var(--ink)}
.nav.on-light .nav-pill{background:rgba(11,12,15,.06)}
.nav.on-light .nav-free{color:var(--ink);box-shadow:inset 0 0 0 1px rgba(11,12,15,.25)}
.nav.on-light .burger span{background:var(--ink)}
.nav .brand img.wm{transition:filter .4s}
.nav.on-light .brand img.wm{filter:invert(1) hue-rotate(180deg) brightness(.9)}
.nav-free,.nav .btn.sm{height:42px}

/* hero */
.hero .wrap{padding-block:150px 0}
.logos{padding-block:56px 48px;gap:18px}
.marq{position:relative;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)}
.marq-track{display:flex;align-items:center;gap:64px;width:max-content;animation:mq 38s linear infinite}
.marq-track img{height:24px;width:auto;opacity:.8;flex:none}
.marq:hover .marq-track{animation-play-state:paused}

/* problem check */
.pc{grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,72px);align-items:center}
.pc-gap svg{width:min(100%,300px)}

/* journey icons (brand expectation-gap icons) */
.stop .node{background:none;width:96px;height:96px}
.stop .node svg{width:96px;height:96px;stroke:none;fill:none}
.stop.lit .node{box-shadow:none;transform:translateY(-4px)}
.stop .node{transition:transform .6s var(--ease)}
.journey-line{top:48px}
.journey-dot{top:48px}

/* services: plan cards */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:16px;grid-template-rows:auto auto auto 1fr auto}
.plan{grid-row:span 5;display:grid;grid-template-rows:subgrid;background:#FFFFFF;border-radius:var(--r-tile);overflow:hidden;box-shadow:0 1px 2px rgba(11,12,15,.05),0 24px 60px -40px rgba(11,12,15,.35)}
.plan .head{position:relative;isolation:isolate;height:150px;padding:22px 26px;display:flex;align-items:flex-start;justify-content:space-between;color:#fff}
.plan .head .mat{position:absolute;inset:0;background-size:cover;background-position:center 30%;z-index:-1}
.plan.blue .head .mat{background-image:url(/img/m-blue.webp)}
.plan.black .head .mat{background-image:url(/img/m-black.webp)}
.plan .pill{height:30px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;background:rgba(8,10,13,.55);backdrop-filter:blur(8px);color:#fff}
.plan .name{padding:24px 28px 0;display:flex;flex-direction:column;gap:6px}
.plan .name h3{margin:0;font-size:clamp(28px,2.6vw,38px);font-weight:800;letter-spacing:-.035em;line-height:1;white-space:nowrap}
.plan .name span{font-size:15px;color:var(--graphite)}
.plan .desc{padding:16px 28px 0;font-size:17px;line-height:1.5;color:#2B2D33;max-width:46ch}
.plan ul{list-style:none;margin:0;padding:18px 28px 0;display:flex;flex-direction:column;gap:10px;align-self:start}
.plan li{display:flex;gap:10px;font-size:15.5px;color:#2B2D33}
.plan li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:#E9EDFF url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'><path d='M5 9.5l2.5 2.5L13 6.5' stroke='%232350FB' stroke-width='1.8' fill='none'/></svg>")}
.plan .acts{padding:24px 28px 28px}
@media (max-width:900px){.plans{grid-template-columns:1fr;grid-template-rows:none}.plan{grid-row:auto;grid-template-rows:auto}}

/* case cards: readable text over materials */
.cases4 .met,.cases4 .logo{position:relative;z-index:1}
.m-blue .mat{background-position:30% 0%}
.cases4 .m-blue .shade{background:linear-gradient(0deg,#0E1B8C 0%,rgba(14,27,140,.96) 46%,rgba(18,36,170,.55) 66%,rgba(18,36,170,0) 84%)}
.cases4 .m-gradient .mat{background-position:30% 0%}
.cases4 .m-gradient .shade{background:linear-gradient(0deg,#07090F 0%,rgba(7,9,15,.95) 46%,rgba(10,14,30,.5) 68%,rgba(10,14,30,0) 86%)}
.cases4 .m-black .shade{background:linear-gradient(0deg,#08090C 0%,rgba(8,9,12,.85) 48%,rgba(8,9,12,0) 80%)}
.cases4 .m-grey .shade{background:linear-gradient(0deg,#F1F0EC 0%,rgba(241,240,236,.94) 46%,rgba(241,240,236,0) 82%)}

/* reviews wall */
.rc .co{min-height:28px}
.rc .co img{height:24px;width:auto;max-width:150px;object-fit:contain;object-position:left center}
.rc .co .wm-txt{font-size:20px;font-weight:800;letter-spacing:-.03em}
.rc .who .ph{width:44px;height:44px;border-radius:50%;object-fit:cover;filter:grayscale(1) contrast(1.05);flex:none}
.wall-fade{background:linear-gradient(180deg,rgba(244,243,239,0),var(--paper) 80%)}

/* about: same surface, portrait on top of everything */

/* lead magnets: two blocks, one layout */
.lm{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--r-tile);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(28px,4.4vw,60px);min-height:440px}
.lm+.lm{margin-top:16px}
.lm::after{content:"";position:absolute;inset:0;background-image:var(--noise);background-size:300px;opacity:.06;mix-blend-mode:soft-light;pointer-events:none;z-index:0}
.lm>*{position:relative;z-index:1}
.lm.guide2{background:radial-gradient(70% 90% at 85% 20%,rgba(88,116,255,.6),rgba(26,47,207,.22) 45%,rgba(8,10,13,0) 75%),#080A0D}
.lm.news2{background:linear-gradient(160deg,#101C70 0%,#1A2FCF 58%,#2E4BF5 100%)}
.lm .copy{display:flex;flex-direction:column;gap:18px;max-width:500px}
.lm h2{font-size:clamp(36px,4vw,56px);margin:0}
.lm p.sub{font-size:18px;line-height:1.5;color:rgba(255,255,255,.86)}
.lm .facts{font-size:14.5px;color:rgba(255,255,255,.7)}
.lm .facts b{color:#fff;font-weight:600}
.stepform{display:flex;flex-direction:column;gap:12px}
.stepform .rowf{display:grid;grid-template-columns:1fr auto;gap:10px}
.stepform input[type=email],.stepform input[type=text],.stepform select{height:var(--btn-h);border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;padding:0 22px;font-size:16px;width:100%}
.stepform select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' stroke='white' fill='none' stroke-width='1.6'/></svg>");background-repeat:no-repeat;background-position:right 20px center}
.stepform select option{color:#0B0C0F}
.stepform input::placeholder{color:rgba(255,255,255,.65)}
.stepform input:focus,.stepform select:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.2)}
.stepform .step{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s var(--ease),opacity .4s}
.stepform .step>div{overflow:hidden;display:flex;flex-direction:column;gap:10px}
.stepform .step.on{grid-template-rows:1fr;opacity:1}
.stepform .msg{font-size:14px;color:rgba(255,255,255,.75);min-height:20px}
.stepform .lbl{font-size:13.5px;color:rgba(255,255,255,.75)}
.lm .vis{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:300px}
.lm .browser{width:100%}
.lm.news2 .vis{align-self:stretch;margin:calc(-1 * clamp(28px,4.4vw,60px)) 0}

.lm.news2 .vis::before{content:"";position:absolute;inset:10% 0 0 10%;background:radial-gradient(closest-side,rgba(199,206,244,.55),rgba(88,116,255,0))}
@media (max-width:900px){.lm{grid-template-columns:1fr}.lm.news2 .vis{min-height:320px;margin-top:0}}

/* final CTA: a big ghost rising from the bottom edge */
.final2{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(60% 55% at 50% 100%,rgba(35,80,251,.55),rgba(35,80,251,0) 70%),#080A0D;color:#fff;text-align:center}
.final2 .wrap{padding-block:clamp(96px,10vw,140px) 0}
.final2 .inner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px}
.final2 h2{font-size:clamp(44px,5.6vw,84px);margin:0}
.final2 p{font-size:19px;line-height:1.5;color:#C9CCD6;max-width:52ch}
.final2 .rise{position:relative;width:max(1500px,130vw);margin:24px 0 0;left:50%;transform:translateX(-50%);height:clamp(320px,44vw,640px);overflow:hidden}
.final2 .rise img{position:absolute;left:0;right:0;top:-24%;width:100%;height:auto;max-width:none}
footer{margin-top:0}

/* founder video, short-form */
.fv{left:max(18px,env(safe-area-inset-left,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px))}
.fvc{position:relative;cursor:pointer;transition:width .6s var(--ease),height .6s var(--ease),border-radius .6s var(--ease)}
.fv.big .fvc{border-radius:22px}
.fvc video,.fvc .fv-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fvc .fv-img{animation:kb 9s ease-in-out infinite alternate;transform-origin:50% 80%}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.12) translateY(-3%)}}
.fvc .bar{position:absolute;left:10px;right:10px;bottom:10px;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}
.fvc .bar i{position:absolute;inset:0;background:#fff;transform-origin:0 50%;animation:fvbar 12s linear infinite}
@keyframes fvbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.fvc .snd,.fvc .x{position:absolute;border-radius:50%;border:0;background:rgba(8,10,13,.55);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:14px;backdrop-filter:blur(6px)}
.fvc .snd svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:1.8}
.fvc .cap{position:absolute;left:10px;right:10px;bottom:20px;font-size:12px;line-height:1.3;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5);opacity:0;transition:opacity .4s}
.fv.big .fvc .cap{opacity:1}
@media (max-width:600px){.fvc{width:96px;height:170px}.fv.big .fvc{width:220px;height:390px}}

.hero .wrap,.hero-copy,.hero .logos{width:100%}
@media (max-width:900px){.pc{grid-template-columns:1fr}.pc-gap svg{width:min(70%,260px)}}
@media (max-width:560px){.stepform .rowf{grid-template-columns:1fr}.fvc{border-radius:14px}.fvc .snd,.fvc .x{width:26px;height:26px;top:6px}.fvc .snd{left:6px}.fvc .x{right:6px}}
.final2 .rise{margin-top:-10px}

/* ================= v5 · two button looks, one tertiary link ================= */
/* Primary: Signal blue. Secondary: graphite with a light edge (reads on paper, haze and night). Tertiary: underlined text. */
.btn{height:48px;padding:0 20px 0 22px;gap:14px;font-size:15.5px;font-weight:500;justify-content:center;border-radius:999px}
.btn .arr{font-size:18px}
.btn .ava{display:none}
.nav .btn .ava{display:block;width:32px;height:32px;margin-left:-12px}
.btn.sec,.btn.ink,.btn.paper,.btn.ghost,.btn.dark{--bg:linear-gradient(180deg,#2C2D33 0%,#1B1C21 100%);--fg:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 1px 2px rgba(11,12,15,.2)}
.btn.sec::before,.btn.ink::before,.btn.paper::before,.btn.ghost::before,.btn.dark::before{display:block;background:radial-gradient(70% 120% at 30% 0%,rgba(255,255,255,.14),transparent 70%);mix-blend-mode:normal}
.btn.sec::after,.btn.ink::after,.btn.paper::after,.btn.ghost::after,.btn.dark::after{display:none}
.btn.sec:hover{--bg:linear-gradient(180deg,#36373E 0%,#222329 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.26),0 8px 22px -12px rgba(11,12,15,.5)}
.btn.sm{height:40px;padding:0 16px 0 18px;gap:12px;font-size:14.5px}
.link3{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:15.5px;font-weight:600;color:var(--ink);border-bottom:1.5px solid currentColor;padding-bottom:2px;transition:gap .35s var(--ease),color .3s}
.link3:hover{gap:12px;color:var(--signal)}
.link3:focus-visible{outline:2px solid var(--signal);outline-offset:4px;border-radius:2px}
.dark .link3{color:#fff}
.nav-free{height:40px;padding:0 16px;gap:8px;font-size:14.5px;font-weight:500;border-radius:999px;background:linear-gradient(180deg,#2C2D33,#1B1C21);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.nav-free .dot{display:none}
.nav.on-light .nav-free{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.nav-free:hover{background:linear-gradient(180deg,#36373E,#222329)}

/* hero */
.logos{padding-block:48px 48px}
.logos p{display:none}

/* journey: deck icons, same dashed line as the gap circle */
.stop .node{width:72px;height:72px}
.stop .node svg{width:72px;height:72px}
.journey-line{top:36px;height:2px;background:repeating-linear-gradient(90deg,rgba(11,12,15,.5) 0 10px,transparent 10px 19px)}
.journey-line i{height:2px}
.journey-dot{top:36px;width:10px;height:10px;margin:-4px 0 0 -5px;box-shadow:0 0 0 5px rgba(35,80,251,.14)}

/* services: haze cards (calculator surface) */
.plan{background:radial-gradient(75% 70% at 88% 12%,#9AA8EE 0%,#C7CEF4 30%,#EEF0FA 60%,#F7F7F8 85%);box-shadow:none;position:relative;isolation:isolate}
.plan.black{background:radial-gradient(80% 70% at 10% 100%,#9AA8EE 0%,#C7CEF4 28%,#ECEEF7 58%,#F7F7F8 85%)}
.plan::after{content:"";position:absolute;inset:0;background-image:var(--noise);background-size:300px;opacity:.06;mix-blend-mode:soft-light;pointer-events:none;z-index:-1}
.plan .head{height:auto;padding:26px 28px 0;color:var(--ink)}
.plan .head .mat{display:none}
.plan .pill{height:30px;padding:0 14px;background:rgba(255,255,255,.75);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(11,12,15,.08);backdrop-filter:blur(6px)}
.plan .name{padding-top:20px}
.plan .desc,.plan li{color:#2B2D33}
.plan li::before{background-color:#fff}
.plan .acts{padding:26px 28px 28px}

/* case studies: 2 × 2, wider proportions */
.cases4{grid-template-columns:1fr 1fr;gap:16px}
.cases4 .mcard{padding:30px}
@media (max-width:700px){.cases4{grid-template-columns:1fr}.cases4 .mcard{min-height:320px}}

/* reviews: one key line in Signal Blue */
.rc .txt mark{background:none;color:var(--signal);font-weight:600}
.rc .who .ph{filter:none}

/* about */

/* guide */
.lm.guide2{align-items:end}
.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;padding:5px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.stages span{height:36px;display:grid;place-items:center;border-radius:999px;font-size:14px;font-weight:600;color:rgba(255,255,255,.6);transition:background .5s var(--ease),color .4s}
.stages span.on{background:linear-gradient(135deg,#5874FF,#2350FB);color:#fff;box-shadow:0 6px 18px -8px rgba(35,80,251,.9)}
.stepform .rowf .btn{width:auto}
.ck2{display:flex;gap:12px;align-items:center;font-size:15.5px;color:#fff;cursor:pointer;min-height:40px;user-select:none}
.ck2 input{position:absolute;opacity:0;width:1px;height:1px}
.ck2 .box{flex:none;width:24px;height:24px;border-radius:7px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);display:grid;place-items:center;transition:background .3s,box-shadow .3s,transform .3s var(--ease)}
.ck2 .box svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .35s var(--ease) .05s}
.ck2 input:checked+.box{background:linear-gradient(135deg,#5874FF,#2350FB);box-shadow:0 0 0 0 transparent,0 6px 16px -6px rgba(35,80,251,.9)}
.ck2 input:checked+.box svg{stroke-dashoffset:0}
.ck2:active .box{transform:scale(.92)}
.ck2 input:focus-visible+.box{outline:2px solid #8EA0FF;outline-offset:3px}

/* newsletter: Substack-style issue cards */
.lm.news2 .vis{margin:0;align-self:center;min-height:380px;padding-top:70px}
.lm.news2 .vis::before{display:none}

/* final CTA */
.final2{background:radial-gradient(70% 60% at 50% 105%,rgba(46,75,245,.85) 0%,rgba(26,47,207,.45) 38%,rgba(8,10,13,0) 72%),linear-gradient(180deg,#080A0D 0%,#0B0F24 100%)}
.final2 .marq{margin:0 auto 56px;max-width:1100px}
.final2 .rise{width:100vw;height:clamp(300px,50vw,760px);margin-top:8px}
.final2 .rise img{top:-12%}


/* ================= v6 ================= */
/* secondary: same build as primary (gradient + grain + soft glow), ink-to-navy colour */
.btn.sec,.btn.ink,.btn.paper,.btn.ghost,.btn.dark{--bg:linear-gradient(90deg,#0B0C10 0%,#171922 50%,#26306A 100%);--fg:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.btn.sec::before,.btn.ink::before,.btn.paper::before,.btn.ghost::before,.btn.dark::before{display:block;background:radial-gradient(60% 120% at 80% 10%,rgba(142,160,255,.32),transparent 70%),var(--noise);background-size:auto,200px;mix-blend-mode:soft-light}
.btn.sec::after,.btn.ink::after,.btn.paper::after,.btn.ghost::after,.btn.dark::after{display:block;background:rgba(11,12,40,.45);opacity:.9}
.btn.sec:hover{--bg:linear-gradient(90deg,#11131A 0%,#1E2130 50%,#2E3A80 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.nav-free{background:linear-gradient(90deg,#0B0C10 0%,#171922 50%,#26306A 100%);position:relative;overflow:hidden}
.nav-free:hover{background:linear-gradient(90deg,#11131A 0%,#1E2130 50%,#2E3A80 100%)}

/* about: portrait inside its own haze card */

/* guide: visual count, no caption */
.thumbs{display:flex;align-items:center;gap:16px}
.thumbs .st{display:flex}
.thumbs .st img{width:64px;height:44px;object-fit:cover;object-position:top left;border-radius:8px;box-shadow:0 0 0 2px #0B0F24,0 8px 18px -8px rgba(0,0,0,.7);margin-left:-18px}
.thumbs .st img:first-child{margin-left:0}
.thumbs .st i{margin-left:-18px;width:64px;height:44px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:15px;color:#fff;background:linear-gradient(135deg,#5874FF,#2350FB);box-shadow:0 0 0 2px #0B0F24}
.thumbs span{font-size:16px;color:rgba(255,255,255,.88);line-height:1.3}
.thumbs span b{color:#fff}
.lm.guide2{align-items:center}

/* newsletter: haze surface + waterfall of past issues */
.lm.news2{background:radial-gradient(70% 80% at 85% 20%,#9AA8EE 0%,#C7CEF4 32%,#EEF0FA 62%,#F6F6F7 85%);color:var(--ink);overflow:hidden;min-height:520px}
.lm.news2 .copy{position:relative;z-index:2}
.lm.news2 p.sub{color:#2B2D33}
.lm.news2 .stepform input[type=email]{border-color:rgba(11,12,15,.18);background:rgba(255,255,255,.8);color:var(--ink)}
.lm.news2 .stepform input::placeholder{color:#6B6E76}
.lm.news2 .stepform input:focus{border-color:var(--signal);box-shadow:0 0 0 3px rgba(35,80,251,.18)}
.lm.news2 .stepform .msg{color:#4A4C53}
.lm.news2 .vis{position:absolute;right:-4%;top:-20%;bottom:-20%;width:56%;margin:0;padding:0;min-height:0;transform:rotate(-8deg);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%),linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 22%);z-index:1}
.wf{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;height:100%}
.wf .col{display:flex;flex-direction:column;gap:14px;animation:wfup 46s linear infinite}
.wf .col:nth-child(2){animation-direction:reverse;animation-duration:54s}
.wf .col:nth-child(3){animation-duration:40s}
.wf img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;box-shadow:0 18px 36px -20px rgba(26,47,207,.55);background:#fff}
@keyframes wfup{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.lm.news2:hover .wf .col{animation-play-state:paused}
.nl-site{display:inline-flex;align-items:center;gap:10px;font-size:15px;color:#2B2D33}
.nl-site img{width:28px;height:28px;border-radius:7px}
@media (max-width:900px){.lm.news2{min-height:0;padding-bottom:340px}.lm.news2 .vis{top:auto;bottom:-60px;right:-10%;left:-10%;width:auto;height:380px;transform:rotate(-6deg)}}
@media (prefers-reduced-motion:reduce){.wf .col{animation:none}}

/* final: hands on the edge */
.final2 .rise{width:min(100vw,1600px);height:auto;aspect-ratio:100/54;margin-top:24px;overflow:hidden}
.final2 .rise img{top:auto;bottom:-6.5%}

/* footer word: exactly full width */
.f-word2{display:block;width:100%;height:auto;margin:8px 0 -4px;user-select:none}


/* ================= v7 ================= */
/* Rule: a pair = blue primary + text link. Single buttons are always blue primary. */
.btn .ava{display:block;width:34px;height:34px;margin-left:-14px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1.5px rgba(255,255,255,.7);background:#C7CEF4}
.btn.sm .ava{width:30px;height:30px;margin-left:-12px}
.btn:has(.ava){padding-left:8px}
.duo{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.cta-row .duo,.final2 .duo{justify-content:center}
.nav-free{all:unset;cursor:pointer;font-size:14.5px;font-weight:500;color:#fff;border-bottom:1.5px solid currentColor;padding-bottom:1px;margin-right:10px}
.nav.on-light .nav-free{color:var(--ink);box-shadow:none}
.nav-free:focus-visible{outline:2px solid var(--signal);outline-offset:4px}
.plan .acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}

/* about: colour photo on Signal blue */

/* newsletter: brand mark + ghost peeking over the card's top edge */
.news-wrap{position:relative;margin-top:150px}
.news-wrap .lm{margin-top:0}
.nl-site img{border-radius:8px;width:30px;height:30px}
@media (max-width:900px){.news-wrap{margin-top:110px}}

/* final: ghost resting his paws on the footer edge */
.final2{background:radial-gradient(55% 45% at 50% 72%,rgba(46,75,245,.6) 0%,rgba(26,47,207,.25) 45%,rgba(8,10,13,0) 75%),#080A0D}
.final2 .rise{position:relative;left:50%;transform:translateX(-50%);width:min(100vw,1500px);height:auto;aspect-ratio:auto;margin:40px 0 0;overflow:visible}
.final2 .rise img{position:static;display:block;width:100%;height:auto;max-width:none}
footer{border-top:0}

.nav .nav-free,.nav .nav-free:hover{background:none!important;box-shadow:none!important;height:auto;padding:0 0 1px;border-radius:0;overflow:visible}
.nav .nav-free::before,.nav .nav-free::after{display:none}

/* ================= v8 · polish ================= */
/* buttons: avatar sits inside the pill; buttons never stretch */
.btn:has(.ava){padding-left:6px;gap:12px}
.btn .ava,.btn.sm .ava,.nav .btn .ava{margin-left:0}
.btn{min-width:0;width:auto!important;justify-self:start;align-self:flex-start;flex:none}
.cta-row .btn,.duo .btn{align-self:center}
.stepform .rowf{grid-template-columns:1fr auto}
.stepform .rowf .btn{justify-self:start}
@media (max-width:560px){.stepform .rowf{grid-template-columns:1fr}}

/* journey: the gap story in three frames, same strokes and orb as the gap check above */
.journey{align-items:start}
.stop{gap:12px}
.stop .node{width:200px;height:160px;background:radial-gradient(closest-side,var(--paper) 0 86%,rgba(244,243,239,0) 100%);transform:none!important;box-shadow:none!important;position:relative;z-index:1}
.stop .node svg{width:200px;height:160px;overflow:visible}
.journey-line{top:80px;left:calc(100%/6 + 70px);right:calc(100%/6 + 70px);height:1.8px;background:repeating-linear-gradient(90deg,rgba(11,12,15,.4) 0 10px,transparent 10px 19px)}
.journey-line i{display:none}
.journey-dot{display:none}
.stop .when{margin-top:4px}
.sg-pulse{transform-origin:100px 80px;animation:sgp 3.6s ease-in-out infinite}
@keyframes sgp{0%,100%{transform:scale(.85)}50%{transform:scale(1.25)}}
.sg-reach{animation:sgr 4.8s cubic-bezier(.65,0,.35,1) infinite}
@keyframes sgr{0%,15%{transform:translateX(-14px)}55%,80%{transform:translateX(18px)}100%{transform:translateX(-14px)}}
.sg-match{transform-origin:100px 80px;animation:sgm 4s ease-in-out infinite}
@keyframes sgm{0%,100%{transform:scale(.96)}50%{transform:scale(1.02)}}
@media (prefers-reduced-motion:reduce){.sg-pulse,.sg-reach,.sg-match{animation:none}}
@media (max-width:820px){.stop .node{width:180px;height:144px}.stop .node svg{width:180px;height:144px}}

/* about: one card, full photo on the right */
.about3{display:grid;position:relative;isolation:isolate}
.about3::after{content:"";position:absolute;inset:0;background-image:var(--noise);background-size:300px;opacity:.06;mix-blend-mode:soft-light;pointer-events:none;z-index:-1}
.about3 .copy{display:flex;flex-direction:column;justify-content:center;gap:22px}
.about3 h2{font-size:clamp(52px,6vw,96px);margin:0}
.about3 p{font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:#2B2D33;max-width:42ch;margin:0}
.about3 .ph{margin:0;position:relative;min-height:560px}
.about3 .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
@media (max-width:900px){.about3 .ph{min-height:0;aspect-ratio:4/5}}

/* newsletter ghost: flat base sits exactly on the card's top edge */
.news-wrap{margin-top:190px}
@media (max-width:900px){.news-wrap{margin-top:140px}}

/* final: sharper ghost, never upscaled */
.final2 .rise{width:min(100vw,1180px)}

.final2{background:radial-gradient(50% 38% at 50% 52%,rgba(46,75,245,.55) 0%,rgba(26,47,207,.2) 50%,rgba(8,10,13,0) 78%),#080A0D}

/* ================= v9 ================= */
/* About: poster frame, photo cut-out on Signal gradient with halftone; cut edges sit on the frame edges */
.about3.flip .ph{order:-1}
@media (max-width:900px){.about3.flip .ph{order:0}}

/* Newsletter: dark surface, big ghost peeking in from the right edge */
.lm.news2{background:radial-gradient(60% 80% at 82% 30%,rgba(46,75,245,.55) 0%,rgba(26,47,207,.2) 45%,rgba(8,10,13,0) 75%),#0A0C12;color:#fff}
.lm.news2 p.sub{color:rgba(255,255,255,.82)}
.lm.news2 .t-label{color:rgba(255,255,255,.7)!important}
.lm.news2 .stepform input[type=email]{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07);color:#fff}
.lm.news2 .stepform input::placeholder{color:rgba(255,255,255,.6)}
.lm.news2 .stepform input:focus{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.lm.news2 .stepform .msg,.lm.news2 .nl-site{color:rgba(255,255,255,.85)}
.lm.news2 .link3{color:#fff}
.lm.news2 .vis{opacity:.5;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%);mask-image:linear-gradient(90deg,transparent 0%,#000 30%)}
.lm.news2 .wf img{box-shadow:none}
.news-wrap{margin-top:16px}

.nav .nav-free{white-space:nowrap}
@media (max-width:640px){.nav .nav-free{display:none!important}}

/* ================= v10 ================= */
/* About as a printed poster: duotone halftone portrait on paper, one surface for text and image */
.about3::after{opacity:.08}
@media (max-width:900px){.about3 .copy{padding:32px 24px 8px}}

/* Newsletter: ghost stands behind the card and leans out past its top-right corner */
.news-wrap{position:relative;margin-top:200px}
.news-wrap .lm{position:relative;z-index:1}
@media (max-width:900px){.news-wrap{margin-top:140px}}


/* ================= v11 · about poster as a printed object ================= */
.about3{align-items:center}
.about3 .poster3{margin:0;display:grid;place-items:center;order:-1}
.about3 .poster3 img{display:block;width:100%;max-width:440px;height:auto;transform:rotate(-2.2deg);box-shadow:0 1px 0 rgba(0,0,0,.04),0 24px 48px -22px rgba(16,22,70,.45),0 6px 14px -6px rgba(16,22,70,.25);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.about3:hover .poster3 img{transform:rotate(-.6deg) translateY(-4px)}
@media (max-width:900px){.about3 .poster3{order:-1;padding:28px 28px 0}.about3 .poster3 img{max-width:340px}}
@media (prefers-reduced-motion:reduce){.about3 .poster3 img{transition:none}}


@media (max-width:640px){.thumbs{flex-direction:column;align-items:flex-start;gap:10px}.thumbs .st{flex:none}}


/* ================= v12 ================= */
.about3 .poster3 img{border-radius:var(--r-tile);transform:rotate(-1.6deg)}
.about3:hover .poster3 img{transform:rotate(-.4deg) translateY(-4px)}
/* newsletter ghost straddles the two cards, in front */


/* ================= v13 ================= */
/* about: no box around a box; the print sits on the page paper with blue light behind it */
.about3{background:none!important;overflow:visible!important;border-radius:0!important;gap:clamp(32px,6vw,96px);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important}
.about3::after{display:none!important}
.about3 .copy{padding:0!important}
.about3 .poster3{padding:0!important;position:relative;isolation:isolate}
.about3 .poster3::before{content:"";position:absolute;inset:8% -10% -6% -8%;z-index:-1;background:radial-gradient(50% 50% at 50% 55%,rgba(35,80,251,.30),rgba(154,168,238,.18) 45%,transparent 72%);filter:blur(20px)}
.about3 .poster3 img{max-width:500px;border-radius:var(--r-tile);transform:rotate(-1.5deg);box-shadow:0 30px 60px -30px rgba(16,22,70,.5),0 8px 18px -10px rgba(16,22,70,.3)}
@media (max-width:900px){.about3{gap:32px}.about3 .poster3 img{max-width:380px}}
/* newsletter ghost: rises from behind the newsletter card, overlaps the guide card a little */
#guide .lm.guide2{position:relative;z-index:1}
#guide .news-wrap .lm.news2{position:relative;z-index:3}


@media (max-width:900px){.about3{grid-template-columns:1fr!important}.about3 .poster3{order:-1;justify-self:center;width:100%;max-width:400px}.about3 .poster3 img{max-width:100%}}


/* ================= v14 · newsletter ghost leans on the card's side ================= */
#guide .news-wrap{position:relative}
#guide .news-wrap .lm.news2{position:relative;z-index:3}
@media (max-width:1100px){#guide .news-wrap .lm.news2{margin-right:170px}}
@media (max-width:900px){#guide .news-wrap .lm.news2{margin-right:0}}
@media (max-width:1100px){#guide .news-wrap .lm.news2{margin-right:220px}}
@media (max-width:900px){#guide .news-wrap .lm.news2{margin-right:0}}


/* ================= v15 · matching email fields ================= */
#gForm,#nForm{width:100%;max-width:420px}
#gForm .rowf,#nForm .rowf{grid-template-columns:minmax(0,1fr) 148px}
#gForm .rowf .btn,#nForm .rowf .btn{width:148px!important;justify-content:center}
#gForm .rowf input,#nForm .rowf input{height:48px;box-sizing:border-box}
#gS4 .ck2+.ck2{margin-top:-4px}
@media (max-width:560px){#gForm .rowf,#nForm .rowf{grid-template-columns:1fr}}


@media (min-width:901px){#guide .lm.news2{grid-template-columns:minmax(420px,1fr) 1fr}#guide .lm.news2 .vis{width:46%}}


/* ================= v16 · newsletter ghost peeks around the card's side ================= */
#guide .lm.guide2,#guide .news-wrap{margin-left:auto;margin-right:auto}
@media (min-width:901px){#guide .lm.news2 .vis{width:52%}}
/* side: the flat cut of the body sits on the card's right edge, hands grip the edge, head looks round it */
/* not enough margin beside the card: peek over its top edge instead */
@media (max-width:1380px){
  #guide .news-wrap{margin-top:96px!important}
}


@media (min-width:1381px){#guide .lm.guide2,#guide .news-wrap{max-width:1040px}}


.thumbs .st{flex:none}.thumbs>span:last-child{min-width:0}
@media (min-width:1101px) and (max-width:1380px){
  #guide .news-wrap{margin-top:24px!important}
  #guide .lm.guide2,#guide .news-wrap{max-width:calc(100vw - 340px)}
}


#gForm .step:not(.on){margin-top:-12px}
#gForm .msg:empty,#nForm .msg:empty{display:none}
@media (max-width:900px){.lm.guide2 .vis{min-height:0}}


/* ================= v17 · newsletter first, waving ghost peeks over its top ================= */
#guide .lm.guide2,#guide .news-wrap{max-width:none!important}
#guide .news-wrap{position:relative}
#guide .news-wrap .lm.news2{position:relative;z-index:2;margin-right:0!important}
#guide .lm.guide2{margin-top:24px}
@media (min-width:901px){#guide .lm.news2 .vis{width:56%}}


/* ================= v18 · tighter spacing, resting ghost on the newsletter card ================= */
/* paws rest on the card's top edge; the body's cut line sits exactly on that edge */
.g-rest{position:absolute;left:56px;bottom:calc(100% - 9px);width:300px;height:auto;z-index:3;pointer-events:none;filter:drop-shadow(0 -6px 18px rgba(35,80,251,.10))}
@media (max-width:900px){#guide .news-wrap{margin-top:118px!important}.g-rest{left:20px;width:220px;bottom:calc(100% - 7px)}}


/* margin collapsed through the section and its overflow clip hid the ghost: use padding */
#guide>.wrap{padding-top:150px!important}
#guide .news-wrap{margin-top:0!important}
@media (max-width:900px){#guide>.wrap{padding-top:118px!important}}

.g-rest{width:340px;bottom:calc(100% - 10px)}
@media (max-width:900px){.g-rest{width:230px;bottom:calc(100% - 7px)}}
#guide{overflow-x:clip;overflow-y:visible}
.g-rest{filter:drop-shadow(0 8px 14px rgba(16,22,70,.16))}
.about3 .poster3::before{display:none}
.about3 .poster3 img{transform:none;box-shadow:0 30px 60px -34px rgba(16,22,70,.45)}
.about3:hover .poster3 img{transform:translateY(-4px)}

/* ================= SPRINT PAGE v2 ================= */
.svcp .band{background:var(--paper)}

.svcp .band>.wrap{padding-block:clamp(56px,8vw,104px)}

.svcp .sh{margin-bottom:44px}

/* what you get: the deliverables are the hero visual */

.svcp .tool{align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--signal);background:#F0F3FF;padding:5px 9px;border-radius:999px}

/* map board */
.svcp .board{position:relative;width:100%;max-width:440px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;border-radius:14px;background:#fff;background-image:radial-gradient(#D9DBE3 1px,transparent 1px);background-size:14px 14px;box-shadow:0 18px 40px -24px rgba(16,22,70,.35)}

.svcp .st{display:block;height:46px;border-radius:4px;background:#FFF1B8;box-shadow:0 4px 8px -4px rgba(0,0,0,.25);position:relative;transform:rotate(-1deg)}

.svcp .st:nth-child(odd){transform:rotate(1.2deg)}

.svcp .st.b{background:#D8E0FF}
.svcp .st.y{background:#FFE58A}

.svcp .st.r{background:#2350FB}

.svcp .st em{position:absolute;left:8px;top:7px;font-style:normal;font-size:11px;font-weight:700;color:#fff;letter-spacing:.06em}

/* prototype */

.svcp .cursor{position:absolute;width:18px;height:18px;left:62%;top:78%;animation:cur 3.2s var(--ease) infinite}
@keyframes cur{0%{left:85%;top:30%}45%,60%{left:34%;top:80%}70%{left:34%;top:80%;scale:.85}80%,100%{left:85%;top:30%;scale:1}}

/* plan doc */

.svcp .tag{align-self:flex-start;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:5px}

.svcp .tag.now{background:#E3E9FF;color:#1A2FCF}
.svcp .tag.next{background:#F1F1F4;color:#4A4C53}
.svcp .tag.test{background:#FFF1C9;color:#7A5A00}

/* follow-up call */

.svcp .call{display:flex;align-items:center;gap:16px}

.svcp .cal{width:76px;height:76px;border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 14px 30px -20px rgba(16,22,70,.5)}

.svcp .cal span{font-size:28px;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--signal)}
.svcp .cal small{font-size:11px;color:#4A4C53}

.svcp .slot{display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:6px 18px 6px 6px;box-shadow:0 14px 30px -20px rgba(16,22,70,.5)}

.svcp .slot img{width:40px;height:40px;border-radius:50%;object-fit:cover}

.svcp .slot b{display:block;font-size:14px}
.svcp .slot small{font-size:12px;color:#4A4C53}

/* how it works track */
.svcp .track{position:relative;background:#fff;border-radius:var(--r-tile);padding:28px 28px 32px;box-shadow:0 1px 2px rgba(11,12,15,.05),0 24px 60px -40px rgba(11,12,15,.35)}

/* reviews */

/* fit */

.svcp #fitCta{margin-top:10px;min-height:48px;display:flex;align-items:center}

/* end CTA */
@media (prefers-reduced-motion:reduce){
.svcp .cursor{animation:none}}


/* numbers everywhere use the calculator's figure style: medium weight, tight tracking, proportional figures */
.cases4 .met b,.case .metric,.big,.cal span{font-weight:500!important;letter-spacing:-.045em!important;font-variant-numeric:normal!important}
.cases4 .met b{font-size:clamp(60px,5.8vw,86px)}

/* ================= SPRINT PAGE v3 · built from the design system ================= */
.svcp .band{background:var(--paper)}

.svcp .band:not(.final2)>.wrap{padding-block:clamp(56px,8vw,110px)}

/* TP05 split hero */

/* K01 segment cards */

.svcp .seg{min-height:520px;padding:24px;cursor:default}

.svcp .seg .t-label{font-size:11px;opacity:.8}

.svcp .seg h3{margin:0;font-size:clamp(30px,2.6vw,38px);font-weight:800;letter-spacing:-.035em;line-height:1}

.svcp .seg p{margin:0;font-size:15.5px;line-height:1.45;opacity:.9;max-width:26ch}

.svcp .tap{position:absolute;right:26px;top:50%;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.9);translate:0 -50%;animation:tap 3s var(--ease) infinite}
@keyframes tap{0%,40%{box-shadow:0 0 0 0 rgba(255,255,255,.5);opacity:0}50%{opacity:1}70%{box-shadow:0 0 0 14px rgba(255,255,255,0);opacity:1}100%{opacity:0}}

.svcp .s2-fine{margin:28px 0 0;display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;color:#4A4C53;font-size:16px}
@media (max-width:1100px){
.svcp .seg{min-height:480px}}
@media (max-width:600px){
.svcp .seg{min-height:440px}}

/* journey: landing component, with free ends */

/* reviews: landing wall cards, three columns, full text */
.svcp .s2-wall{max-height:none!important}

.svcp .s2-rev .wall-fade{display:none}

/* fit: calculator panel */
.svcp .s2-calc .calc-in{justify-content:center;gap:24px}

.svcp .s2-calc .toggle{font-size:17px;gap:16px}

.svcp .s2-calc .k07{min-height:340px;justify-content:center}

.svcp .fitbar{height:8px;border-radius:4px;background:#EEF0FA;overflow:hidden}

.svcp .fitbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5874FF,#2350FB);transition:width .8s var(--ease)}

.svcp .fitcta{min-height:48px;display:flex;align-items:center}

.svcp .k07 .sub{margin:0;color:#4A4C53;font-size:16px;line-height:1.45}

/* final close: second marquee */
.svcp #cta-sprint .marq{margin:0 auto 56px;max-width:1100px}
@media (prefers-reduced-motion:reduce){
.svcp .tap{animation:none}}


.svcp .seg h3{font-size:clamp(26px,2.15vw,32px);white-space:nowrap}

.svcp .s2-calc .toggle{font-size:18px}

.svcp .s2-calc .toggle .sw{flex:none}

.svcp .s2-calc .k07{min-height:0}
@media (max-width:1100px){
.svcp .seg h3{font-size:30px}}

/* ================= SPRINT PAGE v4 ================= *//* offer hero: dark, intense, offer card as the hero object */
.svcp .s3-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(45% 60% at 78% 55%,rgba(46,75,245,.75) 0%,rgba(26,47,207,.3) 45%,rgba(8,10,13,0) 75%),radial-gradient(40% 40% at 10% 0%,rgba(46,75,245,.25),transparent 70%),#080A0D}

.svcp .s3-hero::after{content:"";position:absolute;inset:0;background-image:var(--noise);background-size:300px;opacity:.1;mix-blend-mode:soft-light;pointer-events:none}

.svcp .s3-hero .wrap{position:relative;z-index:1;padding-block:clamp(140px,14vw,180px) clamp(72px,8vw,110px)}

.svcp .offer{position:relative;z-index:1;background:var(--paper);color:var(--ink);border-radius:var(--r-tile);padding:30px;display:flex;flex-direction:column;gap:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.06)}

.svcp .offer::after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--noise);background-size:300px;opacity:.06;mix-blend-mode:multiply;pointer-events:none}

.svcp .offer header{display:flex;justify-content:space-between;align-items:center}

.svcp .offer .t-label{color:var(--graphite)}

.svcp .o-logo{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}

.svcp .o-logo i{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8EA0FF,#2350FB 60%,#1A2FCF)}

.svcp .o-price{display:flex;align-items:flex-end;gap:14px;padding-bottom:18px;border-bottom:1px solid #E2E1DC}

.svcp .o-price b{font-size:clamp(52px,5vw,72px);font-weight:500;letter-spacing:-.045em;line-height:.9}

.svcp .o-price span{font-size:14px;color:#4A4C53;line-height:1.3;padding-bottom:6px}

.svcp .offer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}

.svcp .offer li{position:relative;padding-left:30px;font-size:16px;line-height:1.4;color:#2B2D33}

.svcp .offer li b{color:var(--ink)}

.svcp .offer li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8EA0FF,#2350FB 60%,#1A2FCF) ;box-shadow:0 4px 10px -4px rgba(35,80,251,.8)}

.svcp .offer li::after{content:"";position:absolute;left:5px;top:7px;width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}

.svcp .offer footer{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;color:var(--graphite);padding-top:4px}
@media (max-width:520px){
.svcp .offer{padding:22px}}

/* windows */
.svcp .win{position:relative;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(16,22,70,.45),0 0 0 1px rgba(11,12,15,.06);display:flex;flex-direction:column;height:100%}

.svcp .win.dark{background:#111318;box-shadow:0 30px 60px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06)}
/* call */
.svcp .call{flex:1;position:relative;padding:12px;display:grid;grid-template-columns:1fr;min-height:0}

.svcp .tile{position:relative;border-radius:10px;overflow:hidden;background:#1E2029}

.svcp .tile.big img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}

.svcp .tile.you{position:absolute;right:22px;top:22px;width:26%;aspect-ratio:4/3;display:grid;place-items:center;box-shadow:0 10px 20px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1)}

.svcp .tile.you .av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:radial-gradient(circle at 35% 30%,#8EA0FF,#2350FB 60%,#1A2FCF)}

.svcp .tile.big{animation:talk 4s ease-in-out infinite;box-shadow:0 0 0 0 rgba(88,116,255,0)}
@keyframes talk{0%,100%{box-shadow:inset 0 0 0 0 rgba(88,116,255,0)}30%,60%{box-shadow:inset 0 0 0 3px rgba(88,116,255,.9)}}

.svcp .call.share .shared{position:relative;background:#fff;border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:12px}

.svcp .call.share .t-label{color:#4A4C53;font-size:10px}

.svcp .funnel{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end;min-height:150px}

.svcp .funnel div{height:var(--h);min-height:18px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#8EA0FF,#2350FB);position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;color:#fff;font-size:12px;padding-top:4px}

.svcp .funnel div.drop{background:linear-gradient(180deg,#FF8A8A,#E5484D)}

.svcp .funnel b{font-weight:500;font-size:14px}

.svcp .funnel span{position:absolute;bottom:-20px;font-size:11px;color:#4A4C53;white-space:nowrap}

.svcp .call.share{padding-bottom:30px}
/* walkthrough */

.svcp .cur{position:absolute;width:20px;height:20px;animation:cur2 14s ease-in-out infinite}
@keyframes cur2{0%{left:70%;top:20%}12%{left:20%;top:32%}30%{left:30%;top:50%}42%{left:58%;top:60%}70%{left:62%;top:40%}100%{left:70%;top:20%}}
/* real Miro breakdown, slow pan */
@keyframes pan{0%{transform:translate(-14%,-2%)}30%{transform:translate(-14%,-2%)}50%{transform:translate(-6%,-36%)}70%{transform:translate(-30%,-36%)}85%{transform:translate(0,-62%)}100%{transform:translate(-14%,-2%)}}
/* figma prototype */
.svcp .fig{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:22px 14px;background:#E9E9EC;background-image:radial-gradient(#D5D5DA 1px,transparent 1px);background-size:16px 16px}

.svcp .sb{font-size:13px;font-weight:800;letter-spacing:-.02em;line-height:1.15}

.svcp .sp{font-size:10.5px;color:#4A4C53;line-height:1.35}
@keyframes fill{to{width:100%}}

.svcp .tick{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;background:radial-gradient(circle at 35% 30%,#8EA0FF,#2350FB 60%,#1A2FCF)}

.svcp .flow{width:34px;flex:none}
@keyframes hl{0%,30%{outline-color:#2350FB}34%,100%{outline-color:transparent}}
/* notion */
.svcp .notion{flex:1;padding:22px 24px;display:flex;flex-direction:column;gap:12px;font-size:13px}

.svcp .notion .tag{align-self:flex-start;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:5px}

.svcp .notion .tag.now{background:#E3E9FF;color:#1A2FCF}
.svcp .notion .tag.next{background:#F1F1F4;color:#4A4C53}
.svcp .notion .tag.test{background:#FFF1C9;color:#7A5A00}

/* player */
@media (max-width:900px){
  
.svcp .tile.you{width:30%}
}

/* what you get */

.svcp .get{background:#fff;border-radius:var(--r-tile);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(11,12,15,.05),0 24px 60px -40px rgba(11,12,15,.35)}

.svcp .g-vis{position:relative;aspect-ratio:16/10;padding:22px;background:radial-gradient(80% 90% at 80% 10%,#C7CEF4 0%,#EEF0FA 55%,#F6F6F7 90%)}

.svcp .g-vis>.win{height:100%}
@media (prefers-reduced-motion:reduce){
.svcp .cur,.svcp .tile.big{animation:none!important}}


.svcp .offer .o-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;color:var(--graphite);padding-top:4px}

.svcp .call{display:block}

.svcp .tile.big{position:absolute;inset:12px}

.svcp .tile.big img{position:absolute;inset:0;object-position:50% 18%}

.svcp .win{min-height:0}

.svcp .g-vis{overflow:hidden}

.svcp .s2-calc .toggle{align-items:flex-start;line-height:1.35}

.svcp .s2-calc .toggle .sw{margin-top:1px}

.svcp .fitcta{flex-direction:column;align-items:flex-start;gap:16px}

.svcp .fitcta:empty{display:none}

.svcp .bubble{display:flex;gap:12px;align-items:flex-end;animation:bubin .6s var(--ease)}

.svcp .bubble img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 6px 14px -6px rgba(16,22,70,.5)}

.svcp .bubble p{margin:0;background:#2350FB;color:#fff;font-size:15px;line-height:1.45;padding:14px 16px;border-radius:18px 18px 18px 4px;box-shadow:0 14px 30px -16px rgba(35,80,251,.8)}
@keyframes bubin{from{opacity:0;translate:0 10px}}

.svcp #fitP:empty{display:none}

/* ================= SPRINT PAGE v5 ================= */
/* offer card: editorial numbered list, ghost peeks with paws on the card's top edge */

.svcp .o-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}

.svcp .o-list li{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:14px 0;border-top:1px solid #E2E1DC}

.svcp .o-list li:first-child{border-top:0;padding-top:4px}

.svcp .o-list span{font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--signal);padding-top:2px}

.svcp .o-list p{margin:0;font-size:16px;line-height:1.4;color:#2B2D33}

.svcp .o-list b{color:var(--ink);font-weight:700}

.svcp .o-price{border-bottom:1px solid #E2E1DC}

/* pinned timeline */

.svcp .tl4{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}

.svcp .tl4 .trow{position:relative;display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:center;padding:8px 0 8px 18px;cursor:pointer;opacity:.45;transition:opacity .4s var(--ease)}

.svcp .tl4 .trow::before{content:"";position:absolute;left:0;top:15px;width:7px;height:7px;border-radius:50%;background:#C9CBD3;transition:all .4s var(--ease)}

.svcp .tl4 .trow b{font-size:17px;font-weight:700;letter-spacing:-.01em}

.svcp .tl4 .trow p{grid-column:1/-1;margin:0;font-size:15px;line-height:1.45;color:#4A4C53;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s var(--ease),opacity .4s,margin .4s}

.svcp .tl4 .trow.on{opacity:1}

.svcp .tl4 .trow.on::before{background:radial-gradient(circle at 35% 30%,#8EA0FF,#2350FB 60%,#1A2FCF);box-shadow:0 0 0 5px rgba(35,80,251,.15)}

.svcp .tl4 .trow.on b{font-size:22px;letter-spacing:-.025em}

.svcp .tl4 .trow.on p{max-height:80px;opacity:1;margin-top:6px}

.svcp .tl4 .trow.done{opacity:.7}

.svcp .tl4 .trow.done::before{background:#2350FB}

.svcp .tl4 .who{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:999px;white-space:nowrap}

.svcp .tl4 .who.us{background:#E3E9FF;color:#1A2FCF}
.svcp .tl4 .who.me{background:#ECEBE6;color:#4A4C53}

.svcp .screen4{position:relative;height:min(62vh,560px);border-radius:22px;padding:16px;background:radial-gradient(80% 90% at 70% 20%,#C7CEF4 0%,#EEF0FA 55%,#F6F6F7 90%);isolation:isolate}

.svcp .screen4 .v{position:absolute;inset:16px;opacity:0;transform:translateY(12px) scale(.985);transition:opacity .55s var(--ease),transform .7s var(--ease);pointer-events:none}

.svcp .screen4 .v.on{opacity:1;transform:none}

.svcp .screen4 .win{height:100%}

/* meet */
.svcp .meet{flex:1;display:grid;grid-template-columns:1.6fr 1fr;gap:10px;padding:12px;min-height:0}

/* miro */

.svcp .cam{position:relative;flex:1;overflow:hidden;background:#F3F3F1;background-image:radial-gradient(#DADAD6 1px,transparent 1px);background-size:18px 18px}

.svcp .board4{position:absolute;left:0;top:0;width:1600px;height:1040px;transform-origin:0 0;transition:transform 1.1s cubic-bezier(.65,0,.25,1)}

.svcp .sec{position:absolute;background:#fff;border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 20px 40px -30px rgba(16,22,70,.4);padding:26px}

.svcp .sc{position:relative;height:150px;border-radius:10px;overflow:hidden;background:#111;box-shadow:0 8px 18px -12px rgba(0,0,0,.5)}

.svcp .sc img{width:100%;height:100%;object-fit:cover;object-position:top left;filter:saturate(.9)}

.svcp .sc small{position:absolute;left:8px;bottom:8px;font-size:12px;font-weight:600;color:#fff;background:rgba(11,12,15,.75);padding:3px 8px;border-radius:6px}

.svcp .cm{display:flex;align-items:flex-start;gap:8px}

.svcp .cm img{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}

.svcp .cm p{margin:0;font-size:14.5px;font-weight:600;line-height:1.3;color:#fff;background:#3D5AFE;padding:9px 12px;border-radius:4px 14px 14px 14px;box-shadow:0 10px 20px -12px rgba(35,80,251,.8)}

.svcp .fb{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}

.svcp .fb i{display:block;width:100%;height:var(--h);border-radius:8px 8px 0 0;background:linear-gradient(180deg,#8EA0FF,#2350FB)}

.svcp .fb i.r{background:linear-gradient(180deg,#FF9A9A,#E5484D)}

.svcp .fb b{order:-1;font-size:20px;font-weight:500;letter-spacing:-.03em}

.svcp .fb small{font-size:12px;color:#6B6E76}

.svcp .pr{display:grid;grid-template-columns:1fr 34px 1fr 76px;align-items:center;gap:10px;margin-bottom:16px}

.svcp .pc{background:#14161C;color:#fff;font-size:14.5px;font-weight:600;line-height:1.3;padding:14px;border-radius:10px;display:flex;gap:10px}

.svcp .pc b{color:#8EA0FF}

.svcp .mcur{position:absolute;left:0;top:0;font-size:12px;font-weight:700;color:#fff;background:#E5484D;padding:3px 8px;border-radius:4px 10px 10px 10px;transition:transform 1.1s cubic-bezier(.65,0,.25,1);transform:translate(700px,260px)}

.svcp .mcur::before{content:"";position:absolute;left:-10px;top:-12px;border:7px solid transparent;border-top-color:#E5484D;border-left-color:#E5484D;transform:rotate(0)}
/* progressive reveal by step */
.svcp .board4 .cm{opacity:0;transform:translateY(6px);transition:opacity .5s var(--ease),transform .5s var(--ease)}

.svcp .live{position:absolute;right:14px;bottom:14px;width:120px;aspect-ratio:4/3;border-radius:10px;overflow:hidden;box-shadow:0 12px 24px -10px rgba(0,0,0,.5);opacity:0;transform:translateY(10px);transition:all .5s var(--ease);z-index:4}

.svcp .live.on{opacity:1;transform:none}

.svcp .live img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}

.svcp .live span{position:absolute;left:6px;top:6px;font-size:10px;font-weight:700;color:#fff;background:#E5484D;padding:2px 6px;border-radius:4px}

/* figma */
.svcp .win.figma{background:#2C2C2C}

.svcp .app{display:grid;grid-template-columns:22px 1fr;aspect-ratio:4/5;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 6px 16px -10px rgba(0,0,0,.4)}

.svcp .goals{display:flex;flex-direction:column;gap:5px}

.svcp .goals span{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;padding:7px;border-radius:6px;border:1px solid #E5E5EA}

.svcp .goals span i{width:10px;height:10px;border-radius:50%;border:1.5px solid #C9CBD3}

.svcp .goals .on{border-color:#2350FB;background:#F0F3FF}
.svcp .goals .on i{border:3px solid #2350FB}

.svcp .chart{display:flex;align-items:flex-end;gap:4px;height:60px;padding:6px;border-radius:6px;background:#F7F7F9}

.svcp .chart i{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:linear-gradient(180deg,#8EA0FF,#2350FB)}

.svcp .tk{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;background:radial-gradient(circle at 35% 30%,#8EA0FF,#2350FB 60%,#1A2FCF)}
@keyframes nd{30%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-60}}

/* notion */

@media (max-width:900px){
  
.svcp .screen4{height:44vh;padding:8px;border-radius:16px}
  
.svcp .screen4 .v{inset:8px}
  
.svcp .tl4 .trow{display:none}
  
.svcp .tl4 .trow.on{display:grid;opacity:1}
  
.svcp .live{width:84px}
}
@media (prefers-reduced-motion:reduce){
.svcp .board4,.svcp .mcur{transition:none}}


.svcp .offer .o-list li::before,.svcp .offer .o-list li::after{display:none}
body:not(.drawer-open) .drawer{box-shadow:none;visibility:hidden;transition:transform .8s var(--ease),visibility 0s .8s}
.drawer-open .drawer{visibility:visible;transition:transform .8s var(--ease)}

/* ================= SPRINT PAGE v6 · scoped to the Sprint view ================= */
.svcp .s6-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,80px);align-items:end}
.svcp .s6-copy{display:flex;flex-direction:column;gap:24px}
.svcp .s6-copy h1{font-size:clamp(50px,6.4vw,100px);margin:0;color:#fff}
.svcp .s6-sub{margin:0;font-size:clamp(18px,1.5vw,21px);line-height:1.5;color:#C9CCD6;max-width:44ch}
.svcp .s6-copy .duo{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.svcp .s6-res{margin-top:18px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:16px}
.svcp .s6-res .t-label{color:#8B8FA0}
.svcp .s6-nums{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(20px,3vw,44px)}
.svcp .s6-nums div{display:flex;flex-direction:column;gap:6px}
.svcp .s6-nums b{font-size:clamp(40px,4vw,58px);font-weight:500;letter-spacing:-.045em;line-height:.95;color:#fff}
.svcp .s6-nums div:first-child b{background:linear-gradient(135deg,#8EA0FF,#5874FF 45%,#2E4BF5);-webkit-background-clip:text;background-clip:text;color:transparent}
.svcp .s6-nums span{font-size:14px;color:#C9CCD6;line-height:1.35}
.svcp .s6-nums small{color:#8B8FA0;font-size:12.5px}
/* offer card: ghost's paws rest on the card's top edge */
.svcp .s6-offer .offer{position:relative}
.svcp .s6-peek{position:absolute;left:50%;height:auto;translate:-50% 0;z-index:3;pointer-events:none}
.svcp .offer .o-list li::before,.svcp .offer .o-list li::after{display:none}
@media (max-width:960px){.svcp .s6-grid{grid-template-columns:1fr}.svcp .s6-offer{max-width:520px;width:100%;justify-self:center;padding-top:170px}}
@media (max-width:560px){.svcp .s6-nums{grid-template-columns:1fr 1fr}}

/* calendar */
.svcp .cal6{background:#fff;border-radius:var(--r-tile);padding:clamp(18px,2.4vw,32px);box-shadow:0 1px 2px rgba(11,12,15,.05),0 24px 60px -40px rgba(11,12,15,.35);display:flex;flex-direction:column;gap:10px}
.svcp .wk{display:flex;flex-direction:column;gap:4px;padding-top:12px}
.svcp .wk b{font-size:18px;font-weight:800;letter-spacing:-.02em}
.svcp .wk small{font-size:13px;color:var(--graphite)}
.svcp .days{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.svcp .days.d1{grid-template-columns:repeat(5,1fr)}
.svcp .cell{position:relative;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-height:132px;background:#F4F3EF;box-shadow:inset 0 0 0 1px #E6E4DE;opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease),transform .6s var(--ease),box-shadow .4s}
.svcp .cal6.in .cell{opacity:1;transform:none}
.svcp .cell.us{color:#fff;background:linear-gradient(135deg,#5874FF 0%,#2E4BF5 55%,#1A2FCF 100%);box-shadow:0 14px 28px -18px rgba(35,80,251,.9)}
.svcp .cell.us::after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--noise);background-size:200px;opacity:.12;mix-blend-mode:soft-light;pointer-events:none}
.svcp .cell b{font-size:17px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-top:4px}
.svcp .cell em{font-style:normal;font-size:13px;font-weight:600;opacity:.85}
.svcp .cell p{margin:auto 0 0;padding-top:8px;font-size:13.5px;line-height:1.4;opacity:.85}
.svcp .cell.now{box-shadow:0 0 0 3px #fff,0 0 0 5px #2350FB,0 14px 28px -18px rgba(35,80,251,.9)}
.svcp .cell.me.now{box-shadow:0 0 0 2px #2350FB}
@media (max-width:900px){
  .svcp .wk{flex-direction:row;align-items:baseline;gap:10px;padding-top:6px}
  .svcp .days{grid-template-columns:1fr}
  .svcp .cell{min-height:0}
}

/* deliverables: alternating rows, one visual style */
.svcp .dv{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,80px);align-items:center;padding:clamp(28px,4vw,56px) 0;border-top:1px solid #E2E1DC}
.svcp .dv:first-of-type{border-top:0;padding-top:0}
.svcp .dv.flip .dv-txt{order:2}
.svcp .dv-txt{display:flex;flex-direction:column;gap:14px}
.svcp .dv-txt .t-label{color:var(--signal)}
.svcp .dv-txt h3{margin:0;font-size:clamp(36px,3.6vw,54px);font-weight:800;letter-spacing:-.035em;line-height:1}
.svcp .dv-txt p{margin:0;font-size:18px;line-height:1.55;color:#4A4C53;max-width:40ch}
.svcp .dv-vis{position:relative;isolation:isolate;border-radius:var(--r-tile);padding:clamp(18px,2.6vw,36px);aspect-ratio:16/11;background:radial-gradient(80% 90% at 75% 15%,#9AA8EE 0%,#C7CEF4 30%,#EEF0FA 62%,#F6F6F7 90%)}
.svcp .dv-vis::after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--noise);background-size:300px;opacity:.07;mix-blend-mode:soft-light;pointer-events:none;z-index:-1}
@media (max-width:900px){.svcp .dv{grid-template-columns:1fr;gap:24px}.svcp .dv.flip .dv-txt{order:0}.svcp .dv-vis{aspect-ratio:4/3.4}}

/* map: the board, panning slowly */
.svcp .map6{position:relative;flex:1;overflow:hidden;background:#F3F3F1;background-image:radial-gradient(#DADAD6 1px,transparent 1px);background-size:18px 18px}
.svcp .map6 .board4{transition:none}
.svcp .map6 .board4 *{transition:none}

/* prototype */
.svcp .proto{position:relative;flex:1;background:#FAFAFB;overflow:hidden}
.svcp .pt-scr{position:absolute;inset:0;padding:clamp(18px,2.6vw,34px);display:flex;flex-direction:column;gap:14px;opacity:0;transform:translateX(16px);transition:opacity .5s var(--ease),transform .6s var(--ease)}
.svcp .pt-scr.on{opacity:1;transform:none}
.svcp .pt-scr h6{margin:0;font-size:clamp(18px,1.8vw,24px);font-weight:800;letter-spacing:-.025em}
.svcp .pt-cur{position:absolute;width:20px;height:20px;left:60%;top:70%;transition:left .9s var(--ease),top .9s var(--ease),scale .15s}
.svcp .pt-cur.click{scale:.82}

/* plan */

/* follow-up invite */

/* fit: arrow to the button */
.svcp .fitcta .arrow6{width:46px;height:40px;margin:-6px 0 -6px 60px;color:#2350FB}
@media (prefers-reduced-motion:reduce){.svcp .cell{opacity:1;transform:none}}


.svcp .dv.flip{grid-template-columns:1.2fr .8fr}
@media (max-width:900px){.svcp .dv.flip{grid-template-columns:1fr}}
.svcp .sp6.s3-hero .wrap{padding-top:clamp(120px,11vw,150px)}
.svcp .s6-copy{gap:20px}
.svcp .s6-copy h1{font-size:clamp(48px,5.6vw,88px)}
.svcp .s6-res{margin-top:8px;padding-top:20px}

.svcp .pt-scr{transition:opacity .35s var(--ease),transform .6s var(--ease)}
.svcp .pt-scr:not(.on){transition-duration:.2s}
.svcp .fitcta .arrow6{transform:scaleX(-1) rotate(20deg);margin:-4px 0 -2px 70px}

/* case cards: three short facts on the card */
.cases4 .facts{display:flex;flex-direction:column;margin-top:14px;border-top:1px solid rgba(255,255,255,.28)}
.cases4 .m-grey .facts{border-color:rgba(11,12,15,.18)}
.cases4 .facts>span{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:13.5px!important;font-weight:400!important;line-height:1.4;opacity:.95}
.cases4 .m-grey .facts>span{border-color:rgba(11,12,15,.1)}
.cases4 .facts em{font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.7;padding-top:2px}
.cases4 .met{max-width:none!important}
@media (max-width:600px){.cases4 .facts>span{grid-template-columns:1fr;gap:2px}.cases4 .cf-tiles{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}.cases4 .cf-t{padding:11px 12px}}
/* guide: Continue stays, inactive after the email step */
#gNext:disabled{opacity:.35;cursor:default;filter:saturate(.5);pointer-events:none}
/* founder video: circle with a soft shadow, no frame */
.fvc{width:132px!important;height:132px!important;border-radius:50%!important;overflow:visible!important;background:none!important;box-shadow:none!important}
.fvc::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(80% 60% at 50% 30%,#9AA8EE,#2E4BF5 60%,#0F1B6E);box-shadow:0 22px 44px -14px rgba(8,10,40,.55),0 6px 14px -6px rgba(8,10,40,.35);z-index:-1}
.fvc video,.fvc .fv-img{border-radius:50%;clip-path:circle(50%)}
.fvc .fv-img{object-fit:cover!important;object-position:50% 20%!important}
.fv.big .fvc{width:260px!important;height:260px!important}
.fvc .bar,.fvc .cap{display:none}
.fvc .snd,.fvc .x{top:-4px!important;width:30px!important;height:30px!important;box-shadow:0 4px 10px rgba(0,0,0,.3)}
.fvc .snd{left:-4px!important}.fvc .x{right:-4px!important}
@media (max-width:560px){.fvc{width:96px!important;height:96px!important}.fv.big .fvc{width:200px!important;height:200px!important}}
.cases4 .facts ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.cases4 .facts li{position:relative;padding-left:14px}
.cases4 .facts li::before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6}
.cases4 .facts .res{display:block;margin:0!important;padding:0!important;border:0!important;font-size:13.5px!important;font-weight:600!important;letter-spacing:0!important;line-height:1.4!important}
/* case cards: facts open on hover, like before */
.cases4 .peek{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.cases4 .peek>div{overflow:hidden;min-height:0}
.cases4 .mcard:hover .peek,.cases4 .mcard:focus-visible .peek{grid-template-rows:1fr}
.cases4 .met{margin-top:auto!important}
@media (hover:none),(max-width:900px){.cases4 .peek{grid-template-rows:1fr}}
.cases4{align-items:start}
.cases4 .mcard{gap:28px;min-height:560px!important}

/* case cards: fixed slots, the hovered card grows over its neighbour (top row down, bottom row up) */
.cases4{align-items:stretch;grid-auto-rows:440px}
.cases4 .cslot{position:relative;min-width:0}
.cases4 .cslot .mcard{position:absolute;left:0;right:0;top:0;min-height:440px!important;cursor:default;z-index:1;transition:box-shadow .5s var(--ease),transform .5s var(--ease)}
.cases4 .cslot:nth-child(n+3) .mcard{top:auto;bottom:0}
.cases4 .cslot .mcard:hover,.cases4 .cslot .mcard:focus-within,.cases4 .cslot .mcard:focus{z-index:5;box-shadow:0 40px 80px -30px rgba(11,12,15,.55);outline:none}
.cases4 .peek{transition:grid-template-rows .7s cubic-bezier(.22,1,.36,1)}
.cases4 .peek>div{opacity:0;transition:opacity .35s ease}
.cases4 .mcard:hover .peek>div,.cases4 .mcard:focus .peek>div{opacity:1;transition:opacity .5s ease .15s}
.cases4 .mcard:hover .mat{transform:none}
@media (hover:none),(max-width:900px){
  .cases4{grid-auto-rows:auto}
  .cases4 .cslot .mcard{position:relative;top:auto;bottom:auto}
  .cases4 .peek>div{opacity:1}
}

/* case cards: scannable facts (cf-) */
.cases4 .facts.cf{display:flex;flex-direction:column;gap:20px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.26)}
.cases4 .m-grey .facts.cf{border-color:rgba(11,12,15,.16)}
.cases4 .cf>span{display:flex!important;flex-direction:column;gap:9px;padding:0!important;border:0!important;opacity:1}
.cases4 .cf em{font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;opacity:.62;padding:0}
.cases4 .cf-hd{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.cases4 .cf .cf-gt{font-size:15.5px;font-weight:600;line-height:1.35;letter-spacing:-.01em;max-width:46ch}
.cases4 .cf .cf-len{flex:none;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);backdrop-filter:blur(6px)}
.cases4 .m-grey .cf-len{background:rgba(11,12,15,.05);box-shadow:inset 0 0 0 1px rgba(11,12,15,.14)}
.cases4 .cf-len svg{width:14px;height:14px;opacity:.8}
.cases4 .cf ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;counter-reset:cf}
.cases4 .cf li{counter-increment:cf;position:relative;padding-left:30px;font-size:13.5px;line-height:1.42;color:rgba(255,255,255,.72)}
.cases4 .m-grey .cf li{color:rgba(11,12,15,.62)}
.cases4 .cf li::before{content:counter(cf,decimal-leading-zero);position:absolute;left:0;top:1px;width:auto;height:auto;border-radius:0;background:none;opacity:1;font-size:11px;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.55);font-variant-numeric:tabular-nums}
.cases4 .m-grey .cf li::before{color:rgba(11,12,15,.4)}
.cases4 .cf li strong{font-weight:600;color:#fff}
.cases4 .m-grey .cf li strong{color:#0B0C0F}
.cases4 .cf-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}
.cases4 .cf-t{display:flex;flex-direction:column;gap:4px;padding:12px 14px 13px;border-radius:14px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.cases4 .m-grey .cf-t{background:#fff;box-shadow:0 1px 2px rgba(11,12,15,.06),inset 0 0 0 1px rgba(11,12,15,.08)}
.cases4 .cf-t strong{font-size:26px;font-weight:500;letter-spacing:-.045em;line-height:1}
.cases4 .cf .cf-t span{font-weight:500;font-size:12.5px;line-height:1.3;opacity:.8}
/* reveal: rows rise in one after another */
.cases4 .cf>span,.cases4 .cf li{opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}
.cases4 .mcard:hover .cf>span,.cases4 .mcard:focus .cf>span,.cases4 .mcard:hover .cf li,.cases4 .mcard:focus .cf li{opacity:1;transform:none;transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1)}
.cases4 .mcard:hover .cf .cf-meta,.cases4 .mcard:focus .cf .cf-meta{transition-delay:.12s}
.cases4 .mcard:hover .cf .cf-did,.cases4 .mcard:focus .cf .cf-did{transition-delay:.18s}
.cases4 .mcard:hover .cf li,.cases4 .mcard:focus .cf li{transition-delay:calc(.22s + var(--i)*.045s)}
.cases4 .mcard:hover .cf .cf-res,.cases4 .mcard:focus .cf .cf-res{transition-delay:.5s}
@media (hover:none),(max-width:900px){.cases4 .cf>span,.cases4 .cf li{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.cases4 .cf>span,.cases4 .cf li{transition:none!important}}


/* ================= SPRINT v7 · scoped ================= */
/* ghost sits on top of the offer card: paws on the edge */
.svcp .s6-nums .txt b{font-size:clamp(24px,2.2vw,32px);line-height:1.05;letter-spacing:-.03em;padding-top:10px}

/* calendar v7 */
.svcp .cal7{position:relative;isolation:isolate;border-radius:var(--r-tile);padding:clamp(18px,2.6vw,36px);background:radial-gradient(70% 90% at 90% 0%,#C7CEF4 0%,#EEF0FA 45%,#FFFFFF 80%);box-shadow:0 1px 2px rgba(11,12,15,.05),0 30px 70px -44px rgba(16,22,70,.45)}
.svcp .cal7::after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--noise);background-size:300px;opacity:.05;mix-blend-mode:soft-light;pointer-events:none;z-index:-1}
.svcp .c7-legend{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.svcp .c7-key{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;background:#fff;font-size:15px;font-weight:600;box-shadow:0 8px 20px -14px rgba(16,22,70,.5)}
.svcp .c7-key i{width:22px;height:22px;border-radius:50%}
.svcp .c7-key.us i{background:linear-gradient(135deg,#5874FF,#2350FB 55%,#1A2FCF)}
.svcp .c7-key.tm i{background:repeating-linear-gradient(135deg,#D9DBE3 0 4px,#F4F4F6 4px 8px);box-shadow:inset 0 0 0 1px #D0D2DA}
.svcp .c7-key img{width:22px;height:22px;border-radius:50%;object-fit:cover}
.svcp .ev{position:relative;border-radius:14px;padding:14px 16px 14px;display:flex;flex-direction:column;gap:4px;min-height:128px;opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.svcp .cal7.in .ev{opacity:1;transform:none}
.svcp .ev b{font-size:16.5px;font-weight:700;letter-spacing:-.015em;line-height:1.2}
.svcp .ev p{margin:0;font-size:13.5px;font-weight:400;line-height:1.42}
.svcp .ev-t{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.svcp .ev.us{color:#fff;background:linear-gradient(140deg,#5874FF 0%,#2E4BF5 55%,#1A2FCF 100%);box-shadow:0 16px 30px -18px rgba(35,80,251,.9)}
.svcp .ev.us::after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--noise);background-size:200px;opacity:.12;mix-blend-mode:soft-light;pointer-events:none}
.svcp .ev.us .ev-t{opacity:.8}
.svcp .ev.us p{color:rgba(255,255,255,.88)}
.svcp .ev.me{background:#fff;color:var(--ink);box-shadow:inset 3px 0 0 #2350FB,0 10px 24px -18px rgba(16,22,70,.45)}
.svcp .ev.me .ev-t{color:var(--signal)}
.svcp .ev.me p{color:#4A4C53}
.svcp .ev.tm{background:repeating-linear-gradient(135deg,rgba(255,255,255,.75) 0 10px,rgba(238,240,250,.9) 10px 20px);box-shadow:inset 0 0 0 1px rgba(16,22,70,.08);color:var(--ink)}
.svcp .ev.tm .ev-t{color:#4A4C53}
.svcp .ev.tm p{color:#4A4C53}
.svcp .ev.now{outline:2px solid #fff;outline-offset:-2px;box-shadow:0 0 0 4px rgba(35,80,251,.35),0 16px 30px -18px rgba(35,80,251,.9)}
@media (max-width:900px){
  .svcp .ev{grid-column:auto!important;min-height:0}
}

/* map v7: drawn board */
.svcp .map7{position:relative;flex:1;overflow:hidden;background:#F7F7F5;background-image:radial-gradient(#E1E1DD 1px,transparent 1px);background-size:16px 16px}
.svcp .m7{position:absolute;left:0;top:0;width:980px;padding:26px 28px;transform-origin:0 0;font-family:var(--font)}
.svcp .wf{height:100%;border-radius:6px;background:#fff;box-shadow:0 4px 10px -6px rgba(16,22,70,.35);padding:8px;display:flex;flex-direction:column;gap:5px;position:relative;overflow:hidden}
.svcp .wf i{display:block;border-radius:3px;background:#E3E4EA}
.svcp .wf .nav{height:5px;width:60%}
.svcp .wf .h1{height:10px;width:80%;background:#0B0C0F}
.svcp .wf .h2{height:8px;width:65%;background:#0B0C0F}
.svcp .wf .p{height:5px;width:70%}
.svcp .wf .btn{height:10px;width:40%;border-radius:999px;background:linear-gradient(90deg,#3B57FF,#1630EE);margin-top:auto}
.svcp .wf .in{height:10px;width:100%;background:#F2F2F5;box-shadow:inset 0 0 0 1px #E3E4EA}
.svcp .wf .side{position:absolute;left:0;top:0;bottom:0;width:18%;border-radius:0;background:#F2F2F5}
.svcp .wf .empty{margin:auto 0 auto 26%;height:40%;width:66%;border-radius:4px;background:repeating-linear-gradient(0deg,#F2F2F5 0 5px,#fff 5px 9px);box-shadow:inset 0 0 0 1px #E3E4EA}

/* prototype before/after */
.svcp .ba7{position:relative;flex:1;background:#F7F7F9;overflow:hidden}

.svcp .m7{width:760px;padding:20px 22px}
@media (max-width:600px){.svcp .dv-vis{aspect-ratio:4/3.6}}
.svcp .s6-nums b.up{font-weight:400;color:#fff}
.svcp .s6-peek{width:340px!important;bottom:calc(100% - 10px)!important;filter:drop-shadow(0 8px 14px rgba(16,22,70,.16))!important}
.svcp .s6-offer{padding-top:200px!important}
@media (max-width:560px){.svcp .s6-peek{width:240px!important;bottom:calc(100% - 7px)!important}.svcp .s6-offer{padding-top:140px!important}}

/* ================= SERVICE PAGES v8 (Sprint + Partnership) ================= */
/* offer card: real wordmark */
.svcp .o-logo{display:block;height:18px}
.svcp .o-logo img{height:18px;width:auto;display:block}

/* calendar v8: quiet, on brand */
.svcp .cal8{position:relative;isolation:isolate;border-radius:var(--r-tile);padding:clamp(18px,2.6vw,36px);background:radial-gradient(70% 90% at 90% 0%,#C7CEF4 0%,#EEF0FA 45%,#F6F6F7 85%);box-shadow:0 1px 2px rgba(11,12,15,.05),0 30px 70px -44px rgba(16,22,70,.45)}
.svcp .cal8::after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--noise);background-size:300px;opacity:.06;mix-blend-mode:soft-light;pointer-events:none;z-index:-1}
.svcp .c8-grid{display:grid;grid-template-columns:128px repeat(5,1fr);column-gap:10px;row-gap:10px}
.svcp .c8-h{font-size:11px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#6B6E76;padding:0 4px 10px}
.svcp .c8-w{display:flex;flex-direction:column;gap:3px;padding-top:14px}
.svcp .c8-w b{font-size:17px;font-weight:800;letter-spacing:-.02em}
.svcp .c8-w span{font-size:12.5px;color:#6B6E76}
.svcp .c8-row{grid-column:2/7;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;border-top:1px solid rgba(11,12,15,.07);padding-top:10px}
.svcp .c8-w{border-top:1px solid rgba(11,12,15,.07)}
.svcp .cal8 .ev{position:relative;isolation:isolate;border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:5px;min-height:124px;opacity:0;transform:translateY(8px);transition:opacity .7s var(--ease),transform .7s var(--ease);box-shadow:none;outline:none}
.svcp .cal8.in .ev{opacity:1;transform:none}
.svcp .cal8 .ev b{font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.svcp .cal8 .ev p{margin:0;font-size:14px;line-height:1.45}
.svcp .cal8 .ev-t{font-size:10.5px;font-weight:600;letter-spacing:.28em;text-transform:uppercase}
.svcp .cal8 .ev.us{color:#fff;background:linear-gradient(140deg,#5874FF 0%,#2E4BF5 55%,#1A2FCF 100%);box-shadow:0 18px 34px -22px rgba(35,80,251,.9)}
.svcp .cal8 .ev.us::after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--noise);background-size:200px;opacity:.12;mix-blend-mode:soft-light;pointer-events:none}
.svcp .cal8 .ev.us .ev-t{color:rgba(255,255,255,.75)}
.svcp .cal8 .ev.us p{color:rgba(255,255,255,.88)}
.svcp .cal8 .ev.me{background:rgba(255,255,255,.82);backdrop-filter:blur(8px);color:var(--ink);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 14px 30px -24px rgba(16,22,70,.45)}
.svcp .cal8 .ev.me .ev-t{color:#6B6E76}
.svcp .cal8 .ev.me p{color:#4A4C53}
.svcp .cal8 .ev.tm{background:repeating-linear-gradient(135deg,rgba(255,255,255,.55) 0 10px,rgba(255,255,255,.2) 10px 20px);box-shadow:inset 0 0 0 1px rgba(16,22,70,.1);color:var(--ink)}
.svcp .cal8 .ev.tm .ev-t,.svcp .cal8 .ev.tm p{color:#4A4C53}
@media (max-width:900px){
  .svcp .c8-grid{grid-template-columns:1fr}
  .svcp .c8-h{display:none}
  .svcp .c8-w{flex-direction:row;align-items:baseline;gap:10px}
  .svcp .c8-row{grid-column:1;grid-template-columns:1fr;border-top:0;padding-top:0}
  .svcp .cal8 .ev{grid-column:auto!important;min-height:0}
}

/* the map: a big board that scrolls sideways */
.svcp .ms{position:relative;height:112px;border-radius:9px;background:#F4F3EF;box-shadow:inset 0 0 0 1px #E6E4DE;padding:10px 10px;display:flex;flex-direction:column;gap:5px;overflow:hidden;font-size:8px;color:#4A4C53}
.svcp .ms .mn{display:flex;align-items:center;gap:4px}
.svcp .ms .mn i{width:12px;height:3px;border-radius:2px;background:#D9DBE3}
.svcp .ms .mn em{margin-left:auto;font-style:normal;font-size:7px;font-weight:600;color:#0B0C0F}
.svcp .ms .mh{font-size:12px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#0B0C0F}
.svcp .ms .mh.s{font-size:10.5px}
.svcp .ms .mp{font-size:8px;line-height:1.3}
.svcp .ms .pr{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:2px}
.svcp .ms .pr>span{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;border-radius:5px;background:#fff;font-size:7px}
.svcp .ms .pr b{font-size:10px;font-weight:500;letter-spacing:-.03em;color:#0B0C0F}
.svcp .ms .pr .hl{box-shadow:inset 0 0 0 1px #2350FB}
.svcp .ms .side{position:absolute;left:0;top:0;bottom:0;width:22px;background:#ECEBE6}
.svcp .ms .empty{flex:1;display:grid;place-items:center;border-radius:5px;border:1px dashed #D3D1CA;font-size:7.5px;color:#8B8E98}
.svcp .ms .ch{flex:1;display:flex;align-items:flex-end;gap:4px;padding:4px;border-radius:5px;background:#fff}
.svcp .ms .ch i{flex:1;height:var(--h);border-radius:2px 2px 0 0;background:linear-gradient(180deg,#8EA0FF,#2350FB)}

/* prototype v8: before / after in the site's own style */
.svcp .b8-tog{position:absolute;left:50%;top:12px;translate:-50% 0;z-index:8;display:flex;padding:4px;border-radius:999px;background:#fff;box-shadow:0 8px 20px -10px rgba(16,22,70,.45)}
.svcp .b8-tog button{all:unset;cursor:pointer;position:relative;z-index:1;padding:6px 16px;font-size:12.5px;font-weight:600;color:#4A4C53;transition:color .4s}
.svcp .b8-tog button.on{color:#fff}
.svcp .b8-tog i{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:#0B0C0F;transition:transform .7s cubic-bezier(.65,0,.25,1),background .5s}

/* partnership visuals */

.svcp .c8-4 .c8-grid{grid-template-columns:128px repeat(4,1fr)}
.svcp .c8-4 .c8-row{grid-column:2/6;grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.svcp .c8-4 .c8-grid{grid-template-columns:1fr}.svcp .c8-4 .c8-row{grid-column:1;grid-template-columns:1fr}}
.svcp .dv>*{min-width:0}.svcp .dv-vis{min-width:0;max-width:100%}

/* prototype v8.1 */

@media (max-width:560px){.svcp .offer .o-foot{flex-direction:column;align-items:flex-start}}

/* partnership hero: light lavender, distinct from the dark Sprint hero */
.svcp .p-hero{color:var(--ink);background:radial-gradient(55% 70% at 80% 45%,#9AA8EE 0%,#C7CEF4 34%,#EEF0FA 62%,#F4F3EF 90%)}
.svcp .p-hero::after{opacity:.07}
.svcp .p-hero .s6-copy h1{color:var(--ink)}
.svcp .p-hero .s6-sub{color:#2B2D33}
.svcp .p-hero .link3{color:var(--ink)}
.svcp .p-hero .s6-res{border-top-color:rgba(11,12,15,.12)}
.svcp .p-hero .s6-res .t-label{color:#6B6E76}
.svcp .p-hero .s6-nums b{color:var(--ink)}
.svcp .p-hero .s6-nums span{color:#2B2D33}.svcp .p-hero .s6-nums small{color:#6B6E76}
.svcp .p-hero .offer{box-shadow:0 40px 80px -36px rgba(16,22,70,.45),0 0 0 1px rgba(11,12,15,.05);background:#fff}
.svcp .p-hero .s6-peek{filter:drop-shadow(0 10px 16px rgba(16,22,70,.2))!important}
/* design review call */

@media (max-width:600px){.svcp .dv-vis:has(.mt8){aspect-ratio:3/3.6}}
.svcp .p-hero .s6-nums div:first-child b{background:linear-gradient(135deg,#5874FF,#2E4BF5 55%,#1A2FCF);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ================= METHOD v9 · scoped .mthp ================= */
.mthp .md-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(42% 60% at 76% 58%,rgba(46,75,245,.7) 0%,rgba(26,47,207,.28) 45%,rgba(8,10,13,0) 75%),radial-gradient(40% 40% at 8% 0%,rgba(46,75,245,.22),transparent 70%),#080A0D}
.mthp .md-hero::after{content:"";position:absolute;inset:0;background-image:var(--noise);background-size:300px;opacity:.1;mix-blend-mode:soft-light;pointer-events:none}
.mthp .md-hero .wrap{position:relative;z-index:1;padding-block:clamp(140px,13vw,180px) clamp(80px,8vw,120px)}
.mthp .md-hgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,80px);align-items:center}
.mthp .md-hcopy{display:flex;flex-direction:column;gap:26px}
.mthp .md-hcopy .t-label{color:#8EA0FF}
.mthp .md-hcopy h1{font-size:clamp(56px,7.4vw,112px);margin:0}
.mthp .md-sub{margin:0;font-size:clamp(18px,1.5vw,21px);line-height:1.5;color:#C9CCD6;max-width:44ch}
.mthp .md-hvis svg{display:block;width:100%;max-width:480px;margin:0 auto;overflow:visible}
.mthp .md-got{animation:mdDrift 7s cubic-bezier(.45,0,.55,1) infinite alternate}
.mthp .md-pic{transform-origin:190px 150px;animation:mdSpin 40s linear infinite}
@keyframes mdDrift{from{transform:translateY(-6px)}to{transform:translateY(44px)}}
@keyframes mdSpin{to{transform:rotate(360deg)}}

.mthp .md-step{font-size:11.5px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--signal)}
.mthp .band>.wrap{padding-block:clamp(72px,8vw,112px)}

/* problem: expected vs experienced */
.mthp .md-curve{position:relative;border-radius:var(--r-tile);padding:clamp(24px,3vw,40px);padding-top:0;background:radial-gradient(70% 90% at 90% 0%,#C7CEF4 0%,#EEF0FA 45%,#FFFFFF 80%);box-shadow:0 1px 2px rgba(11,12,15,.05),0 30px 70px -44px rgba(16,22,70,.45);overflow:hidden;isolation:isolate}
.mthp .md-curve::after{content:"";position:absolute;inset:0;background-image:var(--noise);background-size:300px;opacity:.05;mix-blend-mode:soft-light;pointer-events:none;z-index:-1}
.mthp .md-curve svg{display:block;width:calc(100% + 2*clamp(24px,3vw,40px));margin-inline:calc(-1*clamp(24px,3vw,40px));height:clamp(170px,20vw,260px)}

/* why it's hard */
.mthp .md-why>.wrap,.mthp .md-diff>.wrap,.mthp .md-res>.wrap{padding-top:clamp(32px,4vw,56px)}
.mthp .md-why4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mthp .md-why4 article{background:#fff;border-radius:var(--r-tile);padding:28px 26px 30px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px rgba(11,12,15,.05),0 24px 60px -44px rgba(11,12,15,.4)}
.mthp .md-why4 h3{margin:0;font-size:20px;font-weight:800;letter-spacing:-.025em;line-height:1.15}
.mthp .md-why4 p{margin:0;font-size:15.5px;line-height:1.45;color:#4A4C53}

/* usual vs ghosted */

/* process */
.mthp .md-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}
.mthp .md-steps::before{content:"";position:absolute;left:44px;right:44px;top:44px;height:2px;background:repeating-linear-gradient(90deg,#B9B7B0 0 8px,transparent 8px 16px);z-index:0}
.mthp .md-steps li{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;padding:0 6px}
.mthp .md-n{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:500;letter-spacing:-.045em;color:#fff;background:linear-gradient(135deg,#5874FF,#2350FB 55%,#1A2FCF);box-shadow:0 0 0 8px var(--paper,#F4F3EF),0 18px 40px -16px rgba(35,80,251,.7);margin-bottom:16px}
.mthp .md-steps .t-label{color:var(--graphite)}
.mthp .md-steps h3{margin:0;font-size:clamp(22px,1.9vw,26px);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.mthp .md-steps p{margin:0 0 8px;font-size:15.5px;line-height:1.45;color:#4A4C53;max-width:30ch}
.mthp .md-get{align-self:flex-start;margin-top:auto;padding:8px 14px;border-radius:999px;background:#fff;font-size:13.5px;font-weight:600;box-shadow:inset 0 0 0 1px rgba(11,12,15,.08),0 8px 20px -14px rgba(16,22,70,.5)}

/* results + about */
.mthp .md-me>.wrap{padding-top:clamp(32px,4vw,56px)}
.mthp .md-wt{margin-top:clamp(80px,9vw,128px)}

@media (max-width:1100px){.mthp .md-why4{grid-template-columns:1fr 1fr}.mthp .md-steps{grid-template-columns:1fr 1fr;row-gap:40px}.mthp .md-steps::before{display:none}}
@media (max-width:900px){.mthp .md-hgrid{grid-template-columns:1fr}.mthp .md-hvis svg{max-width:320px}}
@media (max-width:640px){
  .mthp .md-why4,.mthp .md-steps{grid-template-columns:1fr}
  .mthp .md-steps li{padding:0}
  .mthp .md-n{width:64px;height:64px;font-size:22px;margin-bottom:8px}
  .mthp .md-hvis svg{max-width:270px}
  .mthp .md-curve{display:flex;flex-direction:column}
  .mthp .md-curve svg{order:2}
}
@media (prefers-reduced-motion:reduce){.mthp .md-got,.mthp .md-pic{animation:none}}

/* partnership hero: everything above the fold on desktop and laptop */
@media (min-width:961px){
  .svcp .p-hero .wrap{padding-block:clamp(96px,8.6vw,118px) clamp(36px,4vw,56px)!important}
  .svcp .p-hero .s6-grid{align-items:center;gap:clamp(32px,4.5vw,72px)}
  .svcp .p-hero .s6-copy{gap:20px}
  .svcp .p-hero .s6-copy h1{font-size:clamp(46px,4.9vw,76px);line-height:.94}
  .svcp .p-hero .s6-sub{font-size:clamp(17px,1.35vw,20px)}
  .svcp .p-hero .s6-res{margin-top:4px;padding-top:18px;gap:12px}
  .svcp .p-hero .s6-nums b{font-size:clamp(36px,3.4vw,50px)}
  .svcp .p-hero .s6-offer{padding-top:146px!important}
  .svcp .p-hero .s6-peek{width:270px!important;bottom:calc(100% - 8px)!important}
  .svcp .p-hero .offer{padding:24px 26px;gap:14px}
  .svcp .p-hero .o-price b{font-size:clamp(44px,4vw,58px)}
  .svcp .p-hero .o-price{padding-bottom:14px}
  .svcp .p-hero .o-list li{padding:10px 0}
  .svcp .p-hero .o-list p{font-size:15px}
}

/* partnership reviews: one card per partner (pr9-) */
.svcp .pr9{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.svcp .pr9-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.svcp .pr9-card{background:#fff;border-radius:var(--r-tile);padding:clamp(24px,2.6vw,34px);display:flex;flex-direction:column;gap:22px;box-shadow:0 1px 2px rgba(11,12,15,.05),0 24px 60px -44px rgba(11,12,15,.4)}
.svcp .pr9-hd{display:flex;justify-content:space-between;align-items:center;gap:12px}
.svcp .pr9-hd img{height:26px;width:auto}
.svcp .pr9-len{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;color:var(--signal);background:#F0F3FF;box-shadow:inset 0 0 0 1px rgba(35,80,251,.25)}
.svcp .pr9-len svg{width:14px;height:14px}
.svcp .pr9-res{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.svcp .pr9-t{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border-radius:16px;background:radial-gradient(120% 120% at 100% 0%,#DDE2FA 0%,#F1F2F8 55%,#F6F6F4 100%)}
.svcp .pr9-t b{font-size:clamp(28px,2.4vw,34px);font-weight:500;letter-spacing:-.045em;line-height:1;color:var(--ink)}
.svcp .pr9-t span{font-size:13px;line-height:1.3;color:#4A4C53}
.svcp .pr9-q{display:flex;flex-direction:column;gap:14px}
.svcp .pr9-q+.pr9-q{padding-top:22px;border-top:1px solid #EEEDE9}
.svcp .pr9-q blockquote{margin:0;font-size:clamp(19px,1.6vw,22px);line-height:1.3;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.svcp .pr9-q blockquote::before{content:"“";display:block;font-size:56px;line-height:.55;font-weight:900;color:var(--signal);margin-bottom:6px}
.svcp .pr9-q .tx{display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.55;color:#4A4C53}
.svcp .pr9-q .tx p{margin:0}
.svcp .pr9-who{display:flex;gap:12px;align-items:center}
.svcp .pr9-who img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.svcp .pr9-who b{display:block;font-size:15px}
.svcp .pr9-who span{font-size:13px;color:var(--graphite)}
@media (max-width:600px){.svcp .pr9-res{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}.svcp .pr9-t{padding:12px}.svcp .pr9-t b{font-size:26px}}
@media (max-width:860px){.svcp .pr9{grid-template-columns:1fr}.svcp .pr9-col{display:contents}.svcp .pr9-card{order:var(--o)}}

/* method v10: calmer model, guide teaser, ghost peek */
.mthp .md-jr{margin-top:8px}
.mthp .md-jr .stop{gap:12px}
.mthp .md-ms{list-style:none;margin:14px 0 0;padding:16px 0 0;border-top:1px solid rgba(11,12,15,.1);display:flex;flex-direction:column;gap:10px;width:100%;max-width:300px;text-align:left}
.mthp .md-ms li{display:grid;grid-template-columns:96px 1fr;gap:10px;font-size:14.5px;line-height:1.4;color:#4A4C53}
.mthp .md-ms b{font-weight:700;color:var(--ink)}
.mthp .md-gd>.wrap{padding-top:0}
.mthp .md-why4{gap:0;border-top:1px solid rgba(11,12,15,.12)}
.mthp .md-why4 article{background:none;box-shadow:none;border-radius:0;padding:28px 28px 8px 0;gap:10px}
.mthp .md-why4 article+article{padding-left:28px;border-left:1px solid rgba(11,12,15,.1)}
.mthp .md-wn{font-size:clamp(40px,3.6vw,56px);font-weight:500;letter-spacing:-.045em;line-height:1;color:var(--signal);margin-bottom:12px}
.mthp .md-me{overflow:visible;z-index:3}
@media (max-width:1100px){.mthp .md-why4 article:nth-child(3){padding-left:0;border-left:0}.mthp .md-why4 article:nth-child(n+3){border-top:1px solid rgba(11,12,15,.1)}}
@media (max-width:900px){.mthp .md-jr{grid-template-columns:1fr;row-gap:48px}.mthp .md-jr .journey-line{display:none}.mthp .md-ms{margin-inline:auto}}
@media (max-width:640px){.mthp .md-why4 article,.mthp .md-why4 article+article{border-left:0}.mthp .md-why4 article+article{border-top:1px solid rgba(11,12,15,.1)}}

/* method v11: Dunford-style flow */
.mthp .md-ch>.wrap{padding-top:clamp(96px,10vw,140px)}
.mthp .md-ch3{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(11,12,15,.12)}
.mthp .md-ch3 article{padding:28px 28px 30px 0;display:flex;flex-direction:column;gap:16px}
.mthp .md-ch3 article+article{padding-left:28px;border-left:1px solid rgba(11,12,15,.1)}
.mthp .md-tag{font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--signal)}
.mthp .md-ch3 p{margin:0;font-size:clamp(22px,2vw,28px);font-weight:700;letter-spacing:-.025em;line-height:1.2;color:var(--ink)}
.mthp .md-ch-foot{margin:40px auto 0;text-align:center;font-size:clamp(18px,1.5vw,21px);line-height:1.5;color:#4A4C53;max-width:52ch}
.mthp .md-ch-foot b{color:var(--signal);font-weight:700}
.mthp .md-prob>.wrap{padding-top:clamp(40px,5vw,72px)!important}
.mthp .md-qs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.mthp .md-q{background:#fff;border-radius:var(--r-tile);padding:clamp(24px,2.8vw,36px);display:flex;flex-direction:column;gap:18px;box-shadow:0 1px 2px rgba(11,12,15,.05),0 24px 60px -44px rgba(11,12,15,.4)}
.mthp .md-q blockquote{margin:0;font-size:clamp(20px,1.8vw,24px);line-height:1.3;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.mthp .md-q blockquote::before{content:"“";display:block;font-size:56px;line-height:.55;font-weight:900;color:var(--signal);margin-bottom:6px}
.mthp .md-q .who{display:flex;gap:12px;align-items:center;margin-top:auto}
.mthp .md-q .who img.ph{width:42px;height:42px;border-radius:50%;object-fit:cover}
.mthp .md-q .who b{display:block;font-size:15px}
.mthp .md-q .who span{font-size:13px;color:var(--graphite)}
@media (max-width:900px){.mthp .md-ch3{grid-template-columns:1fr}.mthp .md-ch3 article,.mthp .md-ch3 article+article{padding:24px 0;border-left:0}.mthp .md-ch3 article+article{border-top:1px solid rgba(11,12,15,.1)}.mthp .md-qs{grid-template-columns:1fr}}

/* usual vs ghosted: two cards side by side (md-vs2) */
.mthp .md-vs2{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:16px;max-width:1120px;margin:0 auto}
.mthp .md-vs2 .bg{grid-row:1/-1;border-radius:var(--r-tile);position:relative;isolation:isolate;overflow:hidden}
.mthp .md-vs2 .bg.l{grid-column:1;background:#E9E8E3;box-shadow:inset 0 0 0 1px rgba(11,12,15,.04)}
.mthp .md-vs2 .bg.r{grid-column:2;box-shadow:0 40px 80px -40px rgba(35,80,251,.75)}
.mthp .md-vs2 .bg.r::after{content:"";position:absolute;inset:0;background-image:var(--noise);background-size:280px;opacity:.12;mix-blend-mode:soft-light}
.mthp .md-vs2 .l{grid-column:1}.mthp .md-vs2 .r{grid-column:2}
.mthp .md-vs2 .hd{position:relative;z-index:1;padding:clamp(26px,3vw,40px) clamp(24px,3vw,40px) 18px;display:flex;flex-direction:column;gap:10px}
.mthp .md-vs2 .hd h3{margin:0;font-size:clamp(28px,2.6vw,40px);font-weight:800;letter-spacing:-.035em;line-height:1}
.mthp .md-vs2 .hd.l .t-label{color:#8B8E98}.mthp .md-vs2 .hd.l h3{color:#6B6E76}
.mthp .md-vs2 .hd.r .t-label{color:rgba(255,255,255,.75)}.mthp .md-vs2 .hd.r h3{color:#fff}
.mthp .md-vs2 .c{position:relative;z-index:1;margin:0 clamp(24px,3vw,40px);padding:18px 0;display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.42;border-top:1px solid rgba(11,12,15,.08)}
.mthp .md-vs2 .c.last{margin-bottom:clamp(20px,2.6vw,32px)}
.mthp .md-vs2 .c i{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;margin-top:-1px}
.mthp .md-vs2 .c i svg{width:16px;height:16px}
.mthp .md-vs2 .c.l{color:#7A7D86}
.mthp .md-vs2 .c.l i{background:rgba(11,12,15,.07);color:#8B8E98}
.mthp .md-vs2 .c.r{color:rgba(255,255,255,.82);border-color:rgba(255,255,255,.18)}
.mthp .md-vs2 .c.r b{color:#fff;font-weight:700}
.mthp .md-vs2 .c.r i{background:#fff;color:var(--signal);box-shadow:0 6px 14px -6px rgba(8,14,60,.5)}
@media (max-width:760px){
  .mthp .md-vs2{grid-template-columns:1fr;row-gap:0}
  .mthp .md-vs2 .bg,.mthp .md-vs2 .hd{display:none}
  .mthp .md-vs2 .c{grid-column:1!important;grid-row:auto!important;margin:0;padding:16px 18px;border:0}
  .mthp .md-vs2 .c.l{background:#E9E8E3;border-radius:18px 18px 0 0;font-size:15px}
  .mthp .md-vs2 .c.r{border-radius:0 0 18px 18px;margin-bottom:12px}
  .mthp .md-vs2 .c.last{margin-bottom:0}
}

.mthp .md-vs2{grid-template-rows:repeat(8,auto)}
/* process steps: calculator-style numbers, no circles */
.mthp .md-steps{gap:0;border-top:1px solid rgba(11,12,15,.12)}
.mthp .md-steps::before{display:none}
.mthp .md-steps li{padding:0 28px 0 0;gap:10px}
.mthp .md-steps li+li{padding-left:28px;border-left:1px solid rgba(11,12,15,.1)}
.mthp .md-steps li::before{content:"";position:absolute;top:-1px;left:0;width:48px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#5874FF,#2350FB)}
.mthp .md-steps li+li::before{left:28px}
.mthp .md-n{width:auto;height:auto;display:block;padding-top:28px;margin:0 0 10px;background:linear-gradient(135deg,#5874FF,#2350FB 55%,#1A2FCF);-webkit-background-clip:text;background-clip:text;color:transparent;box-shadow:none;border-radius:0;font-size:clamp(56px,5vw,76px);font-weight:500;letter-spacing:-.045em;line-height:.9}
@media (max-width:1100px){.mthp .md-steps li:nth-child(3){padding-left:0;border-left:0}.mthp .md-steps li:nth-child(3)::before{left:0}.mthp .md-steps li:nth-child(n+3){border-top:1px solid rgba(11,12,15,.1)}}
@media (max-width:640px){.mthp .md-steps li+li{border-top:1px solid rgba(11,12,15,.1)}.mthp .md-steps li+li::before{left:0}.mthp .md-n{width:auto;height:auto;font-size:52px;padding-top:24px}}

.mthp .md-me>.wrap{padding-bottom:clamp(72px,8vw,112px)!important}

/* case studies v15 (cs5-) */
.cs5{display:flex;flex-direction:column;gap:16px}
.cs5-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cs5-tab{appearance:none;border:0;font:inherit;text-align:left;cursor:pointer;min-height:230px;padding:24px;gap:0;justify-content:space-between;opacity:1;transform:translateY(0);transition:opacity .45s var(--ease),transform .45s var(--ease),box-shadow .45s var(--ease)}
.cs5-tab .logo{position:relative;z-index:1;height:24px;display:flex;align-items:center}
.cs5-tab .logo img{height:22px;width:auto}
.cs5-tab .logo .wm-txt{font-size:20px;font-weight:800;letter-spacing:-.03em}
.cs5-tab.m-grey .logo img{filter:invert(1)}
.cs5-tab .met{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;margin-top:auto}
.cs5-tab .met b{font-size:clamp(44px,4.2vw,64px);font-weight:500;letter-spacing:-.045em;line-height:.9}
.cs5-tab .met span{font-size:14.5px;font-weight:600}
.cs5-tab.m-blue .shade{background:linear-gradient(0deg,#0E1B8C 0%,rgba(14,27,140,.9) 40%,rgba(18,36,170,0) 85%)}
.cs5-tab.m-gradient .mat{background-position:30% 0%}
.cs5-tab.m-gradient .shade{background:linear-gradient(0deg,#07090F 0%,rgba(7,9,15,.85) 40%,rgba(10,14,30,0) 85%)}
.cs5-tab.m-black .shade{background:linear-gradient(0deg,#08090C 0%,rgba(8,9,12,.7) 45%,rgba(8,9,12,0) 85%)}
.cs5-tab.m-grey .shade{background:linear-gradient(0deg,#F1F0EC 0%,rgba(241,240,236,.85) 40%,rgba(241,240,236,0) 85%)}
.cs5-tab:hover{transform:translateY(-2px)}
.cs5-tab[aria-selected="true"]{opacity:1;transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(11,12,15,.6),0 0 0 2px #fff,0 0 0 4px var(--signal)}
.cs5-tab:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--signal)}
.cs5-tab .mat{transition:transform 1.2s var(--ease)}
.cs5-tab[aria-selected="true"] .mat{transform:scale(1.05)}
.cs5-panel{display:grid;background:#fff;border-radius:var(--r-tile);box-shadow:0 1px 2px rgba(11,12,15,.05),0 30px 70px -48px rgba(16,22,70,.5);overflow:hidden}
.cs5-pane{grid-area:1/1;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,4vw,64px);padding:clamp(26px,3.4vw,48px);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .35s ease,transform .45s var(--ease),visibility 0s .35s}
.cs5-pane.on{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease .05s,transform .55s var(--ease) .05s,visibility 0s}
.cs5 em{display:block;font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--graphite);margin-bottom:12px}
.cs5-l{display:flex;flex-direction:column;gap:26px}
.cs5-hd{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.cs5-who{font-size:clamp(24px,2.2vw,32px);font-weight:800;letter-spacing:-.035em}
.cs5-len{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:600;color:var(--signal);background:#F0F3FF;box-shadow:inset 0 0 0 1px rgba(35,80,251,.25)}
.cs5-len svg{width:14px;height:14px}
.cs5-goal{margin:0;font-size:clamp(18px,1.5vw,21px);font-weight:600;line-height:1.4;letter-spacing:-.01em;color:var(--ink)}
.cs5-tiles{display:grid;gap:8px}
.cs5-t{display:flex;flex-direction:column;padding:14px 16px;border-radius:16px;background:radial-gradient(120% 120% at 100% 0%,#DDE2FA 0%,#F1F2F8 55%,#F6F6F4 100%)}
.cs5-t strong{font-size:clamp(28px,2.4vw,34px);font-weight:500;letter-spacing:-.045em;line-height:1;color:var(--ink)}
.cs5-t span{font-size:13px;line-height:1.3;color:#4A4C53}
.cs5-r ol{margin:0;padding:0;list-style:none;counter-reset:cs;display:flex;flex-direction:column}
.cs5-r li{counter-increment:cs;position:relative;padding:11px 0 11px 40px;border-top:1px solid #EEEDE9;font-size:15px;line-height:1.45;color:#5A5D66}
.cs5-r li:first-child{border-top:0;padding-top:0}
.cs5-r li::before{content:counter(cs,decimal-leading-zero);position:absolute;left:0;top:12px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--signal)}
.cs5-r li:first-child::before{top:1px}
.cs5-r li strong{color:var(--ink);font-weight:700}
@media (max-width:900px){.cs5-tabs{grid-template-columns:1fr 1fr;gap:10px}.cs5-tab{min-height:170px;padding:18px}.cs5-pane{grid-template-columns:1fr}}
@media (max-width:560px){.cs5-tiles{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}.cs5-t{padding:12px}.cs5-t strong{font-size:26px}.cs5-tab .met b{font-size:40px}.cs5-tab .met span{font-size:13px}.cs5-tab[aria-selected="true"]{transform:none}}
@media (prefers-reduced-motion:reduce){.cs5-pane,.cs5-tab,.cs5-tab .mat{transition:none!important}}

.svcp .pr9-nd2{margin:-10px 0 0;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--graphite)}
.svcp .pr9-nd2 svg{width:15px;height:15px;color:var(--signal);flex:none}
.svcp .pr9-did em{display:block;font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--graphite);margin-bottom:10px}
.svcp .pr9-did ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.svcp .pr9-did li{position:relative;padding:10px 12px 10px 34px;border-radius:12px;background:#F6F6F4;font-size:14px;line-height:1.35;color:var(--ink);font-weight:600}
.svcp .pr9-did li::before{content:"";position:absolute;left:12px;top:12px;width:14px;height:14px;border-radius:50%;background:var(--signal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
@media (max-width:600px){.svcp .pr9-did ul{grid-template-columns:1fr}}

.mthp .md-steps li::before,.mthp .md-steps li+li::before{display:none!important}
.cs5-nd{margin:10px 0 0;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--graphite)}.cs5-nd svg{width:15px;height:15px;color:var(--signal);flex:none}
.cs5-r li strong:only-child{display:inline}

/* Ghosted way card: deep blue for readable white text */
.mthp .md-vs2 .bg.r{background:radial-gradient(70% 50% at 95% 0%,rgba(88,116,255,.5) 0%,rgba(88,116,255,0) 70%),linear-gradient(170deg,#142296 0%,#0E1B78 55%,#0A1258 100%)!important;box-shadow:0 40px 80px -40px rgba(14,27,120,.8)}
.mthp .md-vs2 .c.r{color:rgba(255,255,255,.86)}
.mthp .md-vs2 .hd.r .t-label{color:#AEBBFF}
.mthp .md-vs2 .c.r i{background:linear-gradient(135deg,#5874FF,#2350FB);color:#fff;box-shadow:0 6px 14px -6px rgba(35,80,251,.8)}
@media (max-width:760px){.mthp .md-vs2 .c.r{background:linear-gradient(170deg,#142296 0%,#0E1B78 60%,#0A1258 100%)!important}}

/* ================= MOBILE PASS (phones only, desktop untouched) =================
   rules applied: 44px tap targets (34), 16px inputs so iOS doesn't zoom (40,69),
   one column (37), text >= 12px for labels and 15-16px body (33,43), group gaps
   2x item gaps (57), nothing important hidden behind fixed elements (34),
   reflow at 320px (33), reduced motion (76) */
@media (max-width:640px){
  /* touch targets: bigger hit area without moving the underline */
  .link3{position:relative}
  .link3::after{content:"";position:absolute;left:-8px;right:-8px;top:-12px;bottom:-12px}
  .nav .brand{padding-block:13px}
  .ck2{min-height:44px;align-items:center}
  .toggle{min-height:44px}
  /* inputs at 16px so iOS Safari doesn't zoom in */
  input[type=email],input[type=text],input[type=number],input:not([type]),select,.calc input{font-size:16px!important}
  /* small caps labels stay legible */
  .t-label,.mthp .md-step,.mthp .md-tag,.cs5 em,.svcp .pr9-did em,footer h4{font-size:12px!important;letter-spacing:.24em!important}
  .pc-tag{font-size:11.5px!important}
  /* logo strips: smaller logos, more of them in view */
  .marq-track img{height:18px!important}
  .marq{margin-bottom:36px!important}
  /* floating founder video: smaller so it covers less text */
  /* method: numbered rows read as compact lists */
  .mthp .md-why4 article,.mthp .md-why4 article+article{display:grid!important;grid-template-columns:52px 1fr;column-gap:14px;row-gap:6px;padding:22px 0!important}
  .mthp .md-why4 .md-wn{grid-row:1/3;margin:0;font-size:34px;padding-top:2px}
  .mthp .md-why4 h3{font-size:18px}
  .mthp .md-why4 p{grid-column:2}
  .mthp .md-steps li,.mthp .md-steps li+li{display:grid!important;grid-template-columns:52px 1fr;column-gap:14px;row-gap:8px;padding:24px 0!important;border-left:0!important}
  .mthp .md-steps .md-n{grid-row:1/6;font-size:34px!important;padding-top:2px!important;margin:0!important}
  .mthp .md-steps li>*:not(.md-n){grid-column:2}
  .mthp .md-steps .md-get{margin-top:6px}
  .mthp .md-ch3 p{font-size:22px}
  /* sections: tighter vertical rhythm on small screens */
  .band>.wrap{padding-block:64px}
  .mthp .band>.wrap{padding-block:56px}
  .sh{margin-bottom:32px!important;gap:14px}
  /* partnership price block: label sits under the word */
  .svcp .o-price{flex-wrap:wrap}
  /* service-page reviews: long reviews fold, open on tap */
  .svcp .s2-wall .rc .txt{position:relative;max-height:260px;overflow:hidden;transition:max-height .6s var(--ease)}
  .svcp .s2-wall .rc .txt::after{content:"";position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none;transition:opacity .4s}
  .svcp .s2-wall .rc.open .txt{max-height:2400px}
  .svcp .s2-wall .rc.open .txt::after{opacity:0}
  .rc-more{all:unset;cursor:pointer;align-self:flex-start;min-height:44px;display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--signal)}
  .svcp .pr9-q .tx{font-size:15px}
}
@media (min-width:641px){.rc-more{display:none!important}}
@media (max-width:360px){
  .t-display{letter-spacing:-.035em}
  .cs5-tab{padding:14px!important;min-height:150px!important}
  .cs5-tab .met b{font-size:34px!important}
  .svcp .s6-nums{grid-template-columns:1fr 1fr!important;gap:18px!important}
}

@media (max-width:640px){.calc input[type=number],.calc input[type=text],[data-calc] input:not([type=range]):not([type=checkbox]){min-height:44px}}
@media (max-width:400px){.f-grid{gap:28px 20px!important}.f-grid>*{min-width:0}footer a{overflow-wrap:anywhere}}

@media (max-width:900px){.mthp .md-hgrid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:380px){.mthp .md-hcopy h1{font-size:46px}.svcp .pr9-hd{flex-wrap:wrap}.svcp .pr9-len{white-space:normal}}
@media (max-width:640px){.mthp .md-steps .md-get{justify-self:start;align-self:start}}

/* ===== hero ghost: no visible image edges, never under the copy ===== */
@media (min-width:901px){
  .hero-bg img{
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 92%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 24%,#000 90%,transparent 100%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 92%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 24%,#000 90%,transparent 100%);
    mask-composite:intersect}
  .hero-bg::after{background:linear-gradient(90deg,#080A0D 0%,rgba(8,10,13,.82) 34%,rgba(8,10,13,0) 52%),linear-gradient(0deg,#080A0D 0%,rgba(8,10,13,0) 22%),linear-gradient(180deg,#080A0D 0%,#080A0D 12%,rgba(8,10,13,0) 32%)}
}
@media (min-width:901px) and (max-width:1279px){
  .hero-bg img{height:min(86%,760px);right:-22%}
  .hero-copy{max-width:56%}
  .hero .lede{max-width:44ch}
}

/* ================= MOBILE v2 (phones only) ================= */
.mcta{display:none}
@media (max-width:640px){
  /* nav: slim bar, brand + menu only; the booking button lives at the bottom */
  .nav-in{margin-top:8px!important;padding:4px 4px 4px 16px!important;min-height:52px}
  .nav .btn.sm{display:none!important}
  .nav .brand img.wm{width:104px!important}
  .nav .brand{padding-block:12px}

  /* one booking button always within thumb reach */
  .mcta{display:flex!important;position:fixed;z-index:44;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:85vw!important;max-width:85vw!important;translate:-50% 0;justify-content:center!important;transition:opacity .35s,transform .45s var(--ease)}
  .mcta.off,.menu-open .mcta{opacity:0;transform:translateY(24px);pointer-events:none}
  footer .wrap{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))!important}
  .fv{bottom:calc(86px + env(safe-area-inset-bottom,0px))!important;left:auto!important;right:12px!important}
  .fv:not(.big) .fvc{width:72px!important;height:72px!important}

  /* every call to action: same size, stacked, ~85% of the screen */
  .duo,.acts,.cta-row,.row:has(.btn,.link3),.hero-ctas,.s6-copy .duo{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%;max-width:85vw;margin-inline:auto!important}
  .btn:not(.sm):not(.mcta){width:100%!important;max-width:85vw;height:54px!important;justify-content:center!important;gap:14px!important}
  .stepform .btn{max-width:none}
  .link3:not(.nl-site){display:flex!important;width:100%;max-width:85vw;height:54px;margin-inline:auto;justify-content:center;align-items:center;gap:10px;border:0!important;padding:0 20px!important;border-radius:999px;font-size:16px;box-shadow:inset 0 0 0 1.5px rgba(11,12,15,.22);box-sizing:border-box}
  .dark .link3:not(.nl-site),.final2 .link3,.hero .link3,.lm.news2 .link3:not(.nl-site),.guide2 .link3,.svcp .s3-hero:not(.p-hero) .link3{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
  .link3::after{display:none!important}
  .plan .acts{padding:22px 22px 24px!important}

  /* hero: the ghost becomes a soft visual above the headline, logos close the screen */
  .hero{display:flex;flex-direction:column}
  .hero-bg{order:0!important;position:relative!important;inset:auto!important;width:100%;max-height:none!important;aspect-ratio:auto!important;overflow:hidden}
  .hero-bg img{left:50%!important;right:auto!important;top:auto!important;width:auto!important;translate:-73% 0!important;
    -webkit-mask-image:radial-gradient(46% 50% at 73% 50%,#000 58%,transparent 100%)!important;mask-image:radial-gradient(46% 50% at 73% 50%,#000 58%,transparent 100%)!important}
  .hero-bg::after{background:linear-gradient(180deg,#080A0D 0%,rgba(8,10,13,0) 26%),linear-gradient(0deg,#080A0D 0%,rgba(8,10,13,0) 30%)!important}
  .hero-glow{width:110vw!important;height:110vw!important;right:-5vw!important;top:24px!important;bottom:auto!important}
  .hero .wrap{order:1;padding-top:0!important}
  .hero .t-display{font-size:clamp(42px,12vw,54px)}
  .hero .lede{font-size:17px}
}
@media (max-width:640px){.stepform .rowf .btn,.stepform .btn,#gGet,#gGetM{width:100%!important;max-width:none!important;align-self:stretch!important}.lm.news2 .nl-site{box-shadow:none!important}}
@media (max-width:640px){#gForm .rowf .btn,#nForm .rowf .btn,#gFormM .rowf .btn{width:100%!important;justify-self:stretch!important}#gForm .rowf input,#nForm .rowf input,#gFormM .rowf input{height:54px}}

/* hero headline: room for the last letter, no clip box visible against the glow */
.hero h1 .w{padding-right:.1em;margin-right:-.1em;padding-left:.04em;margin-left:-.04em}
.hero-glow{mix-blend-mode:normal!important}

/* ===== preview switcher (desktop only, not inside the phone frame) ===== */
@media (max-width:640px){
  .svcp .dv-vis:not(.tall){aspect-ratio:auto!important}
  .fv{display:none!important}
}

/* ================= MOBILE v3 (phones only) ================= */
.rvc{display:none}
@media (max-width:640px){
  /* hero: ghost sits lower, clear of the menu; headline and buttons stay where they were */
  .hero-bg{height:calc(104px + 78vw)!important}
  .hero-bg img{height:88%!important;bottom:-2%!important}
  .hero .wrap{margin-top:-68px!important}

  /* closing sections: no empty glow above the ghost */
  .final2 .wrap{padding-top:72px!important}

  /* reviews: swipeable cards with the key quote first */
  #wall,.wall-wrap,#wallMore,#wallMore+*,.svcp .s2-wall,.cta-row:has(#wallMore){display:none!important}
  .rvc{display:block;margin:0 -16px}
  .rvc-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .rvc-track::-webkit-scrollbar{display:none}
  .rvc-card{flex:0 0 84%;scroll-snap-align:center;background:#fff;border-radius:22px;padding:22px 20px 18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 2px rgba(11,12,15,.05),0 20px 44px -34px rgba(11,12,15,.45)}
  .rvc-co{height:22px;display:flex;align-items:center}
  .rvc-co img{height:20px;width:auto;max-width:130px;object-fit:contain;object-position:left}
  .rvc-co b{font-size:17px;font-weight:800;letter-spacing:-.03em}
  .rvc-q{margin:0}
  .rvc-q::before{content:"“";display:block;line-height:.5;font-weight:900;color:var(--signal);margin:6px 0 8px}
  .rvc-full{display:none;flex-direction:column;gap:10px;font-size:15px;line-height:1.55;color:#4A4C53}
  .rvc-full p{margin:0}
  .rvc-card.open .rvc-full{display:flex}
  .rvc-more{all:unset;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--signal);align-self:flex-start}
  .rvc-who{display:flex;gap:12px;align-items:center;padding-top:14px;border-top:1px solid #EEEDE9;margin-top:auto}
  .rvc-who img{width:40px;height:40px;border-radius:50%;object-fit:cover}
  .rvc-who b{display:block;font-size:14.5px}
  .rvc-who span{font-size:12.5px;color:var(--graphite)}
  .rvc-nav{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px}
  .rvc-nav i{width:7px;height:7px;border-radius:50%;background:rgba(11,12,15,.18);transition:width .3s,background .3s}
  .rvc-nav i.on{width:22px;border-radius:4px;background:var(--signal)}
  .rvc-hint{text-align:center;font-size:13px;color:var(--graphite);margin:8px 0 0}

  /* partnership review cards: same swipe pattern, quote first, full text on tap */
  .svcp .pr9{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:4px 16px 8px;scrollbar-width:none}
  .svcp .pr9::-webkit-scrollbar{display:none}
  .svcp .pr9-col{display:contents!important}
  .svcp .pr9-card{flex:0 0 86%;scroll-snap-align:center;order:var(--o);padding:22px 20px!important;gap:16px!important}
  .svcp .pr9-q .tx{display:none!important}
  .svcp .pr9-card.open .pr9-q .tx{display:flex!important}

  /* case studies: compact tabs, results as rows, steps fold */
  .cs5-tabs{gap:8px!important}
  .cs5-tab{min-height:132px!important;padding:14px!important;border-radius:18px!important}
  .cs5-tab .logo img{height:16px!important}
  .cs5-tab .met b{font-size:36px!important}
  .cs5-tab .met span{font-size:12.5px!important;line-height:1.25}
  .cs5-pane{padding:22px 20px!important;gap:22px!important}
  .cs5-l{gap:20px!important}
  .cs5-who{font-size:24px!important}
  .cs5-goal{font-size:17px!important}
  .cs5-tiles{display:flex!important;flex-direction:column;gap:0!important;border-radius:16px;overflow:hidden;background:radial-gradient(120% 120% at 100% 0%,#DDE2FA 0%,#F1F2F8 55%,#F6F6F4 100%)}
  .cs5-t{flex-direction:row!important;background:none!important;border-top:1px solid rgba(11,12,15,.06)}
  .cs5-t:first-child{border-top:0}
  .cs5-r li:nth-child(n+4){display:none}
  .cs5-pane.all .cs5-r li{display:block}
  .cs5-all{all:unset;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--signal);margin-top:4px}

  /* newsletter: the issue wall sits between the text and the form, no empty tail */
  .lm.news2{display:flex!important;flex-direction:column;gap:16px;padding:28px 22px 24px!important;min-height:0!important}
  .lm.news2 .copy{display:contents!important}
  .lm.news2 .copy>.t-label{order:1}.lm.news2 .copy>h2{order:2}.lm.news2 .copy>.sub{order:3}
  .lm.news2 .vis{order:4;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;height:170px!important;margin:4px -22px!important;transform:none!important;opacity:.7!important;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%)!important;mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%)!important}
  .lm.news2 .copy>form{order:5}.lm.news2 .copy>.nl-site{order:6}
  .lm.news2 .wf{gap:10px;padding:0 10px}
  /* guide card: preview between the text and the form too */
  .lm.guide2{display:flex!important;flex-direction:column;gap:16px;padding:28px 22px 24px!important}
  .lm.guide2 .copy{display:contents!important}
  .lm.guide2 .copy>.t-label{order:1}.lm.guide2 .copy>h2{order:2}.lm.guide2 .copy>.sub{order:3}.lm.guide2 .vis{order:4;min-height:0!important}.lm.guide2 .copy>.thumbs{order:5}.lm.guide2 .copy>form{order:6}
}
@media (min-width:641px){.pr9-more,.cs5-all{display:none!important}}
@media (max-width:640px){.hero .wrap{padding-bottom:20px!important}.hero .logos{margin-top:28px!important}.hero .logos .marq{margin-bottom:0!important}}
@media (max-width:640px){.final2 .wrap{padding-bottom:0!important}.final2 .rise{margin-top:8px!important}}

/* hero ghost on phones/tablets: fill the frame edge to edge, so no image border can show */
@media (max-width:900px){
  .hero-bg img{left:0!important;right:0!important;top:0!important;bottom:0!important;width:100%!important;height:100%!important;translate:none!important;object-fit:cover;object-position:74% 38%;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%)!important;mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%)!important}
}
@media (max-width:640px){.hero-bg img{object-position:94% 30%}}

/* desktop case panel: 4 result tiles fit in two rows */
@media (max-width:640px){
  /* reviews: equal-size cards, calm type */
  .rvc-track{align-items:stretch!important}
  .rvc-card{align-self:stretch!important;min-height:330px}
  .rvc-q{font-size:17px!important;font-weight:500!important;line-height:1.45!important;letter-spacing:-.005em!important;color:#2B2D33!important;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
  .rvc-q::before{font-size:40px!important}
  .rvc-card.open .rvc-q{display:none}
  .rvc-full{max-height:300px;overflow:auto;padding-right:4px}
  .rvc-who b{font-weight:600!important}
  .svcp .pr9{align-items:stretch!important}
  .svcp .pr9-card{align-self:stretch!important}
  .svcp .pr9-q blockquote{font-size:17px!important;font-weight:500!important;line-height:1.45!important;letter-spacing:-.005em!important;color:#2B2D33!important}
  .svcp .pr9-q blockquote::before{font-size:40px!important}
  .svcp .pr9-card.open .pr9-q .tx{max-height:300px;overflow:auto}
  .mthp .md-q blockquote{font-size:17px!important;font-weight:500!important;line-height:1.45!important;color:#2B2D33!important}
  .svcp .pr9-who b,.mthp .md-q .who b{font-weight:600}
}
@media (max-width:640px){.svcp .pr9-res{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.svcp .pr9-t{padding:10px!important}}
@media (min-width:641px){.cs5-tiles:has(.cs5-t:nth-child(4)){grid-template-columns:repeat(2,1fr)}}

.cs5-ro{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.cs5-ro li{position:relative;padding-left:22px;font-size:15px;line-height:1.4;color:#2B2D33}
.cs5-ro li::before{content:"";position:absolute;left:0;top:4px;width:14px;height:14px;border-radius:50%;background:var(--signal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17V7M7.5 11.5L12 7l4.5 4.5' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.svcp .pr9-ro{margin-top:-6px}
@media (min-width:641px){.cs5-tiles:has(.cs5-t:nth-child(2):last-child){grid-template-columns:1fr 1fr}}
.svcp .pr9-res:has(.pr9-t:nth-child(2):last-child){grid-template-columns:1fr 1fr!important}

/* ================= realistic tool screenshots (rx) ================= */
.svcp .dv-vis.rx{aspect-ratio:auto!important;display:block;padding:clamp(14px,2.2vw,30px)}
.rx-fit{position:relative;width:100%;overflow:hidden;border-radius:12px;box-shadow:0 30px 60px -28px rgba(16,22,70,.5),0 0 0 1px rgba(11,12,15,.08)}
.rx-stage{position:absolute;left:0;top:0;width:820px;transform-origin:0 0;font-family:Inter,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1f2328;-webkit-font-smoothing:antialiased;line-height:1.35;letter-spacing:0}
.rx-stage *{box-sizing:border-box}
.rx-stage p,.rx-stage h1,.rx-stage h3,.rx-stage h4{margin:0}
.rx-stage button{font:inherit}
.rx-av{width:28px;height:28px;border-radius:50%;object-fit:cover;display:inline-grid;place-items:center;flex:none;color:#fff;font-size:12px;font-weight:600}
.rx-av.s{width:24px;height:24px;font-size:11px}
.rx-av.xs{width:18px;height:18px;font-size:9px;border-radius:4px}
/* browser chrome */
.rx-win{background:#fff;display:flex;flex-direction:column}
.rx-tabs{height:34px;background:#DFE3E8;display:flex;align-items:flex-end;padding:0 10px;gap:6px}
.rx-tabs .tl,.sk-title .tl{display:flex;gap:7px;align-self:center;margin-right:10px}
.tl i{width:11px;height:11px;border-radius:50%;background:#FF5F57}.tl i:nth-child(2){background:#FEBC2E}.tl i:nth-child(3){background:#28C840}
.rx-tab{height:28px;width:230px;background:#fff;border-radius:8px 8px 0 0;display:flex;align-items:center;gap:8px;padding:0 10px;font-size:11.5px;color:#202124}
.rx-tab span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rx-tab b{font-weight:400;color:#5f6368}
.fav{width:14px;height:14px;border-radius:50%;flex:none}
.rx-plus{align-self:center;color:#5f6368;font-size:16px}
.rx-url{height:36px;display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid #DADCE0}
.rx-url .nv{color:#5f6368;font-size:15px;width:12px}
.rx-url .addr{flex:1;height:26px;border-radius:13px;background:#F1F3F4;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:12px;color:#202124}
.rx-url .addr svg{width:11px;height:11px;color:#5f6368}
.rx-ext{display:flex;gap:8px}.rx-ext i{width:16px;height:16px;border-radius:4px;background:#E8EAED}
.rx-body{position:relative;overflow:hidden}

/* ---------- FigJam ---------- */
.rx-fj{position:relative;height:520px;background-color:#F5F5F5;background-image:radial-gradient(#D4D4D4 1px,transparent 1.2px);background-size:18px 18px;overflow:hidden}
.fj-top{position:absolute;left:12px;top:12px;z-index:3;display:flex;align-items:center;gap:10px;height:40px;padding:0 14px 0 8px;background:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.fj-menu{width:26px;height:26px;display:grid;place-content:center;gap:3px}.fj-menu i{width:12px;height:1.5px;background:#333;display:block}
.fj-file{font-size:12.5px;display:flex;gap:8px;align-items:center}.fj-file em{font-style:normal;color:#8a8a8a;font-size:11.5px}
.fj-right{position:absolute;right:12px;top:12px;z-index:3;display:flex;align-items:center;gap:4px;height:40px;padding:0 8px;background:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.fj-right .rx-av{margin-left:-6px;box-shadow:0 0 0 2px #fff}.fj-right .rx-av:first-child{margin-left:0}
.fj-share{margin-left:8px;height:26px;padding:0 12px;border-radius:6px;background:#0D99FF;color:#fff;font-size:11.5px;font-weight:600;display:grid;place-items:center}
.fj-zoom{font-size:11.5px;color:#333;padding:0 4px 0 8px}
.fj-canvas{position:absolute;inset:66px 18px 64px 18px;display:flex;flex-direction:column;gap:22px}
.fj-sec{position:relative;background:rgba(255,255,255,.75);border:1px solid #D9D9D9;border-radius:8px;padding:22px 14px 14px}
.fj-sec-t{position:absolute;left:-1px;top:-1px;transform:translateY(-100%);font-size:10.5px;font-weight:600;color:#fff;background:#757575;padding:3px 8px;border-radius:5px 5px 0 0}
.fj-fun{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.fj-f{display:flex;flex-direction:column;gap:2px;font-size:10px;color:#5c5c5c}
.fj-f b{font-size:16px;color:#1e1e1e;font-weight:600}.fj-f span{font-size:10px;color:#0D99FF;font-weight:600}
.fj-f i{display:block;height:6px;border-radius:3px;background:#E5F4FF;margin-top:4px;position:relative}.fj-f i::after{content:"";position:absolute;inset:0;width:var(--w);background:#0D99FF;border-radius:3px}
.fj-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.fj-col{display:flex;flex-direction:column;gap:6px}
.fj-lab{font-size:10px;font-weight:600;color:#444}
.fj-shot{position:relative;height:96px;background:#fff;border-radius:4px;box-shadow:0 0 0 1px #E2E2E2,0 2px 6px rgba(0,0,0,.08);overflow:visible}
.c-bad .fj-shot{box-shadow:0 0 0 2px #F24822,0 2px 6px rgba(0,0,0,.08)}
.c-warn .fj-shot{box-shadow:0 0 0 2px #FFA629,0 2px 6px rgba(0,0,0,.08)}
.fj-pin{position:absolute;right:-8px;top:-8px;width:20px;height:20px;border-radius:50% 50% 50% 0;background:#F24822;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px #fff}
.c-warn .fj-pin{background:#FFA629}
.fj-st{font-size:10px;line-height:1.3;padding:7px 8px 8px;border-radius:2px;box-shadow:0 2px 3px rgba(0,0,0,.12);color:#1e1e1e;min-height:46px}
.fj-st small{display:block;font-size:8.5px;font-weight:600;color:rgba(0,0,0,.5);margin-bottom:2px}
.fj-st.y{background:#FFE299}.fj-st.p{background:#FFC7C2}.fj-st.g{background:#AFF4C6}
.fj-cmt{position:absolute;right:16px;bottom:-34px;z-index:2;display:flex;gap:8px;align-items:flex-start;width:220px;background:#fff;border-radius:8px;padding:9px 10px;box-shadow:0 4px 14px rgba(0,0,0,.18);font-size:10.5px}
.fj-cmt .fj-pin{position:static;flex:none;box-shadow:none}.fj-cmt b{font-size:10.5px}.fj-cmt p{color:#444;margin-top:2px}
.fj-cur{position:absolute;z-index:4;display:flex;align-items:flex-start}.fj-cur svg{width:13px;height:17px}
.fj-cur em{font-style:normal;font-size:10px;font-weight:600;color:#fff;padding:2px 6px;border-radius:4px;margin:12px 0 0 -2px}
.fj-cur.c1{left:52%;top:46%;animation:fjc1 9s ease-in-out infinite}.fj-cur.c2{left:16%;top:30%;animation:fjc2 11s ease-in-out infinite}
@keyframes fjc1{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,40px)}}
@keyframes fjc2{0%,100%{transform:translate(0,0)}50%{transform:translate(90px,-10px)}}
.fj-tools{position:absolute;left:50%;bottom:12px;translate:-50% 0;z-index:3;display:flex;gap:4px;padding:6px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.fj-tools span{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;font-size:14px;font-weight:600;color:#333}
.fj-tools span.on{background:#0D99FF}.fj-tools svg{width:11px;height:14px}
.fj-tools .pen{width:4px;height:16px;background:#9747FF;border-radius:2px;transform:rotate(30deg)}
.fj-tools .sticky{width:16px;height:16px;background:#FFE299;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.fj-tools .shape{width:15px;height:15px;border:2px solid #333;border-radius:3px}
.fj-tools .secic{width:16px;height:13px;border:1.5px dashed #333;border-radius:2px}
.fj-tools .conn{width:16px;height:2px;background:#333;transform:rotate(-35deg)}
/* mini screens inside the board */
.ms{position:absolute;inset:0;border-radius:4px;overflow:hidden;background:#fff}
.ms-home .mn{height:12px;display:flex;align-items:center;gap:4px;padding:0 6px;border-bottom:1px solid #eee}
.ms-home .mn b{width:14px;height:4px;background:#222;border-radius:1px}.ms-home .mn i{width:10px;height:2px;background:#ccc}.ms-home .mn u{margin-left:auto;width:16px;height:6px;border-radius:3px;background:#2350FB}
.ms-home .mh{padding:10px 8px 6px;display:flex;flex-direction:column;align-items:center;gap:3px}
.ms-home em{width:70%;height:5px;background:#111;border-radius:1px}.ms-home em.s{width:46%}.ms-home .mh span{width:30%;height:8px;border-radius:4px;background:#2350FB;margin-top:4px}
.ms-home .mg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:2px 8px}.ms-home .mg i{height:22px;background:#F1F3F8;border-radius:2px}
.ms-form{background:#F6F7FB;display:grid;place-items:center}
.ms-form .mf{width:62%;background:#fff;border-radius:3px;padding:6px;display:flex;flex-direction:column;gap:3px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.ms-form b{width:50%;height:4px;background:#111}.ms-form em{width:80%;height:2px;background:#ccc}.ms-form span{height:7px;border:1px solid #ddd;border-radius:2px}.ms-form u{height:8px;background:#2350FB;border-radius:2px;margin-top:2px}.ms-form small{height:2px;width:60%;background:#ddd;align-self:center}
.ms-app{display:flex}.ms-app .sb{width:22%;background:#F4F5F7;padding:6px 4px;display:flex;flex-direction:column;gap:4px}.ms-app .sb i{height:3px;background:#D6D9E0;border-radius:1px}
.ms-app .mc{flex:1;padding:7px;display:flex;flex-direction:column;gap:5px;position:relative}.ms-app .mc>b{width:40%;height:5px;background:#111}
.ms-app .opts{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.ms-app .opts i{height:16px;border:1px solid #E3E5EA;border-radius:2px}
.ms-app .mc small{height:2px;width:50%;background:#ddd}
.ms-app .empty{flex:1;border:1px dashed #D0D4DC;border-radius:3px}
.ms-app .pw{position:absolute;right:6px;bottom:8px;width:52%;background:#fff;border-radius:3px;padding:5px;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:3px}.ms-app .pw b{height:4px;width:70%;background:#111}.ms-app .pw span{height:7px;background:#2350FB;border-radius:2px}

/* ---------- Pulse prototype ---------- */
.pu{display:flex;height:470px;background:#fff;font-size:12px}
.pu-side{width:178px;background:#FAFAFB;border-right:1px solid #ECEDF0;padding:12px 10px;display:flex;flex-direction:column;gap:14px}
.pu-ws{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px}.pu-ws b{width:24px;height:24px;border-radius:6px;background:#2350FB;color:#fff;display:grid;place-items:center;font-size:12px}.pu-ws em{font-style:normal;color:#999;margin-left:auto}
.pu-nav{display:flex;flex-direction:column;gap:2px}.pu-nav span{display:flex;align-items:center;gap:9px;height:30px;padding:0 8px;border-radius:6px;color:#4B5160}.pu-nav span i{width:14px;height:14px;border-radius:4px;border:1.5px solid #9AA0AE}.pu-nav span.on{background:#EEF1FF;color:#1E3AE0;font-weight:600}.pu-nav span.on i{border-color:#2350FB}
.pu-plan{margin-top:auto;padding:10px;border-radius:8px;background:#fff;border:1px solid #ECEDF0;display:flex;flex-direction:column;gap:2px}.pu-plan small{font-weight:600}.pu-plan span{color:#8A90A0;font-size:11px}
.pu-main{flex:1;position:relative;display:flex;flex-direction:column;min-width:0}
.pu-top{height:48px;border-bottom:1px solid #ECEDF0;display:flex;align-items:center;gap:12px;padding:0 18px}.pu-top .crumb{font-weight:600}.pu-top .srch{margin-left:auto;width:220px;height:30px;border-radius:7px;background:#F4F5F7;color:#9AA0AE;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.pu-top kbd{font:inherit;font-size:10.5px;background:#fff;border:1px solid #E3E5EA;border-radius:4px;padding:1px 5px}
.pu-st{position:absolute;inset:48px 0 0 0;padding:20px 22px;transition:opacity .5s ease}
.rx-proto.is-af .pu-st.bf,.rx-proto:not(.is-af) .pu-st.af{opacity:0;pointer-events:none}
.pu-st h4{font-size:19px;font-weight:600;letter-spacing:-.01em}
.pu-ghost{position:absolute;right:22px;top:18px;height:30px;padding:0 12px;border-radius:7px;border:1px solid #DADDE3;background:#fff;color:#333;font-size:12px}
.pu-empty{margin-top:18px;height:300px;border:1.5px dashed #D5D9E2;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#6B7180}
.pu-empty .ic{width:40px;height:40px;border-radius:10px;background:#F1F3F8;margin-bottom:6px}.pu-empty b{color:#1f2328;font-size:14px}
.btn2{margin-top:8px;height:32px;padding:0 14px;border-radius:7px;border:1px solid #DADDE3;display:grid;place-items:center;color:#333;font-weight:500}
.pu-scrim{position:absolute;inset:0;background:rgba(17,20,30,.42)}
.pu-modal{position:absolute;left:50%;top:50%;translate:-50% -50%;width:300px;background:#fff;border-radius:14px;padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:8px}
.pu-modal .x{position:absolute;right:14px;top:10px;color:#999;font-size:18px}.pu-modal>b{font-size:17px}.pu-modal p{color:#5B6170;font-size:12.5px;line-height:1.45}
.pu-modal .pr{font-size:12px;color:#5B6170}.pu-modal .pr b{font-size:24px;color:#111;font-weight:600}
.btn1{height:36px;border-radius:8px;background:#2350FB;color:#fff;font-weight:600;display:grid;place-items:center;margin-top:4px}.pu-modal small{text-align:center;color:#8A90A0}
.pu-h{display:flex;align-items:center;gap:10px}.pu-h .tag{font-size:10.5px;font-weight:600;color:#9A6700;background:#FFF4D6;border-radius:5px;padding:3px 7px}.pu-btn{margin-left:auto;height:28px;padding:0 12px;border-radius:7px;border:1px solid #DADDE3;display:grid;place-items:center}
.pu-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.pu-kpis div{border:1px solid #ECEDF0;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.pu-kpis small{color:#6B7180}.pu-kpis b{font-size:22px;font-weight:600;letter-spacing:-.02em}.pu-kpis em{font-style:normal;color:#1A7F37;font-size:11px;font-weight:600}
.pu-row{display:grid;grid-template-columns:1fr 190px;gap:10px;margin-top:10px}
.pu-chart{border:1px solid #ECEDF0;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.pu-chart small{color:#6B7180}
.pu-chart .bars{height:150px;display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid #ECEDF0}.pu-chart .bars i{flex:1;background:linear-gradient(180deg,#5874FF,#2350FB);border-radius:3px 3px 0 0}
.pu-check{border:1px solid #ECEDF0;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:7px}.pu-check small{color:#6B7180;margin-top:-5px}
.pu-check span{display:flex;align-items:center;gap:8px;color:#4B5160}.pu-check span::before{content:"";width:14px;height:14px;border-radius:50%;border:1.5px solid #C5CAD5;flex:none}
.pu-check span.done{color:#9AA0AE;text-decoration:line-through}.pu-check span.done::before{border:0;background:#1A7F37 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/100%}
.pu-check span.now{color:#1E3AE0;font-weight:600}.pu-check span.now::before{border-color:#2350FB}
.pu-tip{position:absolute;right:30px;top:248px;width:200px;background:#111827;color:#fff;border-radius:10px;padding:11px 12px;box-shadow:0 12px 30px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:4px}
.pu-tip::before{content:"";position:absolute;top:-6px;right:60px;width:12px;height:12px;background:#111827;transform:rotate(45deg)}
.pu-tip p{color:#C9CDD8;font-size:11.5px;line-height:1.4}.pu-tip span{align-self:flex-start;margin-top:4px;font-weight:600;color:#9DB0FF}
.pu-tog{position:absolute;right:14px;bottom:14px;z-index:5;display:flex;padding:3px;border-radius:9px;background:rgba(17,20,30,.86);backdrop-filter:blur(6px)}
.pu-tog button{all:unset;cursor:pointer;height:26px;padding:0 12px;border-radius:7px;color:#C9CDD8;font-size:11.5px;font-weight:600;display:grid;place-items:center}.pu-tog button.on{background:#fff;color:#111}
.rx-proto{position:relative}

/* ---------- Notion ---------- */
.no{display:flex;height:500px;font-size:12.5px;color:#37352F}
.no-side{width:190px;background:#F7F7F5;padding:10px 6px;display:flex;flex-direction:column;gap:2px;flex:none}
.no-ws{display:flex;align-items:center;gap:8px;height:30px;padding:0 6px;font-weight:600}.no-ws b{width:20px;height:20px;border-radius:4px;background:#37352F;color:#fff;display:grid;place-items:center;font-size:11px}
.no-it span,.no-tree span{display:flex;align-items:center;gap:8px;height:27px;padding:0 8px;border-radius:5px;color:#5F5E5B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.no-it i{width:13px;height:13px;border-radius:3px;border:1.5px solid #91918E}
.no-side>small{font-size:11px;font-weight:600;color:#91918E;padding:12px 8px 4px}
.no-tree em{font-style:normal;width:16px;text-align:center}.no-tree span:not(.grp){padding-left:20px}.no-tree span.on{background:#EBEBEA;color:#37352F;font-weight:500}
.no-main{flex:1;display:flex;flex-direction:column;min-width:0}
.no-top{height:42px;display:flex;align-items:center;padding:0 14px;font-size:12px;color:#37352F}.no-top .r{margin-left:auto;display:flex;align-items:center;gap:12px;color:#91918E}.no-top .r em{font-style:normal;color:#37352F}
.no-page{flex:1;padding:6px 56px 20px;overflow:hidden}
.no-icon{font-size:40px;line-height:1;margin:6px 0 8px}
.no-page h1{font-size:28px;font-weight:700;letter-spacing:-.01em;color:#37352F;margin-bottom:10px}
.no-props{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}
.no-props span{display:grid;grid-template-columns:96px 1fr;align-items:center;min-height:26px}.no-props em{font-style:normal;color:#91918E}.no-props b{font-weight:400;display:flex;align-items:center;gap:6px}
.no-props img,.no-props .ini{width:20px;height:20px;border-radius:50%;object-fit:cover;display:inline-grid;place-items:center;color:#fff;font-size:10px;font-style:normal}
.pill{font-style:normal;font-size:11.5px;padding:1px 7px;border-radius:4px;white-space:nowrap}
.pill.blue{background:#D3E5EF;color:#183347}.pill.red{background:#FFE2DD;color:#5D1715}.pill.green{background:#DBEDDB;color:#1C3829}.pill.yellow{background:#FDECC8;color:#402C1B}.pill.purple{background:#E8DEEE;color:#412454}.pill.gray{background:#E3E2E0;color:#32302C}
.no-call{display:flex;gap:10px;background:#F1F1EF;border-radius:5px;padding:12px 14px;margin-bottom:14px}.no-call p{line-height:1.5}
.no-views{display:flex;gap:14px;align-items:center;border-bottom:1px solid #E9E9E7;height:32px;color:#91918E}.no-views span.on{color:#37352F;font-weight:500;box-shadow:inset 0 -2px 0 #37352F;height:100%;display:flex;align-items:center}
.no-views em{margin-left:auto;font-style:normal;font-size:12px}.no-views em b{background:#2383E2;color:#fff;font-weight:500;padding:3px 8px;border-radius:4px;margin-left:4px}
.no-page table{width:100%;border-collapse:collapse;font-size:12px}
.no-page th{text-align:left;font-weight:400;color:#91918E;height:30px;border-bottom:1px solid #E9E9E7;padding:0 8px}
.no-page td{height:32px;border-bottom:1px solid #E9E9E7;padding:0 8px;border-right:1px solid #E9E9E7}.no-page td:last-child,.no-page th:last-child{border-right:0}
.no-page td:first-child{font-weight:500}
.no-new{display:block;color:#91918E;padding:8px}
.no-page h3{font-size:16px;font-weight:600;margin:14px 0 6px}
.no-tbl{max-width:520px}
.no-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.todo{display:flex;align-items:center;gap:8px;height:24px}.todo::before{content:"";width:14px;height:14px;border:1.5px solid #37352F;border-radius:2px;flex:none}
.todo.on{color:#91918E;text-decoration:line-through}.todo.on::before{background:#2383E2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l3.5 3.5L18 8' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/100%;border-color:#2383E2}
.no-ul{margin:0;padding-left:18px;line-height:1.6}

/* ---------- Google Calendar ---------- */
.gc{height:500px;font-family:Roboto,Inter,Arial,sans-serif;color:#3C4043;display:flex;flex-direction:column;font-size:12px}
.gc-top{height:52px;display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid #DADCE0}
.gc-top .ham{display:grid;gap:3px}.gc-top .ham i{width:16px;height:2px;background:#5F6368;display:block}
.gc-logo{display:flex;align-items:center;gap:8px;font-size:17px;color:#5F6368}.gc-logo i{width:28px;height:28px;border-radius:5px;border:2px solid #1A73E8;font-style:normal;font-size:12px;font-weight:700;color:#1A73E8;display:grid;place-items:center}
.gc-today{height:30px;padding:0 14px;border:1px solid #DADCE0;border-radius:15px;display:grid;place-items:center;font-weight:500}
.gc-ar{color:#5F6368;font-size:16px;letter-spacing:6px}.gc-top>b{font-size:18px;font-weight:400;color:#3C4043}
.gc-r{margin-left:auto;display:flex;align-items:center;gap:12px}.gc-r em{font-style:normal;height:30px;padding:0 12px;border:1px solid #DADCE0;border-radius:6px;display:grid;place-items:center}
.gc-wrap{flex:1;position:relative;display:flex;min-height:0}
.gc-grid{flex:1;display:flex;flex-direction:column}
.gc-hd{display:grid;grid-template-columns:52px repeat(5,1fr);border-bottom:1px solid #DADCE0}
.gc-dh{display:flex;flex-direction:column;align-items:center;padding:6px 0 8px;gap:2px}.gc-dh small{font-size:10.5px;color:#70757A;font-weight:500}.gc-dh b{font-size:22px;font-weight:400;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#3C4043}
.gc-dh.today small{color:#1A73E8}.gc-dh.today b{background:#1A73E8;color:#fff}
.gc-cols{flex:1;display:grid;grid-template-columns:52px 1fr;position:relative}
.gc-hrs{display:flex;flex-direction:column}.gc-hrs span{height:60px;font-size:10px;color:#70757A;text-align:right;padding-right:8px;transform:translateY(-6px)}
.gc-days{position:relative;display:grid;grid-template-columns:repeat(5,1fr);background-image:linear-gradient(#E8EAED 1px,transparent 1px);background-size:100% 60px}
.gc-days>i{border-left:1px solid #E8EAED}
.gc-ev{position:absolute;left:calc(var(--d)*20% + 2px);width:calc(20% - 8px);top:calc(var(--t)*60px + 1px);height:calc(var(--h)*60px - 2px);background:var(--c);color:#fff;border-radius:5px;padding:3px 6px;font-size:10.5px;overflow:hidden}
.gc-ev b{font-weight:500}
.gc-ev.sel{box-shadow:0 0 0 2px #fff,0 6px 14px rgba(0,0,0,.25);z-index:2}
.gc-now{position:absolute;left:60%;width:20%;top:117px;height:2px;background:#EA4335}.gc-now::before{content:"";position:absolute;left:-6px;top:-5px;width:12px;height:12px;border-radius:50%;background:#EA4335}
.gc-pop{position:absolute;right:18px;top:26px;width:330px;background:#fff;border-radius:10px;box-shadow:0 8px 28px rgba(60,64,67,.35);padding:10px 18px 16px;display:flex;flex-direction:column;gap:10px;z-index:3}
.gc-pop .ac{display:flex;justify-content:flex-end;gap:14px;color:#5F6368;font-size:13px}
.gc-pop .row{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:flex-start}
.gc-pop .row.t i{width:14px;height:14px;border-radius:3px;margin-top:5px}.gc-pop .row.t b{font-size:17px;font-weight:400;color:#3C4043;line-height:1.25;display:block}.gc-pop small{color:#5F6368;font-size:11.5px;display:block;margin-top:3px}
.gc-pop .meet{margin-left:36px;height:32px;padding:0 16px;border-radius:5px;background:#1A73E8;color:#fff;font-weight:500;place-items:center}
.gc-pop .ml{margin:-6px 0 0 36px}
.gc-pop .gi{text-align:center;color:#5F6368}
.gc-pop .gs{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px}.gc-pop .gs em{font-style:normal;color:#70757A;font-size:11px}
.gc-pop .row.d p{line-height:1.5}

/* ---------- Slack ---------- */
.sk{height:520px;font-family:Lato,Inter,"Segoe UI",sans-serif;font-size:13px;color:#1D1C1D}
.sk-title{height:38px;background:#3B0B3C;display:flex;align-items:center;gap:14px;padding:0 12px;color:#fff}
.sk-navb{color:rgba(255,255,255,.7);letter-spacing:6px;font-size:13px}
.sk-search{flex:1;max-width:420px;margin:0 auto;height:24px;border-radius:6px;background:rgba(255,255,255,.18);color:rgba(255,255,255,.85);font-size:12px;display:flex;align-items:center;padding:0 10px}
.sk-help{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);display:grid;place-items:center;font-size:11px}
.sk-main{flex:1;display:flex;min-height:0}
.sk-rail{width:56px;background:#3B0B3C;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:10px}
.sk-rail b{width:34px;height:34px;border-radius:9px;background:#fff;color:#3B0B3C;display:grid;place-items:center;font-size:16px}
.sk-rail span{width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.18)}.sk-rail span.on{background:rgba(255,255,255,.35)}
.sk-side{width:200px;background:#4A154B;color:#CFC3CF;display:flex;flex-direction:column;padding:0 8px;border-radius:0}
.sk-ws{height:48px;display:flex;align-items:center;gap:6px;color:#fff;font-weight:900;font-size:16px;padding:0 8px}.sk-ws em{font-style:normal;font-size:10px;font-weight:400}.sk-ws i{margin-left:auto;font-style:normal;width:28px;height:28px;border-radius:50%;background:#fff;color:#4A154B;display:grid;place-items:center;font-size:13px}
.sk-sec{display:flex;flex-direction:column;margin-bottom:6px}
.sk-sec span,.sk-side .ch,.sk-side .dm{height:28px;display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:6px;font-size:13.5px}
.sk-side>small{font-size:13px;padding:8px 10px 4px;color:#CFC3CF}
.sk-side .ch.b{color:#fff;font-weight:900}.sk-side .ch.on{background:#1164A3;color:#fff;font-weight:900}
.sk-side .dm em{font-style:normal;color:#A796A8;font-size:12px}
.sk-ch{flex:1;display:flex;flex-direction:column;min-width:0;background:#fff}
.sk-hd{height:46px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid #E8E8E8}.sk-hd b{font-size:16px;font-weight:900}
.sk-mem{margin-left:auto;display:flex;align-items:center;border:1px solid #DDD;border-radius:6px;padding:3px 6px}.sk-mem .rx-av{margin-left:-4px;box-shadow:0 0 0 2px #fff}.sk-mem em{font-style:normal;font-size:12px;margin-left:6px;color:#616061}
.sk-tabs{display:flex;gap:18px;padding:0 18px;border-bottom:1px solid #E8E8E8;height:34px;align-items:stretch;color:#616061;font-size:12.5px}.sk-tabs span{display:flex;align-items:center}.sk-tabs span.on{color:#1D1C1D;font-weight:700;box-shadow:inset 0 -2px 0 #1D1C1D}
.sk-msgs{flex:1;padding:4px 0;overflow:hidden}
.sk-day{position:relative;text-align:center;margin:10px 0}.sk-day::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #E8E8E8}.sk-day span{position:relative;background:#fff;border:1px solid #E0E0E0;border-radius:12px;padding:3px 12px;font-size:11.5px;font-weight:700}
.sk-m{display:flex;gap:10px;padding:7px 18px}.sk-m>.rx-av{width:36px;height:36px;border-radius:8px}
.sk-m>div{flex:1;min-width:0}.sk-m b{font-weight:900;font-size:13.5px}.sk-m b small{font-weight:400;color:#616061;font-size:11.5px;margin-left:6px}
.sk-m p{line-height:1.45;margin-top:1px}
.sk-file{display:flex;align-items:center;gap:10px;margin-top:6px;border:1px solid #DDD;border-radius:8px;padding:8px 10px;width:300px}.sk-file i{width:30px;height:36px;border-radius:4px;background:#4285F4;flex:none;position:relative}.sk-file i::after{content:"";position:absolute;left:7px;right:7px;top:12px;height:2px;background:#fff;box-shadow:0 5px #fff,0 10px #fff}.sk-file small{display:block;color:#616061;font-size:11.5px}
.sk-rx{display:flex;gap:6px;margin-top:6px}.sk-rx span{height:22px;padding:0 8px;border-radius:12px;background:#EFF5FB;border:1px solid #1D9BD1;color:#1264A3;font-size:11.5px;display:grid;place-items:center}.sk-rx span+span{background:#F8F8F8;border-color:#E0E0E0;color:#1D1C1D}
.sk-th{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px}.sk-th b{color:#1264A3;font-size:12px}.sk-th em{font-style:normal;color:#616061}
.sk-comp{margin:0 18px 14px;border:1px solid #BBB;border-radius:8px}
.sk-fmt{display:flex;gap:14px;padding:6px 10px;background:#F8F8F8;border-radius:8px 8px 0 0;color:#868686;font-size:12px}.sk-fmt i,.sk-fmt b,.sk-fmt s{font-family:serif}
.sk-comp p{padding:8px 12px;color:#868686}
.sk-act{display:flex;gap:12px;padding:4px 10px 6px;color:#616061;font-size:12px}.sk-act em{margin-left:auto;font-style:normal;color:#fff;background:#007A5A;border-radius:4px;padding:2px 8px}
.sk .sk-side .rx-av.xs{border-radius:5px}

/* ---------- Google Meet ---------- */
.gm{height:470px;background:#202124;display:flex;flex-direction:column;font-family:Roboto,Inter,Arial,sans-serif;color:#E8EAED}
.gm-stage{flex:1;display:grid;grid-template-columns:1fr 150px;gap:10px;padding:12px 12px 0}
.gm-share{position:relative;background:#3C4043;border-radius:10px;overflow:hidden;display:flex}
.gm-lab{position:absolute;left:10px;bottom:8px;font-size:11px;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.gm-fig{flex:1;margin:10px;background:#F5F5F5;border-radius:4px;position:relative;display:flex;flex-direction:column;color:#1e1e1e}
.gm-figbar{height:28px;background:#2C2C2C;color:#fff;font-size:10.5px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-radius:4px 4px 0 0}.gm-figbar em{font-style:normal;background:#0D99FF;padding:2px 8px;border-radius:4px}
.gm-frames{flex:1;display:flex;align-items:center;justify-content:center;gap:14px;padding:14px;background-image:radial-gradient(#DDD 1px,transparent 1.2px);background-size:14px 14px}
.gm-fr{display:flex;flex-direction:column;gap:5px;width:42%}.gm-fr small{font-size:9.5px;color:#666;font-weight:600}.gm-fr.af small{color:#0D99FF}
.gm-scr{position:relative;height:190px;background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.12);padding:10px;display:flex;flex-direction:column;gap:6px;font-size:10px}
.gm-scr>b{font-size:11.5px}
.gm-scr .emp{flex:1;border:1px dashed #CCD;border-radius:4px;display:grid;place-items:center;color:#888;font-size:9.5px}
.gm-scr .pw{position:absolute;right:10px;bottom:16px;width:62%;background:#fff;border-radius:5px;box-shadow:0 4px 14px rgba(0,0,0,.25);padding:8px;display:flex;flex-direction:column;gap:4px}.gm-scr .pw span{background:#2350FB;color:#fff;border-radius:4px;text-align:center;padding:3px;font-size:9px}
.gm-scr .k{display:flex;align-items:baseline;gap:6px}.gm-scr .k span{font-size:18px;font-weight:600}.gm-scr .k em{font-style:normal;color:#1A7F37;font-weight:600}
.gm-scr .bars{flex:1;display:flex;align-items:flex-end;gap:5px}.gm-scr .bars i{flex:1;background:#2350FB;border-radius:2px 2px 0 0}
.gm-scr .cta{align-self:flex-start;background:#2350FB;color:#fff;border-radius:10px;padding:3px 10px;font-size:9px;font-weight:600}
.gm-arrow{color:#0D99FF;font-size:20px}
.gm-cur{position:absolute;left:68%;top:52%;width:12px;animation:fjc1 7s ease-in-out infinite}
.gm-tiles{display:flex;flex-direction:column;gap:8px}
.gm-t{position:relative;flex:1;border-radius:10px;overflow:hidden;background:#3C4043;display:grid;place-items:center}
.gm-t .ph{position:absolute;inset:0;width:100%;height:100%;border-radius:0}
.gm-t .big{width:54px;height:54px;font-size:22px;background:#5F6368}
.gm-t span{position:absolute;left:8px;bottom:6px;font-size:10.5px;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.8)}
.gm-t i{position:absolute;right:6px;top:6px;width:20px;height:20px;border-radius:50%;z-index:2}
.gm-t i.spk{background:#1A73E8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 9v6M12 6v12M16 9v6' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/70% no-repeat}
.gm-t i.mute{background:rgba(32,33,36,.7) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='9' y='4' width='6' height='11' rx='3' fill='%23fff'/%3E%3Cpath d='M5 4l14 16' stroke='%23F28B82' stroke-width='2.2'/%3E%3C/svg%3E") center/70% no-repeat}
.gm-t.ini{background:#3C4043}
.gm-bar{height:64px;display:flex;align-items:center;padding:0 14px}
.gm-time{flex:1;font-size:12px}
.gm-ctl{display:flex;gap:8px}
.gm-ctl span{width:38px;height:38px;border-radius:50%;background:#3C4043;display:grid;place-items:center;font-size:12px;font-weight:500}
.gm-ctl span.pres{background:#8AB4F8}.gm-ctl span.end{width:56px;border-radius:20px;background:#EA4335}
.gm-ctl i{display:block}.gm-ctl .mic{width:8px;height:14px;border-radius:4px;background:#E8EAED}.gm-ctl .cam{width:16px;height:11px;border-radius:2px;background:#E8EAED}.gm-ctl .up{width:14px;height:12px;border:2px solid #202124;border-radius:2px}.gm-ctl .ph{width:18px;height:7px;border-radius:4px 4px 0 0;background:#fff}
.gm-rt{flex:1;display:flex;justify-content:flex-end;gap:16px;font-size:14px}.gm-rt sup{font-size:9px}

/* ---------- Experiment (analytics) ---------- */
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.dot.c{background:#B4B8C5}.dot.t{background:#1D4AFF}

/* ---------- narrow stage (phones): app chrome trims, content keeps its size ---------- */
.rx-stage.nar .no-side,.rx-stage.nar .pu-side,.rx-stage.nar .sk-side,.rx-stage.nar .sk-rail,.rx-stage.nar .gm-tiles,.rx-stage.nar .rx-ext,.rx-stage.nar .rx-plus{display:none}
.rx-stage.nar .rx-tab{width:200px}
.rx-stage.nar .no-page{padding:4px 22px 16px}
.rx-stage.nar .no-page td:nth-child(2),.rx-stage.nar .no-page th:nth-child(2){display:none}
.rx-stage.nar .no{height:auto;min-height:440px}
.rx-stage.nar .pu-top .srch{width:130px}
.rx-stage.nar .pu{height:520px}
.rx-stage.nar .pu-row{grid-template-columns:1fr}
.rx-stage.nar .pu-chart .bars{height:90px}
.rx-stage.nar .pu-tip{top:auto;bottom:56px;right:18px}
.rx-stage.nar .pu-tip::before{top:auto;bottom:-6px}
.rx-stage.nar .gm-stage{grid-template-columns:1fr}
.rx-stage.nar .gm{height:400px}
.rx-stage.nar .gm-rt,.rx-stage.nar .gm-time{display:none}.rx-stage.nar .gm-bar{justify-content:center}
.rx-stage.nar .gc-pop{position:static;width:auto;margin:12px;box-shadow:0 0 0 1px #DADCE0,0 8px 20px rgba(60,64,67,.25)}
.rx-stage.nar .gc-grid{display:none}
.rx-stage.nar .gc{height:auto}
.rx-stage.nar .gc-top>b,.rx-stage.nar .gc-ar{display:none}
.rx-stage.nar .sk{height:auto}.rx-stage.nar .sk-file{width:auto}
.rx-stage.nar .sk-title .sk-navb{display:none}
.rx-stage.nar .rx-fj{height:600px}
.rx-stage.nar .fj-fun{grid-template-columns:repeat(5,1fr)}
.rx-stage.nar .fj-cols{grid-template-columns:repeat(2,1fr)}
.rx-stage.nar .fj-col:nth-child(n+3){display:none}
.rx-stage.nar .fj-cmt{right:10px;bottom:-40px;width:200px}
.rx-stage.nar .fj-file em,.rx-stage.nar .fj-zoom{display:none}
@media (prefers-reduced-motion:reduce){.fj-cur,.gm-cur{animation:none!important}}

.rx-stage main,.rx-stage aside{margin:0!important}
.rx-stage .pill{display:inline-block;height:auto;line-height:1.5;text-transform:none;letter-spacing:0;font-weight:400;border:0;box-shadow:none;font-family:inherit}
.rx-stage .tag{letter-spacing:.02em}
.mthp .md-qlogo{height:24px;width:auto;max-width:140px;object-fit:contain;object-position:left;align-self:flex-start}

.rx-stage .crumb{text-transform:none;letter-spacing:0;font-size:12.5px;color:#1f2328;font-weight:600}
.fj-canvas{inset:84px 18px 64px 18px}
.pu-tip{top:auto;bottom:22px;right:206px}
.pu-tip::before{top:18px;right:-6px}
.gc-pop{right:auto;left:70px}
.gc-pop .meet{justify-self:start}
.sk{height:580px}
.gm-fig{margin-bottom:30px}.gm-lab{color:#fff;font-weight:500}
.rx-stage.nar .pu-tip{bottom:16px;right:16px}.rx-stage.nar .pu-tip::before{display:none}
.rx-stage.nar .gc-pop{left:auto}

.gc-pop .meet{display:inline-flex!important;align-items:center;width:fit-content!important;align-self:flex-start!important}
.sk{height:620px}
.rx-stage.nar .pu-tip{bottom:58px}

/* call: webcam tile */
.gm-t.cam .ph{object-fit:cover;object-position:50% 30%}
/* ---------- Amplitude funnel ---------- */
.am{display:flex;height:540px;background:#fff;font-size:11.5px;color:#1B1F3B}
.am-nav{width:150px;background:#F7F8FA;border-right:1px solid #E6E8EE;padding:10px 8px;display:flex;flex-direction:column;gap:2px;flex:none}
.am-org{display:flex;align-items:center;gap:8px;height:30px;font-weight:600;font-size:12px}.am-org b{width:20px;height:20px;border-radius:5px;background:#1E61F0;color:#fff;display:grid;place-items:center;font-size:11px}
.am-new{margin:6px 0 8px;height:28px;border-radius:6px;background:#1E61F0;color:#fff;font-weight:600;display:grid;place-items:center}
.am-nav>span:not(.am-new){display:flex;align-items:center;gap:8px;height:28px;padding:0 8px;border-radius:6px;color:#4A5068}.am-nav>span i{width:13px;height:13px;border-radius:3px;border:1.5px solid #8F95AB}
.am-nav>span.on{background:#E8EEFE;color:#1E61F0;font-weight:600}.am-nav>span.on i{border-color:#1E61F0}
.am-main{flex:1;display:flex;flex-direction:column;min-width:0}
.am-top{height:54px;border-bottom:1px solid #E6E8EE;display:flex;align-items:center;gap:8px;padding:0 16px}.am-top>div{flex:1;min-width:0}.am-top small{color:#8F95AB;font-size:10.5px}.am-top h4{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-saved{color:#8F95AB;font-size:10.5px;margin-right:6px}.am-btn{height:28px;padding:0 12px;border-radius:6px;border:1px solid #D5D9E3;display:grid;place-items:center;font-weight:500}.am-btn.pri{background:#1E61F0;border-color:#1E61F0;color:#fff}
.am-body{flex:1;display:flex;min-height:0}
.am-def{width:178px;border-right:1px solid #E6E8EE;padding:12px;display:flex;flex-direction:column;gap:6px;flex:none}
.am-def small{color:#8F95AB;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:6px}
.am-ev,.am-seg,.am-set{display:flex;align-items:center;gap:7px;min-height:28px;padding:0 8px;border:1px solid #E6E8EE;border-radius:6px;background:#fff}
.am-ev b{width:16px;height:16px;border-radius:4px;background:#EEF0F5;display:grid;place-items:center;font-size:9.5px;color:#4A5068}
.am-seg i{width:10px;height:10px;border-radius:2px}.am-seg i.c,.am-lg i.c{background:#9EA8C9}.am-seg i.t,.am-lg i.t{background:#1E61F0}
.am-set{border:0;padding:0;color:#4A5068}.am-set b{font-weight:600;color:#1B1F3B;margin-left:3px}
.am-chart{flex:1;padding:12px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.am-ctl{display:flex;gap:4px;align-items:center}.am-ctl span{height:24px;padding:0 10px;border-radius:5px;display:grid;place-items:center;color:#4A5068}.am-ctl span.on{background:#E8EEFE;color:#1E61F0;font-weight:600}.am-ctl em{margin-left:auto;font-style:normal;height:24px;padding:0 10px;border:1px solid #D5D9E3;border-radius:5px;display:grid;place-items:center}
.am-sum{display:flex;gap:22px}.am-sum div{display:flex;flex-direction:column;gap:2px}.am-sum small{color:#8F95AB;font-size:10.5px}.am-sum b{font-size:20px;font-weight:600}.am-sum b.t{color:#1E61F0}.am-sum b.g{color:#1A8754}
.am-plot{display:flex;gap:6px;height:170px}
.am-y{display:flex;flex-direction:column;justify-content:space-between;color:#8F95AB;font-size:9.5px;padding-bottom:22px}
.am-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;background-image:linear-gradient(#EEF0F5 1px,transparent 1px);background-size:100% 25%;background-position:0 0;border-bottom:1px solid #C9CEDB;position:relative;margin-bottom:22px}
.am-step{position:relative;display:flex;flex-direction:column;justify-content:flex-end}
.am-pair{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:6px}
.am-bar{width:34%;height:var(--h);position:relative;border-radius:2px 2px 0 0}.am-bar.c{background:#9EA8C9}.am-bar.t{background:#1E61F0}
.am-bar em{position:absolute;left:50%;bottom:100%;translate:-50% -2px;font-style:normal;font-size:9.5px;font-weight:600;white-space:nowrap;color:#1B1F3B}
.am-step small{position:absolute;left:0;right:0;bottom:-20px;text-align:center;font-size:10px;color:#4A5068;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.am-step small b{color:#8F95AB}
.am-lg{display:flex;gap:16px;color:#4A5068;font-size:10.5px}.am-lg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.am-tb{width:100%;border-collapse:collapse;font-size:10.5px}.am-tb th{text-align:left;font-weight:600;color:#8F95AB;padding:5px 6px;border-bottom:1px solid #E6E8EE;background:#F7F8FA}
.am-tb td{padding:6px;border-bottom:1px solid #EEF0F5;font-variant-numeric:tabular-nums}.am-tb td b{color:#8F95AB;margin-right:4px}.am-tb td.up{color:#1A8754;font-weight:600}
.rx-stage.nar .am-nav,.rx-stage.nar .am-def,.rx-stage.nar .am-saved,.rx-stage.nar .am-btn:not(.pri){display:none}
.rx-stage.nar .am{height:auto}
.rx-stage.nar .am-tb th:nth-child(2),.rx-stage.nar .am-tb td:nth-child(2),.rx-stage.nar .am-tb th:nth-child(4),.rx-stage.nar .am-tb td:nth-child(4){display:none}
.rx-stage.nar .am-sum{gap:14px}.rx-stage.nar .am-sum b{font-size:17px}

.gm-stage{grid-template-columns:1fr 210px}
.rx-stage.nar .gm-tiles{display:flex!important;flex-direction:row;height:96px}
.rx-stage.nar .gm{height:520px}
.rx-stage.nar .gm-stage{grid-template-rows:1fr auto}

/* call tiles: full-bleed webcam frames, no avatar ring or offset */
.gm-t .ph{margin:0!important;box-shadow:none!important;object-fit:cover}
.gm-t.cam .ph[src*="p-founder-cam"]{object-position:40% 35%}
/* ---------- calculator v2 (gc) ---------- */

/* ================= MOBILE v4: final UX pass (phones only) ================= */
@media (max-width:640px){
  /* hero results: one compact row of three */
  .s6-res{gap:10px!important;padding-top:16px!important}
  .s6-res .t-label{font-size:10.5px;letter-spacing:.24em}
  .s6-nums{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}
  .s6-nums div{gap:4px!important;min-width:0}
  .s6-nums b{font-size:28px!important;line-height:1!important}
  .s6-nums .txt b{font-size:28px!important;padding-top:0!important}
  .s6-nums span{font-size:12px!important;line-height:1.3!important}
  .s6-nums small{display:block;font-size:11px!important;margin-top:2px}
  .s6-nums br{display:none}

  /* calculator: no arrows in the 2×2 grid, benchmark rows stacked the same way */

  /* case results: numbers in one aligned column */
  .cs5-t strong{flex:none}

  /* partnership review cards: duration under the logo, smaller result labels */
  .svcp .pr9-hd{flex-direction:column;align-items:flex-start;gap:12px}
  .svcp .pr9-t span{font-size:12px!important}
  .svcp .pr9-t b{font-size:24px!important}

  /* buttons fill the offer cards */
  .acts{display:flex;flex-direction:column;gap:12px}
  .acts .btn,.acts .link3{width:100%!important;max-width:none!important;justify-content:center;box-sizing:border-box}

  /* closing section: breathing room under the logo strip */
  .final2 .marq{margin-bottom:40px!important}

  /* footer: 44px tap targets */
  .f-grid a{padding:0!important;min-height:44px;display:flex!important;align-items:center}
  .f-grid h4{margin-bottom:4px!important}
}
@media (max-width:640px){
  .nl-site{min-height:44px}
}
@media (max-width:640px){
  .acts{padding-left:0!important;padding-right:0!important}
  .f-grid>:first-child{grid-column:1/-1}
}

.k07 .loss{margin:0;font-size:14.5px;line-height:1.45;color:#33353B;background:#F6F6F8;border-radius:12px;padding:12px 14px}
.k07 .loss b{color:var(--ink);font-weight:600}
/* problem picker: no counter line */



/* ================= calculator: flat, on-brand ================= */
.gk{display:grid;grid-template-columns:1fr 1fr;margin-top:8px;border-radius:var(--r-tile);overflow:hidden;background:#fff;border:1px solid #E4E3DD}
.gk-in{padding:40px;display:flex;flex-direction:column;gap:28px}
.gk-f{display:flex;flex-direction:column;gap:12px}
.gk-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.gk-row label{font-size:15px;font-weight:600;color:var(--ink);line-height:1.3}
.gk-num{position:relative;flex:none;width:120px}
.gk-num input{all:unset;box-sizing:border-box;width:100%;height:44px;padding:0 14px;border-radius:10px;border:1px solid #DCDBD4;background:#fff;font-family:inherit;font-size:16px;font-weight:600;line-height:44px;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;transition:border-color .2s,box-shadow .2s;-moz-appearance:textfield}
.gk-num input::-webkit-outer-spin-button,.gk-num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.gk-num input:hover{border-color:#B9B8B1}
.gk-num input:focus{border-color:var(--signal);box-shadow:0 0 0 3px rgba(35,80,251,.14)}
.gk-num[data-u="%"] input{padding-right:32px}
.gk-num[data-u="$"] input{padding-left:28px}
.gk-num[data-u="%"]::after,.gk-num[data-u="$"]::before{content:attr(data-u);position:absolute;top:50%;translate:0 -50%;font-size:15px;font-weight:500;color:#8B8D94;pointer-events:none}
.gk-num[data-u="%"]::after{right:14px}.gk-num[data-u="$"]::before{left:14px}
.gk input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:20px;margin:0;background:transparent;cursor:pointer}
.gk input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--signal) var(--p),#E4E3DD var(--p))}
.gk input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--signal) var(--p),#E4E3DD var(--p))}
.gk input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-8px;border-radius:50%;background:#fff;border:1.5px solid #C9C8C1;box-shadow:0 1px 3px rgba(11,12,15,.18);transition:border-color .2s,transform .2s}
.gk input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:1.5px solid #C9C8C1;box-shadow:0 1px 3px rgba(11,12,15,.18)}
.gk input[type=range]:hover::-webkit-slider-thumb,.gk input[type=range]:focus-visible::-webkit-slider-thumb{border-color:var(--signal)}
.gk input[type=range]:active::-webkit-slider-thumb{transform:scale(1.1)}
.gk input[type=range]:focus-visible{outline:none}
.gk-warn{margin:0;font-size:13px;color:#B3261E}.gk-warn:empty{display:none}
.gk-out{color:#fff;padding:40px;display:flex;flex-direction:column;gap:32px}
.gk-head{display:flex;flex-direction:column;gap:8px}
.gk-k{font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.62);font-weight:500}
.gk-big{font-size:clamp(48px,5vw,72px);font-weight:500;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.gk-sub{font-size:15px;color:rgba(255,255,255,.72)}
.gk-bars{display:flex;flex-direction:column;gap:20px}
.gk-b{display:grid;grid-template-columns:1fr auto;row-gap:8px;align-items:baseline}
.gk-b span{font-size:14px;color:rgba(255,255,255,.72)}
.gk-b b{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.gk-b i{grid-column:1/-1;display:block;height:8px;border-radius:8px;background:rgba(255,255,255,.1);overflow:hidden}
.gk-b em{display:block;height:100%;border-radius:8px;transition:width .6s var(--ease)}
.gk-b.cur em{background:rgba(255,255,255,.38)}
.gk-b.bm em{background:#fff}
.gk-note{margin:auto 0 0;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.55)}
@media (max-width:900px){.gk{grid-template-columns:1fr}}
@media (max-width:640px){
  #calc-home{padding-top:64px!important;padding-bottom:64px!important}
  #calc-home .sh{margin-bottom:24px!important}
  .gk{border-radius:20px}
  .gk-in{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}
  .gk-f{gap:8px;justify-content:flex-end}
  .gk-row{flex-direction:column;align-items:stretch;gap:8px}
  .gk-row label{font-size:13px;line-height:1.3}
  .gk-num{width:100%}
  .gk-num input{text-align:left}
  .gk-num[data-u="$"] input{padding-left:28px}
  .gk input[type=range]{display:none}
  .gk-warn{grid-column:1/-1}
  .gk-out{padding:20px;gap:20px}
  .gk-head{gap:8px}
  .gk-big{font-size:44px}
  .gk-sub{font-size:14px}
  .gk-bars{gap:16px}
  .gk-b span{font-size:13px}
  .gk-b b{font-size:15px}
  .gk-note{font-size:11.5px}
}
.gk-s{display:none}
@media (max-width:640px){.gk-l{display:none}.gk-s{display:inline}.gk-row label{white-space:nowrap}}

/* calculator result: same dark as the Expectation Gap guide card */
.gk{background:#fff;border:1px solid #E4E3DD;box-shadow:0 1px 2px rgba(11,12,15,.04),0 30px 60px -40px rgba(16,22,70,.35)}
.gk-out{position:relative;isolation:isolate;background:radial-gradient(80% 70% at 90% 0%,rgba(88,116,255,.55),rgba(26,47,207,.2) 45%,rgba(8,10,13,0) 75%),#080A0D!important}
.gk-out::after{content:"";position:absolute;inset:0;background-image:var(--noise);background-size:260px;opacity:.12;mix-blend-mode:soft-light;pointer-events:none;z-index:-1}
.gk-k{color:#8EA0FF}
.gk-big{font-size:clamp(52px,5.4vw,80px)}
.gk-sub,.gk-b span{color:rgba(255,255,255,.66)}
.gk-b i{background:rgba(255,255,255,.08);height:6px}
.gk-b.cur em{background:rgba(255,255,255,.34)}
.gk-b.bm em{background:linear-gradient(90deg,#2350FB,#8EA0FF)}
.gk-b.bm b{color:#AFBCFF}
.gk-note{color:rgba(255,255,255,.45)}
@media (max-width:640px){.gk-big{font-size:46px}}

/* ---------- timelines on phones: one scannable agenda ---------- */
.c7-tap{display:none}
@media (max-width:640px){
  .cal8{padding:18px 16px 10px!important;border-radius:22px!important}
  .cal8 .c7-legend{display:flex!important;flex-direction:row!important;padding:0 0 14px!important;margin:0!important;border-bottom:1px solid rgba(11,12,15,.08)}
  .cal8 .c7-key{padding:0!important;background:none!important;box-shadow:none!important;font-size:12px!important;font-weight:500!important;gap:6px!important;color:#4A4C53;white-space:nowrap}
  .cal8 .c7-key i,.cal8 .c7-key img{width:12px!important;height:12px!important}
  .cal8 .c8-grid{display:block!important}
  .cal8 .c8-h{display:none!important}
  .cal8 .c8-w{display:flex!important;flex-direction:row!important;align-items:baseline;gap:8px;padding:16px 0 2px!important;border:0!important;margin:0!important;background:none!important}
  .cal8 .c8-w b{font-size:14px!important}
  .cal8 .c8-w span{font-size:12.5px!important;color:var(--graphite)}
  .cal8 .c8-row{display:flex!important;flex-direction:column;gap:0!important;border:0!important;padding:0!important;margin:0!important;position:relative;background:none!important}
  .cal8 .c8-row::before{content:"";position:absolute;left:5.5px;top:22px;bottom:22px;width:1px;background:rgba(11,12,15,.14)}
  .cal8 .ev{all:unset;box-sizing:border-box;position:relative;display:grid!important;grid-template-columns:12px 1fr auto;column-gap:12px;align-items:center;min-height:44px;padding:6px 0!important;cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--ink)!important}
  .cal8 .ev::before{content:"";grid-column:1;grid-row:1;width:12px;height:12px;border-radius:50%;position:relative;z-index:1}
  .cal8 .ev.us::before{background:linear-gradient(135deg,#5874FF,#2350FB 55%,#1A2FCF)}
  .cal8 .ev.me::before{background:url(/img/me-face-c.webp) center/cover;box-shadow:0 0 0 1.5px #fff}
  .cal8 .ev.tm::before{background:repeating-linear-gradient(135deg,#C2C5D0 0 2px,#F4F4F6 2px 4px);box-shadow:inset 0 0 0 1px #C2C5D0,0 0 0 1.5px #fff}
  .cal8 .ev b{grid-column:2;grid-row:1;font-size:15px!important;font-weight:600!important;line-height:1.3;color:var(--ink)!important;margin:0!important}
  .cal8 .ev .ev-t{grid-column:3;grid-row:1;font-size:12px!important;letter-spacing:0!important;text-transform:none!important;color:var(--graphite)!important;font-weight:500!important;white-space:nowrap;margin:0!important}
  .cal8 .ev.me .ev-t,.cal8 .ev.tm .ev-t{visibility:hidden}
  .cal8 .ev p{grid-column:2/4;grid-row:2;display:none;margin:2px 0 4px!important;font-size:13.5px!important;line-height:1.45!important;color:#4A4C53!important}
  .cal8 .ev.open p{display:block}
  .cal8 .c7-tap{display:block;font-size:12px;color:var(--graphite);text-align:center;margin:12px 0 4px;padding-top:12px;border-top:1px solid rgba(11,12,15,.08)}
}
@media (max-width:640px){
  .cal8 .ev,.cal8 .ev.us,.cal8 .ev.me,.cal8 .ev.tm{background:none!important;box-shadow:none!important;border-radius:0!important;border:0!important;min-height:44px!important;height:auto!important}
  .cal8 .ev::after{display:none!important}
  .cal8 .c7-legend{flex-wrap:wrap!important;gap:8px 14px!important}
}

/* ================= quotes: typographic, no cartoon marks ================= */
.svcp .pr9-q blockquote::before,.mthp .md-q blockquote::before,.md-q blockquote::before,.rvc-q::before,.cs5-q blockquote::before{content:"“"!important;display:inline!important;font:inherit!important;color:inherit!important;margin:0!important;line-height:inherit!important}
.svcp .pr9-q blockquote::after,.md-q blockquote::after,.rvc-q::after,.cs5-q blockquote::after{content:"”"}
.svcp .pr9-q blockquote,.md-q blockquote,.rvc-q,.cs5-q blockquote{text-indent:0}
.svcp .pr9-q blockquote,.rvc-q{font-weight:600!important;letter-spacing:-.02em}

/* case studies: one short founder line */
.cs5-q{margin:auto 0 0;padding-top:24px;border-top:1px solid rgba(11,12,15,.08);display:flex;flex-direction:column;gap:14px}
.cs5-q blockquote{margin:0;font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.015em;color:var(--ink)}
.cs5-q figcaption{display:flex;align-items:center;gap:10px}
.cs5-q img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.cs5-q figcaption b{display:block;font-size:13.5px;font-weight:600}
.cs5-q figcaption span span{font-size:12.5px;color:var(--graphite)}
.cs5-l{display:flex;flex-direction:column}

/* method: the two founder quotes as one dark panel */
.md-qs{position:relative;isolation:isolate;display:grid!important;grid-template-columns:1fr 1fr!important}
.md-qs::after{content:"";position:absolute;inset:0;background-image:var(--noise);background-size:260px;opacity:.12;mix-blend-mode:soft-light;pointer-events:none;z-index:-1}
.md-qs .md-q+.md-q{border-left:1px solid rgba(255,255,255,.12)}
.md-qs .md-qlogo{height:22px}
.md-qs .md-q blockquote{letter-spacing:-.025em}
.md-qs .md-q .who{padding-top:20px}
.md-qs .md-q .who img.ph{width:40px;height:40px}
@media (max-width:640px){
  .md-qs{grid-template-columns:1fr!important;border-radius:22px}
  .md-qs .md-q+.md-q{border-left:0;border-top:1px solid rgba(255,255,255,.12)}
  .md-qs .md-q .who{padding-top:16px}
  .cs5-q{padding-top:20px;gap:12px}
  .cs5-q blockquote{font-size:16px}
}

/* method quotes: light panel, sits quietly above the case cards */
.md-qs{color:var(--ink)!important}
.md-qs::after{display:none}
.md-qs .md-q+.md-q{border-left-color:#ECEBE6!important}
.md-qs .md-qlogo{filter:none!important;opacity:1!important}
.md-qs .md-q blockquote{color:var(--ink)!important}
.md-qs .md-q .who{border-top-color:#ECEBE6!important}
.md-qs .md-q .who b{color:var(--ink)!important}
.md-qs .md-q .who span{color:var(--graphite)!important}
@media (max-width:640px){.md-qs .md-q+.md-q{border-top-color:#ECEBE6!important}}

/* method quotes: back to two separate cards, lighter type */
.md-qs{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;gap:16px!important;margin-bottom:16px!important}
.md-qs .md-q{background:#fff!important;border-radius:var(--r-tile)!important;padding:clamp(24px,2.6vw,32px)!important;gap:20px!important;box-shadow:0 1px 2px rgba(11,12,15,.05),0 24px 60px -44px rgba(11,12,15,.4)!important;border:0!important}
.md-qs .md-qlogo{height:22px}
.md-qs .md-q blockquote{font-size:clamp(18px,1.5vw,20px)!important;line-height:1.4!important;font-weight:500!important;letter-spacing:-.015em}
.md-qs .md-q .who{padding-top:0;border-top:0!important}
.md-qs .md-q .who img.ph{width:36px;height:36px}
.md-qs .md-q .who b{font-size:14px;font-weight:600}
@media (max-width:640px){
  .md-qs{gap:12px!important;margin-bottom:16px!important}
  .md-qs .md-q{padding:20px!important;gap:16px!important;border-top:0!important;border-radius:20px!important}
  .md-qs .md-q blockquote{font-size:17px!important}
}

/* ---------- phones: footer ghost sits on the edge ---------- */
@media (max-width:640px){
  .final2{overflow-x:clip!important;overflow-y:visible!important;z-index:2}
  .final2 .rise{z-index:2}
  .final2 .rise img{position:relative;z-index:2;transform:translateY(5.87%)}
  footer{z-index:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
}

/* ---------- phones: Method comparison as one light list ---------- */
.md-vlg{display:none}
@media (max-width:640px){
  .md-vs2{background:#fff;border-radius:22px;padding:4px 18px;box-shadow:0 1px 2px rgba(11,12,15,.05),0 24px 60px -44px rgba(11,12,15,.4)}
  .md-vlg{display:flex;gap:18px;grid-column:1;grid-row:1;padding:16px 0 14px;font-size:12px;font-weight:600;color:var(--graphite);border-bottom:1px solid #EEEDE9}
  .md-vlg span{display:inline-flex;align-items:center;gap:6px}
  .md-vlg span.r{color:var(--signal)}
  .md-vs2 .md-vlg i,.md-vs2 .c i{width:18px!important;height:18px!important;border-radius:50%;display:grid;place-items:center;flex:none;margin-top:1px!important;box-shadow:none!important}
  .md-vs2 .md-vlg i svg,.md-vs2 .c i svg{width:12px!important;height:12px!important}
  .md-vlg .l i,.md-vs2 .c.l i{background:#EEEDE9!important;color:#9A9CA3!important}
  .md-vlg .r i,.md-vs2 .c.r i{background:linear-gradient(135deg,#5874FF,#2350FB)!important;color:#fff!important}
  .md-vs2 .c{background:none!important;border-radius:0!important;margin:0!important;gap:10px!important;padding:0!important;border:0!important}
  .md-vs2 .c.l{padding:16px 0 6px!important;font-size:13.5px!important;line-height:1.4!important;color:#8B8E98!important;border-top:1px solid #EEEDE9!important}
  .md-vs2 .md-vlg+.c.l,.md-vs2 .c.l:first-of-type{border-top:0!important}
  .md-vs2 .c.r{padding:0 0 16px!important;font-size:15.5px!important;line-height:1.45!important;color:#3A3C42!important}
  .md-vs2 .c.r b{color:var(--ink)!important;font-weight:600!important}
}

/* ---------- phones: one quote on Method ---------- */
@media (max-width:640px){.md-qs .md-q+.md-q{display:none!important}}
@media (max-width:640px){.mthp .md-vs2 .c.r,.mthp .md-vs2 .c.l{background:none!important;box-shadow:none!important}}

/* case results: even tiles everywhere */
.cs5-tiles{grid-template-columns:1fr 1fr!important;grid-auto-rows:1fr}
.cs5-t{min-height:96px;box-sizing:border-box}
@media (max-width:640px){
  .cs5-tiles{grid-auto-rows:auto}
  .cs5-t{min-height:0!important;height:48px;align-items:center!important;justify-content:flex-start;padding:0 16px!important}
  .cs5-t strong{font-size:24px!important;min-width:64px!important;width:64px;flex:none}
  .cs5-t span{font-size:13px!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
}
@media (max-width:360px){.cs5-t strong{font-size:22px!important;min-width:56px!important;width:56px}.cs5-t span{font-size:12px!important}}
.cs5-t{justify-content:flex-start!important;gap:8px!important}
@media (max-width:640px){.cs5-t{border-radius:0!important;gap:12px!important}}

/* ---------- document-mode parity (see top of file) ---------- */
.s6-nums small,.sk-msgs>.sk-m>div>b,.sk-file>div>b,.gm-cur svg,.am-top>div>small{display:block}
.sk-day{line-height:0}.sk-day span{line-height:1.35}

/* ---------- guide sign-up: "You're in" pop-up (added after the approved design; opens only after a sign-up) ---------- */
.gd-pop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.gd-pop[hidden]{display:none}
.gd-back{position:absolute;inset:0;background:rgba(8,10,13,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .5s var(--ease)}
.gd-card{position:relative;overflow:hidden;width:min(520px,100%);display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:44px 40px 40px;border-radius:28px;color:#fff;
  background:radial-gradient(70% 90% at 85% 20%,rgba(88,116,255,.6),rgba(26,47,207,.22) 45%,rgba(8,10,13,0) 75%),#080A0D;
  box-shadow:0 40px 120px -30px rgba(35,80,251,.55),0 0 0 1px rgba(255,255,255,.06);
  opacity:0;transform:translateY(28px) scale(.97);transition:opacity .6s var(--ease),transform .8s var(--ease)}
.gd-card>*{position:relative;z-index:2}
.gd-pop.on .gd-back{opacity:1}
.gd-pop.on .gd-card{opacity:1;transform:none}
.gd-card .t-label{color:rgba(255,255,255,.7)}
.gd-h{margin:0;font-family:var(--font);font-weight:500;font-size:56px;line-height:1;letter-spacing:-.045em;text-wrap:balance}
.gd-p{margin:0;max-width:36ch;font-size:17px;line-height:1.5;color:rgba(255,255,255,.78)}
.gd-card .btn{margin-top:10px}
.gd-x{position:absolute;top:18px;right:18px;z-index:3;display:grid;place-items:center;color:var(--ink);line-height:1}
.gd-x:focus-visible,.gd-card .btn:focus-visible{outline:2px solid #8EA0FF;outline-offset:3px}
.gd-thumbs{display:flex;margin:6px 0 2px}
.gd-thumbs img{width:56px;height:56px;border-radius:12px;object-fit:cover;object-position:top;border:2px solid #080A0D;margin-left:-12px;box-shadow:0 6px 18px -6px rgba(0,0,0,.6)}
.gd-thumbs img:first-child{margin-left:0}
@media (max-width:640px){.gd-pop{place-items:end center}.gd-card{padding:36px 24px 28px;gap:14px;border-radius:24px}.gd-h{font-size:42px}.gd-p{font-size:16px}.gd-card .btn{width:100%;justify-content:space-between}}
@media (prefers-reduced-motion:reduce){.gd-card{transform:none!important;transition:opacity .2s}.gd-back{transition:opacity .2s}}

/* ---------- newsletter: Follow button (replaces the email field) ---------- */
.lm.news2 .nl-follow{display:flex}
@media (max-width:640px){.lm.news2 .copy>.nl-follow{order:5;flex-direction:column;align-items:stretch;width:100%;max-width:85vw;margin-inline:auto}}

/* ---------- hero: rotating last word (converts / activates / retains) ---------- */
.hero h1 .w>.rot{display:inline-grid;overflow:hidden;vertical-align:bottom;padding:0 .1em .08em .04em;margin:0 -.1em -.08em -.04em}
.hero h1 .w>.rot>span{grid-area:1/1;justify-self:start;transform:translateY(110%)}
.hero h1 .w>.rot>span.on{transform:none}