/* Fallback faces for the web fonts. Each is sized to the real font's width (measured: Sora Bold runs 7% wider than
     Arial Bold, Instrument Sans about 2% wider than Arial) and given the real font's vertical metrics, so text
     neither rewraps nor changes line height when the web fonts arrive. That keeps the first paint from jumping
     on slow phones. Roboto is the Android stand-in where Arial is not installed. */
  @font-face{font-family:'Sora';font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/sora-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
  @font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(/fonts/instrument-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
  @font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
  @font-face{font-family:'Sora Fallback';src:local('Arial'),local('Helvetica'),local('Roboto');font-weight:100 500;size-adjust:104%;ascent-override:93.27%;descent-override:27.88%;line-gap-override:0%;}
  @font-face{font-family:'Sora Fallback';src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica-Bold'),local('Roboto Bold');font-weight:600 900;size-adjust:107%;ascent-override:90.65%;descent-override:27.1%;line-gap-override:0%;}
  @font-face{font-family:'Instrument Sans Fallback';src:local('Arial'),local('Helvetica'),local('Roboto');font-weight:100 500;size-adjust:102.5%;ascent-override:94.63%;descent-override:24.39%;line-gap-override:0%;}
  @font-face{font-family:'Instrument Sans Fallback';src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica-Bold'),local('Roboto Bold');font-weight:600 900;size-adjust:98%;ascent-override:98.98%;descent-override:25.51%;line-gap-override:0%;}
  @font-face{font-family:'JetBrains Mono Fallback';src:local('Courier New'),local('Menlo'),local('Roboto Mono');font-weight:100 900;size-adjust:100%;ascent-override:102%;descent-override:30%;line-gap-override:0%;}

  :root{
    --bg:#F2F6FB; --bg2:#EAF0F8;
    --panel:#FFFFFF; --panel2:#F7FAFE;
    --border:#D8E2F0; --border-hover:#AFC4E4;
    --acc1:#2E63E7; --acc2:#38BDF8;
    --teal:#14B8A6; --indigo:#6366F1; --mint:#34D399;
    --text:#0B1220; --steel:#5A6478;
    --seg-automation:#2E63E7; --seg-healthcare:#2E63E7; --seg-studio:#8E6CFF; --seg-growth:#16A34A;
    --glow-automation:rgba(46,99,231,.35); --glow-healthcare:rgba(46,99,231,.35); --glow-studio:rgba(142,108,255,.35); --glow-growth:rgba(22,163,74,.35);
    --nav-bg:rgba(242,246,251,0.72);
    --grid-dot:rgba(46,99,231,.45);
    --glare:rgba(255,255,255,.7);
    --aurora1:rgba(46,99,231,.16); --aurora2:rgba(56,189,248,.14);
    --stroke:#C9D6EA;
    --tk-surf1:#FFFFFF; --tk-surf2:#E9F0FC; --tk-ink:#26314A; --tk-glow:rgba(46,99,231,.45);
    --tk-dot:0 0 0 3px rgba(46,99,231,.12),0 0 9px rgba(56,189,248,.9);
    --good:#16A34A; --good-bg:#EAF7EE;
    --ease-out:cubic-bezier(.16,1,.3,1);
    --ease-cine:cubic-bezier(.76,0,.24,1);
  }
  body[data-theme="dark"]{
    --bg:#05070C; --bg2:#080B12;
    --panel:#0B0F17; --panel2:#0E141F;
    --border:#1A2230; --border-hover:#2C3B52;
    --acc1:#3B82F6; --acc2:#A5E8FF;
    --teal:#2DD4BF; --indigo:#818CF8; --mint:#34D399;
    --text:#F2F5FA; --steel:#8B93A6;
    --seg-automation:#3B82F6; --seg-healthcare:#3B82F6; --seg-studio:#A78BFA; --seg-growth:#34D399;
    --glow-automation:rgba(59,130,246,.45); --glow-healthcare:rgba(59,130,246,.45); --glow-studio:rgba(167,139,250,.4); --glow-growth:rgba(52,211,153,.4);
    --nav-bg:rgba(5,7,12,0.7);
    --grid-dot:rgba(165,232,255,.35);
    --glare:rgba(165,232,255,.14);
    --aurora1:rgba(59,130,246,.28); --aurora2:rgba(165,232,255,.18);
    --stroke:#1E2A3D;
    --tk-surf1:#05070C; --tk-surf2:#05070C; --tk-ink:#8B93A6; --tk-glow:rgba(165,232,255,.5);
    --tk-dot:0 0 10px var(--acc2);
    --good:#34D399; --good-bg:rgba(52,211,153,.12);
  }

  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{background:var(--bg);color:var(--text);font-family:'Instrument Sans','Instrument Sans Fallback',sans-serif;overflow-x:hidden;transition:background .5s ease,color .5s ease;}
  body.intro-active{overflow:hidden;}
  ::selection{background:var(--acc1);color:#fff;}
  a{color:inherit;}
  button{font:inherit;color:inherit;}
  .skip-link{position:absolute;left:-9999px;top:0;background:var(--acc1);color:#fff;padding:10px 16px;z-index:300;font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:13px;}
  .skip-link:focus{left:16px;top:16px;}
  .mono{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;}

  /* ---------- CUSTOM CURSOR (fine pointers only) ---------- */
  .cursor,.cursor-ring{display:none;}
  @media (hover:hover) and (pointer:fine){
    body.js-cursor,body.js-cursor a,body.js-cursor button,body.js-cursor input,body.js-cursor textarea,body.js-cursor canvas{cursor:none;}
    .cursor,.cursor-ring{display:block;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;border-radius:50%;will-change:transform;}
    .cursor{width:6px;height:6px;background:var(--acc1);transition:opacity .25s ease,width .25s ease,height .25s ease;margin:-3px 0 0 -3px;}
    .cursor-ring{width:34px;height:34px;border:1px solid var(--acc1);opacity:.55;margin:-17px 0 0 -17px;transition:width .3s var(--ease-out),height .3s var(--ease-out),margin .3s var(--ease-out),opacity .3s ease,border-color .3s ease,border-style .3s ease;}
    body.cur-hover .cursor-ring{width:58px;height:58px;margin:-29px 0 0 -29px;opacity:.9;}
    body.cur-hover .cursor{width:3px;height:3px;margin:-1.5px 0 0 -1.5px;}
    body.cur-drag .cursor-ring{width:46px;height:46px;margin:-23px 0 0 -23px;border-style:dashed;opacity:1;}
    body.cur-text .cursor-ring{width:4px;height:26px;border-radius:2px;margin:-13px 0 0 -2px;opacity:.9;}
    body.cur-text .cursor{opacity:0;}
  }

  /* ---------- LOGO (Swoosh X, inline SVG) ---------- */
  .logo{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-family:'Sora','Sora Fallback',sans-serif;font-weight:600;font-size:20px;letter-spacing:-0.01em;}
  .logo .atl{color:var(--text);}
  .logo .labs{color:var(--steel);font-weight:400;margin-left:4px;}
  .logo svg{width:25px;height:25px;display:block;overflow:visible;}
  /* Wordmark lockups (inline SVG, colored by currentColor so they follow light and dark) */
  .logo .wm-inline,.logo .wm-stacked,.intro-mark .wm-stacked{width:auto;color:var(--text);flex-shrink:0;}
  .logo .wm-inline{height:19px;}
  .footer-brand .logo .wm-stacked{height:52px;}
  .intro-mark .wm-stacked{width:min(58vw,440px);height:auto;}
  @media (max-width:900px){.logo .wm-inline{height:17px;}}

  /* ---------- INTRO ---------- */
  /* Homepage only, first desktop visit of a session (gated by the inline script that adds body.show-intro). */
  .intro{position:fixed;inset:0;z-index:200;background:var(--bg);display:none;align-items:center;justify-content:center;flex-direction:column;gap:22px;transition:transform .8s var(--ease-cine);will-change:transform;}
  body.show-intro .intro{display:flex;}
  .intro.out{transform:translateY(-101%);}
  .intro-mark{display:flex;align-items:center;gap:12px;font-family:'Sora','Sora Fallback',sans-serif;font-weight:700;font-size:clamp(30px,4.6vw,48px);letter-spacing:-0.025em;opacity:0;animation:introFade .5s ease .05s forwards;}
  .intro-mark svg{width:1em;height:1em;overflow:visible;}
  .intro-mark .labs{font-weight:400;color:var(--steel);}
  .intro-line{width:0;height:1px;background:linear-gradient(90deg,transparent,var(--acc1),var(--acc2),transparent);animation:introLine .6s var(--ease-cine) .15s forwards;}
  .intro-tag{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:10.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--steel);opacity:0;animation:introFade .5s ease .3s forwards;}
  @keyframes introFade{to{opacity:1;}}
  @keyframes introLine{to{width:min(320px,60vw);}}

  /* ---------- NAV ---------- */
  nav{
    position:fixed;top:0;left:0;right:0;z-index:50;
    display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;
    padding:18px clamp(24px,5vw,64px);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    background:var(--nav-bg);
    border-bottom:1px solid transparent;
    transition:transform .9s var(--ease-out),background .5s ease,border-color .5s ease;
  }
  body.js nav{transform:translateY(-110%);}
  body.js nav.in{transform:none;}
  nav.scrolled{border-bottom-color:var(--border);}
  .nav-progress{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:linear-gradient(90deg,var(--acc1),var(--acc2));transition:width .12s linear;}
  .nav-right{display:flex;align-items:center;gap:12px;}
  .nav-links{display:flex;align-items:center;justify-content:center;gap:30px;}
  .nav-link{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:12px;letter-spacing:.04em;color:var(--steel);text-decoration:none;position:relative;padding:4px 0;transition:color .25s ease;white-space:nowrap;}
  .nav-link::after{content:'';position:absolute;left:0;bottom:-3px;width:0;height:1px;background:var(--acc1);transition:width .3s var(--ease-out);}
  .nav-link:hover,.nav-link:focus-visible{color:var(--text);}
  .nav-link:hover::after,.nav-link:focus-visible::after{width:100%;}
  .nav-link.active{color:var(--text);}
  .nav-link.active::after{width:100%;background:var(--acc1);}
  @media (max-width:900px){.nav-links{display:none;}}
  .nav-cta{
    font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:12.5px;letter-spacing:.04em;
    border:1px solid var(--border);padding:9px 18px;border-radius:100px;text-decoration:none;
    background:var(--panel);transition:border-color .3s,box-shadow .3s,transform .3s var(--ease-out);
  }
  .nav-cta:hover,.nav-cta:focus-visible{border-color:var(--acc1);box-shadow:0 4px 14px -6px var(--glow-automation);}
  .theme-toggle{
    display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:100px;
    border:1px solid var(--border);background:var(--panel);cursor:pointer;transition:border-color .3s ease,transform .3s var(--ease-out);flex-shrink:0;
  }
  .theme-toggle:hover,.theme-toggle:focus-visible{border-color:var(--acc1);}
  .theme-toggle svg{width:17px;height:17px;stroke:var(--text);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
  .theme-toggle .icon-moon{display:none;}
  body[data-theme="dark"] .theme-toggle .icon-sun{display:none;}
  body[data-theme="dark"] .theme-toggle .icon-moon{display:block;}
  :focus-visible{outline:2px solid var(--acc1);outline-offset:3px;}

  /* ---------- HERO ---------- */
  .hero{position:relative;min-height:82svh;display:flex;flex-direction:column;justify-content:center;padding:150px clamp(24px,5vw,64px) 90px;overflow:hidden;isolation:isolate;}
  #heroCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
  .hero-grid{
    position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .6s ease;
    background:radial-gradient(420px circle at var(--mx,-999px) var(--my,-999px),var(--glow-automation) 0%,transparent 70%);
    filter:blur(10px);
  }
  .hero.lit .hero-grid{opacity:1;}
  .hero-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 30% 50%,transparent 40%,var(--bg) 100%);opacity:.9;}



  .hero-content{position:relative;z-index:3;max-width:880px;will-change:transform;}
  .kicker{
    font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:12px;letter-spacing:.3em;text-transform:uppercase;
    color:var(--acc1);font-weight:500;display:flex;align-items:center;gap:12px;
  }
  .kicker::before{content:'';width:0;height:1px;background:var(--acc1);opacity:.7;transition:width 1s var(--ease-out) .35s;}
  body.hero-in .kicker::before,.in .kicker::before{width:26px;}
  .hero .kicker{opacity:0;transition:opacity .8s ease .3s;}
  body.hero-in .hero .kicker{opacity:1;}
  .hero h1{font-family:'Sora','Sora Fallback',sans-serif;font-weight:700;font-size:clamp(38px,5.4vw,66px);line-height:1.06;letter-spacing:-0.025em;margin-top:24px;}
  .hero h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em;margin-right:.22em;}
  .hero h1 .w:last-child{margin-right:0;}
  .hero h1 .w span{display:inline-block;will-change:transform;}
  body.js .hero h1 .w span{transform:translateY(112%);transition:transform 1.1s var(--ease-out);transition-delay:calc(var(--i) * 75ms + 250ms);}
  body.js.hero-in .hero h1 .w span{transform:none;}
  .grad{background:linear-gradient(100deg,var(--acc1) 0%,var(--acc2) 45%,var(--acc1) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 7s linear infinite;}
  @keyframes shimmer{to{background-position:220% 0;}}
  .hero p{color:var(--steel);font-size:clamp(15px,1.55vw,18px);max-width:54ch;margin-top:28px;line-height:1.5;}
  .hero-actions{display:flex;gap:16px;margin-top:42px;flex-wrap:wrap;}
  .hero p,.hero-actions{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s var(--ease-out);}
  .hero p{transition-delay:.85s;} .hero-actions{transition-delay:1s;}
  body.hero-in .hero p,body.hero-in .hero-actions{opacity:1;transform:none;}
  @media (max-width:900px){.hero p,.hero-actions{opacity:1;transform:none;transition:none;}}

  .btn-primary,.btn-secondary{
    position:relative;font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:13.5px;letter-spacing:.02em;
    padding:15px 26px;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;overflow:hidden;
    transition:transform .35s var(--ease-out),box-shadow .35s ease,border-color .3s ease;will-change:transform;
  }
  .btn-primary{background:linear-gradient(120deg,var(--acc1),var(--acc2));color:#fff;font-weight:600;}
  .btn-primary::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);transition:left .7s var(--ease-cine);}
  .btn-primary:hover::after,.btn-primary:focus-visible::after{left:130%;}
  .btn-primary:hover,.btn-primary:focus-visible{box-shadow:0 14px 34px -10px var(--glow-automation);}
  .btn-secondary{border:1px solid var(--border);color:var(--text);background:var(--panel);}
  .btn-secondary:hover,.btn-secondary:focus-visible{border-color:var(--acc1);}
  .btn-primary .arr{display:inline-block;transition:transform .35s var(--ease-out);}
  .btn-primary:hover .arr{transform:translateX(4px);}

  /* ---------- TICKER ---------- */
  /* Gradient hairlines (background layers) + laser sweep (::before/::after) + raised surface.
     The edge fade is a mask, so two extra mask layers keep the top and bottom 6px unfaded and the lines run full width. */
  .ticker{position:relative;z-index:2;overflow:hidden;padding:15px 0;
    background:
      linear-gradient(90deg,var(--acc1),var(--acc2) 50%,var(--acc1)) top/100% 2px no-repeat,
      linear-gradient(90deg,var(--acc1),var(--acc2) 50%,var(--acc1)) bottom/100% 2px no-repeat,
      linear-gradient(180deg,var(--tk-surf1),var(--tk-surf2));
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(#000,#000),linear-gradient(#000,#000);
    -webkit-mask-size:100% 100%,100% 6px,100% 6px;-webkit-mask-position:0 0,0 0,0 100%;-webkit-mask-repeat:no-repeat;
    mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(#000,#000),linear-gradient(#000,#000);
    mask-size:100% 100%,100% 6px,100% 6px;mask-position:0 0,0 0,0 100%;mask-repeat:no-repeat;}
  .ticker::before,.ticker::after{content:'';position:absolute;left:0;width:28%;height:2px;z-index:1;pointer-events:none;
    background:linear-gradient(90deg,transparent,var(--acc2) 35%,#fff 68%,var(--acc2) 88%,transparent);box-shadow:0 0 10px 1px var(--tk-glow);}
  .ticker::before{top:0;animation:tickerSweepR 6s cubic-bezier(.45,0,.25,1) infinite;}
  .ticker::after{bottom:0;animation:tickerSweepL 6s cubic-bezier(.45,0,.25,1) 3s infinite;}
  @keyframes tickerSweepR{0%{transform:translateX(-100%);}62%,100%{transform:translateX(360%);}}
  @keyframes tickerSweepL{0%{transform:translateX(360%);}62%,100%{transform:translateX(-100%);}}
  .ticker-track{display:flex;width:max-content;animation:ticker 46s linear infinite;}
  .ticker-track:hover{animation-play-state:paused;}
  .ticker span{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--tk-ink);padding:0 30px;white-space:nowrap;display:inline-flex;align-items:center;gap:30px;}
  .ticker span::after{content:'';width:5px;height:5px;border-radius:50%;background:var(--acc1);box-shadow:var(--tk-dot);}
  @keyframes ticker{to{transform:translateX(-50%);}}
  @media (max-width:760px){
    .ticker{padding:13px 0;background-size:100% 1.5px,100% 1.5px,100% 100%;}
    .ticker::before,.ticker::after{height:1.5px;}
    .ticker span{font-size:11px;letter-spacing:.2em;padding:0 22px;gap:22px;}
  }
  @media (prefers-reduced-motion:reduce){.ticker::before,.ticker::after{display:none;}}

  /* ---------- SEGMENTS ---------- */
  .segments{padding:120px clamp(24px,5vw,64px) 120px;position:relative;z-index:2;}
  .segments-head{max-width:640px;margin-bottom:60px;}
  .segments-head .kicker{margin-bottom:18px;}
  .segments-head h2{font-family:'Sora','Sora Fallback',sans-serif;font-weight:600;font-size:clamp(28px,3.6vw,40px);letter-spacing:-0.015em;}
  .segments-head p{color:var(--steel);margin-top:14px;font-size:15px;}
  .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;perspective:1400px;}
  @media (max-width:760px){.grid{grid-template-columns:1fr;}}
  .custom-note{margin-top:36px;padding-top:32px;border-top:1px solid var(--border);max-width:720px;}
  .custom-note p{font-size:15px;line-height:1.6;color:var(--steel);margin-bottom:16px;}
  .custom-note p strong{color:var(--text);font-weight:600;}
  @media (max-width:760px){.custom-note{margin-top:28px;padding-top:24px;}}
  .card{
    position:relative;background:var(--panel);
    border:1px solid var(--border);border-top:3px solid var(--card-accent,var(--border));
    border-radius:18px;padding:26px 24px 22px;display:flex;flex-direction:column;min-height:200px;
    text-decoration:none;color:inherit;transform-style:preserve-3d;will-change:transform;
    box-shadow:0 2px 10px -6px rgba(11,18,32,0.08);
    transition:border-color .35s ease,box-shadow .5s ease,transform .8s var(--ease-out),opacity .8s ease;
    transition-delay:0s,0s,calc(var(--i) * 120ms),calc(var(--i) * 120ms);
  }
  .card.tilt{transition:border-color .35s ease,box-shadow .5s ease,transform .12s ease;transition-delay:0s;}
  .card:hover,.card:focus-visible{border-color:var(--border-hover);box-shadow:0 30px 60px -26px rgba(11,18,32,.28),0 0 60px -30px var(--card-glow);}
  .card[data-segment="automation"]{--card-accent:var(--seg-automation);--card-glow:var(--glow-automation);}
  .card[data-segment="healthcare"]{--card-accent:var(--seg-healthcare);--card-glow:var(--glow-healthcare);}
  .card[data-segment="studio"]{--card-accent:var(--seg-studio);--card-glow:var(--glow-studio);}
  .card[data-segment="growth"]{--card-accent:var(--seg-growth);--card-glow:var(--glow-growth);}
  .card[data-segment="studio"]{--card-ink:#6A43E4;}
  .card[data-segment="growth"]{--card-ink:#15803D;}
  body[data-theme="dark"] .card[data-segment]{--card-ink:var(--card-accent);}
  .compliance-line{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:8px 14px;border:1px solid var(--border);border-radius:100px;background:var(--panel2);font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:12px;color:var(--steel);letter-spacing:.01em;}
  .compliance-line b{color:var(--text);font-weight:600;}
  .card > :not(.card-glare):not(.featured-badge){position:relative;z-index:1;}
  .card .featured-badge{z-index:2;}
  .card-glare{position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s ease;background:radial-gradient(420px circle at var(--gx,50%) var(--gy,50%),var(--glare) 0%,transparent 60%);}
  .card:hover .card-glare{opacity:1;}
  .card-index{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:11px;color:var(--card-ink,var(--card-accent,var(--steel)));letter-spacing:.12em;margin-bottom:18px;font-weight:500;display:flex;align-items:center;gap:10px;}
  .card-index::after{content:'';flex:1;height:1px;background:var(--border);}
  .card h3{font-family:'Sora','Sora Fallback',sans-serif;font-size:20px;font-weight:600;margin-bottom:10px;}
  .card p{color:var(--steel);font-size:14px;max-width:36ch;flex-grow:1;line-height:1.5;}
  .card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:11.5px;color:var(--steel);}
  .card-foot .arrow{transition:transform .3s var(--ease-out);}
  .card:hover .card-foot .arrow,.card:focus-visible .card-foot .arrow{transform:translateX(5px);}
  .featured-badge{
    position:absolute;top:-11px;right:24px;background:var(--seg-healthcare);color:#fff;
    font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:10px;letter-spacing:.08em;padding:4px 10px;border-radius:100px;text-transform:uppercase;font-weight:500;
    box-shadow:0 4px 12px -3px var(--glow-healthcare);
  }

  /* ---------- PROCESS ---------- */
  .process-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;}
  .process-head h2{font-family:'Sora','Sora Fallback',sans-serif;font-weight:600;font-size:clamp(26px,3.2vw,36px);letter-spacing:-0.015em;margin-top:18px;}
  .process-head p{color:var(--steel);font-size:15px;max-width:38ch;}
  .process-line{position:relative;height:1px;background:var(--border);margin-top:56px;}
  .process-line::after{content:'';position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,var(--acc1),var(--acc2));transition:width 1.6s var(--ease-out) .2s;}
  .process.in .process-line::after{width:100%;}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
  @media (max-width:760px){.steps{grid-template-columns:1fr;gap:36px;}}
  .step{position:relative;padding-top:30px;opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s var(--ease-out);transition-delay:calc(var(--i) * 220ms + 500ms);}
  .process.in .step{opacity:1;transform:none;}
  .step::before{content:'';position:absolute;left:0;top:-4.5px;width:9px;height:9px;border-radius:50%;background:var(--acc1);box-shadow:0 0 0 4px var(--bg),0 0 0 5px var(--border),0 0 16px var(--acc1);}
  .step .n{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:11px;letter-spacing:.2em;color:var(--acc1);}
  .step h4{font-family:'Sora','Sora Fallback',sans-serif;font-size:19px;font-weight:600;margin:10px 0 8px;}
  .step p{color:var(--steel);font-size:14px;line-height:1.55;max-width:34ch;}

  /* ---------- CTA + FORM ---------- */
  .cta{
    position:relative;margin:0 clamp(24px,5vw,64px) 110px;padding:80px clamp(28px,5vw,64px);border-radius:24px;
    background:var(--panel2);border:1px solid var(--border);text-align:center;overflow:hidden;isolation:isolate;
  }
  .cta::before{content:'';position:absolute;inset:-45%;z-index:-1;pointer-events:none;
    background:conic-gradient(from 0deg,transparent 0 18%,var(--aurora1) 30%,transparent 42% 58%,var(--aurora2) 70%,transparent 82%);
    filter:blur(70px);animation:spin 22s linear infinite;}
  @keyframes spin{to{transform:rotate(360deg);}}
  .cta h2{font-family:'Sora','Sora Fallback',sans-serif;font-weight:700;font-size:clamp(28px,4.2vw,46px);letter-spacing:-0.02em;max-width:20ch;margin:0 auto;line-height:1.08;}
  .cta > p{color:var(--steel);margin-top:16px;font-size:15px;}
  .contact-form{max-width:480px;margin:44px auto 0;text-align:left;display:flex;flex-direction:column;gap:16px;}
  .form-row{display:flex;flex-direction:column;gap:6px;}
  .form-row label{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);}
  .form-row label .opt{text-transform:none;letter-spacing:0;opacity:.6;font-weight:400;}
  .form-row-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  @media (max-width:480px){.form-row-pair{grid-template-columns:1fr;}}
  .form-row input,.form-row textarea{
    font-family:'Instrument Sans','Instrument Sans Fallback',sans-serif;font-size:15px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:10px;
    padding:13px 16px;resize:vertical;transition:border-color .25s ease,box-shadow .25s ease;
  }
  .form-row input:focus,.form-row textarea:focus{outline:none;border-color:var(--acc1);box-shadow:0 0 0 3px var(--glow-automation);}
  .form-row textarea{min-height:90px;}
  .form-submit{
    font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:13.5px;letter-spacing:.02em;font-weight:600;padding:15px 26px;border-radius:10px;border:none;cursor:pointer;color:#fff;
    background:linear-gradient(120deg,var(--acc1),var(--acc2));transition:transform .3s var(--ease-out),box-shadow .3s ease;margin-top:4px;
  }
  .form-submit:hover,.form-submit:focus-visible{transform:translateY(-2px);box-shadow:0 12px 30px -8px var(--glow-automation);}
  .form-note{font-size:12.5px;color:var(--steel);margin-top:-6px;}
  .form-divider{display:flex;align-items:center;gap:14px;margin:36px auto 0;max-width:480px;font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);}
  .form-divider::before,.form-divider::after{content:'';flex:1;height:1px;background:var(--border);}
  .calendly-link{
    display:inline-flex;align-items:center;gap:10px;margin-top:20px;font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:13.5px;
    padding:14px 24px;border-radius:10px;border:1px solid var(--border);background:var(--panel);text-decoration:none;color:var(--text);transition:border-color .25s ease;
  }
  .calendly-link:hover,.calendly-link:focus-visible{border-color:var(--acc1);}
  .contact-email{margin:22px auto 0;font-size:14px;color:var(--steel);display:flex;flex-direction:column;align-items:center;gap:4px;}
  .contact-email a{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:13.5px;color:var(--text);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:4px;transition:text-decoration-color .25s ease,color .25s ease;}
  .contact-email a:hover,.contact-email a:focus-visible{color:var(--acc1);text-decoration-color:var(--acc1);}
  .contact-email small{font-size:12.5px;}
  .form-success{display:none;max-width:480px;margin:40px auto 0;padding:24px;border:1px solid var(--seg-healthcare);border-radius:14px;background:var(--panel);text-align:left;}
  .form-success.visible{display:block;}
  .form-success .fs-title{font-family:'Sora','Sora Fallback',sans-serif;font-size:17px;font-weight:700;margin-bottom:6px;}
  .form-success p{color:var(--steel);font-size:14px;margin:0;}

  /* ---------- FOOTER ---------- */
  footer{padding:56px clamp(24px,5vw,64px) 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:32px;position:relative;z-index:2;overflow:hidden;}
  .footer-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:32px;}
  .footer-brand .logo{margin-bottom:12px;}
  .footer-brand p{color:var(--steel);font-size:13.5px;max-width:32ch;line-height:1.5;}
  .footer-links{display:flex;gap:56px;flex-wrap:wrap;}
  .footer-col .footer-h{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);margin-bottom:14px;font-weight:500;}
  .footer-col a{display:block;font-size:14px;color:var(--text);text-decoration:none;margin-bottom:10px;transition:color .2s ease,transform .3s var(--ease-out);}
  .footer-col a:hover,.footer-col a:focus-visible{color:var(--acc1);transform:translateX(3px);}
  .footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:24px;border-top:1px solid var(--border);font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:11.5px;color:var(--steel);}
