:root{
    --navy:#0e1622;
    --navy-mid:#16233a;
    --navy-line:rgba(255,255,255,0.09);
    --paper:#eeede7;
    --paper-raised:#f7f6f2;
    --ink:#161d29;
    --ink-muted:#5c6672;
    --red:#b91c1c;
    --red-deep:#7f1414;
    --off-white:#f4f3ee;
    --mono: 'IBM Plex Mono', ui-monospace, monospace;
    --sans: 'IBM Plex Sans', Arial, sans-serif;
    --display: 'Space Grotesk', var(--sans);
  }

  *{margin:0;padding:0;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{
    font-family:var(--sans);
    background:var(--paper);
    color:var(--ink);
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
  }

  a{color:inherit}
  img{display:block;max-width:100%}

  :focus-visible{
    outline:2px solid var(--red);
    outline-offset:3px;
  }

  .eyebrow{
    font-family:var(--mono);
    font-size:0.72rem;
    letter-spacing:0.18em;
    text-transform:uppercase;
  }

  /* ---------- NAV ---------- */
  header.nav{
    position:sticky;
    top:0;
    z-index:50;
    background:var(--navy);
    border-bottom:1px solid var(--navy-line);
  }
  .nav-inner{
    max-width:1180px;
    margin:0 auto;
    padding:16px 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .nav-brand{
    display:flex;
    align-items:center;
    gap:10px;
    font-family:var(--display);
    font-weight:600;
    letter-spacing:0.04em;
    color:var(--off-white);
    text-decoration:none;
    font-size:1.05rem;
  }
  .nav-brand img.icon{width:28px;height:28px}
  .nav-brand img.wordmark{height:22px;width:auto;display:block}
  .nav-links{
    display:flex;
    gap:32px;
    list-style:none;
    font-family:var(--mono);
    font-size:0.78rem;
    letter-spacing:0.06em;
    text-transform:uppercase;
  }
  .nav-links a{
    text-decoration:none;
    color:#c6cedb;
    transition:color 0.15s ease;
  }
  .nav-links a:hover{color:var(--off-white)}
  @media (max-width:640px){
    .nav-links{gap:18px}
    .nav-links a{font-size:0.7rem}
  }

  /* ---------- HERO (blueprint) ---------- */
  .hero{
    position:relative;
    background:var(--navy);
    color:var(--off-white);
    padding:100px 24px 0;
    overflow:hidden;
  }
  .hex-stage{
    position:absolute;
    left:0;right:0;bottom:0;
    height:78%;
    overflow:hidden;
    z-index:0;
    pointer-events:none;
    perspective:1200px;
    -webkit-mask-image:linear-gradient(to top, black 30%, transparent 92%);
    mask-image:linear-gradient(to top, black 30%, transparent 92%);
  }
  .hex-bg{
    position:absolute;
    left:50%;
    bottom:0;
    width:150%;
    height:300%;
    transform:translateX(-50%) rotateX(55deg);
    transform-origin:bottom center;
  }
  .hero-frame{position:relative;z-index:1}
  .hero-frame{
    max-width:1180px;
    margin:0 auto;
    position:relative;
    padding:0 0 90px;
  }
  .crop{
    position:absolute;
    width:22px;
    height:22px;
    border:1.5px solid rgba(255,255,255,0.35);
  }
  .crop.tl{top:-40px;left:0;border-right:none;border-bottom:none}
  .crop.tr{top:-40px;right:0;border-left:none;border-bottom:none}
  .crop.bl{bottom:50px;left:0;border-right:none;border-top:none}
  .crop.br{bottom:50px;right:0;border-left:none;border-top:none}

  .hero-meta{
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    color:#8fa0ba;
    margin-bottom:56px;
    flex-wrap:wrap;
    gap:8px;
  }

  .hero-main{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:28px;
    align-items:start;
  }
  .hero-logo{width:64px;height:64px;flex-shrink:0;margin-top:6px}
  .hero-company{
    font-family:var(--mono);
    color:var(--red);
    font-size:0.8rem;
    letter-spacing:0.22em;
    margin-bottom:14px;
  }
  .hero h1{
    font-family:var(--display);
    font-weight:600;
    font-size:clamp(2.1rem, 5vw, 3.6rem);
    line-height:1.12;
    letter-spacing:-0.01em;
    margin-bottom:24px;
  }
  .hero p.lead{
    max-width:620px;
    color:#c6cedb;
    font-size:1.05rem;
    margin-bottom:34px;
  }
  .btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 26px;
    background:var(--red);
    color:#fff;
    text-decoration:none;
    font-family:var(--mono);
    font-size:0.82rem;
    letter-spacing:0.04em;
    text-transform:uppercase;
    border:1px solid var(--red);
    transition:background 0.15s ease, color 0.15s ease;
  }
  .btn:hover{background:transparent;color:var(--red)}

  @media (max-width:640px){
    .hero-main{grid-template-columns:1fr}
    .hero-logo{width:48px;height:48px}
    .crop{display:none}
  }

  /* ---------- FINDING PANEL (signature element) ---------- */
  .finding{
    margin-top:64px;
    background:rgba(255,255,255,0.03);
    border:1px solid var(--navy-line);
    padding:28px 28px 34px;
    position:relative;
  }
  .critical-callout{
    display:flex;
    align-items:center;
    gap:10px;
    border:1px dashed rgba(185,28,28,0.55);
    background:rgba(185,28,28,0.08);
    padding:11px 16px;
    margin-bottom:20px;
    font-family:var(--mono);
    font-size:0.76rem;
    letter-spacing:0.06em;
    text-transform:uppercase;
    color:#f0b4b4;
  }
  .critical-callout .dot{
    width:8px;height:8px;border-radius:50%;
    background:var(--red);
    flex-shrink:0;
    animation:pulse 2.4s ease-in-out infinite;
  }
  .severity{display:inline-flex;gap:3px;align-items:center;vertical-align:middle}
  .severity .tick{width:13px;height:4px;background:rgba(255,255,255,0.12)}
  .severity .tick.sev-crit{background:#e35c5c}
  .severity .tick.sev-med{background:#d68a34}
  .severity .tick.sev-low{background:#d4b029}
  .sev-legend{
    display:flex;
    gap:22px;
    margin-top:16px;
    flex-wrap:wrap;
    font-family:var(--mono);
    font-size:0.7rem;
    letter-spacing:0.04em;
    color:#8fa0ba;
  }
  .sev-legend span{display:inline-flex;align-items:center;gap:7px}
  .sev-legend i{width:8px;height:8px;display:inline-block;flex-shrink:0}

  .finding-label{
    color:#8fa0ba;
    margin-bottom:18px;
    display:block;
  }
  .table-scroll{
    overflow-x:auto;
    margin:0 -2px;
    padding:0 2px;
  }
  table.audit{
    width:100%;
    min-width:560px;
    border-collapse:collapse;
    font-family:var(--mono);
    font-size:0.85rem;
  }
  table.audit th{
    text-align:left;
    color:#8fa0ba;
    font-weight:500;
    font-size:0.72rem;
    letter-spacing:0.08em;
    text-transform:uppercase;
    padding-bottom:10px;
    border-bottom:1px solid var(--navy-line);
  }
  table.audit td{
    padding:12px 10px 12px 0;
    border-bottom:1px solid var(--navy-line);
    color:#dbe1ea;
  }
  table.audit tr:last-child td{border-bottom:none}
  table.audit td.status-ok{color:#3fa66d;font-weight:600}
  .status-ok::before{content:"✓  ";color:#3fa66d}
  table.audit td.status-crit{color:#e35c5c;font-weight:600}
  .status-crit::before{content:"✕  "}
  table.audit td.status-med{color:#d68a34;font-weight:600}
  .status-med::before{content:"✕  "}
  table.audit td.status-low{color:#d4b029;font-weight:600}
  .status-low::before{content:"✕  "}
  tr.flagged td{background:rgba(185,28,28,0.07)}

  .annotation{
    margin-top:22px;
    padding-left:22px;
    border-left:2px dashed rgba(185,28,28,0.5);
  }
  .annotation .tag{
    display:inline-block;
    font-family:var(--mono);
    font-size:0.68rem;
    letter-spacing:0.1em;
    color:#fff;
    background:var(--red);
    padding:3px 8px;
    margin-bottom:8px;
  }
  .annotation p{
    color:#c6cedb;
    font-size:0.92rem;
    max-width:560px;
  }

  /* ---------- SECTIONS (paper) ---------- */
  main{background:var(--paper)}
  .section{
    max-width:1180px;
    margin:0 auto;
    padding:96px 24px;
  }
  .section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:24px;
    margin-bottom:0;
    border-bottom:1px solid rgba(22,29,41,0.15);
    padding-bottom:20px;
  }
  .section-head .eyebrow{color:var(--red)}
  .section-head h2{
    font-family:var(--display);
    font-weight:600;
    font-size:clamp(1.6rem, 3vw, 2.2rem);
    margin-top:6px;
  }
  .section-head .count{
    font-family:var(--mono);
    color:var(--ink-muted);
    font-size:0.85rem;
  }

  /* Services index */
  .index-row{
    display:grid;
    grid-template-columns:80px 260px 1fr;
    gap:28px;
    padding:26px 0;
    border-bottom:1px solid rgba(22,29,41,0.12);
    transition:padding-left 0.15s ease, border-color 0.15s ease;
    border-left:2px solid transparent;
  }
  .index-row:hover{
    padding-left:14px;
    border-left:2px solid var(--red);
  }
  .index-code{
    font-family:var(--mono);
    color:var(--red);
    font-size:0.85rem;
    padding-top:2px;
  }
  .index-title{
    font-family:var(--display);
    font-weight:600;
    font-size:1.05rem;
  }
  .index-desc{color:var(--ink-muted);font-size:0.94rem}
  @media (max-width:760px){
    .index-row{grid-template-columns:1fr;gap:6px}
  }

  /* About / notes */
  .notes{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:36px 48px;
  }
  .note{
    display:flex;
    gap:16px;
  }
  .note-num{
    font-family:var(--mono);
    color:var(--red);
    font-size:0.85rem;
    flex-shrink:0;
    padding-top:3px;
  }
  .note p{color:var(--ink);font-size:1rem;max-width:44ch}
  @media (max-width:760px){
    .notes{grid-template-columns:1fr}
  }

  /* Contact */
  .contact-wrap{
    background:var(--paper-raised);
    border:1px solid rgba(22,29,41,0.12);
    padding:48px;
  }
  .contact-wrap h2{
    font-family:var(--display);
    font-size:1.7rem;
    font-weight:600;
    margin-bottom:10px;
  }
  .contact-wrap p{color:var(--ink-muted);max-width:44ch;margin-bottom:26px}
  .field-list{list-style:none;font-size:0.92rem}
  .field-list li{
    display:flex;
    gap:14px;
    padding:9px 0;
    border-bottom:1px solid rgba(22,29,41,0.1);
  }
  .field-list .field-label{color:var(--ink-muted);width:76px;flex-shrink:0;letter-spacing:0.04em;font-family:var(--mono)}
  .field-list a{text-decoration:none;color:var(--ink);font-family:var(--sans);font-weight:600;font-size:1rem}
  .field-list a:hover{color:var(--red)}
  .contact-wrap p{color:var(--ink-muted);max-width:52ch;margin-bottom:0}
  @media (max-width:760px){
    .contact-wrap{padding:32px}
  }

  /* Status indicator */
  .status-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-family:var(--mono);
    font-size:0.76rem;
    letter-spacing:0.06em;
    text-transform:uppercase;
    color:var(--ink-muted);
    margin-top:22px;
  }
  .status-dot{
    width:8px;height:8px;border-radius:50%;
    background:#1e8e5a;
    flex-shrink:0;
    animation:pulse 2.4s ease-in-out infinite;
  }
  @keyframes pulse{
    0%,100%{box-shadow:0 0 0 0 rgba(30,142,90,0.35)}
    50%{box-shadow:0 0 0 6px rgba(30,142,90,0)}
  }

  /* Hero scanline atmosphere */
  .hero::after{
    content:"";
    position:absolute;
    left:0;right:0;
    top:-140px;
    height:140px;
    background:linear-gradient(to bottom, transparent, rgba(255,255,255,0.05), transparent);
    animation:scan 9s linear infinite;
    pointer-events:none;
  }
  @keyframes scan{
    0%{top:-140px}
    100%{top:100%}
  }

  /* Methodology ticker inside finding panel */
  .ticker{
    margin-top:20px;
    padding-top:16px;
    border-top:1px solid var(--navy-line);
    font-family:var(--mono);
    font-size:0.74rem;
    letter-spacing:0.03em;
    color:#6d7f99;
  }
  .ticker b{color:#8fa0ba;font-weight:500}

  .intro-block{max-width:70ch;margin-bottom:40px}
  .intro-block p{font-size:1.05rem;color:var(--ink);margin-bottom:18px}
  .intro-block p:last-child{margin-bottom:0}

  .page-banner{
    background:var(--navy);
    color:var(--off-white);
    padding:64px 0 56px;
  }
  .page-banner-inner{
    max-width:1180px;
    margin:0 auto;
    padding:0 24px;
  }
  .page-banner h1{
    font-family:var(--display);
    font-weight:600;
    font-size:clamp(1.8rem, 4vw, 2.6rem);
    margin-top:10px;
  }

  /* Footer */
  footer{
    background:var(--navy);
    color:#8fa0ba;
    font-family:var(--mono);
    font-size:0.78rem;
    letter-spacing:0.03em;
  }
  .footer-inner{
    max-width:1180px;
    margin:0 auto;
    padding:28px 24px;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:10px;
  }

  /* Full-height side-margin pattern — flush against the viewport edge, only where the paper margin is wide enough */
  main{position:relative}
  @media (min-width:1650px){
    main::before,
    main::after{
      content:"";
      position:absolute;
      top:0;
      bottom:0;
      width:calc((100% - 1180px)/2);
      background-repeat:repeat-y;
      background-position:top center;
      background-size:150px 3400px;
      pointer-events:none;
      z-index:0;
    }
    main::before{
      left:0;
      background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 3400" preserveAspectRatio="none"> <g fill="none" stroke="%23161d29" stroke-opacity="0.28" stroke-width="1.6"> <path d="M75,0 L75,110 L75,227 L75,302 L75,413 L75,534 L75,652 L75,735 L75,826 L75,918 L75,1047 L75,1153 L75,1228 L75,1353 L75,1433 L75,1562 L75,1642 L75,1755 L75,1850 L75,1933 L75,2012 L75,2129 L75,2207 L75,2284 L75,2378 L75,2483 L75,2553 L75,2672 L75,2742 L75,2868 L75,2991 L75,3071 L75,3142 L75,3227 L75,3345 L75,3400"/> <path d="M75,110 L107,110"/><path d="M75,227 L32,227"/><path d="M75,302 L33,302"/><path d="M75,413 L107,413"/><path d="M75,652 L110,652"/><path d="M75,826 L103,826"/><path d="M75,918 L27,918"/><path d="M75,1047 L126,1047"/><path d="M75,1153 L49,1153"/><path d="M75,1353 L114,1353"/><path d="M75,1433 L29,1433"/><path d="M75,1562 L31,1562"/><path d="M75,1642 L129,1642"/><path d="M75,1755 L43,1755"/><path d="M75,1850 L21,1850"/><path d="M75,1933 L128,1933"/><path d="M75,2012 L27,2012"/><path d="M75,2129 L111,2129"/><path d="M75,2207 L26,2207"/><path d="M75,2284 L25,2284"/><path d="M75,2378 L116,2378"/><path d="M75,2553 L29,2553"/><path d="M75,2672 L41,2672"/><path d="M75,2868 L34,2868"/><path d="M75,2991 L46,2991"/><path d="M75,3071 L31,3071"/><path d="M75,3142 L128,3142"/><path d="M75,3227 L48,3227"/><path d="M75,3345 L46,3345"/> </g> <circle cx="107" cy="110" r="4" fill="%23b91c1c"/><circle cx="32" cy="227" r="2.5" fill="%23161d29" fill-opacity="0.4"/><circle cx="33" cy="302" r="4" fill="%23b91c1c"/><circle cx="107" cy="413" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="110" cy="652" r="4" fill="%23b91c1c"/><circle cx="103" cy="826" r="4" fill="%23b91c1c"/><circle cx="27" cy="918" r="2.5" fill="%23161d29" fill-opacity="0.4"/><circle cx="126" cy="1047" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="49" cy="1153" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="114" cy="1353" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="29" cy="1433" r="4" fill="%23b91c1c"/><circle cx="31" cy="1562" r="2.5" fill="%23161d29" fill-opacity="0.4"/><circle cx="129" cy="1642" r="2.5" fill="%23161d29" fill-opacity="0.4"/><circle cx="43" cy="1755" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="21" cy="1850" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="128" cy="1933" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="27" cy="2012" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="111" cy="2129" r="4" fill="%23b91c1c"/><circle cx="26" cy="2207" r="4" fill="%23b91c1c"/><circle cx="25" cy="2284" r="2.5" fill="%23161d29" fill-opacity="0.4"/><circle cx="116" cy="2378" r="4" fill="%23b91c1c"/><circle cx="29" cy="2553" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="41" cy="2672" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="34" cy="2868" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="46" cy="2991" r="4" fill="%23b91c1c"/><circle cx="31" cy="3071" r="4" fill="%23b91c1c"/><circle cx="128" cy="3142" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="48" cy="3227" r="2.5" fill="%23161d29" fill-opacity="0.4"/><circle cx="46" cy="3345" r="2.5" fill="%23161d29" fill-opacity="0.4"/> </svg>');
    }
    main::after{
      right:0;
      background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 3400" preserveAspectRatio="none"> <g fill="none" stroke="%23161d29" stroke-opacity="0.28" stroke-width="1.6"> <path d="M75,0 L75,95 L75,213 L75,343 L75,463 L75,556 L75,680 L75,780 L75,863 L75,971 L75,1101 L75,1181 L75,1311 L75,1391 L75,1470 L75,1573 L75,1659 L75,1788 L75,1864 L75,1943 L75,2069 L75,2155 L75,2225 L75,2320 L75,2424 L75,2548 L75,2659 L75,2742 L75,2860 L75,2986 L75,3106 L75,3232 L75,3345 L75,3400"/> <path d="M75,95 L43,95"/><path d="M75,213 L116,213"/><path d="M75,343 L37,343"/><path d="M75,556 L46,556"/><path d="M75,680 L20,680"/><path d="M75,780 L42,780"/><path d="M75,863 L36,863"/><path d="M75,971 L39,971"/><path d="M75,1181 L119,1181"/><path d="M75,1311 L49,1311"/><path d="M75,1391 L102,1391"/><path d="M75,1470 L38,1470"/><path d="M75,1573 L30,1573"/><path d="M75,1659 L39,1659"/><path d="M75,1788 L31,1788"/><path d="M75,1864 L105,1864"/><path d="M75,2069 L125,2069"/><path d="M75,2155 L105,2155"/><path d="M75,2225 L40,2225"/><path d="M75,2320 L112,2320"/><path d="M75,2424 L21,2424"/><path d="M75,2548 L107,2548"/><path d="M75,2659 L103,2659"/><path d="M75,2742 L38,2742"/><path d="M75,2986 L102,2986"/><path d="M75,3106 L21,3106"/><path d="M75,3232 L41,3232"/><path d="M75,3345 L106,3345"/> </g> <circle cx="43" cy="95" r="4" fill="%23b91c1c"/><circle cx="116" cy="213" r="2.5" fill="%23161d29" fill-opacity="0.4"/><circle cx="37" cy="343" r="2.5" fill="%23161d29" fill-opacity="0.4"/><circle cx="46" cy="556" r="2.5" fill="%23161d29" fill-opacity="0.4"/><circle cx="20" cy="680" r="2.5" fill="%23161d29" fill-opacity="0.4"/><circle cx="42" cy="780" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="36" cy="863" r="2.5" fill="%23161d29" fill-opacity="0.4"/><circle cx="39" cy="971" r="4" fill="%23b91c1c"/><circle cx="119" cy="1181" r="2.5" fill="%23161d29" fill-opacity="0.4"/><circle cx="49" cy="1311" r="4" fill="%23b91c1c"/><circle cx="102" cy="1391" r="2.5" fill="%23161d29" fill-opacity="0.4"/><circle cx="38" cy="1470" r="4" fill="%23b91c1c"/><circle cx="30" cy="1573" r="4" fill="%23b91c1c"/><circle cx="39" cy="1659" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="31" cy="1788" r="2.5" fill="%23161d29" fill-opacity="0.4"/><circle cx="105" cy="1864" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="125" cy="2069" r="4" fill="%23b91c1c"/><circle cx="105" cy="2155" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="40" cy="2225" r="4" fill="%23b91c1c"/><circle cx="112" cy="2320" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="21" cy="2424" r="4" fill="%23b91c1c"/><circle cx="107" cy="2548" r="4" fill="%23b91c1c"/><circle cx="103" cy="2659" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="38" cy="2742" r="4" fill="%23b91c1c"/><circle cx="102" cy="2986" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="21" cy="3106" r="3" fill="%23161d29" fill-opacity="0.4"/><circle cx="41" cy="3232" r="4" fill="%23b91c1c"/><circle cx="106" cy="3345" r="4" fill="%23b91c1c"/> </svg>');
    }
    main > *{position:relative;z-index:1}
  }

  /* ---------- SERVICE DETAIL BLOCKS (Diensten page) ---------- */
  .service-block{
    padding:44px 0;
    border-bottom:1px solid rgba(22,29,41,0.12);
  }
  .service-block:last-child{border-bottom:none}
  .service-head{
    display:flex;
    align-items:baseline;
    gap:14px;
    margin-bottom:22px;
    flex-wrap:wrap;
  }
  .service-code{
    font-family:var(--mono);
    color:var(--red);
    font-size:0.9rem;
  }
  .service-title{
    font-family:var(--display);
    font-weight:600;
    font-size:1.35rem;
  }
  .service-label{
    font-family:var(--mono);
    font-size:0.72rem;
    letter-spacing:0.1em;
    text-transform:uppercase;
    color:var(--red);
    display:block;
    margin:22px 0 8px;
  }
  .service-label:first-of-type{margin-top:0}
  .service-block p{color:var(--ink);font-size:0.98rem;max-width:68ch}
  .service-list{list-style:none;max-width:68ch}
  .service-list li{
    position:relative;
    padding-left:20px;
    color:var(--ink);
    font-size:0.98rem;
    margin-bottom:8px;
  }
  .service-list li::before{
    content:"";
    position:absolute;
    left:0;top:0.55em;
    width:8px;height:2px;
    background:var(--red);
  }
  .service-steps{
    list-style:none;
    counter-reset:step;
    max-width:68ch;
  }
  .service-steps li{
    counter-increment:step;
    position:relative;
    padding-left:34px;
    color:var(--ink);
    font-size:0.98rem;
    margin-bottom:12px;
  }
  .service-steps li::before{
    content:counter(step);
    position:absolute;
    left:0;top:0;
    font-family:var(--mono);
    font-size:0.78rem;
    color:var(--red);
    border:1px solid var(--red);
    width:20px;height:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .service-why{
    border-left:2px solid var(--red);
    padding-left:16px;
    margin-top:22px;
  }
  .service-why p{color:var(--ink-muted)}