/* ============ TOKENS ============ */
  :root{
    --ink-950:#0B0C10;
    --ink-900:#15161C;
    --ink-800:#1F212A;
    --paper-050:#F6F4EF;
    --paper-100:#EDEAE1;
    --paper-200:#E1DDD1;
    --accent:#5B4FE8;
    --accent-soft:#9C93FF;
    --accent-dim:#3A32A6;
    --good:#2E9E6D;
    --attention:#B4700C;

    --on-dark-primary: var(--paper-050);
    --on-dark-secondary: rgba(246,244,239,.64);
    --on-dark-faint: rgba(246,244,239,.38);
    --on-dark-border: rgba(246,244,239,.12);
    --on-dark-surface: var(--ink-900);
    --on-dark-surface-2: var(--ink-800);

    --on-light-primary: var(--ink-950);
    --on-light-secondary: rgba(11,12,16,.62);
    --on-light-faint: rgba(11,12,16,.42);
    --on-light-border: rgba(11,12,16,.12);
    --on-light-surface: #FFFFFF;
    --on-light-surface-2: var(--paper-100);

    --font-display:'Bricolage Grotesque', 'Hanken Grotesk', system-ui, sans-serif;
    --font-body:'IBM Plex Sans', system-ui, sans-serif;
    --font-mono:'IBM Plex Mono', 'SFMono-Regular', monospace;

    --gutter: clamp(20px, 5vw, 64px);
    --maxw: 1320px;
    --radius: 10px;
  }

  *,*::before,*::after{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
  }
  body{
    margin:0;
    background: var(--paper-050);
    color: var(--on-light-primary);
    font-family: var(--font-body);
    font-size:16px;
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block;}
  h1,h2,h3,h4{font-family:var(--font-display); margin:0; text-wrap:balance; letter-spacing:-0.01em;}
  p{margin:0;}
  a{color:inherit;}
  ::selection{background:var(--accent); color:#fff;}
  .mono{font-family:var(--font-mono); letter-spacing:.02em;}
  .eyebrow{
    font-family:var(--font-mono); font-size:12.5px; letter-spacing:.14em; text-transform:uppercase;
    font-weight:600;
  }
  .num{font-variant-numeric:tabular-nums;}

  /* ============ LAYOUT ============ */
  .zone{padding-block: clamp(64px,10vw,120px);}
  .zone-tight{padding-block: clamp(44px,7vw,84px);}
  .wrap{max-width:var(--maxw); margin-inline:auto; padding-inline:var(--gutter);}
  .z-dark{background:var(--ink-950); color:var(--on-dark-primary);}
  .z-light{background:var(--paper-050); color:var(--on-light-primary);}
  .z-ink900{background:var(--ink-900); color:var(--on-dark-primary);}

  .grid{display:grid; gap:32px;}
  .stack{display:flex; flex-direction:column;}

  .btn{
    display:inline-flex; align-items:center; gap:8px;
    font-family:var(--font-body); font-weight:600; font-size:15px;
    padding:13px 22px; border-radius:8px; border:1px solid transparent;
    cursor:pointer; text-decoration:none; white-space:nowrap;
    transition:transform .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease;
  }
  .btn:active{transform:translateY(1px);}
  .btn-accent{background:var(--accent); color:#fff;}
  .btn-accent:hover{background:#4C41D6;}
  .btn-ghost-dark{border-color:var(--on-dark-border); color:var(--on-dark-primary); background:transparent;}
  .btn-ghost-dark:hover{border-color:rgba(246,244,239,.32); background:rgba(246,244,239,.04);}
  .btn-ghost-light{border-color:var(--on-light-border); color:var(--on-light-primary); background:transparent;}
  .btn-ghost-light:hover{border-color:rgba(11,12,16,.28); background:rgba(11,12,16,.03);}
  .btn-arrow{transition:transform .15s ease;}
  .btn:hover .btn-arrow{transform:translateX(3px);}

  .section-head{max-width:760px;}
  .section-head .eyebrow{display:block; margin-bottom:14px;}
  .section-head h2{font-size:clamp(28px,3.4vw,40px); font-weight:600; line-height:1.12;}
  .section-head p.lede{margin-top:16px; font-size:17px; line-height:1.6;}
  .on-dark .section-head .eyebrow{color:var(--accent-soft);}
  .on-light .section-head .eyebrow{color:var(--accent);}
  .on-dark .section-head p.lede{color:var(--on-dark-secondary);}
  .on-light .section-head p.lede{color:var(--on-light-secondary);}

  /* reveal-on-scroll: JS arms this (adds .reveal-armed) before hiding anything,
     so a page where the script fails to run simply shows everything, at rest. */
  .reveal{opacity:1; transform:none;}
  @media (prefers-reduced-motion: no-preference){
    .reveal.reveal-armed{opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s ease;}
    .reveal.reveal-armed.is-visible{opacity:1; transform:none;}
  }

  /* ============ NAV ============ */
  .nav{
    position:fixed; top:0; left:0; right:0; z-index:100;
    border-bottom:1px solid transparent;
    transition:background .25s ease, border-color .25s ease, backdrop-filter .25s ease;
  }
  .nav.is-scrolled{
    background:rgba(11,12,16,.78);
    backdrop-filter:blur(10px);
    border-bottom-color: var(--on-dark-border);
  }
  .nav-inner{
    max-width:var(--maxw); margin-inline:auto; padding-inline:var(--gutter);
    height:72px; display:flex; align-items:center; justify-content:space-between; gap:24px;
  }
  .wordmark{
    font-family:var(--font-display); font-weight:700; font-size:19px; letter-spacing:.01em;
    color:var(--on-dark-primary); text-decoration:none;
  }
  .nav-links{display:flex; align-items:center; gap:30px; list-style:none; margin:0; padding:0;}
  .nav-links a{
    font-size:14.5px; font-weight:500; text-decoration:none; color:var(--on-dark-secondary);
    transition:color .15s ease;
  }
  .nav-links a:hover{color:var(--on-dark-primary);}
  .nav-cta{display:none;}
  @media (min-width:860px){.nav-cta{display:inline-flex;}}
  .nav-links{display:none;}
  @media (min-width:860px){.nav-links{display:flex;}}

  /* ============ HERO ============ */
  .hero{padding-top:calc(72px + clamp(48px,8vw,96px)); padding-bottom:clamp(64px,9vw,110px); background:
    radial-gradient(1100px 520px at 82% -8%, rgba(91,79,232,.20), transparent 60%),
    var(--ink-950);
  }
  .hero-grid{display:grid; gap:56px; align-items:center;}
  @media (min-width:980px){.hero-grid{grid-template-columns:1.05fr .95fr;}}
  .hero-eyebrow{color:var(--accent-soft); margin-bottom:22px;}
  .hero h1{font-size:clamp(36px,5.2vw,58px); font-weight:600; line-height:1.05; color:var(--on-dark-primary);}
  .hero-sub{
    margin-top:22px; max-width:520px; font-size:17.5px; line-height:1.65; color:var(--on-dark-secondary);
    border-left:2px solid var(--on-dark-border); padding-left:16px;
  }
  .hero-ctas{display:flex; flex-wrap:wrap; gap:14px; margin-top:34px;}
  .hero-guarantee{margin-top:18px; font-size:13.5px; color:var(--on-dark-faint);}

  /* ============ OPS PANEL (recurring dashboard motif) ============ */
  .ops-panel{
    background:var(--ink-900); border:1px solid var(--on-dark-border); border-radius:14px;
    overflow:hidden; box-shadow:0 40px 80px -40px rgba(0,0,0,.6);
  }
  .ops-head{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding:16px 20px; border-bottom:1px solid var(--on-dark-border);
  }
  .ops-title{font-size:13.5px; font-weight:600; color:var(--on-dark-primary);}
  .ops-tag{
    display:inline-flex; align-items:center; gap:7px; font-size:11px; font-weight:600;
    letter-spacing:.06em; text-transform:uppercase; color:var(--on-dark-faint);
  }
  .ops-dot{width:6px; height:6px; border-radius:50%; background:var(--accent-soft);}
  @media (prefers-reduced-motion: no-preference){
    .ops-dot{animation:pulse 2.4s ease-in-out infinite;}
  }
  @keyframes pulse{0%,100%{opacity:1;}50%{opacity:.35;}}
  .ops-body{padding:20px;}
  .ops-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--on-dark-border); border:1px solid var(--on-dark-border); border-radius:10px; overflow:hidden;}
  .ops-stat{background:var(--ink-900); padding:14px 16px;}
  .ops-stat .lbl{font-size:11px; color:var(--on-dark-faint); text-transform:uppercase; letter-spacing:.06em; font-weight:600;}
  .ops-stat .val{font-family:var(--font-mono); font-size:22px; font-weight:600; color:var(--on-dark-primary); margin-top:6px;}
  .ops-stat .delta{font-size:12px; margin-top:4px; font-weight:600;}
  .ops-stat .delta.good{color:var(--good);}
  .ops-fn-list{display:flex; flex-direction:column; gap:1px; background:var(--on-dark-border); border:1px solid var(--on-dark-border); border-radius:10px; overflow:hidden;}
  .ops-fn-row{
    display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px;
    background:var(--ink-900); padding:11px 14px;
  }
  .ops-fn-name{font-size:12.5px; font-weight:600; color:var(--on-dark-primary); min-width:108px;}
  .ops-fn-metric{font-family:var(--font-mono); font-size:12px; color:var(--on-dark-faint); text-align:right;}
  .ops-spark{margin-top:18px;}
  .ops-spark .lbl{font-size:11px; color:var(--on-dark-faint); text-transform:uppercase; letter-spacing:.06em; font-weight:600; margin-bottom:10px; display:block;}
  .ops-queue{margin-top:18px; display:flex; flex-direction:column; gap:8px;}
  .ops-row{
    display:flex; align-items:center; gap:10px; font-size:13px; color:var(--on-dark-secondary);
    padding:9px 10px; border:1px solid var(--on-dark-border); border-radius:8px;
  }
  .pill{
    font-size:10.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
    padding:3px 8px; border-radius:20px; display:inline-flex; align-items:center; gap:5px; flex-shrink:0;
  }
  .pill::before{content:''; width:6px; height:6px; border-radius:50%; background:currentColor;}
  .pill-good{background:rgba(46,158,109,.14); color:var(--good);}
  .pill-progress{background:rgba(156,147,255,.16); color:var(--accent-soft);}
  .pill-attention{background:rgba(180,112,12,.16); color:#E0A64C;}
  .ops-row .rt{margin-left:auto; font-family:var(--font-mono); font-size:11.5px; color:var(--on-dark-faint);}
  .ops-caption{
    margin-top:16px; font-size:11.5px; color:var(--on-dark-faint); font-style:italic;
  }
  .ops-funnel{margin-top:18px; display:flex; flex-direction:column; gap:8px;}
  .ops-funnel-row{display:grid; grid-template-columns:112px 1fr 40px; align-items:center; gap:10px;}
  .ops-funnel-row .fl{font-size:12px; color:var(--on-dark-secondary);}
  .ops-funnel-track{height:8px; background:rgba(246,244,239,.07); border-radius:4px; overflow:hidden;}
  .ops-funnel-fill{height:100%; border-radius:4px; background:linear-gradient(90deg, var(--accent-dim), var(--accent));}
  .ops-funnel-row .fv{font-family:var(--font-mono); font-size:12px; color:var(--on-dark-faint); text-align:right;}

  /* ============ CREDIBILITY STRIP ============ */
  .strip{border-top:1px solid var(--on-dark-border);}
  .strip-inner{display:grid; gap:22px;}
  @media (min-width:760px){.strip-inner{grid-template-columns:repeat(3,1fr);}}
  .strip-item{
    font-size:14.5px; color:var(--on-dark-secondary); padding-block:22px;
    border-top:1px solid var(--on-dark-border);
  }
  @media (min-width:760px){
    .strip-item{border-top:none; border-left:1px solid var(--on-dark-border); padding-left:22px; padding-block:0;}
    .strip-item:first-child{border-left:none; padding-left:0;}
  }
  .strip-item strong{display:block; color:var(--on-dark-primary); font-weight:600; margin-bottom:4px;}

  /* ============ CASCADE ============ */
  .cascade-dark{background:var(--ink-950); color:var(--on-dark-primary); padding-top:clamp(72px,10vw,120px); padding-bottom:0;}
  .cascade-line{
    display:flex; flex-direction:column; align-items:flex-start; gap:0; max-width:760px;
  }
  .cascade-step{position:relative; padding-left:34px; padding-block:20px;}
  .cascade-step::before{
    content:''; position:absolute; left:5px; top:28px; width:9px; height:9px; border-radius:50%;
    background:var(--on-dark-faint); border:2px solid var(--ink-950);
  }
  .cascade-step::after{
    content:''; position:absolute; left:9px; top:38px; bottom:-20px; width:1px; background:var(--on-dark-border);
  }
  .cascade-step:last-child::after{display:none;}
  .cascade-step p{font-size:clamp(19px,2.4vw,25px); font-weight:500; color:var(--on-dark-primary); line-height:1.35;}
  .cascade-step.symptoms p{
    font-size:16.5px; font-weight:400; color:var(--on-dark-secondary); line-height:1.7; max-width:600px;
  }
  .cascade-pivot{
    position:relative; margin-top:8px;
    background:var(--paper-050); color:var(--on-light-primary);
    border-radius:22px 22px 0 0; padding:clamp(48px,7vw,72px) 0 clamp(56px,8vw,90px);
  }
  .cascade-pivot::before{
    content:''; position:absolute; left:34px; top:-1px; width:1px; height:36px; background:var(--accent);
  }
  .cascade-brand{padding-left:34px; position:relative;}
  .cascade-brand::before{
    content:''; position:absolute; left:5px; top:8px; width:11px; height:11px; border-radius:50%; background:var(--accent);
    box-shadow:0 0 0 5px rgba(91,79,232,.16);
  }
  .cascade-brand .word{font-family:var(--font-display); font-weight:700; font-size:clamp(28px,4vw,40px); letter-spacing:.01em;}
  .cascade-brand .desc{margin-top:10px; font-size:16.5px; color:var(--on-light-secondary); max-width:520px;}
  .cascade-outcome{
    margin-top:30px; padding-left:34px; font-family:var(--font-display); font-weight:600;
    font-size:clamp(24px,3vw,32px); color:var(--on-light-primary); max-width:640px; text-wrap:balance;
  }

  /* ============ OPERATING MODEL FLOW ============ */
  .model-flow{display:flex; flex-direction:column; align-items:center; margin-top:56px; text-align:center;}
  .model-node-label{
    font-family:var(--font-mono); font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
    color:var(--on-light-secondary); border:1px solid var(--on-light-border); border-radius:20px; padding:9px 20px;
    background:var(--on-light-surface); display:inline-block;
  }
  .model-connector{width:1px; height:30px; background:var(--on-light-border);}
  .model-core{margin-block:2px; display:flex; flex-direction:column; align-items:center;}
  .model-core-word{font-family:var(--font-display); font-weight:700; font-size:clamp(26px,3.6vw,36px); color:var(--on-light-primary); letter-spacing:.01em;}
  .model-core-caption{margin-top:8px; font-size:13px; color:var(--accent); font-weight:600;}
  .model-functions-wrap{position:relative; width:100%; max-width:940px; margin-top:30px; padding-top:28px; border-top:1px solid var(--accent);}
  .model-functions{display:grid; grid-template-columns:repeat(5,1fr); gap:14px;}
  @media (max-width:900px){.model-functions{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:520px){.model-functions{grid-template-columns:1fr;}}
  .model-fn{position:relative; border:1px solid var(--on-light-border); border-radius:12px; padding:18px 16px; background:var(--on-light-surface); text-align:left;}
  .model-fn::before{content:''; position:absolute; top:-29px; left:50%; width:1px; height:28px; background:var(--accent); transform:translateX(-50%);}
  @media (max-width:900px){
    .model-fn::before{display:none;}
    .model-functions-wrap{border-top-color:var(--on-light-border);}
    .model-fn{border-top:2px solid var(--accent);}
  }
  .fn-label{display:block; font-size:14.5px; font-weight:600; color:var(--on-light-primary);}
  .fn-desc{display:block; margin-top:6px; font-size:12.5px; color:var(--on-light-secondary);}

  /* ============ SOLUTIONS TABS ============ */
  .tabs{display:flex; flex-wrap:wrap; gap:8px; margin-top:44px; border-bottom:1px solid var(--on-light-border); padding-bottom:0;}
  .tab-btn{
    font-family:var(--font-body); font-weight:600; font-size:14.5px; padding:12px 4px; margin-right:26px;
    background:none; border:none; cursor:pointer; color:var(--on-light-faint);
    border-bottom:2px solid transparent; margin-bottom:-1px; transition:color .15s ease, border-color .15s ease;
  }
  .tab-btn:hover{color:var(--on-light-primary);}
  .tab-btn[aria-selected="true"]{color:var(--on-light-primary); border-bottom-color:var(--accent);}
  .tab-panel{display:none; padding-top:34px;}
  .tab-panel.is-active{display:block;}
  .tab-panel .intro{font-size:18px; line-height:1.6; max-width:660px; color:var(--on-light-primary);}
  .cap-list{display:flex; flex-wrap:wrap; gap:9px; margin-top:24px;}
  .cap-tag{
    font-size:13px; font-weight:500; padding:8px 14px; border-radius:20px;
    border:1px solid var(--on-light-border); color:var(--on-light-secondary); background:var(--on-light-surface);
  }
  .team-banner{
    margin-top:56px; padding:28px 30px; border:1px solid var(--on-light-border); border-radius:14px;
    background:var(--paper-100); display:grid; gap:16px;
  }
  @media (min-width:760px){.team-banner{grid-template-columns:auto 1fr; align-items:center;}}
  .team-banner .kicker{font-family:var(--font-mono); font-size:11.5px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); white-space:nowrap;}
  .team-banner p{font-size:15px; line-height:1.6; color:var(--on-light-secondary);}
  .team-banner strong{color:var(--on-light-primary);}

  /* ============ PEOPLE + AI SPLIT ============ */
  .split{display:grid; gap:0; margin-top:52px; border:1px solid var(--on-dark-border); border-radius:14px; overflow:hidden;}
  @media (min-width:820px){.split{grid-template-columns:1fr 1fr;}}
  .split-col{padding:34px 32px;}
  .split-col.human{background:var(--ink-900);}
  .split-col.ai{background:var(--ink-950); border-top:1px solid var(--on-dark-border);}
  @media (min-width:820px){.split-col.ai{border-top:none; border-left:1px solid var(--on-dark-border);}}
  .split-col .kicker{font-family:var(--font-mono); font-size:12px; letter-spacing:.1em; text-transform:uppercase; font-weight:600; color:var(--accent-soft);}
  .split-col h3{margin-top:14px; font-size:22px; font-weight:600; color:var(--on-dark-primary);}
  .split-col ul{list-style:none; margin:18px 0 0; padding:0; display:flex; flex-direction:column; gap:11px;}
  .split-col li{font-size:14.5px; color:var(--on-dark-secondary); padding-left:18px; position:relative;}
  .split-col li::before{content:'—'; position:absolute; left:0; color:var(--on-dark-faint);}
  .split-note{padding:22px 32px; background:var(--ink-800); font-size:14px; color:var(--on-dark-secondary); border-top:1px solid var(--on-dark-border);}
  .split-note strong{color:var(--on-dark-primary);}

  /* ============ HOW IT WORKS ============ */
  .steps{margin-top:48px; display:grid; gap:0;}
  .step{
    display:grid; grid-template-columns:56px 1fr; gap:24px; padding-block:26px;
    border-top:1px solid var(--on-light-border);
  }
  .step:last-child{border-bottom:1px solid var(--on-light-border);}
  .step .idx{font-family:var(--font-mono); font-size:14px; color:var(--accent); font-weight:600; padding-top:2px;}
  .step h3{font-size:18px; font-weight:600;}
  .step p{margin-top:8px; font-size:14.5px; line-height:1.65; color:var(--on-light-secondary); max-width:600px;}

  /* ============ WHO WE SERVE ============ */
  .fit-grid{display:grid; gap:16px; margin-top:40px;}
  @media (min-width:760px){.fit-grid{grid-template-columns:1fr 1fr;}}
  .fit-item{
    display:flex; gap:14px; padding:20px 22px; border:1px solid var(--on-light-border); border-radius:12px; background:var(--on-light-surface);
  }
  .fit-check{flex-shrink:0; width:20px; height:20px; margin-top:2px; color:var(--accent);}
  .fit-item p{font-size:14.5px; line-height:1.55; color:var(--on-light-secondary);}
  .fit-item strong{color:var(--on-light-primary); display:block; font-size:14.5px; margin-bottom:3px;}

  /* ============ WHY OPERZAA QUAD ============ */
  .quad{display:grid; gap:1px; background:var(--on-dark-border); border:1px solid var(--on-dark-border); border-radius:14px; overflow:hidden; margin-top:48px;}
  @media (min-width:760px){.quad{grid-template-columns:repeat(2,1fr);}}
  .quad-item{background:var(--ink-900); padding:28px 30px;}
  .quad-item .not{font-size:14px; color:var(--on-dark-faint); text-decoration:line-through; text-decoration-color:rgba(246,244,239,.3);}
  .quad-item .is{margin-top:8px; font-family:var(--font-display); font-size:20px; font-weight:600; color:var(--on-dark-primary);}
  .fit-line{margin-top:32px; font-size:14.5px; line-height:1.6; color:var(--on-dark-secondary); max-width:680px;}

  /* ============ PROOF ============ */
  .proof-box{
    margin-top:40px; border:1px solid var(--on-light-border); border-radius:14px; padding:clamp(28px,4vw,44px);
    background:var(--on-light-surface); display:grid; gap:28px;
  }
  @media (min-width:900px){.proof-box{grid-template-columns:1fr 1fr;}}
  .proof-box h3{font-size:20px; font-weight:600; max-width:360px;}
  .proof-list{display:flex; flex-direction:column; gap:16px;}
  .proof-list-item{display:flex; gap:12px; font-size:14.5px; line-height:1.6; color:var(--on-light-secondary);}
  .proof-list-item .mk{font-family:var(--font-mono); color:var(--accent); font-weight:600; flex-shrink:0;}

  /* ============ FAQ ============ */
  .faq{margin-top:40px; border-top:1px solid var(--on-light-border);}
  .faq details{border-bottom:1px solid var(--on-light-border); padding-block:20px;}
  .faq summary{
    cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:20px;
    font-size:16.5px; font-weight:500; color:var(--on-light-primary);
  }
  .faq summary::-webkit-details-marker{display:none;}
  .faq summary .plus{font-family:var(--font-mono); font-size:20px; color:var(--on-light-faint); flex-shrink:0; transition:transform .2s ease;}
  .faq details[open] summary .plus{transform:rotate(45deg);}
  .faq .a{margin-top:14px; font-size:14.5px; line-height:1.7; color:var(--on-light-secondary); max-width:680px;}

  /* ============ FINAL CTA ============ */
  .final-cta{text-align:left;}
  .final-cta h2{font-size:clamp(30px,4.4vw,48px); font-weight:600; max-width:720px; color:var(--on-dark-primary);}
  .final-cta p.lede{margin-top:18px; font-size:17px; color:var(--on-dark-secondary); max-width:560px;}
  .final-ctas{display:flex; flex-wrap:wrap; gap:14px; margin-top:34px;}

  /* ============ FOOTER ============ */
  .footer{border-top:1px solid var(--on-dark-border);}
  .footer-top{display:grid; gap:36px; padding-block:48px;}
  @media (min-width:760px){.footer-top{grid-template-columns:1.4fr 1fr 1fr;}}
  .footer-brand .wordmark{font-size:20px;}
  .footer-brand p{margin-top:14px; font-size:14px; color:var(--on-dark-secondary); max-width:280px; line-height:1.6;}
  .footer-col .h{font-family:var(--font-mono); font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--on-dark-faint); margin-bottom:16px;}
  .footer-col ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px;}
  .footer-col a{font-size:14px; color:var(--on-dark-secondary); text-decoration:none;}
  .footer-col a:hover{color:var(--on-dark-primary);}
  .footer-bottom{
    display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; padding-block:22px;
    border-top:1px solid var(--on-dark-border); font-size:12.5px; color:var(--on-dark-faint);
  }

  /* ============ GENERAL EYEBROW COLOR (for eyebrows outside .section-head) ============ */
  .on-light .eyebrow{color:var(--accent);}
  .on-dark .eyebrow{color:var(--accent-soft);}
  .section-head h2, .section-head h1{font-size:clamp(28px,3.4vw,40px); font-weight:600; line-height:1.12; font-family:var(--font-display); margin:0; text-wrap:balance; letter-spacing:-0.01em;}

  /* ============ MOBILE NAV ============ */
  .nav-mobile{display:block; position:relative;}
  @media (min-width:860px){.nav-mobile{display:none;}}
  .nav-mobile summary{
    list-style:none; cursor:pointer; color:var(--on-dark-primary); width:32px; height:32px;
    display:flex; align-items:center; justify-content:center;
  }
  .nav-mobile summary::-webkit-details-marker{display:none;}
  .nav-burger-lines{display:flex; flex-direction:column; gap:5px; width:20px;}
  .nav-burger-lines span{display:block; height:1.5px; background:var(--on-dark-primary); border-radius:1px;}
  .nav-mobile[open] .nav-burger-lines span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
  .nav-mobile[open] .nav-burger-lines span:nth-child(2){opacity:0;}
  .nav-mobile[open] .nav-burger-lines span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
  .nav-mobile-panel{
    position:fixed; top:72px; left:0; right:0; background:var(--ink-950); border-bottom:1px solid var(--on-dark-border);
    padding:8px var(--gutter) 24px; display:flex; flex-direction:column;
  }
  .nav-mobile-panel a{
    padding:14px 0; font-size:16px; font-weight:500; color:var(--on-dark-secondary); text-decoration:none;
    border-bottom:1px solid var(--on-dark-border);
  }
  .nav-mobile-panel a:last-of-type{border-bottom:none;}
  .nav-mobile-panel .btn{margin-top:16px; justify-content:center;}
  .nav-links a[aria-current="page"]{color:var(--on-dark-primary);}

  /* ============ PAGE HEADER (dedicated pages) ============ */
  .page-header{padding-top:calc(72px + clamp(44px,8vw,88px)); padding-bottom:clamp(44px,7vw,72px);}
  .page-header .section-head{max-width:920px;}
  .page-header .section-head h1{font-size:clamp(38px,5.6vw,64px); line-height:1.04;}
  .page-header .section-head p.lede{max-width:660px; font-size:18px;}

  /* ============ SOLUTIONS DETAIL (dedicated page) ============ */
  .solutions-detail{display:flex; flex-direction:column; margin-top:8px;}
  .solution-block{padding-block:44px; border-top:1px solid var(--on-light-border);}
  .solution-block:first-child{border-top:none; padding-top:16px;}
  .solution-block-head{display:flex; flex-direction:column; gap:10px; max-width:760px;}
  .solution-block-head h2{font-size:clamp(22px,2.6vw,28px); font-weight:600;}
  .solution-intro{margin-top:14px; font-size:16px; line-height:1.65; color:var(--on-light-secondary); max-width:740px;}
  .page-cta{margin-top:56px; display:flex; justify-content:flex-start;}

  /* ============ WORKFLOW MECHANISM VISUAL ============ */
  .workflow-stages{display:flex; align-items:stretch; gap:0; margin-top:2px; flex-wrap:wrap;}
  .wf-stage{
    flex:1 1 190px; min-width:170px; background:var(--ink-950); border:1px solid var(--on-dark-border);
    border-radius:10px; padding:16px; display:flex; flex-direction:column; gap:8px;
  }
  .wf-num{font-family:var(--font-mono); font-size:11px; color:var(--on-dark-faint); font-weight:600;}
  .wf-pill{
    align-self:flex-start; font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
    padding:3px 9px; border-radius:20px;
  }
  .wf-pill-in{background:rgba(246,244,239,.10); color:var(--on-dark-secondary);}
  .wf-pill-ai{background:rgba(156,147,255,.18); color:var(--accent-soft);}
  .wf-pill-handoff{background:rgba(180,112,12,.16); color:#E0A64C;}
  .wf-pill-human{background:rgba(46,158,109,.16); color:var(--good);}
  .wf-desc{font-size:13px; color:var(--on-dark-primary); line-height:1.5;}
  .wf-meta{font-size:11px; color:var(--on-dark-faint); font-family:var(--font-mono); margin-top:auto; padding-top:4px;}
  .wf-arrow{display:flex; align-items:center; justify-content:center; padding-inline:8px; color:var(--on-dark-faint); font-size:16px; flex:0 0 auto;}
  @media (max-width:760px){
    .workflow-stages{flex-direction:column;}
    .wf-arrow{transform:rotate(90deg); padding-block:2px; align-self:center;}
  }

  /* ============ HOW IT WORKS DETAIL (dedicated page) ============ */
  .steps-detail{display:flex; flex-direction:column; margin-top:8px;}
  .step-detail{padding-block:40px; border-top:1px solid var(--on-light-border);}
  .step-detail:first-child{border-top:none; padding-top:16px;}
  .step-detail-head{display:flex; align-items:baseline; gap:16px;}
  .step-detail-head .idx{font-family:var(--font-mono); font-size:14px; color:var(--accent); font-weight:600;}
  .step-detail-head h2{font-size:clamp(20px,2.4vw,26px); font-weight:600;}
  .step-detail-body{margin-top:12px; font-size:16px; line-height:1.65; color:var(--on-light-secondary); max-width:740px;}
  .step-sub{display:grid; gap:20px; margin-top:22px; max-width:860px;}
  @media (min-width:700px){.step-sub{grid-template-columns:1fr 1fr;}}
  .step-sub-label{display:block; font-family:var(--font-mono); font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--on-light-faint); margin-bottom:6px;}
  .step-sub p{font-size:13.5px; line-height:1.6; color:var(--on-light-secondary);}
  .diag-list{display:flex; flex-direction:column; gap:16px; margin-top:32px; max-width:820px;}
  .diag-item{display:flex; gap:14px; font-size:15px; line-height:1.6; color:var(--on-dark-secondary);}
  .diag-item .mk{font-family:var(--font-mono); color:var(--accent-soft); font-weight:600; flex-shrink:0;}

  /* ============ ABOUT (dedicated page) ============ */
  .about-block{padding-block:44px; border-top:1px solid var(--on-light-border); max-width:860px;}
  .about-block:first-child{border-top:none; padding-top:16px;}
  .about-block h2{margin-top:10px; font-size:clamp(22px,2.6vw,28px); font-weight:600;}
  .about-block > p{margin-top:16px; font-size:16px; line-height:1.7; color:var(--on-light-secondary);}
  .principle-list{display:flex; flex-direction:column; gap:16px; margin-top:20px;}
  .principle-item{font-size:15px; line-height:1.65; color:var(--on-light-secondary);}
  .principle-item strong{color:var(--on-light-primary); display:block; margin-bottom:2px; font-size:15.5px;}

  /* ============ SOLUTIONS PREVIEW (home page, condensed) ============ */
  .sol-preview-grid{display:grid; gap:14px; margin-top:40px;}
  @media (min-width:700px){.sol-preview-grid{grid-template-columns:repeat(3,1fr);}}
  @media (min-width:1000px){.sol-preview-grid{grid-template-columns:repeat(5,1fr);}}
  .sol-preview-card{border:1px solid var(--on-light-border); border-radius:12px; padding:18px 16px; background:var(--on-light-surface);}
  .sol-preview-card .fn-label{display:block; font-size:14px; font-weight:600; color:var(--on-light-primary);}
  .sol-preview-card .fn-desc{display:block; margin-top:6px; font-size:12.5px; line-height:1.5; color:var(--on-light-secondary);}

  /* ============ BLOG INDEX ============ */
  .blog-grid{display:flex; flex-direction:column; margin-top:8px;}
  .blog-card{display:block; padding-block:32px; border-top:1px solid var(--on-light-border); text-decoration:none; color:inherit;}
  .blog-card:first-child{border-top:none; padding-top:16px;}
  .blog-card time{font-family:var(--font-mono); font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--on-light-faint);}
  .blog-card h2{margin-top:10px; font-size:clamp(20px,2.4vw,26px); font-weight:600; color:var(--on-light-primary);}
  .blog-card p{margin-top:10px; font-size:15px; line-height:1.65; color:var(--on-light-secondary); max-width:700px;}
  .blog-card .read-more{display:inline-block; margin-top:14px; font-size:13.5px; font-weight:600; color:var(--accent);}
  .blog-empty{padding-block:32px; border-top:1px solid var(--on-light-border); font-size:15px; color:var(--on-light-secondary); max-width:600px;}

  /* ============ ARTICLE (blog post body) ============ */
  .article-meta{display:flex; gap:10px; align-items:center; font-family:var(--font-mono); font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--on-dark-faint);}
  .article-body{max-width:720px; margin-top:8px;}
  .article-body p{font-size:16.5px; line-height:1.75; color:var(--on-light-secondary); margin-top:20px;}
  .article-body p:first-child{margin-top:0;}
  .article-body h2{margin-top:40px; font-size:clamp(21px,2.4vw,26px); font-weight:600; color:var(--on-light-primary);}
  .article-body strong{color:var(--on-light-primary);}
  .article-back{display:inline-block; margin-bottom:24px; font-size:13.5px; font-weight:600; color:var(--accent); text-decoration:none;}