.watermark{margin-top:36px;transform:translateY(8%);user-select:none;pointer-events:none;
    -webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 100%);mask-image:linear-gradient(180deg,#000 60%,transparent 100%);}
  .watermark svg{display:block;width:100%;height:auto;overflow:visible;}
  .wm-base{fill:none;stroke:var(--stroke);stroke-width:1.3;}
  .wm-sweep{fill:none;stroke:url(#wmSweepStroke);stroke-width:1.6;opacity:.85;}
  body[data-theme="dark"] .wm-sweep{opacity:1;filter:drop-shadow(0 0 6px rgba(59,130,246,.55)) drop-shadow(0 0 14px rgba(165,232,255,.35));}
  @media (prefers-reduced-motion:reduce){.wm-sweep{display:none;}}
  @media (max-width:640px){.footer-top{flex-direction:column;}.footer-links{gap:32px;}}

  body[data-theme="dark"] .btn-primary,body[data-theme="dark"] .form-submit{color:#05070C;}
  body[data-theme="dark"] .btn-primary::after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);}

  /* ---------- MOBILE NAV (built by site.js from the static .nav-links) ---------- */
  .nav-burger{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:100px;border:1px solid var(--border);background:var(--panel);cursor:pointer;flex-shrink:0;transition:border-color .3s ease;}
  .nav-burger:hover,.nav-burger:focus-visible{border-color:var(--acc1);}
  .nav-burger .bars{position:relative;display:block;width:16px;height:10px;}
  .nav-burger .bars i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:var(--text);transition:transform .3s var(--ease-out),top .3s var(--ease-out);}
  .nav-burger .bars i:nth-child(1){top:0;}
  .nav-burger .bars i:nth-child(2){top:8px;}
  .nav-burger[aria-expanded="true"] .bars i:nth-child(1){top:4px;transform:rotate(45deg);}
  .nav-burger[aria-expanded="true"] .bars i:nth-child(2){top:4px;transform:rotate(-45deg);}
  .m-menu,.m-pill{display:none;}
  @media (max-width:900px){
    nav{grid-template-columns:1fr auto;gap:12px;padding:12px 16px;}
    nav.menu-open{background:var(--bg);border-bottom-color:var(--border);}
    .nav-right{justify-self:end;gap:8px;}
    .nav-cta{display:none;}
    .nav-burger{display:inline-flex;}

    .m-menu{
      display:flex;flex-direction:column;position:fixed;inset:0;z-index:49;background:var(--bg);
      padding:calc(var(--nav-h,64px) + 10px) 20px calc(28px + env(safe-area-inset-bottom,0px));
      overflow-y:auto;overscroll-behavior:contain;
      opacity:0;visibility:hidden;transform:translateY(-8px);
      transition:opacity .25s ease,transform .3s var(--ease-out),visibility 0s linear .3s;
    }
    .m-menu.open{opacity:1;visibility:visible;transform:none;transition-delay:0s;}
    body.menu-open{overflow:hidden;}
    .m-eyebrow{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin:6px 4px 4px;}
    .m-link{display:block;padding:16px 4px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text);}
    .m-link b{display:block;font-family:'Sora','Sora Fallback',sans-serif;font-weight:600;font-size:19px;letter-spacing:-.01em;}
    .m-link span{display:block;margin-top:3px;font-size:13.5px;line-height:1.4;color:var(--steel);}
    .m-link:active,.m-link:focus-visible{background:var(--panel);}
    .m-link.active b{color:var(--acc1);}
    .m-actions{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;gap:14px;align-items:stretch;}
    .m-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;border-radius:12px;text-decoration:none;font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:14px;font-weight:600;letter-spacing:.02em;color:#fff;background:linear-gradient(120deg,var(--acc1),var(--acc2));}
    body[data-theme="dark"] .m-btn{color:#05070C;}
    .m-mail{text-align:center;font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:12.5px;color:var(--steel);text-decoration:none;}
    .m-mail:hover,.m-mail:focus-visible{color:var(--acc1);}

    /* sticky "Start a project" pill: appears after the hero, hides at the form, footer and step bar */
    .m-pill{
      display:flex;align-items:center;justify-content:center;gap:8px;position:fixed;z-index:55;
      left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));max-width:420px;margin:0 auto;
      padding:15px 22px;border-radius:14px;text-decoration:none;
      font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:13.5px;font-weight:600;letter-spacing:.02em;color:#fff;
      background:linear-gradient(120deg,var(--acc1),var(--acc2));box-shadow:0 14px 34px -12px var(--glow-automation);
      opacity:0;transform:translateY(24px);visibility:hidden;pointer-events:none;
      transition:opacity .25s ease,transform .3s var(--ease-out),visibility 0s linear .3s;
    }
    body[data-theme="dark"] .m-pill{color:#05070C;}
    .m-pill.show{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition-delay:0s;}
  }
  @media (prefers-reduced-motion:reduce){.m-menu,.m-pill,.nav-burger .bars i{transition:none;}}

  /* Comfortable tap targets on phones */
  @media (max-width:900px){
    nav .logo{padding:10px 0;}
    .theme-toggle,.nav-burger{width:42px;height:42px;}
  }
  @media (max-width:760px){
    .footer-col a{padding:7px 0;margin-bottom:0;}
    .detail-cta{padding-block:8px;}
  }



  /* ---------- ABOUT ---------- */
  .about{padding:110px clamp(24px,5vw,64px) 10px;position:relative;z-index:2;border-top:1px solid var(--border);}
  .about-grid{display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:56px;align-items:start;}
  @media (max-width:900px){.about-grid{grid-template-columns:1fr;gap:28px;}}
  .about h2{font-family:'Sora','Sora Fallback',sans-serif;font-weight:600;font-size:clamp(26px,3.2vw,38px);letter-spacing:-0.015em;margin-top:16px;line-height:1.16;max-width:14ch;}
  .about-copy p{color:var(--steel);font-size:15.5px;line-height:1.7;margin-bottom:16px;max-width:62ch;}
  .about-copy p:last-child{margin-bottom:0;}
  .about-facts{display:flex;flex-direction:column;margin-top:26px;}
  .about-fact{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--border);}
  .about-fact:first-child{padding-top:0;}
  .about-fact:last-child{border-bottom:none;padding-bottom:0;}
  .about-dot{width:6px;height:6px;border-radius:50%;background:var(--acc1);margin-top:7px;flex-shrink:0;}
  .about-fact span{font-size:14.5px;line-height:1.55;color:var(--text);}

  /* ---------- 6-STEP PROCESS RAIL ---------- */
  .process{padding:40px clamp(24px,5vw,64px) 140px;position:relative;z-index:2;}
  .process-grid{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:64px;align-items:start;}
  @media (max-width:900px){.process-grid{grid-template-columns:1fr;gap:36px;}}
  .process-side{position:sticky;top:120px;}
  @media (max-width:900px){.process-side{position:static;}}
  .process-side h2{font-family:'Sora','Sora Fallback',sans-serif;font-weight:600;font-size:clamp(26px,3.2vw,38px);letter-spacing:-0.015em;margin-top:18px;line-height:1.1;}
  .process-side > p{color:var(--steel);font-size:15px;line-height:1.6;margin-top:16px;max-width:36ch;}
  .process-now{margin-top:32px;padding:18px 20px;border:1px solid var(--border);border-radius:14px;background:var(--panel);}
  .process-now .lbl{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--steel);}
  .process-now .cur{font-family:'Sora','Sora Fallback',sans-serif;font-weight:600;font-size:17px;margin-top:8px;}
  .process-now .bar{height:2px;background:var(--border);border-radius:2px;margin-top:14px;overflow:hidden;}
  .process-now .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--acc1),var(--acc2));transition:width .25s ease;}
  .process-wont{margin-top:28px;display:flex;flex-direction:column;gap:10px;font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);}
  .process-wont span{display:flex;align-items:center;gap:10px;}
  .process-wont span::before{content:'×';color:var(--acc1);font-size:14px;}
  .rail{position:relative;padding-left:44px;}
  .rail-track{position:absolute;left:11px;top:14px;bottom:14px;width:1px;background:var(--border);}
  .rail-fill{position:absolute;left:11px;top:14px;width:1px;height:0;background:linear-gradient(180deg,var(--acc1),var(--acc2));box-shadow:0 0 12px var(--acc1);}
  .rail-dot{position:absolute;left:6px;top:14px;width:11px;height:11px;border-radius:50%;background:var(--acc2);box-shadow:0 0 0 4px var(--bg),0 0 18px 4px var(--acc1),0 0 40px 8px var(--glow-automation);will-change:transform;}
  .rail-dot::after{content:'';position:absolute;inset:-10px;border-radius:50%;border:1px solid var(--acc1);opacity:.35;animation:railping 2.4s ease-out infinite;}
  @keyframes railping{0%{transform:scale(.5);opacity:.6;}100%{transform:scale(1.6);opacity:0;}}
  .step6{position:relative;padding:8px 0 56px;}
  .step6:last-child{padding-bottom:8px;}
  .step6::before{content:'';position:absolute;left:-38px;top:19px;width:7px;height:7px;border-radius:50%;background:var(--border);box-shadow:0 0 0 4px var(--bg);transition:background .4s ease,box-shadow .4s ease;}
  .step6.active::before,.step6.passed::before{background:var(--acc1);box-shadow:0 0 0 4px var(--bg),0 0 10px var(--acc1);}
  .step6 .n{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:11px;letter-spacing:.2em;color:var(--acc1);}
  .step6 h3{font-family:'Sora','Sora Fallback',sans-serif;font-size:22px;font-weight:600;margin:8px 0 10px;letter-spacing:-0.015em;color:var(--steel);transition:color .4s ease;}
  .step6.active h3,.step6.passed h3{color:var(--text);}
  .step6.active p{color:var(--text);}
  .step6 p{color:var(--steel);font-size:15px;line-height:1.6;max-width:56ch;}
  .step6 .get{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:11px;letter-spacing:.06em;color:var(--steel);margin-top:14px;line-height:1.6;max-width:60ch;}
  .step6 .get b{color:var(--text);font-weight:500;}
  @media (prefers-reduced-motion:reduce){.rail-dot::after{animation:none;}}

  /* ---------- REVEALS ---------- */
  body.js .reveal{opacity:0;transform:translateY(30px);transition:opacity 1s ease,transform 1s var(--ease-out);}
  body.js .reveal.in{opacity:1;transform:none;}
  body.js .card.reveal{opacity:0;transform:translateY(44px);}
  body.js .card.reveal.in{opacity:1;transform:none;}

  /* ---------- REDUCED MOTION ---------- */
  @media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation:none !important;transition:none !important;}
    body.js .reveal,body.js .card.reveal,body.js .hero h1 .w span,.hero p,.hero-actions,.hero .kicker,.hud,.step{opacity:1 !important;transform:none !important;}
    body.js nav{transform:none;}
    .process .process-line::after{width:100%;}
    .depth{opacity:1;}
  }
  /* ---------- Problem/solution picker (replaces static segment cards) ---------- */
  /* Mobile-first: category selector is a 2x2 grid so all four segments are visible
     with no horizontal scroll to miss. Desktop restores the pill rail below. */
  .cat-rail{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px;}
  .cat-btn{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:12px;letter-spacing:.01em;line-height:1.3;text-align:left;white-space:normal;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--steel);cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease;}
  .cat-btn:hover{border-color:var(--border-hover);}
  .cat-btn[data-cat="healthcare"][aria-selected="true"]{background:var(--seg-healthcare);border-color:var(--seg-healthcare);color:#fff;}
  .cat-btn[data-cat="automation"][aria-selected="true"]{background:var(--seg-automation);border-color:var(--seg-automation);color:#fff;}
  .cat-btn[data-cat="studio"][aria-selected="true"]{background:#6A43E4;border-color:#6A43E4;color:#fff;}
  .cat-btn[data-cat="growth"][aria-selected="true"]{background:#15803D;border-color:#15803D;color:#fff;}
  body[data-theme="dark"] .cat-btn[data-cat="healthcare"][aria-selected="true"]{background:var(--seg-healthcare);border-color:var(--seg-healthcare);color:#05070C;}
  body[data-theme="dark"] .cat-btn[data-cat="automation"][aria-selected="true"]{background:var(--seg-automation);border-color:var(--seg-automation);color:#05070C;}
  body[data-theme="dark"] .cat-btn[data-cat="studio"][aria-selected="true"]{background:var(--seg-studio);border-color:var(--seg-studio);color:#05070C;}
  body[data-theme="dark"] .cat-btn[data-cat="growth"][aria-selected="true"]{background:var(--seg-growth);border-color:var(--seg-growth);color:#05070C;}
  .cat-btn:focus-visible{outline:2px solid var(--acc1);outline-offset:2px;}

  .cat-panel[hidden]{display:none;}

  /* Problem/solution picker: plain accordion on mobile (tap a question, the answer
     expands directly beneath it — nothing hidden behind a side panel you have to notice).
     Desktop restores the list + side-panel layout via the same markup. */
  .picker{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--panel);box-shadow:0 2px 10px -6px rgba(11,18,32,0.06);}
  .problem-item{border-bottom:1px solid var(--border);}
  .problem-item:last-child{border-bottom:none;}
  .problem-tab{display:flex;align-items:center;width:100%;text-align:left;background:none;border:none;padding:16px;font-family:'Instrument Sans','Instrument Sans Fallback',sans-serif;font-size:14.5px;font-weight:600;color:var(--text);cursor:pointer;line-height:1.4;transition:background .18s ease;}
  .problem-tab:hover{background:var(--panel2);}
  .problem-tab .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cat);margin-right:10px;flex-shrink:0;opacity:0;}
  .problem-tab[aria-expanded="true"] .dot{opacity:1;}
  .problem-tab .plus{margin-left:auto;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--panel2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:18px;font-weight:500;color:var(--cat-ink,var(--cat));transition:transform .25s ease,background .2s ease,border-color .2s ease;}
  .problem-tab[aria-expanded="true"] .plus{transform:rotate(45deg);background:var(--cat);color:#fff;border-color:var(--cat);}
  .problem-tab:hover .plus{border-color:var(--cat);}
  .problem-tab:focus-visible{outline:2px solid var(--acc1);outline-offset:-2px;}

  .detail-panel{max-height:0;overflow:hidden;transition:max-height .32s ease;}
  .problem-tab[aria-expanded="true"] + .detail-panel{max-height:2000px;}
  .detail-panel-inner{padding:0 16px 22px;}
  .detail-kicker{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cat-ink,var(--cat));margin-bottom:12px;}
  .detail-panel h3{font-family:'Sora','Sora Fallback',sans-serif;font-weight:600;font-size:19px;letter-spacing:-0.01em;margin-bottom:12px;max-width:26ch;}
  .detail-panel .answer{color:var(--steel);font-size:14.5px;line-height:1.55;max-width:54ch;margin-bottom:18px;}
  .build-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;}
  .build-pills span{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:11.5px;color:var(--steel);border:1px solid var(--border);border-radius:100px;padding:5px 12px;}
  .detail-cta{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:13px;font-weight:500;color:var(--cat-ink,var(--cat));text-decoration:none;border-bottom:1px solid transparent;transition:border-color .18s ease,gap .18s ease;}
  .detail-cta:hover{border-color:var(--cat);gap:12px;}

  [data-cat-root="healthcare"]{--cat:var(--seg-healthcare);--glow:var(--glow-healthcare);--flow-cat:var(--acc1);}
  [data-cat-root="automation"]{--cat:var(--seg-automation);--glow:var(--glow-automation);--flow-cat:var(--seg-growth);}
  [data-cat-root="studio"]{--cat:var(--seg-studio);--glow:var(--glow-studio);--flow-cat:var(--seg-growth);}
  [data-cat-root="growth"]{--cat:var(--seg-growth);--glow:var(--glow-growth);--flow-cat:var(--seg-growth);}
  /* Text-safe accent: the studio purple and growth green are too light for small text on the light theme. */
  [data-cat-root]{--cat-ink:var(--cat);}
  [data-cat-root="studio"]{--cat-ink:#6A43E4;}
  [data-cat-root="growth"]{--cat-ink:#15803D;}
  body[data-theme="dark"] [data-cat-root]{--cat-ink:var(--cat);}

  /* Simple numbered-step flow: one color, no per-step icon/hue variety. Web only —
     it does not fit a phone screen without becoming its own scroll problem, so it's
     hidden below 760px entirely rather than squeezed or left to scroll. */
  .step-flow{display:none;}

  @media (min-width:760px){
    .step-flow{display:flex;align-items:flex-start;gap:4px;flex-wrap:wrap;row-gap:16px;margin-bottom:20px;padding:16px 4px;}
    .step-node{display:flex;flex-direction:column;align-items:center;text-align:center;width:88px;flex-shrink:0;gap:8px;}
    .step-node .num{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-weight:600;font-size:14px;color:#fff;background:var(--flow-cat);flex-shrink:0;}
    .step-node .lbl{font-size:12px;color:var(--text);font-weight:600;line-height:1.3;}
    .step-arrow{align-self:center;margin-top:17px;color:var(--border-hover);flex-shrink:0;font-size:14px;}

    .cat-rail{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:28px;}
    .cat-rail::-webkit-scrollbar{display:none;}
    .cat-btn{flex:0 0 auto;padding:10px 18px;border-radius:100px;white-space:nowrap;}

    .picker{position:relative;}
    .picker::before{content:'';position:absolute;top:0;left:0;width:300px;height:100%;background:var(--panel2);border-right:1px solid var(--border);}
    .problem-item{border-bottom:none;}
    .problem-tab{width:300px;padding:14px 18px;font-weight:400;color:var(--steel);position:relative;border-bottom:1px solid var(--border);}
    .problem-tab .plus{display:none;}
    .problem-tab[aria-expanded="true"]{background:var(--panel);color:var(--text);font-weight:600;box-shadow:inset 3px 0 0 var(--cat);}

    .detail-panel{max-height:none !important;position:absolute;top:0;left:300px;right:0;display:none;}
    .problem-tab[aria-expanded="true"] + .detail-panel{display:block;}
    .detail-panel-inner{padding:28px 34px;}
    .detail-panel h3{font-size:21px;}
    .detail-panel .answer{font-size:14.5px;margin-bottom:16px;}
    .build-pills{margin-bottom:18px;}
  }

  /* ---------- Segment page: interactive "What We Build" (same pattern, reused) ---------- */
  .build-picker .cat-rail{margin-bottom:0;}

  /* ---------- Segment page: split hero (text + canvas visual) ---------- */
  .hero-inner{display:grid;grid-template-columns:1.05fr 0.95fr;gap:48px;align-items:center;position:relative;z-index:3;max-width:1180px;margin:0 auto;width:100%;}
  .hero-inner .hero-content{max-width:none;}
  .hero-visual{aspect-ratio:1/0.85;border-radius:18px;border:1px solid var(--border);background:var(--panel2);overflow:hidden;}
  .hero-visual .card-canvas{width:100%;height:100%;display:block;}
  @media (max-width:900px){.hero-inner{grid-template-columns:1fr;}.hero-visual{max-width:420px;margin:0 auto;}}

  /* ---------- Segment page: single-topic picker (no category rail) ---------- */
  [data-cat-root] .picker{margin-top:8px;}

  /* ---------- Segment page: Built For ---------- */
  .builtfor{background:var(--panel2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:70px clamp(24px,5vw,64px);}
  .builtfor-inner{max-width:1180px;margin:0 auto;}
  .builtfor h2{font-family:'Sora','Sora Fallback',sans-serif;font-weight:600;font-size:clamp(22px,2.8vw,30px);letter-spacing:-0.015em;max-width:24ch;margin-bottom:26px;}
  .builtfor ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;padding:0;}
  .builtfor li{display:flex;gap:10px;font-size:14.5px;color:var(--steel);}
  .builtfor li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cat,var(--acc1));margin-top:8px;flex:0 0 auto;}
  @media (max-width:700px){.builtfor ul{grid-template-columns:1fr;}}

  /* ---------- Segment page: trust/discretion strip ---------- */
  .trust{background:var(--panel2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:70px clamp(24px,5vw,64px);}
  .trust-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
  .trust h2{font-family:'Sora','Sora Fallback',sans-serif;font-weight:600;font-size:clamp(22px,2.8vw,28px);letter-spacing:-0.015em;margin-bottom:14px;max-width:20ch;}
  .trust p{color:var(--steel);font-size:15px;margin-bottom:20px;}
  .trust-points{list-style:none;padding:0;}
  .trust-points li{display:flex;gap:10px;font-size:14px;color:var(--steel);padding:9px 0;border-top:1px solid var(--border);}
  .trust-points li:first-child{border-top:none;}
  .trust-points li::before{content:'✓';color:var(--cat-ink,var(--cat,var(--acc1)));font-weight:700;}
  @media (max-width:800px){.trust-inner{grid-template-columns:1fr;}}

  /* ---------- Segment page: two-column hero with a live animated preview panel ---------- */
  .hero-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;position:relative;z-index:3;}
  @media (max-width:1000px){.hero-wrap{grid-template-columns:1fr;gap:40px;}}
  .hero-wrap .hero-content{max-width:none;}
  .hero-panel{position:relative;border:1px solid var(--border);border-radius:20px;padding:18px;background:var(--panel);box-shadow:0 30px 70px -40px rgba(11,18,32,.35);opacity:0;transform:translateY(26px);transition:opacity 1s ease .5s,transform 1.1s var(--ease-out) .5s;}
  body.hero-in .hero-panel{opacity:1;transform:none;}
  .panel-head{display:flex;justify-content:space-between;align-items:center;font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--steel);margin-bottom:12px;}
  .panel-head .live{display:flex;align-items:center;gap:8px;color:var(--cat-ink,var(--cat,var(--acc1)));}
  .panel-head .live i{width:6px;height:6px;border-radius:50%;background:var(--cat,var(--acc1));animation:dotpulse 2s ease-in-out infinite;font-style:normal;}
  @keyframes dotpulse{0%,100%{opacity:.35;transform:scale(1);}50%{opacity:1;transform:scale(1.5);}}
  .panel-canvas{position:relative;height:230px;border-radius:12px;overflow:hidden;background:var(--panel2);border:1px solid var(--border);}
  .panel-canvas canvas{position:absolute;inset:0;width:100%;height:100%;}
  .panel-foot{display:flex;gap:22px;flex-wrap:wrap;margin-top:14px;font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel);}
  .panel-foot span{display:flex;align-items:center;gap:8px;}
  .panel-foot span::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cat,var(--acc1));}
  @media (max-width:1000px){.hero-panel{display:none;}} /* mobile hero stays lean, same rule as the step-flow */

  /* ---------- Segment page: Solutions — problem, what we build, the outcome ---------- */
  .solutions{padding:90px clamp(24px,5vw,64px) 40px;position:relative;z-index:2;}
  .solutions .segments-head{margin-bottom:40px;}
  .solution-row{border-top:1px solid var(--border);padding:34px 0;display:grid;grid-template-columns:1fr 1.3fr;gap:40px;transition-delay:calc(var(--i,0) * 90ms) !important;}
  .solution-row:last-child{border-bottom:1px solid var(--border);}
  @media (max-width:820px){.solution-row{grid-template-columns:1fr;gap:14px;}}
  .solution-row .sk{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--cat-ink,var(--cat,var(--acc1)));margin-bottom:10px;}
  .solution-row h3{font-family:'Sora','Sora Fallback',sans-serif;font-size:19px;font-weight:600;letter-spacing:-0.01em;margin-bottom:10px;max-width:34ch;line-height:1.3;}
  .solution-row .stat{color:var(--steel);font-size:14px;line-height:1.6;max-width:40ch;}
  .solution-row .build p{font-size:14.5px;line-height:1.65;color:var(--text);margin-bottom:14px;max-width:56ch;}
  .solution-row .outcome{font-size:13.5px;color:var(--cat-ink,var(--cat,var(--acc1)));font-weight:600;display:flex;gap:8px;align-items:flex-start;}
  .solution-row .outcome::before{content:'→';flex-shrink:0;}

  /* ---------- FAQ (AEO-safe: all answers in DOM, JS toggles visibility only) ---------- */
  .faq{padding:80px clamp(24px,5vw,64px);}
  .faq-inner{max-width:820px;margin:0 auto;}
  .faq h2{font-family:'Sora','Sora Fallback',sans-serif;font-weight:600;font-size:clamp(22px,2.8vw,30px);letter-spacing:-0.015em;margin-bottom:8px;}
  .faq p.sub{color:var(--steel);font-size:15px;margin-bottom:32px;}
  .faq-item{border-top:1px solid var(--border);}
  .faq-item:last-child{border-bottom:1px solid var(--border);}
  .faq-q{width:100%;text-align:left;background:none;border:none;padding:20px 4px;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;font-family:'Instrument Sans','Instrument Sans Fallback',sans-serif;font-size:15.5px;font-weight:500;color:var(--text);}
  .faq-q .plus{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:16px;color:var(--cat-ink,var(--cat,var(--acc1)));transition:transform .2s ease;flex:0 0 auto;}
  .faq-q[aria-expanded="true"] .plus{transform:rotate(45deg);}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease;}
  .faq-a[data-open="true"]{max-height:500px;}
  .faq-a p{color:var(--steel);font-size:14.5px;padding:0 4px 22px;max-width:64ch;}

