:root{
    --ink:#14181B;
    --ink-soft:#1E262B;
    --ink-line: rgba(236,238,236,0.14);
    --steel:#4B5A66;
    --steel-soft:#8B99A3;
    --paper:#ECEEEC;
    --paper-2:#F6F7F6;
    --paper-line: rgba(20,24,27,0.12);
    --signal:#C8102E;
    --signal-dim:#8C0C22;
    --copper:#C97A46;
    --text-ink:#14181B;
    --text-muted:#5B6670;
    --text-on-ink:#ECEEEC;
    --text-on-ink-muted:#9AA6AC;
    --radius:2px;
    --maxw:1180px;
    --disp: 'Big Shoulders Display', sans-serif;
    --body: 'IBM Plex Sans', sans-serif;
    --mono: 'IBM Plex Mono', monospace;
  }
  *,*::before,*::after{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:var(--body);
    color:var(--text-ink);
    background:var(--paper);
    -webkit-font-smoothing:antialiased;
  }
  img,svg{display:block;max-width:100%;}
  a{color:inherit;}
  h1,h2,h3,h4{margin:0;font-family:var(--disp);font-weight:700;letter-spacing:0.01em;text-transform:uppercase;}
  p{margin:0;}
  ul{margin:0;padding:0;list-style:none;}
  button{font-family:inherit;cursor:pointer;}
  :focus-visible{outline:2px solid var(--signal);outline-offset:3px;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
  @media (max-width:640px){.wrap{padding:0 18px;}}

  .eyebrow{
    font-family:var(--mono);
    font-size:12px;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--signal-dim);
    display:flex;align-items:center;gap:10px;
    margin-bottom:18px;
  }
  .eyebrow::before{content:"";width:22px;height:1px;background:var(--signal-dim);}
  section.on-ink .eyebrow{color:var(--signal);}
  section.on-ink .eyebrow::before{background:var(--signal);}

  h2.section-title{
    font-size:clamp(30px,4vw,46px);
    line-height:1.02;
    max-width:16ch;
    overflow-wrap:break-word;
  }
  .section-lede{
    font-family:var(--body);
    font-size:16px;
    line-height:1.6;
    color:var(--text-muted);
    max-width:52ch;
    text-transform:none;
    letter-spacing:normal;
    font-weight:400;
    margin-top:14px;
  }
  section.on-ink .section-lede{color:var(--text-on-ink-muted);}

  /* ---------- spectral signature ---------- */
  .spectrum-divider{
    width:100%;
    overflow:hidden;
    line-height:0;
  }
  .spectrum-divider svg{width:100%;height:100%;display:block;}

  /* ---------- header ---------- */
  header{
    position:sticky;top:0;z-index:50;
    background:rgba(20,24,27,0.94);
    backdrop-filter:blur(6px);
    border-bottom:1px solid var(--ink-line);
  }
  .nav{
    display:flex;align-items:center;justify-content:space-between;
    padding:16px 0;
  }
  .logo{
    font-family:var(--disp);
    color:var(--text-on-ink);
    font-size:20px;
    letter-spacing:0.02em;
    display:flex;align-items:baseline;gap:8px;
  }
  .logo b{color:var(--signal);font-weight:800;}
  .nav-links{display:flex;gap:28px;align-items:center;}
  .nav-links a{
    color:var(--text-on-ink-muted);
    font-size:13px;
    text-decoration:none;
    letter-spacing:0.03em;
    text-transform:uppercase;
    font-weight:500;
    transition:color .15s ease;
  }
  .nav-links a:hover{color:var(--text-on-ink);}
  .nav-cta{display:flex;align-items:center;gap:18px;}
  .phone-link{
    color:var(--text-on-ink);
    font-family:var(--mono);
    font-size:14px;
    text-decoration:none;
    display:none;
  }
  @media (min-width:900px){.phone-link{display:block;}}
  @media (max-width:360px){
    .logo{font-size:16px;}
    .nav-cta{gap:10px;}
    header .btn{padding:10px 14px;font-size:13px;}
  }
  @media (max-width:300px){
    .logo{font-size:14px;letter-spacing:0;}
    .nav-cta{gap:6px;}
    header .btn{padding:8px 10px;font-size:12px;}
  }
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    font-family:var(--body);
    font-weight:600;
    font-size:14px;
    padding:12px 22px;
    border-radius:var(--radius);
    border:1px solid transparent;
    text-decoration:none;
    transition:transform .15s ease, background .15s ease, border-color .15s ease;
    white-space:nowrap;
  }
  .btn:active{transform:translateY(1px);}
  .btn-signal{background:var(--signal);color:#FFFFFF;}
  .btn-signal:hover{background:#E0293D;}
  .btn-outline-ink{border-color:var(--ink-line);color:var(--text-on-ink);background:transparent;}
  .btn-outline-ink:hover{border-color:var(--signal);color:var(--signal);}
  .btn-outline-dark{border-color:var(--paper-line);color:var(--text-ink);background:transparent;}
  .btn-outline-dark:hover{border-color:var(--text-ink);}
  .menu-toggle{
    display:flex;flex-direction:column;gap:5px;background:none;border:none;padding:6px;
  }
  .menu-toggle span{width:22px;height:2px;background:var(--text-on-ink);}
  @media (min-width:900px){.menu-toggle{display:none;}}
  .nav-links{display:none;}
  @media (min-width:900px){.nav-links{display:flex;}}
  .mobile-panel{
    display:none;
    background:var(--ink);
    border-bottom:1px solid var(--ink-line);
  }
  .mobile-panel.open{display:block;}
  .mobile-panel .wrap{padding:18px 28px 26px;display:flex;flex-direction:column;gap:16px;}
  .mobile-panel a{color:var(--text-on-ink);text-decoration:none;font-size:15px;text-transform:uppercase;letter-spacing:0.03em;}

  /* ---------- hero ---------- */
  .hero{
    background:var(--ink);
    color:var(--text-on-ink);
    padding:64px 0 0;
    position:relative;
  }
  .hero-grid{
    display:grid;
    grid-template-columns:1.15fr 1fr;
    gap:48px;
    align-items:center;
    padding-bottom:56px;
  }
  .hero-grid > *{min-width:0;}
  @media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px;}}
  .hero h1{
    font-size:clamp(38px,5.6vw,64px);
    line-height:0.98;
    color:var(--text-on-ink);
    overflow-wrap:break-word;
  }
  .hero h1 em{
    font-style:normal;
    color:var(--signal);
  }
  .hero-sub{
    font-size:17px;
    line-height:1.55;
    color:var(--text-on-ink-muted);
    max-width:44ch;
    margin-top:20px;
  }
  .trust-line{
    margin-top:24px;
    font-family:var(--mono);
    font-size:12.5px;
    color:var(--steel-soft);
    line-height:1.7;
    border-top:1px solid var(--ink-line);
    padding-top:16px;
  }
  .hero-cta{
    margin-top:30px;
    display:flex;flex-wrap:wrap;align-items:center;gap:20px;
  }
  .hero-phone{
    font-family:var(--mono);
    font-size:15px;
    text-decoration:none;
    color:var(--text-on-ink);
    border-bottom:1px solid var(--steel);
    padding-bottom:2px;
  }
  .hero-visual{
    position:relative;
    border:1px solid var(--ink-line);
    background:linear-gradient(180deg, rgba(255,255,255,0.02), transparent);
    padding:26px 22px 20px;
  }
  .hero-visual .cap{
    font-family:var(--mono);
    font-size:11px;
    color:var(--steel-soft);
    letter-spacing:0.08em;
    text-transform:uppercase;
    display:flex;justify-content:space-between;
    margin-top:14px;
  }
  .hero-visual .cap span{color:var(--signal);}

  /* ---------- generic section ---------- */
  section{padding:88px 0;}
  section.on-ink{background:var(--ink);color:var(--text-on-ink);}
  section.on-paper2{background:var(--paper-2);}
  @media (max-width:640px){section{padding:64px 0;}}

  /* chips */
  .chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
  .chip{
    font-family:var(--mono);
    font-size:13px;
    padding:8px 14px;
    border:1px solid var(--paper-line);
    color:var(--text-ink);
    border-radius:var(--radius);
  }
  section.on-ink .chip{border-color:var(--ink-line);color:var(--text-on-ink);}
  .chip.accent{border-color:var(--copper);color:var(--copper);}

  /* two-col intro */
  .intro-row{
    display:grid;grid-template-columns:0.9fr 1.5fr;gap:48px;
  }
  .intro-row > *{min-width:0;}
  @media (max-width:820px){.intro-row{grid-template-columns:1fr;gap:28px;}}

  /* pains + capability lists */
  .job-block{margin-top:56px;}
  .job-block:first-of-type{margin-top:0;}
  .job-title{
    font-family:var(--disp);
    font-size:20px;
    text-transform:uppercase;
    margin-bottom:18px;
    color:var(--text-ink);
  }
  section.on-ink .job-title{color:var(--text-on-ink);}
  .pain-grid{
    display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
    background:var(--paper-line);
    border:1px solid var(--paper-line);
  }
  @media (max-width:640px){.pain-grid{grid-template-columns:1fr;}}
  @media (max-width:480px){.service-meta{margin-top:4px;}}
  .pain-item{
    background:var(--paper);
    padding:18px 20px;
    font-size:15px;
    line-height:1.5;
    display:flex;gap:12px;
  }
  .pain-item::before{
    content:"—";
    color:var(--copper);
    font-family:var(--mono);
    flex-shrink:0;
  }
  .capability-list{display:flex;flex-direction:column;}
  .capability-list li{
    padding:16px 0;
    border-bottom:1px solid var(--paper-line);
    display:flex;gap:16px;
    font-size:15.5px;
    line-height:1.5;
  }
  .capability-list li::before{
    content:"";
    width:6px;height:6px;
    background:var(--signal-dim);
    margin-top:8px;
    flex-shrink:0;
  }

  /* ---------- services accordion ---------- */
  .service-list{border-top:1px solid var(--paper-line);margin-top:40px;}
  .service{border-bottom:1px solid var(--paper-line);}
  .service-head{
    width:100%;background:none;border:none;
    display:flex;align-items:center;justify-content:space-between;gap:20px;
    flex-wrap:wrap;
    padding:22px 0;text-align:left;
  }
  .service-name{
    font-family:var(--disp);
    font-size:19px;
    text-transform:uppercase;
    letter-spacing:0.01em;
    flex:1 1 220px;
    min-width:0;
  }
  .service-meta{
    display:flex;align-items:center;gap:22px;flex-shrink:0;
  }
  .service-price{
    font-family:var(--mono);
    font-size:13.5px;
    color:var(--text-muted);
    white-space:nowrap;
  }
  @media (max-width:300px){.service-price{white-space:normal;text-align:right;}}
  .service-price b{color:var(--text-ink);font-weight:600;}
  .service-plus{
    width:26px;height:26px;
    border:1px solid var(--paper-line);
    display:flex;align-items:center;justify-content:center;
    position:relative;flex-shrink:0;
  }
  .service-plus::before,.service-plus::after{
    content:"";position:absolute;background:var(--text-ink);transition:transform .2s ease;
  }
  .service-plus::before{width:10px;height:1px;}
  .service-plus::after{width:1px;height:10px;}
  .service.open .service-plus::after{transform:rotate(90deg) scaleY(0);}
  .service-body{
    max-height:0;overflow:hidden;transition:max-height .28s ease;
  }
  .service.open .service-body{max-height:320px;}
  .service-body-in{
    padding:0 0 26px;
    display:flex;flex-wrap:wrap;gap:32px;
    color:var(--text-muted);font-size:14.5px;line-height:1.6;
  }
  .service-body-in p{max-width:52ch;}
  .service-body-in a{
    font-family:var(--mono);font-size:13px;color:var(--signal-dim);
    text-decoration:underline;text-underline-offset:3px;white-space:nowrap;align-self:flex-start;
  }
  .service-note{
    margin-top:34px;
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;
    padding-top:26px;border-top:1px solid var(--paper-line);
  }
  .service-note p{color:var(--text-muted);font-size:14.5px;max-width:40ch;}
  .service-note .btn{white-space:normal;text-align:center;}

  /* ---------- process ---------- */
  .steps{margin-top:48px;display:flex;flex-direction:column;}
  .step{
    display:grid;grid-template-columns:90px 1fr;gap:24px;
    padding:28px 0;border-top:1px solid var(--ink-line);
  }
  .step:last-child{border-bottom:1px solid var(--ink-line);}
  .step-num{
    font-family:var(--mono);font-size:14px;color:var(--signal);padding-top:4px;
  }
  .step-title{
    font-family:var(--disp);font-size:21px;text-transform:uppercase;color:var(--text-on-ink);
  }
  .step-text{color:var(--text-on-ink-muted);font-size:15px;line-height:1.6;margin-top:8px;max-width:56ch;}
  @media (max-width:560px){.step{grid-template-columns:1fr;gap:8px;}}

  /* ---------- cases ---------- */
  .case-scroller{
    margin-top:48px;
    display:grid;grid-template-columns:repeat(5,minmax(260px,1fr));
    gap:1px;background:var(--paper-line);
    overflow-x:auto;
    border:1px solid var(--paper-line);
  }
  @media (max-width:1000px){.case-scroller{grid-auto-flow:column;grid-template-columns:none;}}
  .case-card{
    background:var(--paper);padding:26px 22px;display:flex;flex-direction:column;
    min-width:260px;
  }
  .case-tag{font-family:var(--mono);font-size:11px;color:var(--copper);text-transform:uppercase;letter-spacing:0.08em;}
  .case-title{font-family:var(--disp);font-size:20px;text-transform:uppercase;margin-top:10px;}
  .case-client{font-family:var(--mono);font-size:12px;color:var(--text-muted);margin-top:6px;}
  .case-row{margin-top:16px;}
  .case-row .k{font-family:var(--mono);font-size:11px;color:var(--steel);text-transform:uppercase;letter-spacing:0.06em;}
  .case-row p{font-size:14px;line-height:1.5;margin-top:4px;color:var(--text-ink);}
  .case-foot{
    margin-top:auto;padding-top:18px;border-top:1px solid var(--paper-line);
    display:flex;justify-content:space-between;font-family:var(--mono);font-size:13px;
  }
  .case-foot .price{font-weight:600;color:var(--text-ink);}
  .case-foot .days{color:var(--text-muted);}

  /* ---------- team ---------- */
  .team-grid{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--paper-line);border:1px solid var(--paper-line);}
  .team-grid > *{min-width:0;}
  @media (max-width:900px){.team-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:520px){.team-grid{grid-template-columns:1fr;}}
  .team-card{background:var(--paper);padding:24px 20px 26px;}
  .avatar{
    width:56px;height:56px;border-radius:50%;
    background:var(--ink);color:var(--signal);
    display:flex;align-items:center;justify-content:center;
    font-family:var(--disp);font-size:19px;
    margin-bottom:16px;
  }
  .team-name{font-family:var(--disp);font-size:17px;text-transform:uppercase;}
  .team-role{font-family:var(--mono);font-size:12px;color:var(--copper);margin-top:6px;}
  .team-years{font-family:var(--mono);font-size:12px;color:var(--text-muted);margin-top:4px;}
  .team-cred{font-size:13.5px;color:var(--text-muted);margin-top:12px;line-height:1.5;}

  /* ---------- faq ---------- */
  .faq-list{margin-top:44px;border-top:1px solid var(--paper-line);}
  .faq-item{border-bottom:1px solid var(--paper-line);}
  .faq-q{
    width:100%;background:none;border:none;text-align:left;
    display:flex;align-items:center;justify-content:space-between;gap:20px;
    padding:20px 0;font-size:16px;font-weight:600;
  }
  .faq-plus{width:22px;height:22px;position:relative;flex-shrink:0;}
  .faq-plus::before,.faq-plus::after{content:"";position:absolute;top:50%;left:50%;background:var(--text-ink);transform:translate(-50%,-50%);}
  .faq-plus::before{width:12px;height:1px;}
  .faq-plus::after{width:1px;height:12px;transition:transform .2s ease;}
  .faq-item.open .faq-plus::after{transform:translate(-50%,-50%) scaleY(0);}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
  .faq-item.open .faq-a{max-height:300px;}
  .faq-a-in{padding:0 0 22px;color:var(--text-muted);font-size:14.5px;line-height:1.65;max-width:62ch;}

  /* ---------- final CTA ---------- */
  .cta-final{background:var(--ink);color:var(--text-on-ink);}
  .cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;}
  .cta-grid > *{min-width:0;}
  @media (max-width:860px){.cta-grid{grid-template-columns:1fr;gap:40px;}}
  .cta-left h2{color:var(--text-on-ink);}
  .cta-bullets{margin-top:28px;display:flex;flex-direction:column;gap:14px;}
  .cta-bullets li{display:flex;gap:12px;font-size:14.5px;color:var(--text-on-ink-muted);align-items:flex-start;}
  .cta-bullets li::before{content:"✓";color:var(--signal);font-family:var(--mono);flex-shrink:0;}
  .contact-block{margin-top:36px;font-family:var(--mono);font-size:13.5px;color:var(--steel-soft);line-height:2;}
  .contact-block a{color:var(--text-on-ink);text-decoration:none;}
  .form-panel{border:1px solid var(--ink-line);padding:32px;background:rgba(255,255,255,0.02);}
  .form-panel h3{font-size:16px;text-transform:none;font-family:var(--body);font-weight:600;color:var(--text-on-ink);letter-spacing:normal;margin-bottom:18px;}
  .form-panel-lede{font-size:14px;line-height:1.6;color:var(--text-on-ink-muted);margin-bottom:22px;}
  .btn-block{width:100%;white-space:normal;}
  .crm-embed{background:#fff;border-radius:var(--radius);overflow:hidden;}
  .crm-embed iframe{display:block;width:100%;border:0;}
  .field{margin-top:18px;}
  .field label{display:block;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--steel-soft);margin-bottom:8px;}
  .field input,
  .field textarea{
    width:100%;background:transparent;border:1px solid var(--ink-line);color:var(--text-on-ink);
    padding:12px 14px;font-family:var(--body);font-size:14.5px;border-radius:var(--radius);
  }
  .field textarea{resize:vertical;min-height:64px;}
  .field input:focus,
  .field textarea:focus{border-color:var(--signal);outline:none;}
  .field input::placeholder,
  .field textarea::placeholder{color:var(--steel);}
  .form-panel .btn{width:100%;margin-top:22px;}
  .form-note{font-size:12px;color:var(--steel-soft);margin-top:14px;line-height:1.5;}
  .form-ok{display:none;margin-top:18px;padding:14px;border:1px solid var(--signal-dim);color:var(--signal);font-size:13.5px;}
  .form-ok.show{display:block;}
  .form-error{display:none;margin-top:18px;padding:14px;border:1px solid #8B2E2E;color:#E08A8A;font-size:13.5px;}
  .form-error.show{display:block;}

  /* ---------- footer ---------- */
  footer{background:var(--ink-soft);color:var(--text-on-ink-muted);padding:40px 0;border-top:1px solid var(--ink-line);}
  .foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center;font-size:13px;}
  .foot-row .logo{font-size:16px;}
  .foot-links{display:flex;gap:20px;flex-wrap:wrap;}
  .foot-links a{text-decoration:none;color:var(--text-on-ink-muted);}
  .foot-links a:hover{color:var(--signal);}

  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{transition-duration:0.01ms !important;}
  }