/* ============ TOKENS ============ */
  :root{
    --bg:#FAFBFD;
    --surface:#FFFFFF;
    --surface-alt:#F3F5FA;
    --surface-raised:#FFFFFF;
    --ink:#131A2E;
    --ink-2:#4E5770;
    --ink-3:#67728F;
    --border:#E6E9F3;
    --border-strong:#C9CEDE;
    --primary:#17224F;
    --primary-dark:#0E1638;
    --primary-light:#E6E9F5;
    --primary-contrast:#FFFFFF;
    --accent-soft:#7C86A8;
    --warn:#B5651D;
    --shadow-c:19,25,45;
    color-scheme: light;

    --font-display:'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-body:'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;

    --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;
    --sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--sp-32:128px;

    --r-sm:8px;--r-md:14px;--r-lg:24px;--r-pill:999px;

    --shadow-sm:0 1px 2px rgba(var(--shadow-c),.07);
    --shadow-md:0 12px 28px -12px rgba(var(--shadow-c),.20);
    --shadow-lg:0 30px 60px -20px rgba(var(--shadow-c),.28);

    --container:1240px;
  }

  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --bg:#0B0E1A;
      --surface:#12162A;
      --surface-alt:#161B30;
      --surface-raised:#171C33;
      --ink:#EEF0F8;
      --ink-2:#A9B0C6;
      --ink-3:#7A82A0;
      --border:#242A46;
      --border-strong:#333B5E;
      --primary:#5B7FC7;
      --primary-dark:#3F62A0;
      --primary-light:#1C2542;
      --primary-contrast:#0B0E1A;
      --accent-soft:#5C6690;
      --shadow-c:0,0,0;
      color-scheme: dark;
    }
  }
  :root[data-theme="dark"]{
    --bg:#0B0E1A;
    --surface:#12162A;
    --surface-alt:#161B30;
    --surface-raised:#171C33;
    --ink:#EEF0F8;
    --ink-2:#A9B0C6;
    --ink-3:#7A82A0;
    --border:#242A46;
    --border-strong:#333B5E;
    --primary:#5B7FC7;
    --primary-dark:#3F62A0;
    --primary-light:#1C2542;
    --primary-contrast:#0B0E1A;
    --accent-soft:#5C6690;
    --shadow-c:0,0,0;
    color-scheme: dark;
  }

  /* ============ RESET / BASE ============ */
  *,*::before,*::after{box-sizing:border-box;}
  h1,h2,h3,h4,p,figure{margin:0;}
  ul{margin:0;padding:0;list-style:none;}
  img{max-width:100%;display:block;}
  button{font:inherit;}
  a{color:inherit;}

  body{
    background:var(--bg);
    color:var(--ink);
    font-family:var(--font-body);
    font-size:16px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    padding-left:max(20px, env(safe-area-inset-left));
    padding-right:max(20px, env(safe-area-inset-right));
    overflow-x:hidden;
  }

  .wrap{max-width:var(--container);margin-inline:auto;}

  h1,h2,h3,h4{
    font-family:var(--font-display);
    font-weight:700;
    letter-spacing:-.01em;
    color:var(--ink);
    text-wrap:balance;
  }

  .eyebrow{
    display:inline-flex;align-items:center;gap:var(--sp-2);
    font-family:var(--font-body);
    font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    color:var(--primary);
  }
  .eyebrow::before{
    content:"";width:6px;height:6px;border-radius:50%;background:var(--primary);
    box-shadow:0 0 0 3px var(--primary-light);
  }

  .lede{font-size:1.125rem;line-height:1.65;color:var(--ink-2);text-wrap:pretty;}

  /* ============ BUTTONS ============ */
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:14px 26px;border-radius:var(--r-pill);
    font-family:var(--font-body);font-weight:700;font-size:.95rem;
    border:1px solid transparent;cursor:pointer;
    text-decoration:none;white-space:nowrap;
    transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease;
  }
  .btn:focus-visible{outline:2px solid var(--primary);outline-offset:3px;}
  .btn-primary{background:var(--primary);color:var(--primary-contrast);box-shadow:var(--shadow-sm);}
  .btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px);}
  .btn-ghost{background:transparent;color:var(--ink);border-color:var(--border-strong);}
  .btn-ghost:hover{border-color:var(--primary);color:var(--primary-dark);background:var(--primary-light);}
  .btn-light{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);}
  .btn-light:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);}
  .btn-on-dark{background:var(--primary-contrast);color:var(--primary-dark);}
  .btn-on-dark:hover{background:var(--primary-light);}
  .btn-block{width:100%;}
  .btn-sm{padding:10px 18px;font-size:.85rem;}

  .icon{width:1em;height:1em;flex:none;}

  /* ============ SECTION RHYTHM ============ */
  section{padding-block:var(--sp-24);}
  .section-tight{padding-block:var(--sp-16);}
  .section-head{max-width:640px;margin-bottom:var(--sp-12);}
  .section-head.center{margin-inline:auto;text-align:center;}
  .section-head h2{font-size:clamp(1.75rem,1.2rem + 2vw,2.5rem);margin-top:var(--sp-3);}
  .alt-bg{background:var(--surface-alt);}

  /* reveal on scroll */
  .reveal{opacity:1;transform:none;transition:opacity .7s ease, transform .7s ease;}
  @media (prefers-reduced-motion:no-preference){
    .reveal{opacity:0;transform:translateY(18px);}
    .reveal.in-view{opacity:1;transform:none;}
  }
  @media (prefers-reduced-motion:reduce){
    *,*::before,*::after{
      animation-duration:.01ms!important;animation-iteration-count:1!important;
      transition-duration:.01ms!important;scroll-behavior:auto!important;
    }
  }

  /* ============ NAV ============ */
  .nav{
    position:sticky;top:env(safe-area-inset-top,0px);z-index:100;
    background:color-mix(in srgb, var(--bg) 86%, transparent);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border-bottom:1px solid transparent;
    transition:border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
  }
  .nav.scrolled{border-color:var(--border);box-shadow:0 1px 0 rgba(var(--shadow-c),.02);}
  .nav-inner{
    display:flex;align-items:center;justify-content:space-between;
    padding-block:18px;gap:var(--sp-6);
  }
  .brand{
    font-family:var(--font-display);font-weight:700;font-size:1.15rem;
    letter-spacing:-.02em;text-decoration:none;display:flex;align-items:center;gap:8px;
  }
  .brand-mark{
    width:28px;height:28px;border-radius:8px;background:#FFFFFF;
    border:1px solid var(--border);padding:3px;
    display:flex;align-items:center;justify-content:center;flex:none;
  }
  .brand-mark img{width:100%;height:100%;object-fit:contain;display:block;}
  .nav-links{display:flex;align-items:center;gap:var(--sp-8);}
  .nav-links a{
    font-size:.95rem;font-weight:600;color:var(--ink-2);text-decoration:none;
    transition:color .15s ease;
  }
  .nav-links a:hover{color:var(--ink);}
  .nav-cta{display:flex;align-items:center;gap:var(--sp-4);}
  .nav-cta .btn{padding:11px 20px;font-size:.88rem;}
  .nav-toggle{
    display:none;background:none;border:1px solid var(--border-strong);
    border-radius:var(--r-sm);width:42px;height:42px;
    align-items:center;justify-content:center;cursor:pointer;
  }
  .nav-toggle svg{width:20px;height:20px;}

  .mobile-panel{
    display:flex;position:fixed;inset:0;z-index:99;background:var(--bg);
    padding:96px 20px 40px;flex-direction:column;gap:var(--sp-8);
    overflow-y:auto;
    opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;
    transition:opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
  }
  .mobile-panel.open{
    opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;
    transition:opacity .2s ease, transform .2s ease, visibility 0s linear 0s;
  }
  .mobile-panel a{
    font-family:var(--font-display);font-size:1.6rem;font-weight:700;
    text-decoration:none;color:var(--ink);
  }
  .mobile-panel .btn{margin-top:var(--sp-4);}

  /* ============ HERO ============ */
  .hero{padding-top:clamp(48px,8vw,96px);padding-bottom:var(--sp-24);}
  .hero-grid{
    display:grid;grid-template-columns:1.05fr .95fr;gap:var(--sp-16);align-items:center;
  }
  .hero-copy h1{
    font-size:clamp(2.5rem,1.7rem + 3.2vw,4.25rem);
    line-height:1.04;margin-top:var(--sp-4);
  }
  .hero-copy h1 em{
    font-style:normal;color:var(--primary);
  }
  .hero-copy .lede{margin-top:var(--sp-6);max-width:46ch;}
  .hero-actions{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-top:var(--sp-8);}
  .hero-meta{
    display:flex;align-items:center;gap:var(--sp-6);margin-top:var(--sp-8);
    color:var(--ink-3);font-size:.85rem;flex-wrap:wrap;
  }
  .hero-meta li{display:flex;align-items:center;gap:8px;}
  .hero-meta svg{width:15px;height:15px;color:var(--primary);flex:none;}
  .hero-meta ul{display:contents;}

  /* hero visual: stat card */
  .hero-visual{position:relative;}
  .stat-card{
    background:var(--surface);border:1px solid var(--border);
    border-radius:var(--r-lg);box-shadow:var(--shadow-lg);
    padding:var(--sp-8);position:relative;overflow:hidden;
  }
  .stat-card::before{
    content:"";position:absolute;inset:-40% -40% auto auto;width:260px;height:260px;
    background:radial-gradient(circle, var(--primary-light), transparent 70%);
    opacity:.9;pointer-events:none;
  }
  .stat-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);position:relative;}
  .stat-card-top .tag{
    font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
    color:var(--ink-3);
  }
  .stat-card-top .value{font-family:var(--font-display);font-size:2.1rem;font-weight:700;margin-top:4px;}
  .stat-card-top .delta{
    display:inline-flex;align-items:center;gap:4px;color:var(--primary);
    background:var(--primary-light);border-radius:var(--r-pill);
    padding:5px 10px;font-size:.78rem;font-weight:700;
  }
  .stat-chart{margin-top:var(--sp-6);position:relative;}
  .stat-chart svg{width:100%;height:auto;display:block;}
  .stat-chart .line{
    fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;
  }
  @media (prefers-reduced-motion:no-preference){
    .stat-chart .line{
      stroke-dasharray:520;stroke-dashoffset:520;
      animation:draw 1.6s .3s cubic-bezier(.4,0,.2,1) forwards;
    }
  }
  @keyframes draw{to{stroke-dashoffset:0;}}
  .stat-chart .area{opacity:.16;}
  .stat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--sp-6);position:relative;}
  .chip{
    font-size:.78rem;font-weight:700;color:var(--ink-2);background:var(--surface-alt);
    border:1px solid var(--border);border-radius:var(--r-pill);padding:7px 13px;
  }
  .stat-caption{margin-top:var(--sp-4);font-size:.78rem;color:var(--ink-3);position:relative;}
  .floating-card{
    position:absolute;bottom:-22px;left:-22px;background:var(--surface);
    border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-md);
    padding:14px 18px;display:flex;align-items:center;gap:12px;max-width:230px;
  }
  .floating-card .ic{
    width:38px;height:38px;border-radius:10px;background:var(--primary);
    display:flex;align-items:center;justify-content:center;flex:none;
  }
  .floating-card .ic svg{width:19px;height:19px;color:var(--primary-contrast);}
  .floating-card .t{font-size:.82rem;font-weight:700;line-height:1.3;}
  .floating-card .s{font-size:.74rem;color:var(--ink-3);}

  /* ============ TRUST BAR ============ */
  .trust{padding-block:var(--sp-16);}
  .trust-head{text-align:center;max-width:560px;margin-inline:auto;}
  .trust-chips{
    display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-4);margin-top:var(--sp-8);
  }
  .trust-chip{
    display:flex;align-items:center;gap:10px;background:var(--surface);
    border:1px solid var(--border);border-radius:var(--r-pill);padding:12px 20px;
    font-size:.88rem;font-weight:700;
  }
  .trust-chip svg{width:17px;height:17px;color:var(--primary);flex:none;}
  .founding-callout{
    margin-top:var(--sp-12);
    display:flex;align-items:center;gap:var(--sp-4);
    background:var(--primary-light);border-radius:var(--r-md);padding:var(--sp-6);
    color:var(--primary-dark);max-width:640px;margin-inline:auto;
  }
  .founding-callout svg{width:24px;height:24px;flex:none;}
  .founding-callout strong{display:block;font-weight:700;margin-bottom:2px;}
  .founding-callout p{margin:0;font-size:.92rem;}
  .founding-callout a{color:inherit;text-decoration:underline;font-weight:700;}

  /* ============ PROBLEM ============ */
  .problem-grid{
    display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-6);margin-top:var(--sp-8);
  }
  .problem-item{
    display:flex;gap:var(--sp-4);padding:var(--sp-6);
    background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);
  }
  .problem-item .ic{
    width:42px;height:42px;border-radius:10px;background:var(--primary-light);
    display:flex;align-items:center;justify-content:center;flex:none;
  }
  .problem-item .ic svg{width:20px;height:20px;color:var(--primary-dark);}
  .problem-item h4{font-size:1.02rem;font-weight:700;}
  .problem-item p{margin-top:6px;color:var(--ink-2);font-size:.94rem;}
  .problem-callout{
    margin-top:var(--sp-10,40px);
    display:flex;align-items:center;gap:var(--sp-4);
    background:var(--primary-light);border-radius:var(--r-md);padding:var(--sp-6);
    color:var(--primary-dark);font-weight:700;
  }
  .problem-callout svg{width:22px;height:22px;flex:none;}

  /* ============ SERVICES ============ */
  .services-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6);margin-top:var(--sp-8);
  }
  .service-card{
    background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
    padding:var(--sp-8);transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
  }
  .service-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px);}
  .service-ic{
    width:48px;height:48px;border-radius:12px;background:var(--primary);
    display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-6);
  }
  .service-ic svg{width:23px;height:23px;color:var(--primary-contrast);}
  .service-card h3{font-size:1.12rem;}
  .service-card p{margin-top:8px;color:var(--ink-2);font-size:.94rem;}
  .service-card details summary{
    list-style:none;margin-top:var(--sp-4);cursor:pointer;
    font-size:.85rem;font-weight:700;color:var(--primary-dark);
    display:flex;align-items:center;gap:6px;
  }
  .service-card details summary::-webkit-details-marker{display:none;}
  .service-card details summary svg{width:14px;height:14px;transition:transform .2s ease;}
  .service-card details[open] summary svg{transform:rotate(180deg);}
  .service-card details p{margin-top:var(--sp-3);font-size:.88rem;color:var(--ink-2);border-top:1px solid var(--border);padding-top:var(--sp-3);}

  /* ============ WHY / COMPARE ============ */
  .why-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16);align-items:start;margin-top:var(--sp-8);}
  .why-list{display:flex;flex-direction:column;gap:var(--sp-6);}
  .why-item{display:flex;gap:var(--sp-4);}
  .why-item .ic{
    width:36px;height:36px;border-radius:10px;background:var(--primary-light);
    display:flex;align-items:center;justify-content:center;flex:none;
  }
  .why-item .ic svg{width:17px;height:17px;color:var(--primary-dark);}
  .why-item h4{font-size:1rem;font-weight:700;}
  .why-item p{margin-top:4px;font-size:.92rem;color:var(--ink-2);}

  .compare{
    background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
    overflow:hidden;box-shadow:var(--shadow-sm);
  }
  .compare-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;}
  .compare-row + .compare-row{border-top:1px solid var(--border);}
  .compare-row > div{padding:16px 18px;font-size:.88rem;}
  .compare-row.head > div{
    font-family:var(--font-display);font-weight:700;font-size:.85rem;
    padding-block:14px;
  }
  .compare-row.head{background:var(--surface-alt);}
  .compare-row.head .col-bl{color:var(--primary-dark);}
  .compare-row .label{color:var(--ink-3);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;}
  .compare-row .col-fl{color:var(--ink-2);}
  .compare-row .col-bl{font-weight:600;display:flex;align-items:center;gap:6px;}
  .compare-row .col-bl svg{width:14px;height:14px;color:var(--primary);flex:none;}

  /* ============ HOW IT WORKS ============ */
  .steps{
    display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-6);margin-top:var(--sp-8);
    position:relative;
  }
  .step{
    background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
    padding:var(--sp-6);position:relative;
  }
  .step .num{
    font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--primary);
    letter-spacing:.04em;
  }
  .step h3{margin-top:var(--sp-3);font-size:1.05rem;}
  .step p{margin-top:8px;font-size:.9rem;color:var(--ink-2);}
  .step-connector{
    position:absolute;top:38px;left:calc(100% + 2px);width:calc(var(--sp-6) - 4px);height:2px;
    background:repeating-linear-gradient(90deg, var(--border-strong) 0 6px, transparent 6px 12px);
  }
  .step:last-child .step-connector{display:none;}

  /* ============ RESULTS ============ */
  .results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6);margin-top:var(--sp-8);}
  .case-card{
    border:1px dashed var(--border-strong);border-radius:var(--r-lg);
    padding:var(--sp-8);background:var(--surface);
  }
  .case-card .badge{
    display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;
    text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);
    background:var(--surface-alt);border-radius:var(--r-pill);padding:5px 11px;
  }
  .case-card .badge svg{width:12px;height:12px;}
  .case-card h4{margin-top:var(--sp-4);font-size:1.02rem;}
  .case-card .industry{font-size:.85rem;color:var(--ink-3);margin-top:2px;}
  .case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:var(--sp-6);}
  .case-metrics div{text-align:center;padding:10px 4px;background:var(--surface-alt);border-radius:var(--r-sm);}
  .case-metrics .m-val{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--ink-3);}
  .case-metrics .m-lbl{font-size:.68rem;color:var(--ink-3);text-transform:uppercase;letter-spacing:.03em;margin-top:2px;}
  .case-card .cap{margin-top:var(--sp-6);font-size:.82rem;color:var(--ink-3);font-style:italic;}

  /* ============ ABOUT ============ */
  .about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--sp-16);align-items:center;}
  .about-card{
    background:var(--primary);color:var(--primary-contrast);border-radius:var(--r-lg);
    padding:var(--sp-12);position:relative;overflow:hidden;min-height:340px;
    display:flex;flex-direction:column;justify-content:flex-end;
  }
  .about-card::before{
    content:"";position:absolute;top:-30%;right:-20%;width:65%;aspect-ratio:1;
    border-radius:50%;background:rgba(255,255,255,.08);
  }
  .about-card .quote{
    font-family:var(--font-display);font-size:1.5rem;font-weight:600;line-height:1.35;
    position:relative;
  }
  .about-card .who{margin-top:var(--sp-4);font-size:.85rem;opacity:.85;position:relative;}
  .about-body p + p{margin-top:var(--sp-4);}
  .about-body p{color:var(--ink-2);}
  .about-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--sp-6);}

  /* ============ CTA BAND ============ */
  .cta-band{
    background:var(--primary);color:var(--primary-contrast);border-radius:var(--r-lg);
    padding:var(--sp-20) var(--sp-12);text-align:center;position:relative;overflow:hidden;
  }
  .cta-band::before, .cta-band::after{
    content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.06);
  }
  .cta-band::before{width:340px;height:340px;top:-160px;left:-100px;}
  .cta-band::after{width:260px;height:260px;bottom:-140px;right:-60px;}
  .cta-band h2{color:var(--primary-contrast);font-size:clamp(1.9rem,1.4rem+2.2vw,2.75rem);position:relative;}
  .cta-band p{color:rgba(255,255,255,.86);max-width:52ch;margin:var(--sp-4) auto 0;position:relative;font-size:1.05rem;}
  .cta-band .hero-actions{justify-content:center;position:relative;margin-top:var(--sp-8);}
  .cta-band .btn-ghost{border-color:rgba(255,255,255,.35);color:#fff;}
  .cta-band .btn-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff;}

  /* ============ FAQ ============ */
  .faq-list{max-width:780px;margin:var(--sp-8) auto 0;display:flex;flex-direction:column;gap:var(--sp-3);}
  .faq-item{
    background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);
    overflow:hidden;
  }
  .faq-item summary{
    list-style:none;cursor:pointer;padding:18px 22px;display:flex;
    align-items:center;justify-content:space-between;gap:var(--sp-4);
    font-weight:700;font-size:.98rem;
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary .plus{
    width:24px;height:24px;border-radius:50%;background:var(--surface-alt);flex:none;
    display:flex;align-items:center;justify-content:center;transition:transform .2s ease, background .2s ease;
  }
  .faq-item summary .plus svg{width:12px;height:12px;color:var(--ink-2);}
  .faq-item[open] summary .plus{background:var(--primary);transform:rotate(45deg);}
  .faq-item[open] summary .plus svg{color:var(--primary-contrast);}
  .faq-item .a{padding:0 22px 20px;color:var(--ink-2);font-size:.92rem;max-width:64ch;}

  /* ============ CONTACT ============ */
  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16);align-items:start;}
  .contact-points{display:flex;flex-direction:column;gap:var(--sp-6);margin-top:var(--sp-8);}
  .contact-point{display:flex;gap:var(--sp-4);align-items:flex-start;}
  .contact-point .ic{
    width:40px;height:40px;border-radius:10px;background:var(--primary-light);
    display:flex;align-items:center;justify-content:center;flex:none;
  }
  .contact-point .ic svg{width:18px;height:18px;color:var(--primary-dark);}
  .contact-point h4{font-size:.95rem;}
  .contact-point p{margin-top:2px;font-size:.9rem;color:var(--ink-2);}
  .copy-row{display:flex;align-items:center;gap:8px;margin-top:6px;}
  .copy-row code{
    font-family:var(--font-body);font-size:.88rem;background:var(--surface-alt);
    padding:4px 9px;border-radius:6px;
  }
  .copy-btn{
    border:1px solid var(--border-strong);background:var(--surface);border-radius:6px;
    width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;
    color:var(--ink-2);
  }
  .copy-btn svg{width:13px;height:13px;}
  .copy-btn.copied{color:var(--primary);border-color:var(--primary);}

  .form-card{
    background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
    padding:var(--sp-8);box-shadow:var(--shadow-md);
  }
  .field{margin-bottom:var(--sp-4);}
  .field label{display:block;font-size:.82rem;font-weight:700;margin-bottom:6px;color:var(--ink-2);}
  .field input, .field textarea{
    width:100%;border:1px solid var(--border-strong);border-radius:var(--r-sm);
    padding:12px 14px;font:inherit;font-size:.94rem;background:var(--surface);color:var(--ink);
    transition:border-color .15s ease, box-shadow .15s ease;
  }
  .field input:focus, .field textarea:focus{
    outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);
  }
  .field textarea{resize:vertical;min-height:96px;}
  .form-note{font-size:.78rem;color:var(--ink-3);margin-top:var(--sp-3);text-align:center;}
  .form-success{
    display:none;text-align:center;padding:var(--sp-12) var(--sp-4);
  }
  .form-success.show{display:block;}
  .form-success .ic{
    width:56px;height:56px;border-radius:50%;background:var(--primary-light);
    display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-4);
  }
  .form-success .ic svg{width:26px;height:26px;color:var(--primary-dark);}
  .form-success h3{font-size:1.15rem;}
  .form-success p{margin-top:8px;color:var(--ink-2);font-size:.92rem;}
  form.hide{display:none;}

  /* ============ FOOTER ============ */
  footer{padding-top:var(--sp-20);padding-bottom:var(--sp-8);border-top:1px solid var(--border);margin-top:var(--sp-8);}
  .footer-grid{
    display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:var(--sp-12);
  }
  .footer-brand p{margin-top:var(--sp-4);color:var(--ink-2);font-size:.9rem;max-width:32ch;}
  .footer-social{display:flex;gap:10px;margin-top:var(--sp-6);}
  .footer-social a{
    width:36px;height:36px;border-radius:50%;border:1px solid var(--border-strong);
    display:flex;align-items:center;justify-content:center;color:var(--ink-2);
    transition:border-color .15s ease, color .15s ease;
  }
  .footer-social a:hover{border-color:var(--primary);color:var(--primary-dark);}
  .footer-social svg{width:16px;height:16px;}
  .footer-col h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-weight:700;}
  .footer-col ul{margin-top:var(--sp-4);display:flex;flex-direction:column;gap:10px;}
  .footer-col a{font-size:.9rem;color:var(--ink-2);text-decoration:none;transition:color .15s ease;}
  .footer-col a:hover{color:var(--primary-dark);}
  .footer-bottom{
    margin-top:var(--sp-16);padding-top:var(--sp-6);border-top:1px solid var(--border);
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-3);
    font-size:.82rem;color:var(--ink-3);
  }
  .legal-links{display:flex;gap:var(--sp-6);flex-wrap:wrap;}

  /* ============ RESPONSIVE ============ */
  @media (max-width:960px){
    .hero-grid{grid-template-columns:1fr;}
    .hero-visual{margin-top:var(--sp-12);order:2;}
    .problem-grid{grid-template-columns:1fr;}
    .services-grid{grid-template-columns:repeat(2,1fr);}
    .why-grid{grid-template-columns:1fr;gap:var(--sp-10,40px);}
    .steps{grid-template-columns:repeat(2,1fr);row-gap:var(--sp-8);}
    .step-connector{display:none;}
    .results-grid{grid-template-columns:1fr;}
    .about-grid{grid-template-columns:1fr;}
    .about-card{order:2;}
    .contact-grid{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr 1fr;row-gap:var(--sp-10,40px);}
    .nav-links{display:none;}
    .nav-cta .btn-ghost{display:none;}
    .nav-toggle{display:flex;}
  }
  @media (max-width:640px){
    section{padding-block:var(--sp-16);}
    .services-grid{grid-template-columns:1fr;}
    .steps{grid-template-columns:1fr;}
    .founding-callout{flex-direction:column;text-align:center;}
    .footer-grid{grid-template-columns:1fr;}
    .compare-row{grid-template-columns:1fr;}
    .compare-row > div{padding:10px 16px;}
    .compare-row .label{padding-top:16px;}
    .about-card{padding:var(--sp-8);min-height:auto;}
    .floating-card{position:static;margin-top:var(--sp-4);max-width:none;}
    .cta-band{padding:var(--sp-16) var(--sp-6);}
  }

  /* ============ MOBILE STICKY CTA ============ */
  .mobile-sticky-cta{
    display:none;
    position:fixed;left:0;right:0;bottom:0;z-index:90;
    padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));
    background:color-mix(in srgb, var(--bg) 92%, transparent);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    border-top:1px solid var(--border);
    transition:transform .25s ease, opacity .25s ease;
  }
  .mobile-sticky-cta.hide{transform:translateY(110%);opacity:0;pointer-events:none;}
  @media (max-width:960px){
    .mobile-sticky-cta{display:block;}
    body{padding-bottom:86px;}
  }

  /* focus visibility */
  a:focus-visible, button:focus-visible, summary:focus-visible{
    outline:2px solid var(--primary);outline-offset:2px;border-radius:4px;
  }