/* ---------- Fact card (static hero panel on content pages) ---------- */
.fact-list{display:flex;flex-direction:column;}
.fact-list > div{padding:15px 4px;border-top:1px solid var(--border);}
.fact-list > div:first-child{border-top:0;padding-top:6px;}
.fact-list b{display:block;font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--cat-ink,var(--cat,var(--acc1)));font-weight:500;margin-bottom:5px;}
.fact-list span{display:block;font-size:15px;line-height:1.45;color:var(--text);}
.trust-points a{color:var(--cat-ink,var(--acc1));text-decoration:underline;text-underline-offset:3px;}

/* Resources: long-form guides and the index (built on the shared light and dark tokens) */
.post{padding:130px clamp(24px,5vw,64px) 48px;}
.post-inner{max-width:720px;margin:0 auto;}
.post .kicker{margin-bottom:16px;}
.post h1{font-family:'Sora','Sora Fallback',sans-serif;font-weight:600;font-size:clamp(30px,4.6vw,46px);line-height:1.12;letter-spacing:-0.02em;margin-bottom:18px;}
.post-dek{font-size:18px;line-height:1.55;color:var(--steel);margin-bottom:20px;}
.post-meta{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);padding-bottom:26px;border-bottom:1px solid var(--border);}
.post-body{padding-top:30px;}
.post-body h2{font-family:'Sora','Sora Fallback',sans-serif;font-weight:600;font-size:clamp(21px,2.6vw,27px);line-height:1.2;letter-spacing:-0.015em;margin:40px 0 12px;}
.post-body p,.post-body li{font-size:17px;line-height:1.72;color:var(--text);}
.post-body p{margin:0 0 16px;}
.post-body ul,.post-body ol{margin:0 0 18px 22px;padding:0;}
.post-body li{margin-bottom:8px;}
.post-body a,.post-sources a{color:var(--acc1);text-decoration:underline;text-underline-offset:3px;}
.post-answer{margin:0 0 8px;padding:18px 20px;border:1px solid var(--border);border-left:3px solid var(--acc1);border-radius:10px;background:var(--panel2);}
.post-answer b{display:block;font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel);margin-bottom:6px;}
.post-answer p{margin:0;}
.post-note{font-size:14.5px;color:var(--steel);margin-top:34px;padding-top:18px;border-top:1px solid var(--border);}
.post-sources{margin-top:36px;padding-top:24px;border-top:1px solid var(--border);}
.post-sources h2{font-family:'Sora','Sora Fallback',sans-serif;font-weight:600;font-size:18px;margin-bottom:10px;}
.post-sources ul{margin:0 0 0 20px;padding:0;}
.post-sources li{font-size:15px;line-height:1.6;color:var(--steel);margin-bottom:6px;}
.res-index{max-width:820px;}
.res-list{display:grid;gap:14px;margin-top:34px;}
.res-card{display:block;padding:22px 24px;border:1px solid var(--border);border-radius:14px;background:var(--panel);text-decoration:none;color:inherit;transition:border-color .2s,transform .2s;}
.res-card:hover{border-color:var(--border-hover);transform:translateY(-2px);}
.res-card h2{font-family:'Sora','Sora Fallback',sans-serif;font-weight:600;font-size:19px;margin:0 0 6px;}
.res-card p{font-size:15px;line-height:1.55;color:var(--steel);margin:0 0 10px;}
.res-meta{font-family:'JetBrains Mono','JetBrains Mono Fallback',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);}
@media (max-width:760px){.post{padding-top:104px;}.post-body p,.post-body li{font-size:16.5px;}}