/* ============================================
   GrowthPal — site-wide styles
   ============================================ */
:root{
  --font-body:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;
  --font-display:"Sora","Hanken Grotesk",sans-serif;
  --bg:#000;
  --bg-2:#0A0A0A;
  --bg-3:#141414;
  --bg-card:#111111;
  --line:#ffffff14;
  --line-2:#ffffff22;
  --text:#F5F5F7;
  --text-60:#86868B;
  --text-40:#6e6e73;
  --g1:#FFE08A;
  --g2:#D9A441;
  --g3:#F7CE5A;
  --blue:#2997FF;
  --red:#FF453A;
  --green:#e8c77b;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--text);
  font-family:var(--font-body);
  font-weight:400;line-height:1.47;letter-spacing:-.003em;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--font-display)}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
.gold{background:linear-gradient(180deg,var(--g1) 0%,var(--g3) 45%,var(--g2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace}
.wrap{max-width:1240px;margin:0 auto;padding:0 22px}
.wrap-narrow{max-width:980px;margin:0 auto;padding:0 22px}
.wrap-prose{max-width:740px;margin:0 auto;padding:0 22px}

/* ——— NAV (canonical, mirrors the homepage) ——— */
nav.top{
  position:fixed;top:0;left:0;right:0;z-index:100;height:56px;
  background:rgba(0,0,0,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid rgba(255,255,255,.06);
  transition:background .3s,transform .38s cubic-bezier(.25,.46,.45,.94);
}
nav.top.nav-hidden{transform:translateY(-100%)}
.nav-inner{
  max-width:1240px;margin:0 auto;padding:0 22px;height:100%;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;
  font-size:13px;color:#f5f5f7cc;font-weight:400;
}
.nav-inner .brand{display:flex;align-items:center;gap:8px;color:#f5f5f7;letter-spacing:-.01em;font-weight:600;font-size:14px;justify-self:start}
.nav-inner .brand img{height:22px}
.nav-mid{display:flex;gap:28px;position:relative;justify-self:center}
.nav-mid > a,.nav-drop > a{transition:color .2s;padding:4px 0;display:inline-flex;align-items:center;gap:4px;color:#f5f5f7cc;font-size:inherit;line-height:inherit}
.nav-mid > a:hover,.nav-mid > a.is-active,.nav-drop > a:hover,.nav-drop > a.is-active{color:#f5f5f7}
/* Dropdown */
.nav-drop{position:relative;display:inline-flex;align-items:center}
.nav-drop > a::after{content:"⌄";font-size:10px;color:var(--text-40);margin-left:2px;transform:translateY(-2px)}
.nav-drop .dd{
  position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);
  min-width:260px;background:#0f0f0f;border:1px solid var(--line-2);border-radius:14px;
  padding:8px;opacity:0;pointer-events:none;transition:opacity .15s, transform .2s;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.7);
}
.nav-drop:hover .dd, .nav-drop:focus-within .dd{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
/* invisible bridge across the 8px gap so the menu survives the mouse travel */
.nav-drop::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:300px;height:14px}
.nav-drop .dd a{display:flex;flex-direction:column;padding:10px 12px;border-radius:8px;color:#f5f5f7;font-size:13px;font-weight:500;transition:background .15s}
.nav-drop .dd a small{color:var(--text-60);font-size:11px;font-weight:400;margin-top:2px}
.nav-drop .dd a:hover{background:var(--bg-3)}
.nav-cta{display:flex;align-items:center;gap:18px;justify-self:end}
.nav-cta .pill{
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  background:linear-gradient(180deg,var(--g1),var(--g2));color:#000;font-weight:600;
  padding:8px 18px;border-radius:980px;font-size:13px;transition:transform .2s,box-shadow .2s;
  box-shadow:0 8px 20px -8px rgba(217,164,65,.5);
}
.nav-cta .pill .dot{width:6px;height:6px;border-radius:50%;background:#66542c;animation:afLive 1.6s ease-in-out infinite;flex-shrink:0}
.nav-cta .pill .arr{transition:transform .2s;display:inline-block}
.nav-cta .pill:hover .arr{transform:translateX(3px)}
.nav-cta .pill:hover{transform:scale(1.04);box-shadow:0 14px 30px -8px rgba(217,164,65,.7)}
/* Mobile menu toggle */
.nav-burger{display:none;width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer;border-radius:10px;border:1px solid var(--line-2)}
.nav-burger span{width:16px;height:1.5px;background:#f5f5f7;display:block;position:relative;transition:transform .25s}
.nav-burger span::before,.nav-burger span::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:#f5f5f7;transition:transform .25s,top .25s}
.nav-burger span::before{top:-5px}
.nav-burger span::after{top:5px}
.nav-burger.is-open span{transform:rotate(45deg);background:#f5f5f7}
.nav-burger.is-open span::before{top:0;transform:rotate(0)}
.nav-burger.is-open span::after{top:0;transform:rotate(-90deg)}
/* Mobile menu drawer */
.nav-drawer{display:none;position:fixed;top:56px;left:0;right:0;bottom:0;background:rgba(0,0,0,.96);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:99;padding:32px 22px;flex-direction:column;gap:24px;overflow-y:auto}
.nav-drawer.is-open{display:flex}
.nav-drawer .drawer-section{display:flex;flex-direction:column;gap:14px}
.nav-drawer .drawer-section h6,.drawer-section .hlabel{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-40);margin-bottom:4px}
.nav-drawer a{color:#f5f5f7;font-size:18px;font-weight:500;padding:8px 0}
.nav-drawer a small{display:block;color:var(--text-60);font-size:13px;font-weight:400;margin-top:2px}
.nav-drawer .drawer-cta{margin-top:auto;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.nav-drawer .drawer-cta a{background:linear-gradient(180deg,var(--g1),var(--g2));color:#000;text-align:center;padding:14px;border-radius:999px;font-weight:600;font-size:15px}
.nav-drawer .drawer-cta a.sec{background:rgba(255,255,255,.06);color:#f5f5f7}
@media(max-width:980px){.nav-mid{display:none}.nav-inner{grid-template-columns:auto 1fr auto;gap:14px}.nav-cta .pill{padding:7px 14px;font-size:12px}.nav-burger{display:flex}}
@keyframes afLive{50%{opacity:.3}}

/* ——— BREADCRUMBS ——— */
.crumbs{padding-top:80px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-40)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.crumbs li{display:flex;align-items:center;gap:10px}
.crumbs li + li::before{content:"/";color:var(--text-40)}
.crumbs a{color:var(--text-40);transition:color .2s}
.crumbs a:hover{color:var(--g3)}
.crumbs li[aria-current="page"]{color:var(--text)}

/* ——— reveal base ——— */
/* Default visible (no-JS / pre-hydration safe). Opt-in to hidden only after .js-ready is set on <html>. */
.reveal{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}
html.js-ready .reveal:not(.in){opacity:0;transform:translateY(32px)}
.reveal.in{opacity:1;transform:translateY(0)}
.reveal.d1{transition-delay:.08s}
.reveal.d2{transition-delay:.16s}
.reveal.d3{transition-delay:.24s}
.reveal.d4{transition-delay:.32s}

/* ——— Page hero (sub-pages) ——— */
.page-hero{padding:120px 0 80px;text-align:center;position:relative;overflow:hidden;
  background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(217,164,65,.16),transparent 65%)}
.page-hero .kicker{font-size:14px;font-weight:600;background:linear-gradient(180deg,var(--g1),var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px;letter-spacing:-.005em}
.page-hero h1{font-size:clamp(40px,5.8vw,76px);font-weight:600;letter-spacing:-.035em;line-height:1.04;max-width:920px;margin:0 auto;text-wrap:balance}
.page-hero h1 em{font-style:normal;color:var(--text-60)}
.page-hero .sub{font-size:18px;color:var(--text-60);max-width:600px;margin:22px auto 0;line-height:1.5}
.page-hero .cta-row{display:flex;justify-content:center;gap:22px;margin-top:30px;font-size:16px;align-items:center;flex-wrap:wrap}
.page-hero .cta-row a.primary{background:linear-gradient(180deg,var(--g1),var(--g2));color:#000;padding:12px 22px;border-radius:999px;font-weight:500;transition:transform .2s}
.page-hero .cta-row a.primary:hover{transform:scale(1.04)}
.page-hero .cta-row a.sec{color:var(--blue)}
.page-hero .cta-row a.sec:hover{text-decoration:underline}

/* ——— HERO (homepage) ——— */
.hero{
  min-height:100vh;min-height:100svh;padding:140px 0 0;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  position:relative;text-align:center;
  background:
    radial-gradient(ellipse 80% 50% at 50% 20%, rgba(217,164,65,.14), transparent 60%),
    radial-gradient(ellipse 60% 40% at 50% 90%, rgba(41,151,255,.08), transparent 70%),
    #000;
}
.hero .eyebrow{font-size:21px;font-weight:600;letter-spacing:-.01em;background:linear-gradient(180deg,var(--g1),var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}
.hero h1{font-size:clamp(44px,7.2vw,96px);line-height:1.03;letter-spacing:-.04em;font-weight:600;max-width:1040px;margin:0 auto;text-wrap:balance}
.hero h1 .light{color:#f5f5f7}
.hero .sub{font-size:clamp(19px,1.8vw,24px);line-height:1.4;color:var(--text-60);max-width:680px;margin:22px auto 0;font-weight:400;letter-spacing:-.01em}
.hero .cta-row{display:flex;gap:22px;margin-top:28px;justify-content:center;align-items:center;font-size:17px;font-weight:400;letter-spacing:-.01em;flex-wrap:wrap}
.hero .cta-row a{color:var(--blue);transition:opacity .2s;display:inline-flex;align-items:center;gap:4px}
.hero .cta-row a:hover{text-decoration:underline}
.hero .cta-row a.primary{background:linear-gradient(180deg,var(--g1),var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none}
.hero .cta-row .arr{transition:transform .2s;display:inline-block}
.hero .cta-row a:hover .arr{transform:translateX(3px)}
/* proof pill (social proof, above headline) */
.hero .proof-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 15px 7px 12px;margin-bottom:24px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);font-size:13px;font-weight:500;color:var(--text-60);letter-spacing:-.005em}
.hero .proof-pill b{color:#f5f5f7;font-weight:600}
.hero .proof-pill .pp-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(232,199,123,.15);flex:none}
.hero .proof-pill .pp-div{width:1px;height:13px;background:var(--line-2);flex:none}
/* mini stat bar (proof, below CTA) */
.hero .hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 40px;margin-top:44px;padding-top:30px;border-top:1px solid var(--line);max-width:720px;width:100%}
.hero .hero-stats .hs{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:120px}
.hero .hero-stats .hs .n{font-size:30px;font-weight:600;letter-spacing:-.03em;line-height:1;background:linear-gradient(180deg,var(--g1),var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .hero-stats .hs .l{font-size:12px;color:var(--text-40);letter-spacing:-.005em;line-height:1.3}
@media(max-width:600px){.hero .hero-stats{gap:16px 22px}.hero .hero-stats .hs{min-width:44%}.hero .hero-stats .hs .n{font-size:26px}}
/* The boxed 4-across stat band (services/outbound hero) folds to 2x2 on phones */
@media(max-width:700px){.hero-stats.hs-grid{grid-template-columns:repeat(2,1fr)!important}.hero-stats.hs-grid>div{border-right:none!important;border-bottom:1px solid var(--line)}.hero-stats.hs-grid>div:nth-child(odd){border-right:1px solid var(--line)!important}.hero-stats.hs-grid>div:nth-last-child(-n+2){border-bottom:none}}

/* hero device mock */
.hero-device{
  margin:60px auto 0;width:min(1080px,92vw);aspect-ratio:16/9;
  border-radius:20px;background:linear-gradient(180deg,#1a1a1a,#0a0a0a);
  border:1px solid var(--line-2);
  box-shadow:0 0 0 1px rgba(255,255,255,.04),0 60px 120px -40px rgba(217,164,65,.28),0 30px 80px -30px rgba(0,0,0,.9);
  position:relative;overflow:hidden;transform:perspective(2000px) rotateX(4deg);
}
.hero-device .chrome{height:32px;background:#161616;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 14px;gap:8px}
.hero-device .chrome .dot{width:11px;height:11px;border-radius:50%;background:#333}
.hero-device .chrome .dot.r{background:#FF5F57}.hero-device .chrome .dot.y{background:#FEBC2E}.hero-device .chrome .dot.g{background:#99958c}
.hero-device .chrome .addr{margin-left:auto;margin-right:auto;font-size:11px;color:var(--text-40);font-family:"JetBrains Mono",monospace}
.hero-device .screen{padding:24px;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:16px;height:calc(100% - 32px)}
.hero-device .panel{background:var(--bg-3);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}
.hero-device .pt{font-size:10px;color:var(--text-40);text-transform:uppercase;letter-spacing:.15em;font-family:"JetBrains Mono",monospace}
.hero-device .big-n{font-size:38px;font-weight:600;letter-spacing:-.02em;line-height:1}
.hero-device .big-n sup{font-size:14px;color:var(--g3);vertical-align:super}
.hero-device .delta{font-size:11px;color:var(--green);font-weight:500}
.hero-device .sparkline{height:40px;background:linear-gradient(180deg,transparent,rgba(217,164,65,.15));border-radius:4px;position:relative;overflow:hidden}
.hero-device .sparkline svg{width:100%;height:100%}
.hero-device .sparkline path.line{fill:none;stroke:var(--g3);stroke-width:1.5;stroke-linecap:round}
.hero-device .sparkline path.fill{fill:url(#grad);opacity:.3}
.hero-device .list-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:11px}
.hero-device .list-row:last-child{border-bottom:none}
.hero-device .list-row .company{display:flex;align-items:center;gap:8px}
.hero-device .list-row .lg{width:22px;height:22px;border-radius:5px;background:linear-gradient(135deg,#333,#222);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#f5f5f7}
.hero-device .status{padding:2px 7px;border-radius:999px;font-size:9px;font-family:"JetBrains Mono",monospace;font-weight:500}
.hero-device .status.booked{background:rgba(232,199,123,.15);color:var(--green)}
.hero-device .status.warm{background:rgba(217,164,65,.15);color:var(--g3)}
.hero-device .status.sent{background:rgba(41,151,255,.12);color:var(--blue)}
.hero-device .flows{display:flex;flex-direction:column;gap:8px;flex:1}
.hero-device .flow{padding:8px 10px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;font-size:11px;display:flex;justify-content:space-between;align-items:center}
.hero-device .flow .chip{font-size:9px;padding:2px 6px;background:rgba(217,164,65,.12);color:var(--g3);border-radius:4px;font-family:"JetBrains Mono",monospace}
.hero-device .dot-pulse{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}
.hero-device .float-badge{position:absolute;padding:10px 14px;border-radius:12px;background:rgba(20,20,20,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line-2);font-size:12px;display:flex;align-items:center;gap:10px;box-shadow:0 20px 40px -10px rgba(0,0,0,.8)}
.hero-device .fb-1{top:22%;left:-4%;animation:fl1 6s ease-in-out infinite}
.hero-device .fb-2{top:52%;right:-5%;animation:fl2 7s ease-in-out infinite}
.hero-device .fb-3{bottom:14%;left:24%;animation:fl3 8s ease-in-out infinite}
@keyframes fl1{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fl2{0%,100%{transform:translateY(0)}50%{transform:translateY(12px)}}
@keyframes fl3{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero-device .fb-dot{width:8px;height:8px;border-radius:50%}

/* ——— Logo marquee ——— */
.marquee{padding:80px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:#050505}
.marquee .head{text-align:center;font-size:13px;color:var(--text-40);letter-spacing:-.005em;margin-bottom:36px}
.marquee .head b{color:var(--text);font-weight:500}
.marquee-track{display:flex;gap:72px;animation:marq 40s linear infinite;white-space:nowrap;font-size:22px;font-weight:600;color:var(--text-60);letter-spacing:-.02em}
.marquee-track span{display:inline-flex;align-items:center;gap:72px;opacity:.7}
.marquee-track span::after{content:"";display:inline-block;width:5px;height:5px;background:var(--g2);border-radius:50%;margin-left:72px}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ——— Section base ——— */
section{padding:140px 0;position:relative}
.sec-head{text-align:center;margin-bottom:80px}
.sec-head .kicker{font-size:21px;font-weight:600;letter-spacing:-.01em;background:linear-gradient(180deg,var(--g1),var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:6px}
.sec-head h2{font-size:clamp(40px,5.5vw,72px);font-weight:600;letter-spacing:-.035em;line-height:1.05;max-width:920px;margin:0 auto;text-wrap:balance;color:#f5f5f7}
.sec-head h2 em{font-style:normal;color:var(--text-60)}
.sec-head p{font-size:19px;color:var(--text-60);max-width:640px;margin:18px auto 0;line-height:1.5}

/* ——— SERVICES cards ——— */
.svc-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.svc{background:var(--bg-card);border-radius:24px;padding:42px 34px;min-height:580px;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.25,.46,.45,.94);text-decoration:none;color:inherit}
.svc:hover{transform:translateY(-6px)}
.svc .idx{font-size:12px;color:var(--text-40);font-family:"JetBrains Mono",monospace;letter-spacing:.12em;display:flex;justify-content:space-between;align-items:center}
.svc .idx .more{color:var(--g3);text-transform:none;letter-spacing:-.005em;font-family:"Inter",sans-serif;font-size:13px}
.svc h3{font-size:32px;font-weight:600;letter-spacing:-.025em;line-height:1.08;color:#f5f5f7}
.svc h3 em{font-style:normal;color:var(--text-60)}
.svc p{font-size:15px;color:var(--text-60);line-height:1.55;max-width:340px}
.svc .metric-chip{display:inline-flex;align-items:baseline;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(217,164,65,.12);border:1px solid rgba(217,164,65,.25);color:var(--g3);font-size:12px;width:fit-content;font-family:"JetBrains Mono",monospace}
.svc .metric-chip b{font-size:14px;color:var(--g3)}

/* visual: outbound flow */
.vis-outbound{margin-top:auto;height:220px;position:relative;padding:16px 0}
.vis-outbound .dots{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 8px}
.vis-outbound .node{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2a2a2a,#0e0e0e);border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--text-60);font-family:"JetBrains Mono",monospace;position:relative;z-index:2}
.vis-outbound .node.gold{background:linear-gradient(135deg,var(--g1),var(--g2));color:#000}
.vis-outbound .node.pulse::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--g3);animation:nring 2s infinite}
@keyframes nring{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.6);opacity:0}}
.vis-outbound .flow-line{position:absolute;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--line-2) 10%,var(--line-2) 90%,transparent)}
.vis-outbound .pulse-bar{position:absolute;left:10%;top:calc(50% - 1px);height:3px;width:30px;background:linear-gradient(90deg,transparent,var(--g3),transparent);border-radius:2px;animation:pulseMove 3s ease-in-out infinite;box-shadow:0 0 12px var(--g3)}
@keyframes pulseMove{0%{left:10%;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:90%;opacity:0}}

/* visual: inbound funnel */
.vis-inbound{margin-top:auto;height:220px;position:relative;padding:10px 0;display:flex;flex-direction:column;justify-content:space-between}
.vis-inbound .row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-3);border:1px solid var(--line);border-radius:10px;font-size:12px;animation:rowIn 4s ease-in-out infinite}
.vis-inbound .row:nth-child(1){animation-delay:0s}.vis-inbound .row:nth-child(2){animation-delay:.5s}.vis-inbound .row:nth-child(3){animation-delay:1s}.vis-inbound .row:nth-child(4){animation-delay:1.5s}
@keyframes rowIn{0%,40%,100%{opacity:.45;transform:translateX(0)}50%,70%{opacity:1;transform:translateX(4px)}}
.vis-inbound .av-circ{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#444,#222);flex-shrink:0}
.vis-inbound .nm{flex:1;color:var(--text)}
.vis-inbound .tg{font-size:9px;padding:3px 7px;border-radius:4px;font-family:"JetBrains Mono",monospace}
.vis-inbound .tg.ok{background:rgba(232,199,123,.14);color:var(--green)}
.vis-inbound .tg.scoring{background:rgba(217,164,65,.14);color:var(--g3)}
.vis-inbound .tg.routing{background:rgba(41,151,255,.14);color:var(--blue)}

/* visual: CRM mesh */
.vis-crm{margin-top:auto;height:220px;position:relative}
.vis-crm svg{width:100%;height:100%}

/* visual: MMF (message-market fit) */
.vis-mmf{margin-top:auto;height:220px;position:relative;padding:14px 0;display:flex;flex-direction:column;justify-content:center;gap:8px}
.vis-mmf .msg{padding:10px 14px;border-radius:10px;font-size:12px;line-height:1.4;border:1px solid var(--line);background:var(--bg-3);position:relative;color:var(--text-60)}
.vis-mmf .msg.bad{border-color:rgba(255,69,58,.3);text-decoration:line-through;opacity:.55}
.vis-mmf .msg.good{border-color:rgba(217,164,65,.4);background:linear-gradient(120deg,rgba(217,164,65,.08),transparent);color:var(--text)}
.vis-mmf .msg .stamp{position:absolute;top:8px;right:10px;font-size:8.5px;font-family:"JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.vis-mmf .msg.bad .stamp{color:#FF6F60}
.vis-mmf .msg.good .stamp{color:var(--g3)}

/* ——— SHOWCASE (outbound in action) ——— */
.showcase{background:#050505;padding:140px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.showcase .wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.showcase h2{font-size:clamp(40px,5vw,64px);font-weight:600;letter-spacing:-.03em;line-height:1.05;margin-bottom:20px}
.showcase p{font-size:18px;color:var(--text-60);line-height:1.55}
.showcase .sc-stats{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.showcase .sc-stats .s .n{font-size:44px;font-weight:600;letter-spacing:-.025em;background:linear-gradient(180deg,var(--g1),var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.showcase .sc-stats .s .l{font-size:13px;color:var(--text-60);margin-top:6px}
.showcase .sc-demo{background:var(--bg-card);border-radius:20px;padding:22px;border:1px solid var(--line);position:relative;overflow:hidden;min-height:460px;box-shadow:0 40px 80px -40px rgba(217,164,65,.2)}
.sc-demo .tl{font-size:11px;color:var(--text-40);text-transform:uppercase;letter-spacing:.15em;margin-bottom:14px;font-family:"JetBrains Mono",monospace;display:flex;justify-content:space-between}
.sc-demo .tl .live{display:flex;align-items:center;gap:6px;color:var(--green)}
.sc-demo .tl .live .d{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 1.4s infinite}
.email-item{padding:14px 16px;background:var(--bg-3);border:1px solid var(--line);border-radius:10px;margin-bottom:8px;font-size:12px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;opacity:0;transform:translateY(8px);animation:slideIn .6s forwards}
.email-item:nth-child(2){animation-delay:.1s}.email-item:nth-child(3){animation-delay:.2s}.email-item:nth-child(4){animation-delay:.3s}.email-item:nth-child(5){animation-delay:.4s}.email-item:nth-child(6){animation-delay:.5s}
@keyframes slideIn{to{opacity:1;transform:translateY(0)}}
.email-item .co-lg{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,#2a2a2a,#111);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;color:#f5f5f7}
.email-item .tx{min-width:0}
.email-item .tx .who{font-weight:500;color:#f5f5f7}
.email-item .tx .prev{font-size:11px;color:var(--text-40);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}
.email-item .meta{text-align:right;font-size:10px;color:var(--text-40);font-family:"JetBrains Mono",monospace}
.email-item .meta .tg{display:block;margin-top:3px}

/* ——— COMPARE ——— */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line);border-radius:24px;overflow:hidden}
.compare .col{background:var(--bg-card);padding:48px 40px;min-height:560px;display:flex;flex-direction:column;gap:22px}
.compare .col.new{background:linear-gradient(160deg,#141008,#0a0a0a)}
.compare .col h3{font-size:30px;font-weight:600;letter-spacing:-.025em;line-height:1.1}
.compare .col .sub{font-size:14px;color:var(--text-60)}
.compare .col .tag-line{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-family:"JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;width:fit-content}
.compare .col.old .tag-line{background:rgba(255,69,58,.15);color:#FF6F60}
.compare .col.new .tag-line{background:linear-gradient(90deg,var(--g1),var(--g2));color:#1a1304;font-weight:600}
.compare ul{list-style:none;display:flex;flex-direction:column;gap:14px;margin-top:10px}
.compare li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:14px;line-height:1.5;color:var(--text-60)}
.compare .old li::before{content:"✕";color:#FF6F60;font-family:"JetBrains Mono",monospace}
.compare .new li{color:#f5f5f7}
.compare .new li::before{content:"→";color:var(--g3);font-family:"JetBrains Mono",monospace;font-weight:600}
.compare .col .stat-foot{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:28px}
.compare .col .stat-foot .v{font-size:24px;font-weight:600;letter-spacing:-.02em}
.compare .col .stat-foot .k{font-size:11px;color:var(--text-40);font-family:"JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.compare .col.old .v{color:#FF6F60}
.compare .col.new .v{background:linear-gradient(180deg,var(--g1),var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent}

/* ——— PROCESS ——— */
.process{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.process::before{content:"";position:absolute;top:28px;left:4%;right:4%;height:1px;background:linear-gradient(90deg,transparent,var(--line-2) 10%,var(--line-2) 90%,transparent)}
.process .step{position:relative;padding-top:66px}
.process .step .n{position:absolute;top:0;left:0;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2a2a2a,#0c0c0c);border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-family:"JetBrains Mono",monospace;font-size:14px;font-weight:500;color:var(--g3)}
.process .step.active .n{background:linear-gradient(135deg,var(--g1),var(--g2));color:#000;border-color:transparent;box-shadow:0 0 0 6px rgba(217,164,65,.12),0 0 40px rgba(217,164,65,.25)}
.process .step .wk{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--text-40);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.process .step h3,.process .step h4{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-bottom:8px;color:#f5f5f7}
.process .step p{font-size:14px;color:var(--text-60);line-height:1.55}

/* ——— Chart ——— */
.chart-block{background:var(--bg-card);border-radius:24px;padding:42px;border:1px solid var(--line)}
.chart-block .chart-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:32px;flex-wrap:wrap;gap:16px}
.chart-block h3{font-size:28px;font-weight:600;letter-spacing:-.02em}
.chart-block .legend{display:flex;gap:20px;font-size:12px;color:var(--text-60);font-family:"JetBrains Mono",monospace}
.chart-block .legend .k{display:flex;align-items:center;gap:6px}
.chart-block .legend .k .sw{width:10px;height:2px;border-radius:2px}
.chart-block .bars{display:grid;grid-template-columns:repeat(9,1fr);gap:12px;align-items:end;height:240px;margin-top:10px}
.chart-block .bars .bar-col{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.chart-block .bars .bar{width:100%;background:linear-gradient(180deg,var(--g1),var(--g2));border-radius:5px 5px 0 0;position:relative;transform-origin:bottom;animation:barGrow 1s ease-out forwards;transform:scaleY(0)}
.chart-block .bars .bar.mute{background:var(--bg-3);border:1px solid var(--line)}
.chart-block .bars .month{font-size:10px;color:var(--text-40);font-family:"JetBrains Mono",monospace}
@keyframes barGrow{to{transform:scaleY(1)}}

/* ——— Testimonials ——— */
.testimonials{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tcard{background:var(--bg-card);border-radius:24px;padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:520px;transition:transform .4s}
.tcard:hover{transform:translateY(-4px)}
.tcard .video{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.tcard .video-thumb{width:100%;height:100%;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:transform .6s}
.tcard .video-thumb::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.6) 100%)}
.tcard:hover .video-thumb{transform:scale(1.03)}
.tcard .play{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.96);color:#000;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:transform .3s;box-shadow:0 20px 40px rgba(0,0,0,.4)}
.tcard:hover .play{transform:scale(1.08)}
.tcard .play svg{margin-left:4px}
.tcard .video-meta{position:absolute;bottom:14px;left:18px;z-index:2;display:flex;align-items:center;gap:10px;color:#f5f5f7}
.tcard .video-meta img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}
.tcard .video-meta .nm{font-size:13px;font-weight:500}
.tcard .video-meta .rl{font-size:11px;color:rgba(245,245,247,.75);margin-top:1px}
.tcard .body{padding:32px 34px;flex:1;display:flex;flex-direction:column;gap:16px}
.tcard q{font-size:19px;line-height:1.45;letter-spacing:-.012em;color:#f5f5f7;display:block;font-weight:400}
.tcard q::before,.tcard q::after{content:""}
.tcard .br{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--line)}
.tcard .br .co{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--text-40);letter-spacing:.1em;text-transform:uppercase}
.tcard .br .result{font-size:13px;color:var(--g3);font-weight:500}
.tcard.playing .video-thumb{display:none}
.tcard.playing iframe{width:100%;height:100%;border:none;position:absolute;inset:0}

/* reply stream */
.replies-head{text-align:center;margin:120px 0 50px}
.replies-head h3{font-size:clamp(32px,4vw,48px);font-weight:600;letter-spacing:-.03em;line-height:1.1}
.replies-head p{font-size:17px;color:var(--text-60);margin-top:12px}
.reply-stream{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.reply-stream .rc{background:var(--bg-card);border-radius:16px;padding:20px;min-height:170px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:transform .4s,border-color .2s;border:1px solid var(--line)}
.reply-stream .rc:hover{transform:translateY(-4px);border-color:var(--line-2)}
.reply-stream .rc .hd{display:flex;justify-content:space-between;align-items:center}
.reply-stream .rc .co{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}
.reply-stream .rc .co .d{width:22px;height:22px;border-radius:5px;background:linear-gradient(135deg,#2a2a2a,#111);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}
.reply-stream .rc .t{font-family:"JetBrains Mono",monospace;font-size:10px;color:var(--text-40)}
.reply-stream .rc q{font-size:13px;color:var(--text-60);line-height:1.55;font-style:normal}
.reply-stream .rc q::before,.reply-stream .rc q::after{content:""}
.reply-stream .rc .tag{margin-top:auto;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:999px;width:fit-content}
.reply-stream .rc .tag.booked{background:rgba(232,199,123,.15);color:var(--green)}
.reply-stream .rc .tag.reply{background:rgba(217,164,65,.15);color:var(--g3)}
.reply-stream .rc .tag.nb{background:rgba(41,151,255,.15);color:var(--blue)}

/* ——— PRICING ——— */
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.plan{background:var(--bg-card);border-radius:22px;padding:40px 34px;min-height:560px;display:flex;flex-direction:column;gap:22px;position:relative;transition:transform .4s}
.plan:hover{transform:translateY(-4px)}
.plan.feat{background:linear-gradient(165deg,#1a1408,#0c0a05);border:1px solid rgba(217,164,65,.2)}
.plan.feat::before{content:"Most picked";position:absolute;top:16px;right:20px;padding:4px 10px;border-radius:999px;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(90deg,var(--g1),var(--g2));color:#000;font-weight:600}
.plan h3{font-size:22px;font-weight:600;letter-spacing:-.015em}
.plan .desc{font-size:14px;color:var(--text-60);line-height:1.55}
.plan .price{display:flex;align-items:baseline;gap:8px}
.plan .price .n{font-size:56px;font-weight:600;letter-spacing:-.025em;line-height:1}
.plan.feat .price .n{background:linear-gradient(180deg,var(--g1),var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent}
.plan .price .u{font-size:13px;color:var(--text-60)}
.plan ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid var(--line)}
.plan li{font-size:14px;color:#f5f5f7;padding-left:22px;position:relative;line-height:1.5}
.plan li::before{content:"✓";position:absolute;left:0;top:0;color:var(--g3);font-weight:600}
.plan li.mute{color:var(--text-40)}
.plan li.mute::before{content:"—";color:var(--text-40)}
.plan .pl-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;font-size:14px;font-weight:500;transition:transform .2s}
.plan .pl-cta.gh{background:rgba(255,255,255,.06);color:#f5f5f7}
.plan .pl-cta.gd{background:linear-gradient(180deg,var(--g1),var(--g2));color:#000}
.plan .pl-cta:hover{transform:scale(1.02)}

/* ——— FAQ ——— */
.faq-list{max-width:760px;margin:0 auto}
details{border-top:1px solid var(--line);padding:24px 0;cursor:pointer;transition:padding .3s}
details:last-child{border-bottom:1px solid var(--line)}
summary{list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:20px;font-weight:500;letter-spacing:-.015em;line-height:1.3;color:#f5f5f7;position:relative}
summary::-webkit-details-marker{display:none}
details summary > span.plus{width:28px;height:28px;border:1px solid var(--text-40);border-radius:50%;position:relative;flex-shrink:0;margin-top:2px;transition:border-color .25s,background .25s}
details summary > span.plus::before,details summary > span.plus::after{content:"";position:absolute;background:var(--text);border-radius:1px;transition:transform .3s}
details summary > span.plus::before{left:8px;right:8px;top:50%;height:1px;transform:translateY(-.5px)}
details summary > span.plus::after{top:8px;bottom:8px;left:50%;width:1px;transform:translateX(-.5px)}
details[open] summary > span.plus{border-color:var(--g3);background:rgba(217,164,65,.12)}
details[open] summary > span.plus::after{transform:translateX(-.5px) rotate(90deg)}
details[open]{padding-bottom:28px}
details p{font-size:15px;color:var(--text-60);line-height:1.65;margin-top:14px;white-space:pre-line;max-width:620px}

/* ——— Big CTA ——— */
.cta-big{text-align:center;padding:140px 0 150px;background:radial-gradient(ellipse 60% 70% at 50% 100%, rgba(217,164,65,.12), transparent 70%),#000;border-top:1px solid var(--line)}
.cta-big .kicker{font-size:13px;color:var(--g3);margin-bottom:18px;font-weight:600;font-family:"JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.15em}
.cta-big h2{font-size:clamp(38px,5.6vw,72px);font-weight:600;letter-spacing:-.035em;line-height:1.04;max-width:900px;margin:0 auto;text-wrap:balance;color:#f5f5f7}
.cta-big p{font-size:18px;color:var(--text-60);margin:24px auto 0;max-width:600px;line-height:1.55}
.cta-big .row{display:flex;gap:18px;justify-content:center;margin-top:38px;font-size:17px;flex-wrap:wrap;align-items:center}
.cta-big a.primary{background:linear-gradient(180deg,var(--g1),var(--g2));color:#000;padding:14px 28px;border-radius:999px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;gap:8px;align-items:center;box-shadow:0 14px 30px -10px rgba(217,164,65,.6)}
.cta-big a.primary:hover{transform:scale(1.04);box-shadow:0 20px 40px -10px rgba(217,164,65,.7)}
.cta-big a.sec{color:var(--blue);padding:14px 0;transition:opacity .2s}
.cta-big a.sec:hover{text-decoration:underline}
.cta-big .mini{margin-top:30px;display:flex;justify-content:center;gap:28px;font-size:11px;color:var(--text-40);flex-wrap:wrap;font-family:"JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
.cta-big .mini span::before{content:"✓ ";color:var(--g3)}

/* ——— FOOTER ——— */
footer{padding:60px 0 28px;background:#050505;border-top:1px solid var(--line);font-size:12px;color:var(--text-40)}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--line)}
.foot-brand{display:flex;flex-direction:column;gap:16px;max-width:320px}
.foot-brand img{height:26px;width:auto;align-self:flex-start;opacity:.9}
.foot-brand p{font-size:13px;color:var(--text-60);line-height:1.55}
footer h6{font-size:11px;color:#f5f5f7;font-weight:500;margin-bottom:14px;letter-spacing:-.005em}
.foot-list{display:flex;flex-direction:column;gap:10px}
.foot-list a{color:var(--text-60);font-size:12px;transition:color .2s}
.foot-list a:hover{color:#f5f5f7}
.foot-btm{padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:11px}
.giant-word{font-size:clamp(80px,20vw,320px);font-weight:700;letter-spacing:-.05em;line-height:.85;text-align:center;margin-top:40px;background:linear-gradient(180deg,#1a1a1c 0%,#0a0a0a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none}

/* ——— Section feature rows (sub-pages) ——— */
.feat-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:60px 0;border-bottom:1px solid var(--line)}
.feat-row:last-child{border-bottom:none}
.feat-row.flip{direction:rtl}.feat-row.flip > *{direction:ltr}
.feat-row h3{font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.025em;line-height:1.1;margin-bottom:18px}
.feat-row p{font-size:16px;color:var(--text-60);line-height:1.55;margin-bottom:14px}
.feat-row ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:18px}
.feat-row li{font-size:14px;color:var(--text);padding-left:22px;position:relative;line-height:1.5}
.feat-row li::before{content:"→";position:absolute;left:0;color:var(--g3);font-family:"JetBrains Mono",monospace}
.feat-row .vis{background:var(--bg-card);border:1px solid var(--line);border-radius:20px;padding:30px;min-height:340px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.feat-row .vis .label{position:absolute;top:14px;left:18px;font-family:"JetBrains Mono",monospace;font-size:10px;color:var(--text-40);letter-spacing:.12em;text-transform:uppercase}

/* ——— BLOG ——— */
.blog-tools{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.blog-search{flex:1;max-width:420px;display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--line);border-radius:999px;padding:10px 18px;transition:border-color .2s}
.blog-search:focus-within{border-color:var(--line-2)}
.blog-search input{flex:1;background:transparent;border:none;color:var(--text);font:inherit;font-size:14px;outline:none}
.blog-search input::placeholder{color:var(--text-40)}
.blog-search svg{color:var(--text-40);flex-shrink:0}
.blog-cats{display:flex;gap:8px;flex-wrap:wrap}
.cat-pill{padding:6px 14px;border-radius:999px;font-size:12px;color:var(--text-60);background:var(--bg-card);border:1px solid var(--line);transition:all .2s;cursor:pointer;font-family:inherit}
.cat-pill:hover{color:var(--text);border-color:var(--line-2)}
.cat-pill.active{background:linear-gradient(180deg,var(--g1),var(--g2));color:#000;border-color:transparent;font-weight:600}

.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post-card{background:var(--bg-card);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);transition:transform .4s,border-color .2s;text-decoration:none;color:inherit}
.post-card:hover{transform:translateY(-4px);border-color:var(--line-2)}
.post-card.featured{grid-column:span 3;display:grid;grid-template-columns:1.2fr 1fr;min-height:340px}
.post-card .pc-img{aspect-ratio:16/9;background:linear-gradient(135deg,#1a1408,#0a0a05);position:relative;overflow:hidden}
.post-card.featured .pc-img{aspect-ratio:auto;height:100%}
.post-card .pc-img .lab{position:absolute;top:16px;left:16px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--g3)}
.post-card .pc-img .gfx{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Inter",sans-serif;font-size:clamp(40px,4.5vw,72px);font-weight:700;letter-spacing:-.04em;background:linear-gradient(180deg,var(--g1),var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.6;text-align:center;padding:20px}
.post-card:not(.featured) .pc-img .gfx{font-size:clamp(24px,2.4vw,40px)}
.post-card .pc-body{padding:24px;display:flex;flex-direction:column;gap:14px;flex:1}
.post-card.featured .pc-body{padding:40px;gap:18px;justify-content:center}
.post-card .pc-meta{display:flex;align-items:center;gap:10px;font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--text-40);letter-spacing:.05em}
.post-card .pc-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--text-40)}
.post-card .pc-title{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:#f5f5f7}
.post-card.featured .pc-title{font-size:32px;line-height:1.1}
.post-card .pc-excerpt{font-size:14px;color:var(--text-60);line-height:1.55;flex:1}
.post-card .pc-author{display:flex;align-items:center;gap:10px;padding-top:16px;border-top:1px solid var(--line);margin-top:auto}
.post-card .pc-author .av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--g1),var(--g2));display:flex;align-items:center;justify-content:center;font-weight:700;color:#000;font-size:12px}
.post-card .pc-author .nm{font-size:13px;color:#f5f5f7;font-weight:500}
.post-card .pc-author .date{font-size:11px;color:var(--text-40);font-family:"JetBrains Mono",monospace;margin-left:auto}

/* ——— BLOG POST ——— */
article.post{padding:60px 0 120px}
article.post .post-head{text-align:center;margin-bottom:56px}
article.post .post-head .cat{display:inline-block;padding:5px 14px;border-radius:999px;background:rgba(217,164,65,.12);border:1px solid rgba(217,164,65,.25);color:var(--g3);font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}
article.post h1{font-size:clamp(36px,5vw,64px);font-weight:600;letter-spacing:-.035em;line-height:1.05;max-width:900px;margin:0 auto;text-wrap:balance}
article.post .post-meta{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:30px;font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--text-40);letter-spacing:.05em;flex-wrap:wrap}
article.post .post-meta .author{display:flex;align-items:center;gap:10px;color:var(--text)}
article.post .post-meta .author .av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--g1),var(--g2));display:flex;align-items:center;justify-content:center;font-weight:700;color:#000;font-size:13px}
article.post .featured-img{aspect-ratio:21/9;background:linear-gradient(135deg,#1a1408,#0a0a05);border-radius:24px;margin-bottom:80px;display:flex;align-items:center;justify-content:center;font-size:96px;font-weight:700;letter-spacing:-.04em;background-clip:text;-webkit-background-clip:text}
article.post .featured-img .gfx{background:linear-gradient(180deg,var(--g1),var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.6;font-size:clamp(60px,8vw,120px)}
article.post .prose{max-width:680px;margin:0 auto;font-size:18px;line-height:1.7;color:#d6d6d8;letter-spacing:-.005em}
article.post .prose h2{font-size:30px;font-weight:600;letter-spacing:-.025em;color:#f5f5f7;margin:48px 0 18px;line-height:1.2}
article.post .prose h3{font-size:22px;font-weight:600;letter-spacing:-.02em;color:#f5f5f7;margin:36px 0 14px}
article.post .prose p{margin-bottom:22px}
article.post .prose a{color:var(--g3);border-bottom:1px solid rgba(247,206,90,.4);transition:border-color .2s}
article.post .prose a:hover{border-color:var(--g3)}
article.post .prose blockquote{border-left:3px solid var(--g3);padding:8px 0 8px 24px;margin:32px 0;font-size:22px;font-style:italic;color:#f5f5f7;line-height:1.4}
article.post .prose ul,article.post .prose ol{padding-left:24px;margin-bottom:22px}
article.post .prose li{margin-bottom:10px}
article.post .prose strong{color:#f5f5f7;font-weight:600}
article.post .prose code{background:var(--bg-3);padding:2px 8px;border-radius:5px;font-family:"JetBrains Mono",monospace;font-size:15px;color:var(--g3)}
article.post .prose hr{border:none;border-top:1px solid var(--line);margin:48px 0}
.post-tags{max-width:680px;margin:48px auto 0;display:flex;gap:8px;flex-wrap:wrap}
.post-tags .tg{padding:5px 12px;border-radius:999px;background:var(--bg-card);border:1px solid var(--line);font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--text-60);letter-spacing:.05em}
.post-author-block{max-width:680px;margin:64px auto 0;padding:32px;background:var(--bg-card);border-radius:20px;border:1px solid var(--line);display:flex;gap:20px;align-items:center}
.post-author-block .av-big{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--g1),var(--g2));display:flex;align-items:center;justify-content:center;font-weight:700;color:#000;font-size:22px;flex-shrink:0}
.post-author-block h4{font-size:18px;font-weight:600;margin-bottom:4px}
.post-author-block .role{font-size:12px;font-family:"JetBrains Mono",monospace;color:var(--g3);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px}
.post-author-block .bio{font-size:14px;color:var(--text-60);line-height:1.5}

/* about page bits */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.team-card{background:var(--bg-card);border-radius:16px;padding:30px;border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.team-card .av{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--g1),var(--g2));display:flex;align-items:center;justify-content:center;font-weight:700;color:#000;font-size:22px}
.team-card h3{font-size:18px;font-weight:600;letter-spacing:-.015em;margin-top:8px}
.team-card .role{font-size:12px;font-family:"JetBrains Mono",monospace;color:var(--g3);letter-spacing:.05em;text-transform:uppercase}
.team-card p{font-size:13px;color:var(--text-60);line-height:1.5}

/* contact form */
.contact-form{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.contact-form label{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-60)}
.contact-form input,.contact-form textarea,.contact-form select{background:var(--bg-card);border:1px solid var(--line);border-radius:10px;padding:14px 16px;color:var(--text);font:inherit;font-size:14px;outline:none;transition:border-color .2s;width:100%}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--g3)}
.contact-form textarea{min-height:120px;resize:vertical}
.contact-form button{background:linear-gradient(180deg,var(--g1),var(--g2));color:#000;padding:14px 22px;border-radius:999px;font-weight:600;cursor:pointer;font-size:14px;transition:transform .2s}
.contact-form button:hover{transform:scale(1.02)}

/* Tweaks */
#tweaks{position:fixed;bottom:20px;right:20px;z-index:300;background:var(--bg-card);border:1px solid var(--line-2);padding:16px;width:260px;display:none;border-radius:14px;box-shadow:0 40px 80px -20px #000}
#tweaks.open{display:block}
#tweaks h6{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-60);margin-bottom:12px}
#tweaks .row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;gap:12px}
#tweaks label{font-size:11px;color:var(--text-60)}
#tweaks input[type=color]{width:40px;height:24px;border:1px solid var(--line-2);padding:0;background:none;cursor:pointer;border-radius:4px}
#tweaks .close{position:absolute;top:8px;right:12px;font-size:20px;color:var(--text-60)}

/* Responsive */
@media (max-width:980px){
  .hero-device .screen{grid-template-columns:1fr}
  .hero-device .float-badge{display:none}
  .svc-row,.testimonials,.pricing,.compare{grid-template-columns:1fr}
  .process{grid-template-columns:1fr 1fr;gap:32px 20px}
  .process::before{display:none}
  .reply-stream{grid-template-columns:1fr 1fr}
  .showcase .wrap,.feat-row{grid-template-columns:1fr;gap:40px}
  .nav-mid{display:none}
  .foot-grid{grid-template-columns:1fr 1fr}
  .post-grid{grid-template-columns:1fr 1fr}
  .post-card.featured{grid-column:span 2;grid-template-columns:1fr}
  .post-card.featured .pc-img{aspect-ratio:16/9;height:auto}
  .team-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .reply-stream,.process,.foot-grid,.post-grid,.team-grid{grid-template-columns:1fr}
  .post-card.featured{grid-column:span 1}
  section{padding:100px 0}
  .blog-tools{flex-direction:column;align-items:stretch}
  .blog-search{max-width:none}
}

/* ——— a11y: skip link + focus rings ——— */
.skip-link{position:absolute;left:-9999px;top:0;z-index:2000;background:var(--g3);color:#000;font-weight:600;padding:10px 18px;border-radius:0 0 10px 0;font-size:14px}
.skip-link:focus{left:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--g3);outline-offset:2px;border-radius:4px}

/* ——— Post body images (reply screenshots etc.) ——— */
.post-img{margin:34px 0}
.post-img img{width:100%;display:block;border:1px solid var(--line-2);border-radius:14px;background:#0a0a0a}
.post-img figcaption{margin-top:10px;font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--text-40);letter-spacing:.02em;line-height:1.5}

/* ——— Touch devices: hover states stick after tap on iOS — neutralize movement-based hovers ——— */
@media (hover: none){
  .nav-cta .pill:hover,.page-hero .cta-row a.primary:hover,.hero .cta-row a.primary:hover,
  .vouch-card:hover,.vouch-more a:hover,.svc:hover,.tcard:hover,.shot:hover,
  .nf-love-cta:hover,.reply-stream .rc:hover,.plan:hover,.cta-big a.primary:hover,
  .post-card:hover,.fasc-card:hover,.hcell:hover{transform:none}
  .tcard:hover .video-thumb{transform:none}
}

/* iOS zooms the viewport when focusing inputs under 16px — hold forms at 16px on touch */
@media (hover: none){
  input[type="text"],input[type="email"],input[type="search"],select,textarea{font-size:16px!important}
}

.foot-tools{margin-top:34px;padding-top:18px;border-top:1px dashed var(--line);font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.03em;line-height:2;color:var(--text-40)}
.foot-tools a{color:var(--text-60)}
.foot-tools a:hover{color:var(--g3)}

/* ——— Soul kit: texture, chips, micro-interactions (Round 16) ——— */
::selection{background:rgba(247,206,90,.28);color:#fff}
.page-hero{padding:150px 0 80px}
.page-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}
.page-hero .wrap,.page-hero .wrap-prose{position:relative;z-index:1}
.hero-chip{display:inline-flex;align-items:center;gap:9px;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--g3);border:1px solid rgba(217,164,65,.35);border-radius:999px;padding:8px 16px;margin-bottom:20px;background:rgba(217,164,65,.05)}
.hero-chip .dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:chipPulse 2.4s infinite;flex:none}
@keyframes chipPulse{0%,100%{opacity:1}50%{opacity:.25}}
.nav-mid > a,.nav-drop > a{position:relative}
.nav-mid > a::before,.nav-drop > a::before{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:linear-gradient(90deg,var(--g2),var(--g1));transition:right .28s cubic-bezier(.25,.46,.45,.94)}
.nav-mid > a:hover::before,.nav-mid > a.is-active::before{right:0}
.read-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--g2),var(--g1));z-index:200;width:0}
.crumbs{display:none}
@media (prefers-reduced-motion: reduce){.hero-chip .dot{animation:none}}

/* ——— Ambient layer ——— */
#ambient-glow{position:fixed;inset:0;pointer-events:none;z-index:2;mix-blend-mode:screen}
#ambient-dust{position:fixed;inset:0;pointer-events:none;z-index:-1}
.tiltable{transition:transform .18s ease-out;will-change:transform}
.cta-big a.primary,.stk-visit,.nf-love-cta{will-change:transform}
@media (prefers-reduced-motion: reduce){#ambient-glow,#ambient-dust{display:none}}

/* ——— Hero watermark word + cursor-lit card borders (Round 16c) ——— */
.hero-word{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:0;
  font-size:clamp(110px,20vw,260px);font-weight:800;letter-spacing:-.02em;line-height:1;
  color:transparent;-webkit-text-stroke:1.5px rgba(217,164,65,.16);pointer-events:none;
  white-space:nowrap;user-select:none;transition:transform .35s cubic-bezier(.25,.46,.45,.94)}
.tiltable{position:relative}
.tiltable::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  opacity:0;transition:opacity .3s;z-index:0;
  background:radial-gradient(220px circle at var(--gx,50%) var(--gy,50%),rgba(247,206,90,.16),transparent 65%)}
.tiltable:hover::after{opacity:1}
@media(max-width:760px){.hero-word{display:none}}
@media (prefers-reduced-motion: reduce){.hero-word{transition:none}}

/* ——— footer polish (mirrors homepage) ——— */
.foot-grid{gap:44px 56px;padding-bottom:44px}
footer .foot-grid > div > .hlabel{display:block;margin:0 0 18px;font-size:12.5px;letter-spacing:.01em}
.foot-list{gap:12px}
.foot-brand{gap:16px}
.foot-brand img{height:26px}
@media(max-width:860px){.foot-grid{grid-template-columns:1fr 1fr;gap:36px 28px}.foot-brand{grid-column:1/-1;max-width:none}}

/* ============================================
   Motion layer (mirrors the homepage): nav glider, scroll progress,
   kicker shimmer, CTA shine, spotlight + tilt on cards, sliding footer underline
   ============================================ */
.nav-glider{position:absolute;left:0;top:50%;height:32px;width:var(--w,0px);transform:translate(var(--x,0px),-50%);border-radius:999px;background:rgba(247,206,90,.09);box-shadow:inset 0 0 0 1px rgba(247,206,90,.16);opacity:0;pointer-events:none;z-index:0;transition:transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),opacity .25s ease}
.nav-glider::after{content:"";position:absolute;left:16px;right:16px;bottom:-6px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--g3),transparent)}
.nav-glider.no-anim{transition:none}
.nav-mid > a,.nav-mid > .nav-drop{position:relative;z-index:1}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:101;background:linear-gradient(90deg,var(--g2),var(--g1),var(--g3));transform-origin:0 50%;transform:scaleX(0);pointer-events:none;box-shadow:0 0 12px rgba(247,206,90,.45)}
.page-hero .kicker,.cta-big .kicker{background:linear-gradient(90deg,var(--g2) 0%,var(--g1) 42%,#fff2c2 50%,var(--g1) 58%,var(--g2) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:kickerShimmer 7s ease-in-out infinite}
@keyframes kickerShimmer{0%{background-position:110% 0}100%{background-position:-110% 0}}
.page-hero .cta-row a.primary,.cta-big a.primary,.nav-cta .pill{position:relative;overflow:hidden}
.page-hero .cta-row a.primary::after,.cta-big a.primary::after{content:"";position:absolute;top:-40%;bottom:-40%;left:-30%;width:28%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg) translateX(-60px);opacity:0;pointer-events:none}
.page-hero .cta-row a.primary:hover::after,.cta-big a.primary:hover::after{animation:shine .9s ease-out}
@keyframes shine{0%{opacity:0;transform:skewX(-18deg) translateX(-60px)}20%{opacity:1}100%{opacity:0;transform:skewX(-18deg) translateX(520px)}}
.post-card,.svc,.team-card,.tcard,.plan{--mx:50%;--my:50%;position:relative;isolation:isolate}
.post-card::before,.svc::before,.team-card::before,.tcard::before,.plan::before,.post-card::after,.svc::after,.team-card::after,.tcard::after,.plan::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .5s ease}
.post-card::before,.svc::before,.team-card::before,.tcard::before,.plan::before{z-index:-1;background:radial-gradient(560px circle at var(--mx) var(--my),rgba(247,206,90,.09),transparent 45%)}
.post-card::after,.svc::after,.team-card::after,.tcard::after,.plan::after{z-index:3;padding:1px;background:radial-gradient(380px circle at var(--mx) var(--my),rgba(255,224,138,.55),rgba(247,206,90,.08) 45%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
@media(hover:hover){.post-card:hover::before,.svc:hover::before,.team-card:hover::before,.tcard:hover::before,.plan:hover::before,.post-card:hover::after,.svc:hover::after,.team-card:hover::after,.tcard:hover::after,.plan:hover::after{opacity:1}}
.tilt{transition:transform .65s cubic-bezier(.22,1,.36,1)}
.tilt.moving{transition-duration:.14s}
@media (prefers-reduced-motion:reduce){.page-hero .kicker,.cta-big .kicker{animation:none}.nav-glider,.tilt{transition:none}}

/* BEGIN CANONICAL DESIGN SYSTEM
   Keep this block identical in index.html and assets/site.css.
   Interaction references: Motion Primitives Animated Background / Accordion;
   Watermelon UI Shimmer Button. Adapted to CSS and Web Animations, no runtime dependency. */
:root{
  --bg:#0c0c0d;--bg-2:#111112;--bg-3:#202022;--bg-card:#171718;
  --line:#ffffff18;--line-2:#ffffff2b;--text:#f2f0eb;
  --text-60:#aaa8a3;--text-40:#92908b;
  --g1:#f1d99b;--g2:#c9a052;--g3:#e8c77b;
  --blue:var(--g3);--green:var(--g3);
  --paper:#f3f0e9;--paper-card:#fcfaf5;--ink:#252423;--ink-muted:#69655e;--ink-gold:#816021;
  --radius:12px;--radius-control:8px;--ease:cubic-bezier(.22,1,.36,1);
}
body{background:var(--bg);color:var(--text)}
body :is(.sec-head,.page-hero){--text-60:#aaa8a3;--text-40:#92908b}
body .page-hero{background:var(--bg);padding:136px 0 72px;border-bottom:1px solid var(--line)}
body .page-hero::before{display:none}
body .hero-word{display:none}
body .page-hero h1{font-size:clamp(36px,5.2vw,70px);font-weight:500;line-height:1.12;letter-spacing:-.045em}
body .page-hero .sub{font-size:18px;line-height:1.7;max-width:660px;margin-top:24px}
body :is(.page-hero,.sec-head,.cta-big) .kicker{font:11px "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;background:none;color:var(--g3);animation:none;margin-bottom:20px}
body .sec-head h2{font-size:clamp(32px,4.1vw,56px);line-height:1.13;font-weight:500;letter-spacing:-.04em}
body .sec-head p{font-size:17px;line-height:1.7}
body .hero-chip{border-radius:6px;background:transparent;border-color:var(--line-2);color:var(--text-60);font:12px var(--font-body);letter-spacing:0;text-transform:none;padding:9px 14px}
body .hero-chip .dot{background:var(--g3);animation:none}
body :is(.page-hero h1,.sec-head h2,.cta-big h2) .gold{background:none;color:var(--g3)}
body :is(.page-hero h1,.sec-head h2) em{color:var(--text-60);font-style:normal}
/* Watermelon Shimmer Button: one restrained sweep on interaction. */
body :is(.hero .cta-row,.page-hero .cta-row,.cta-big) a.primary,
body :is(.gp-button,.nav-cta .pill,.nav-drawer .drawer-cta a:not(.sec),.nf-love-cta,.stk-visit,.t-go,.fp-form button,.contact-form button,.plan .pl-cta:not(.gh)){
  position:relative;overflow:hidden;background:var(--g3);color:#242019;
  -webkit-background-clip:border-box;background-clip:border-box;border:1px solid transparent;
  border-radius:var(--radius-control);box-shadow:none;font-family:var(--font-body);font-weight:600;
  transition:background .25s,box-shadow .25s,translate .25s var(--ease);text-decoration:none;line-height:1.4;
}
body :is(.hero .cta-row,.page-hero .cta-row,.cta-big) a.primary,
body :is(.nf-love-cta,.stk-visit){padding:15px 22px;font-size:15px}
body .gp-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;font-size:14px;cursor:pointer;white-space:nowrap}
body .nav-cta .pill{padding:9px 16px;font-size:12px}
body .nav-cta .pill .dot{background:#66542c;animation:none}
body :is(.hero .cta-row,.page-hero .cta-row) a.sec{color:var(--text);border-bottom:1px solid var(--line-2);padding:7px 0;text-decoration:none}
body .nav-drawer .drawer-cta a.sec{border-radius:var(--radius-control);border:1px solid var(--line-2);background:var(--bg-card)}
body :is(.hero .cta-row,.page-hero .cta-row,.cta-big) a.primary::after,
body :is(.gp-button,.nav-cta .pill,.nf-love-cta,.stk-visit,.t-go,.fp-form button,.contact-form button)::after{
  content:"";position:absolute;inset:-50% auto -50% -45%;width:30%;pointer-events:none;
  background:linear-gradient(105deg,transparent,#fff7,transparent);opacity:0;transform:skewX(-18deg);animation:none;
}
@keyframes gp-shimmer{0%{left:-45%;opacity:0}20%{opacity:1}100%{left:125%;opacity:0}}
body nav.top{border-bottom-color:var(--line)}
body .nav-drop .dd{background:var(--bg-card);border-radius:var(--radius);border-color:var(--line-2)}
body .nav-drop .dd a{border-radius:6px}
body .nav-mid>a::before,body .nav-drop>a::before{display:none}
body .nav-glider{border-radius:6px;background:#ffffff0c;box-shadow:inset 0 0 0 1px var(--line)}
body .nav-glider::after{display:none}
body details{transition:none}
body .scroll-progress{height:2px;background:var(--g3);box-shadow:none}
/* Shared surfaces, including page-specific components whose CSS is inline. */
body :is(.svc,.svc-flag,.stage-card,.plan,.chart-block,.trust-row,.nf-love,.fp-form,.roi,.auto-flow,
  .fasc-card,.team-card,.agents-card,.agent,.tool-card,.own-card,.ft-card,.t-card,.imp-step,.imp-story,.stk-take,.post-author-block){
  background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;
}
body :is(.svc,.stage-card,.plan,.hcell,.fasc-card,.team-card,.tool-card,.own-card,.ft-card,.imp-step,.stk-take):hover{box-shadow:none}
body :is(.stage-card.hot,.plan.feat,.nf-love,.stk-take,.imp-story){border-color:#e8c77b45}
body :is(.stage-card,.plan,.hcell,.fasc-card)::before{background:none}
body :is(.fp-form,.stage-card).beam::before{display:none}
body .stage-card{padding:30px 26px}
body .stage-card .stage-top .big{font-size:40px;background:none;color:var(--g3)}
body .stage-viz{border-radius:8px;background:var(--bg-2);padding:16px}
body .stage-viz .sv-chip{border-radius:4px}
body .stage-viz .sv-chip.ok{color:var(--g3);background:#e8c77b12}
body .stage-viz .sv-chip.win{box-shadow:none;animation:none;background:var(--g3);color:#242019}
body .honest-grid .hcell{background:var(--bg-card);border-radius:var(--radius);border-color:var(--line)}
body .honest-grid .hcell.ours{background:#1c1b18;border-color:#e8c77b45}
body .honest-grid .hn{background:none;color:var(--text);font-weight:500;filter:none}
body .honest-grid .hcell.ours .hn{color:var(--g3)}
body :is(.hcell,.svc-flag-stats) .hk{letter-spacing:.04em;font-size:11px}
body .own-grid .hk{font-size:15px;letter-spacing:0}
body :is(.svc-flag-stats,.hero-proof,.chart-block) b{font-variant-numeric:tabular-nums}
body :is(.ab-race,.sc-demo,.stage-viz,.xi-doc){border-radius:8px;box-shadow:none;background:var(--bg-2)}
body :is(.shot,.lb-card){border-radius:var(--radius);border-color:var(--line-2);box-shadow:none}
body :is(.shot-bar,.lb-bar){background:var(--bg-card)}
body .shot-view{background:var(--paper)}
body .shot figcaption{background:var(--bg-card);color:var(--text-60)}
body .shot-dots i,body .shot:hover .shot-dots i,body .shot-dots.lit i{background:#64615b}
body .shot-zoom{border-radius:6px}
body .nf-love::before,body .auto-flow::before{display:none}
body .eng-col{border-radius:8px;background:var(--bg-2)}
body .eng .cap,body .eng .out{border-radius:6px}
body .field-note-card{display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-card);color:var(--text);transition:border-color .25s}
body .field-note-card:hover{border-color:#e8c77b50}
body .portrait-grid .play::after,body .portrait-grid .tcard:hover .play::after{inset:auto auto auto 50%;top:calc(100% + 8px);transform:translateX(-50%);animation:none;opacity:1;border:0;line-height:1.4}
body .fasc-card p{color:var(--text-60)}
body .comparison-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body .comparison-delivery{padding:36px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);gap:36px}
@media(max-width:760px){body .comparison-panels{grid-template-columns:1fr}body .comparison-delivery{padding:26px 22px;gap:28px}}
/* Forms and calculators use the same field and results treatment. */
body :is(input,textarea)::placeholder{color:var(--text-40);opacity:1}
body input:is([type=checkbox],[type=radio]){accent-color:var(--g3);color-scheme:dark}
body .gp-input{flex:1;min-width:0;background:var(--bg-2);color:var(--text);border:1px solid var(--line-2);border-radius:var(--radius-control);padding:14px 16px;font:16px var(--font-body)}
body .gp-input:focus-visible{outline:2px solid var(--g3);outline-offset:2px}
body .contact-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:60px;max-width:1080px}
body .contact-layout>*{min-width:0}
@media(max-width:600px){body #nlForm{flex-direction:column}body #nlForm .gp-button{width:100%}}
@media(max-width:760px){body .contact-layout{grid-template-columns:1fr;gap:40px}}
body :is(.fp-form,.t-card,.contact-form) label{font:14px var(--font-body);text-transform:none;letter-spacing:0;color:var(--text-60)}
body :is(.fp-form,.t-card,.contact-form) :is(input:not([type=range]):not([type=checkbox]),select,textarea){background-color:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--radius-control);font:16px var(--font-body);padding:14px 16px;min-width:0;color:var(--text)}
body :is(.fp-form,.t-card,.contact-form) :is(input,select,textarea):focus{border-color:var(--g3);box-shadow:0 0 0 3px #e8c77b12}
body :is(.fp-note,.t-note,.roi-disclaimer,.stk-note){font-family:var(--font-body);font-size:13px;letter-spacing:0;line-height:1.65}
body .roi{align-items:start;gap:40px}
body .roi-result{background:var(--paper);border:1px solid #fff4;border-radius:var(--radius);--text-60:var(--ink-muted);--text-40:var(--ink-muted);--g1:#b08838;--g2:#816021;--g3:var(--ink-gold);--line:#25242320;--line-2:#25242330;--bg-3:#e9e5dc;--green:var(--ink-gold)}
body .roi-result :is(.fs-v,.rpe-box .n){color:var(--ink);background:none}
body .roi-result .flow-step.rev{background:#e8c77b33;border:1px solid #81602150;border-radius:8px}
body .roi-result .flow-step.rev :is(.fs-v,.fs-lbl){color:var(--ink-gold)}
body .roi-result :is(.fl-tag,.rpe-box){background:#e9e5dc;border-color:var(--line);border-radius:6px}
body .roi-result .rpe-box.after{background:#faf6eb;border-color:#81602150;box-shadow:none}
body .roi-result .fs-bar{background:#25242314}
body .roi-result .fs-bar i{background:#9d988e}
body .roi-result .fs-bar i.gold{background:#a88030;box-shadow:none}
body .roi-result .fs-v.gold,body .roi-result .rpe-box.after .n{background:none;color:var(--ink-gold)}
body .roi label.slider-label{font:14px var(--font-body);letter-spacing:0;text-transform:none}
body .tr-verdict.ok{background:#e8c77b12;border-color:#e8c77b50;color:var(--g3)}
/* Editorial cards and utility controls. */
body :is(.post-card,.post-card.featured){border-radius:var(--radius);border-color:var(--line);background:var(--bg-card)}
body .post-card .pc-img{background:var(--bg-2)}
body .post-card .pc-title{line-height:1.3;font-weight:500}
body .post-card .pc-excerpt{font-size:15px;line-height:1.65}
body :is(.post-card .pc-author .av,article.post .post-meta .author .av,.post-author-block .av-big,.team-card .av){border-radius:8px;background:#e8c77b18;border:1px solid #e8c77b35;color:var(--g3)}
body :is(.dir-search,.blog-search){border-radius:var(--radius-control);background:var(--bg-card);border-color:var(--line-2)}
body :is(.dir-pill,.cat-pill,.stk-alt a,.t-related a){border-radius:6px;font-family:var(--font-body);font-size:13px;letter-spacing:0;text-transform:none;padding:9px 13px}
body :is(.dir-pill.on,.cat-pill.active){background:var(--g3);color:#242019;border-color:transparent}
body :is(.dir-pills,.blog-cats).gp-selections{position:relative;isolation:isolate}
body .gp-selections :is(.dir-pill,.cat-pill){position:relative;z-index:1;background:transparent}
body .gp-selections :is(.dir-pill.on,.cat-pill.active){background:transparent}
.gp-selection{position:absolute;top:0;left:0;border-radius:6px;background:var(--g3);pointer-events:none;z-index:0;transition:transform .36s var(--ease),width .36s var(--ease),height .36s var(--ease);width:var(--sw);height:var(--sh);transform:translate(var(--sx),var(--sy))}
body :is(.tool-card,.ft-card,.own-card,.team-card){padding:26px}
body :is(.tool-card,.ft-card,.team-card) p{font-size:14px;line-height:1.7}
body .tool-card .t-fav{border-radius:5px}
body .page-hero + section .prose{font-size:18px;line-height:1.8;color:var(--text-60)}
body .page-hero + section .prose p{margin-bottom:22px}
body .page-hero + section .prose :is(h2,strong){color:var(--text)}
body .page-hero + section .prose a{color:var(--g3);text-decoration:underline;text-underline-offset:4px}
/* Canonical closing CTA and footer on every page. */
body .cta-big{padding:104px 0;background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body .cta-big::before,body .cta-big::after{display:none}
body .cta-big h2{font-size:clamp(34px,4.6vw,64px);font-weight:500;line-height:1.12;letter-spacing:-.04em;max-width:840px}
body .cta-big p{font-size:17px;line-height:1.7;color:var(--text-60)}
body .cta-big .mini{color:var(--text-40)}
body footer{background:var(--bg);color:var(--text-40);border-top:0;padding:64px 0 28px}
body .foot-grid{gap:44px 56px;padding-bottom:44px}
body .foot-list{gap:12px}
body .foot-brand{gap:16px}
body .foot-brand img{height:26px}
body footer .foot-grid>div>.hlabel{display:block;margin:0 0 18px;font-size:12.5px;letter-spacing:.01em}
body .foot-list a:hover{transform:none;color:var(--g3)}
body .giant-word{background:none;color:#242425;transition:color .5s;pointer-events:none}
/* Surface feedback is shared; ambient.js owns subpage pointer handling. */
body .gp-surface{position:relative;isolation:isolate;transition:border-color .25s}
body .gp-surface::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(320px circle at var(--gx,50%) var(--gy,50%),#e8c77b0c,transparent 70%);opacity:0;transition:opacity .25s}
body .gp-surface:hover::after{opacity:1}
body :is(.post-card,.svc,.team-card,.tcard,.plan)::before{display:none}
body .gp-surface:hover{border-color:#e8c77b50}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body :is(.hero .cta-row,.page-hero .cta-row,.cta-big) a.primary:hover,
  body :is(.gp-button,.nav-cta .pill,.nf-love-cta,.stk-visit,.t-go,.fp-form button,.contact-form button):hover{background:var(--g1);transform:none;box-shadow:0 4px 18px #0002}
  body :is(.hero .cta-row,.page-hero .cta-row,.cta-big) a.primary:hover::after,
  body :is(.gp-button,.nav-cta .pill,.nf-love-cta,.stk-visit,.t-go,.fp-form button,.contact-form button):hover::after{animation:gp-shimmer .7s var(--ease)}
}
@media(max-width:860px){body .foot-grid{grid-template-columns:1fr 1fr;gap:36px 28px}body .foot-brand{grid-column:1/-1;max-width:none}}
@media(max-width:600px){
  body .page-hero{padding:106px 0 48px}body .page-hero .sub{font-size:16px;line-height:1.7}
  body .sec-head p{font-size:16px}body .cta-big{padding:72px 0}
  body :is(.fp-form,.t-card){padding:26px 22px}
  body .roi{padding:24px 18px;gap:28px}body .roi-result{padding:24px 18px;min-width:0}
  body .foot-grid{grid-template-columns:1fr 1fr;gap:32px 20px}
  body .nav-inner{padding:0 16px;gap:10px}body .nav-cta{gap:10px}body .nav-cta .pill{padding:10px 12px;font-size:11.5px}
  body .nav-cta .pill .dot{display:none}
  body :is(.dir-pill,.cat-pill){padding:8px 11px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  html.js-ready .reveal{opacity:1;transform:none}
  .gp-selection{transition:none}
}
/* Product-page rhythm: larger evidence, quiet controls, one motion vocabulary. */
body :is(.page-hero h1,.sec-head h2,.cta-big h2){text-wrap:balance}
body :is(.page-hero .sub,.sec-head p,.cta-big p){text-wrap:pretty}
body .reveal{transition-duration:.72s;transition-timing-function:var(--ease)}
html.js-ready body .reveal:not(.in){transform:translateY(18px)}
body .nav-drop .dd{padding:10px;transition:opacity .22s,transform .32s var(--ease)}
body .nav-drop .dd a{padding:12px 14px}
body .gp-surface{transition:border-color .3s,translate .5s var(--ease)}
body .campaign-files{margin-top:80px}
body .files-heading{margin-bottom:26px}
body .files-tabs{border:1px solid var(--line-2);border-radius:12px;margin-bottom:16px}
body .files-panels{border-radius:20px;border-color:var(--line-2);box-shadow:0 24px 64px #0002}
body .file-panel{min-height:420px}
body .file-story{padding:44px 36px}
body .file-image{padding:40px}
body .file-image img{max-height:350px;box-shadow:0 16px 44px #2524231c}
body .file-zoom{border-radius:24px;padding:10px 16px;gap:16px;box-shadow:0 4px 18px #25242312}
body .file-zoom>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:15px}
/* The viewer owns its expansion animation. No CSS transform competes with it. */
body .lb{background:#080809d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:24px}
body .lb-card{width:min(1320px,100%);max-width:none;max-height:calc(100svh - 48px);border-radius:20px;background:var(--bg-card);transform:none;transition:none;box-shadow:0 36px 100px #0006}
body .lb-bar{padding:16px 20px;gap:20px;background:var(--bg-card)}
body .lb-name{font:14px var(--font-body);letter-spacing:0;color:var(--text);white-space:normal;line-height:1.4}
body :is(.lb-x,.lb-prev,.lb-next){width:40px;height:40px;padding:0;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);background:var(--bg-3);color:var(--text);font:22px var(--font-body);cursor:pointer;flex:none;transition:background .2s,color .2s,scale .25s var(--ease)}
body :is(.lb-x,.lb-prev,.lb-next):hover:not(:disabled){background:#343435}
body :is(.lb-x,.lb-prev,.lb-next):disabled{opacity:.35;cursor:default}
body :is(.lb-prev,.lb-next)[hidden]{display:none}
body .lb-media{position:relative;display:grid;place-items:center;min-height:0;height:min(65svh,760px);flex:1 1 auto;background:var(--paper);overflow:hidden}
body .lb-media img{width:100%;height:100%;min-height:0;object-fit:contain;background:var(--paper);padding:16px}
body .lb[aria-busy="true"] .lb-media::after{content:"Loading screenshot…";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 16px;border-radius:24px;background:var(--bg-card);color:var(--text);font-size:13px;white-space:nowrap}
body .lb-cap{padding:14px 24px 0;border:0;font-size:13px;line-height:1.6;text-align:center;max-height:90px;overflow:auto}
body .lb-controls{display:flex;justify-content:center;align-items:center;gap:20px;padding:16px 24px;flex:none}
body .lb-count{font:12px "JetBrains Mono",monospace;color:var(--text-60);min-width:60px;text-align:center;font-variant-numeric:tabular-nums}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body .gp-surface:hover{transform:none;translate:0 -3px}
  body :is(.gp-button,.t-go,.fp-form button,.contact-form button,.hero .cta-row a.primary,.page-hero .cta-row a.primary,.cta-big a.primary,.lb-x,.lb-prev,.lb-next):active{scale:.98}
}
@media(max-width:760px){
  body .campaign-files{margin-top:56px}body .files-heading{margin-bottom:20px}
  body .file-panel{min-height:0}body .file-story{padding:28px 24px}body .file-image{padding:24px 18px 58px}
  body .file-image img{max-height:320px}body .file-zoom{right:14px;bottom:14px;font-size:11px;padding:8px 12px}
  body .lb{padding:12px}body .lb-card{max-height:calc(100svh - 24px);border-radius:16px}
  body .lb-bar{padding:12px 14px;gap:12px}body .lb-name{font-size:13px}
  body .lb-media{height:54svh}body .lb-media img{padding:8px}
  body .lb-cap{padding:12px 16px 0;font-size:12px;max-height:110px}
  body .lb-controls{padding:12px 16px;gap:16px}
  body :is(.lb-x,.lb-prev,.lb-next){width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){
  html.js-ready body .reveal:not(.in){opacity:1;transform:none}
  body .gp-surface{translate:none}
}
/* Visible breadcrumbs follow the same hierarchy as the JSON-LD. */
body .breadcrumbs{margin:0 0 24px;color:var(--text-60);font-size:12px;line-height:1.7;font-weight:400;letter-spacing:0;text-transform:none}
body .breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 10px;list-style:none;padding:0;margin:0}
body .breadcrumbs li{min-width:0;overflow-wrap:anywhere}
body .breadcrumbs li+li::before{content:"/";color:var(--text-40);margin-right:10px}
body .breadcrumbs a{color:var(--text-60);text-decoration:none;transition:color .2s}
body .breadcrumbs a:hover{color:var(--g3)}
body .breadcrumbs [aria-current="page"]{color:var(--text)}
body article.post .breadcrumbs ol,body .stk .breadcrumbs ol{justify-content:flex-start;text-align:left}
body article.post .prose :is(h4,h5,h6){font-weight:600;letter-spacing:-.01em;line-height:1.4;color:var(--text);margin:28px 0 12px}
body article.post .prose h4{font-size:20px}body article.post .prose :is(h5,h6){font-size:18px}
/* END CANONICAL DESIGN SYSTEM */