/* ============ TOKENS — реальный бренд Arinen ============ */
  :root{
    --paper-0:#ffffff;
    --paper-50:#f6f8f8;
    --paper-100:#eef2f2;
    --line:#dde4e4;

    --ink-900:#1a1b27;
    --ink-600:#4c4f5c;
    --ink-400:#707176;

    --teal:#1c7484;
    --teal-dark:#123f49;
    --teal-tint:#e8f1f2;
    --rose:#bf3056;
    --rose-tint:#f8e9ed;
    --sand:#ccb296;
    --sand-tint:#f7f1ea;

    --on-teal:#ffffff;

    --radius-sm:4px;
    --radius-md:8px;
    --radius-lg:16px;
    --radius-pill:999px;

    --space-1:4px; --space-2:8px; --space-3:12px; --space-4:20px;
    --space-5:32px; --space-6:48px; --space-7:72px; --space-8:104px;

    --container:1180px;
    --font-mono:'IBM Plex Mono',monospace;
  }

  #page{ --font-display:'Space Grotesk',sans-serif; --font-body:'Manrope',sans-serif; }
  #page[data-font="inter"]{ --font-display:'Inter',sans-serif; --font-body:'Inter',sans-serif; }
  #page[data-font="manrope"]{ --font-display:'Manrope',sans-serif; --font-body:'Manrope',sans-serif; }
  #page[data-font="grotesk"]{ --font-display:'Space Grotesk',sans-serif; --font-body:'Space Grotesk',sans-serif; }

  *{ box-sizing:border-box; }
  html,body{ margin:0; padding:0; }
  body{ background:var(--paper-0); color:var(--ink-600); font-family:'Manrope',sans-serif; }
  img{ max-width:100%; }
  h1,h2,h3{ font-family:var(--font-display,'Space Grotesk',sans-serif); text-wrap:balance; margin:0; color:var(--ink-900); }
  p{ margin:0; }
  a{ color:inherit; }
  .container{ max-width:var(--container); margin:0 auto; padding:0 var(--space-5); }
  .eyebrow{ font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--teal); }
  .btn{
    display:inline-flex; align-items:center; gap:var(--space-2);
    font-family:var(--font-body,'Manrope',sans-serif); font-weight:700; font-size:14.5px;
    padding:13px 22px; border-radius:var(--radius-sm); border:1px solid transparent;
    cursor:pointer; text-decoration:none; white-space:nowrap;
  }
  .btn-primary{ background:var(--teal); color:var(--on-teal); }
  .btn-primary:hover{ background:var(--rose); }
  .btn-ghost{ background:transparent; color:var(--ink-900); border-color:var(--line); }
  .btn-ghost:hover{ border-color:var(--rose); color:var(--rose); }
  .btn:focus-visible{ outline:2px solid var(--teal); outline-offset:2px; }

  /* ============ REVIEW TOOLBAR (не часть сайта) ============ */
  .review{ background:var(--ink-900); color:var(--paper-0); padding:var(--space-4) var(--space-5); }
  .review-head{ display:flex; align-items:baseline; justify-content:space-between; gap:var(--space-4); flex-wrap:wrap; max-width:var(--container); margin:0 auto var(--space-4); }
  .review-head h2{ font-size:15px; color:var(--paper-0); }
  .review-head span{ font-size:12.5px; color:#9aa0a6; font-family:'IBM Plex Mono',monospace; }
  .review-grid{ max-width:var(--container); margin:0 auto; display:grid; grid-template-columns:1fr 1.2fr; gap:var(--space-6); }
  @media (max-width:860px){ .review-grid{ grid-template-columns:1fr; } }

  .brandswatches{ display:flex; gap:var(--space-3); flex-wrap:wrap; margin-bottom:var(--space-4); }
  .bswatch{ flex:1 1 110px; }
  .bswatch i{ display:block; width:100%; height:34px; border-radius:var(--radius-sm); background:var(--sw); margin-bottom:6px; }
  .bswatch b{ display:block; font-size:12.5px; color:var(--paper-0); }
  .bswatch small{ display:block; font-family:'IBM Plex Mono',monospace; font-size:10.5px; color:#9aa0a6; }
  .review p.note{ font-size:12.5px; color:#c7ccd1; line-height:1.6; max-width:48ch; }

  .fontrow{ display:flex; gap:var(--space-2); flex-wrap:wrap; margin-bottom:var(--space-4); }
  .fontbtn{ border:1px solid #3a3d4a; background:#232530; color:#dfe2e6; padding:9px 14px; border-radius:var(--radius-pill); font-size:13px; cursor:pointer; }
  .fontbtn[aria-pressed="true"]{ border-color:var(--sand); color:var(--paper-0); box-shadow:0 0 0 1px var(--sand); }
  .specimen{ border:1px solid #3a3d4a; border-radius:var(--radius-md); background:#20222c; padding:var(--space-5); }
  .specimen h3{ font-size:clamp(24px,3.2vw,32px); line-height:1.14; margin-bottom:var(--space-3); font-family:var(--font-display); color:var(--paper-0); }
  .specimen p{ font-family:var(--font-body); font-size:15px; line-height:1.7; color:#c7ccd1; max-width:56ch; }

  /* ============ PLACEHOLDER BADGE ============ */
  .tbd{
    display:inline-flex; align-items:center; gap:6px;
    font-family:'IBM Plex Mono',monospace; font-size:12px; font-weight:600;
    color:#8a2745; background:rgba(255,255,255,.85);
    border:1px dashed rgba(191,48,86,.55); border-radius:var(--radius-sm);
    padding:3px 8px; line-height:1.3;
  }

  /* ============ WAVE STRIP — фирменный волновой мотив ============ */
  /* ============ SITE HEADER ============ */
  header.site{ position:sticky; top:0; z-index:5; background:rgba(255,255,255,.92); backdrop-filter:blur(8px); border-bottom:1px solid var(--line); }
  .nav{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:var(--space-3) var(--space-5); gap:var(--space-3) var(--space-4); }
  .menu-toggle{ display:none; align-items:center; justify-content:center; width:38px; height:38px; border:1px solid var(--line); border-radius:var(--radius-sm); background:none; color:var(--teal); font-size:18px; cursor:pointer; flex:0 0 auto; }
  .brand img{ display:block; height:34px; width:auto; }
  .navlinks{ display:flex; order:3; gap:var(--space-5); list-style:none; margin:0; padding:0; font-size:14px; }
  .navlinks a{ text-decoration:none; color:var(--teal); }
  .navlinks a:hover{ color:var(--rose); }
  .navright{ display:flex; order:4; align-items:center; gap:var(--space-3); flex-wrap:wrap; }
  .langs{ display:flex; gap:6px; flex-wrap:wrap; }
  .langs a, .langs span{ font-family:'IBM Plex Mono',monospace; font-size:11px; border:1px solid var(--line); border-radius:var(--radius-pill); padding:3px 7px; white-space:nowrap; }
  .langs a{ color:var(--teal); text-decoration:none; }
  .langs a:hover{ color:var(--rose); border-color:var(--rose); cursor:pointer; }
  .langs a.active{ color:var(--rose); border-color:var(--rose); }
  .langs span.lang-soon{ color:var(--ink-400); opacity:.45; cursor:default; }

  @media (max-width:900px){
    .menu-toggle{ display:inline-flex; }
    .navlinks{ display:none; flex-basis:100%; flex-direction:column; gap:var(--space-3); order:5; padding-top:var(--space-3); margin-top:var(--space-2); border-top:1px solid var(--line); }
    .nav.open .navlinks{ display:flex; }
  }
  @media (max-width:640px){
    .navright{ flex-basis:100%; justify-content:space-between; }
    .btn-primary{ padding:9px 14px; font-size:13px; }
  }
  @media (max-width:380px){
    .langs a, .langs span{ font-size:10px; padding:2px 6px; }
    .langs{ gap:4px; }
  }

  /* ============ HERO — теперь с цветной подложкой и картой ============ */
  .hero{ padding:var(--space-7) var(--space-5) var(--space-6); background:linear-gradient(135deg, var(--sand-tint) 0%, var(--paper-0) 45%, var(--teal-tint) 100%); }
  .hero-grid{ max-width:var(--container); margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:var(--space-7); align-items:center; }
  @media (max-width:920px){ .hero-grid{ grid-template-columns:1fr; gap:var(--space-6); } }
  .hero h1{ font-size:clamp(32px,4.2vw,48px); line-height:1.08; margin:var(--space-3) 0 var(--space-4); }
  .hero p.lead{ font-family:var(--font-body); font-size:17px; line-height:1.65; color:var(--ink-400); max-width:52ch; margin-bottom:var(--space-5); }
  .hero-cta{ display:flex; gap:var(--space-3); flex-wrap:wrap; }

  .map-card{ background:var(--paper-0); border-radius:var(--radius-lg); box-shadow:0 24px 64px -24px rgba(26,27,39,.28); padding:var(--space-4); }
  .map-card svg{ width:100%; height:auto; display:block; }

  .map-sea{ fill:var(--teal); }
  .map-land{ fill:var(--sand); stroke:var(--paper-0); stroke-width:2.5; stroke-linejoin:round; }
  .map-text{ font-family:'IBM Plex Mono',monospace; fill:#fff; paint-order:stroke; stroke:var(--ink-900); stroke-width:3px; stroke-linejoin:round; }
  .map-city-label{ font-size:13px; font-weight:700; letter-spacing:.03em; }
  .map-region-label{ font-size:14px; font-weight:700; letter-spacing:.16em; fill:var(--ink-900); stroke:rgba(255,255,255,.8); text-anchor:middle; }
  .map-sea-label{ font-family:'IBM Plex Mono',monospace; font-size:11px; fill:rgba(255,255,255,.85); letter-spacing:.16em; text-anchor:middle; }
  .map-city-halo{ fill:#fff; }
  .map-city-ring{ fill:none; stroke:var(--rose); stroke-width:2; opacity:.85; }
  .map-city-dot{ fill:var(--ink-900); }
  .map-route{ fill:none; stroke:rgba(26,27,39,.2); stroke-width:2.5; stroke-linecap:round; }
  .map-route.corridor{ stroke:var(--rose); stroke-width:2.5; stroke-dasharray:7 8; stroke-linecap:round; animation:flow 2.2s linear infinite; }
  @keyframes flow{ to{ stroke-dashoffset:-30; } }
  .truck, .truck-back{
    offset-path: path('M248.4,69.9 L246.2,273.5 L211.0,332.9 L278.6,572.1');
    offset-rotate:auto;
  }
  .truck{ animation:driveRoute 13s linear infinite; }
  .truck-back{ animation:driveRouteBack 13s linear infinite; animation-delay:6.5s; }
  @keyframes driveRoute{ 0%{ offset-distance:0%; } 100%{ offset-distance:100%; } }
  @keyframes driveRouteBack{ 0%{ offset-distance:100%; } 100%{ offset-distance:0%; } }
  @media (prefers-reduced-motion: reduce){
    .truck{ animation:none; offset-distance:32%; }
    .truck-back{ animation:none; offset-distance:78%; }
    .map-route.corridor{ animation:none; }
  }

  /* ============ ABOUT — расширенный блок «о нас», больше текста и красок ============ */
  .about{ padding-top:var(--space-7); padding-bottom:var(--space-7); }
  .about-grid{ max-width:var(--container); margin:0 auto; display:grid; grid-template-columns:1.15fr 1fr; gap:var(--space-7); align-items:start; }
  @media (max-width:920px){ .about-grid{ grid-template-columns:1fr; } }
  .about-copy p{ font-size:16px; line-height:1.75; color:var(--ink-600); max-width:64ch; margin-top:var(--space-4); }
  .about-copy p:first-of-type{ margin-top:0; }

  .pillar-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-5); }
  @media (max-width:480px){ .pillar-grid{ grid-template-columns:1fr; } }
  .pillar{ display:flex; gap:var(--space-3); align-items:flex-start; }
  .pillar-icon{ width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:19px; flex:0 0 auto; }
  .pillar-icon.c-teal{ background:var(--teal); }
  .pillar-icon.c-rose{ background:var(--rose); }
  .pillar-icon.c-sand{ background:var(--sand); }
  .pillar-body b{ display:block; font-family:var(--font-display); font-size:15px; color:var(--ink-900); margin-bottom:3px; }
  .pillar-body span{ display:block; font-size:13px; line-height:1.5; color:var(--ink-400); }

  /* ============ COVERAGE — сдвинут выше, цветной фон ============ */
  #coverage{ background:var(--sand-tint); }
  .coverage{ max-width:var(--container); margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:var(--space-6); align-items:center; }
  @media (max-width:820px){ .coverage{ grid-template-columns:1fr; } }
  .tierlist{ display:flex; flex-direction:column; gap:var(--space-5); }
  .tier-group{ display:flex; flex-direction:column; gap:var(--space-2); }
  .citychips{ display:flex; flex-wrap:wrap; gap:6px; padding-left:2px; }
  .citychip{ font-family:'IBM Plex Mono',monospace; font-size:11.5px; color:var(--ink-600); background:var(--paper-0); border:1px solid var(--line); border-radius:var(--radius-pill); padding:3px 9px; text-decoration:none; display:inline-block; }
  .citychip:hover{ border-color:var(--rose); color:var(--rose); cursor:pointer; }
  .tier{ display:flex; align-items:center; gap:var(--space-3); }
  .tier .chip{ flex:0 0 auto; }
  .tier-desc{ font-size:13.5px; color:var(--ink-600); }
  .chip{ font-size:13.5px; font-weight:600; padding:8px 16px; border-radius:var(--radius-pill); background:var(--paper-0); border:1px solid var(--line); color:var(--ink-900); text-decoration:none; display:inline-block; }
  .chip.solid{ background:var(--teal); color:var(--on-teal); border-color:transparent; }
  a.chip.solid:hover{ background:var(--rose); }
  a.chip:not(.solid):hover{ background:var(--rose); color:#fff; border-color:var(--rose); }
  .coverage-card{ border:1px solid var(--line); border-radius:var(--radius-md); padding:var(--space-5); background:var(--paper-0); }
  .coverage-card .eyebrow{ margin-bottom:var(--space-2); display:block; }

  /* ============ TRUST STRIP — теперь плотный цветной блок ============ */
  .trust{ background:var(--teal); }
  .trust-grid{ max-width:var(--container); margin:0 auto; padding:var(--space-6) var(--space-5); display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-5); }
  @media (max-width:640px){ .trust-grid{ grid-template-columns:1fr; } }
  .trust-item b{ display:block; font-family:'IBM Plex Mono',monospace; font-size:34px; color:#fff; }
  .trust-item .tbd{ margin-top:var(--space-2); }
  .trust-note{ max-width:var(--container); margin:0 auto; padding:0 var(--space-5) var(--space-5); font-size:12.5px; color:rgba(255,255,255,.75); }

  /* ============ SECTION SCAFFOLD ============ */
  section{ padding:var(--space-7) var(--space-5); }
  .section-head{ max-width:var(--container); margin:0 auto var(--space-6); display:flex; justify-content:space-between; align-items:end; gap:var(--space-4); flex-wrap:wrap; }
  .section-head h2{ font-size:clamp(24px,2.6vw,32px); margin-top:var(--space-2); }

  /* ============ SERVICES — сдвинуты вниз, цветной фон, цветные иконки ============ */
  #services{ background:var(--teal-tint); }
  .ledger{ max-width:var(--container); margin:0 auto; border-top:1px solid var(--line); }
  .ledger-row{ display:grid; grid-template-columns:64px 40px 1fr 1.3fr auto; align-items:center; gap:var(--space-4); padding:var(--space-4) 0; border-bottom:1px solid var(--line); text-decoration:none; color:inherit; }
  .ledger-row:hover .ledger-title{ color:var(--teal); }
  .ledger-num{ font-family:'IBM Plex Mono',monospace; color:var(--ink-400); font-size:13px; }
  .ledger-icon{ width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:17px; }
  .ledger-row:nth-child(1) .ledger-icon{ background:var(--teal); }
  .ledger-row:nth-child(2) .ledger-icon{ background:var(--rose); }
  .ledger-row:nth-child(3) .ledger-icon{ background:var(--sand); }
  .ledger-row:nth-child(4) .ledger-icon{ background:var(--teal); }
  .ledger-row:nth-child(5) .ledger-icon{ background:var(--rose); }
  .ledger-title{ font-family:var(--font-display); font-weight:600; font-size:17px; color:var(--ink-900); }
  .ledger-desc{ font-size:14px; color:var(--ink-400); line-height:1.5; }
  .ledger-arrow{ color:var(--ink-400); font-family:'IBM Plex Mono',monospace; }
  @media (max-width:760px){
    .ledger-row{ grid-template-columns:32px 1fr; grid-template-areas:"num title" ". desc" ". arrow"; row-gap:6px; }
    .ledger-icon{ display:none; }
    .ledger-num{ grid-area:num; } .ledger-title{ grid-area:title; } .ledger-desc{ grid-area:desc; } .ledger-arrow{ grid-area:arrow; justify-self:start; }
  }

  /* ============ REQUEST FORM ============ */
  .request{ background:var(--paper-50); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .request-grid{ max-width:var(--container); margin:0 auto; display:grid; grid-template-columns:.85fr 1.15fr; gap:var(--space-7); align-items:start; }
  @media (max-width:920px){ .request-grid{ grid-template-columns:1fr; } }
  .slip{ background:var(--paper-0); border:1px solid var(--line); border-radius:var(--radius-md); padding:var(--space-5); }
  .slip-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:var(--space-4); padding-bottom:var(--space-3); border-bottom:1px dashed var(--line); }
  .slip-head .mono{ font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--ink-400); }
  .field-row{ display:grid; grid-template-columns:1fr 1fr; gap:var(--space-3); margin-bottom:var(--space-3); }
  .field{ display:flex; flex-direction:column; gap:6px; }
  .field.full{ grid-column:1 / -1; }
  .field label{ font-size:12px; color:var(--ink-400); font-family:'IBM Plex Mono',monospace; text-transform:uppercase; letter-spacing:.05em; }
  .field input, .field textarea{ background:var(--paper-50); border:1px solid var(--line); border-radius:var(--radius-sm); color:var(--ink-900); font-family:var(--font-body); font-size:14.5px; padding:11px 12px; }
  .field input::placeholder, .field textarea::placeholder{ color:#9aa0a6; }
  .field input:focus-visible, .field textarea:focus-visible{ outline:2px solid var(--teal); outline-offset:1px; border-color:var(--teal); }
  .field textarea{ resize:vertical; min-height:70px; }
  .slip .btn-primary{ width:100%; justify-content:center; margin-top:var(--space-2); }
  .slip-note{ font-size:11.5px; color:var(--ink-400); margin-top:var(--space-3); }
  .slip-note.is-error{ color:var(--rose); font-weight:600; }
  .slip-note.is-success{ color:var(--teal); font-weight:600; }
  .vehicle-choice.vehicle-choice-error .vehicle-option{ border-color:var(--rose); }

  /* --- Реквизиты / прямые контакты (kontakty.html и любая другая страница с этой карточкой) --- */
  .req-grid{ max-width:var(--container); margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:var(--space-5); }
  @media (max-width:820px){ .req-grid{ grid-template-columns:1fr; } }
  .req-card{ background:var(--paper-0); border:1px solid var(--line); border-radius:var(--radius-md); padding:var(--space-5); }
  .req-card h3{ font-size:16px; margin-bottom:var(--space-4); }
  .req-row{ display:flex; justify-content:space-between; gap:var(--space-3); padding:9px 0; border-bottom:1px dashed var(--line); font-size:14px; }
  .req-row:last-child{ border-bottom:none; }
  .req-row span:first-child{ color:var(--ink-400); font-family:'IBM Plex Mono',monospace; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
  .req-row span:last-child{ color:var(--ink-900); font-weight:600; text-align:right; }

  .channel-list{ display:flex; flex-direction:column; gap:var(--space-3); }
  .channel{ display:flex; align-items:center; gap:var(--space-3); padding:var(--space-3); border:1px solid var(--line); border-radius:var(--radius-md); text-decoration:none; color:inherit; background:var(--paper-0); }
  .channel:hover{ border-color:var(--teal); }
  .channel-icon{ width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:18px; flex:0 0 auto; overflow:hidden; }
  .channel-icon svg{ width:100%; height:100%; }
  .channel-icon.c-teal{ background:var(--teal); }
  .channel-icon.c-rose{ background:var(--rose); }
  .channel-icon.c-sand{ background:var(--sand); }
  .channel-body b{ display:block; font-family:var(--font-display); font-size:14.5px; color:var(--ink-900); }
  .channel-body span{ display:block; font-size:13px; color:var(--ink-400); }

  .vehicle-choice{ display:flex; gap:var(--space-2); }
  .vehicle-option{ position:relative; flex:1; display:flex; align-items:center; justify-content:center; padding:9px var(--space-3); border:1px solid var(--line); border-radius:var(--radius-sm); cursor:pointer; text-align:center; font-size:13.5px; color:var(--ink-600); background:var(--paper-50); transition:border-color .15s, background .15s, color .15s; }
  .vehicle-option input{ position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
  .vehicle-option:has(input:checked){ border-color:var(--teal); background:var(--teal-tint); color:var(--ink-900); font-weight:600; }
  .vehicle-option:has(input:focus-visible){ outline:2px solid var(--teal); outline-offset:2px; }

  /* ============ FOOTER ============ */
  footer{ background:var(--teal-dark); color:#cfe3e7; padding:var(--space-6) var(--space-5) var(--space-5); }
  .foot-grid{ max-width:var(--container); margin:0 auto; display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:var(--space-5); padding-bottom:var(--space-5); border-bottom:1px solid rgba(255,255,255,.15); }
  @media (max-width:760px){ .foot-grid{ grid-template-columns:1fr 1fr; } }
  .foot-grid h4{ font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:#9fc2c9; margin-bottom:var(--space-3); font-family:'IBM Plex Mono',monospace; }
  .foot-grid ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; font-size:14px; color:#dcecee; }
  .foot-grid ul a{ text-decoration:none; color:inherit; transition:color .15s; }
  .foot-grid ul a:hover{ color:var(--rose); }
  .msngr-list a{ display:inline-flex; align-items:center; gap:8px; }
  .msg-icon{ width:18px; height:18px; flex-shrink:0; }
  footer .brand-foot{ filter:brightness(0) invert(1); opacity:.92; height:32px; }
  footer .tbd{ color:#ffd9c2; background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.35); }
  .foot-bottom{ max-width:var(--container); margin:0 auto; padding-top:var(--space-4); display:flex; justify-content:space-between; flex-wrap:wrap; gap:var(--space-3); font-size:12.5px; color:#9fc2c9; }

  /* --- Service pages (uslugi.html + individual service pages) --- */
  .svc-hero{ padding:var(--space-7) var(--space-5) var(--space-6); background:linear-gradient(135deg, var(--sand-tint) 0%, var(--paper-0) 45%, var(--teal-tint) 100%); }
  .svc-hero .container{ max-width:var(--container); margin:0 auto; }
  .svc-hero h1{ font-size:clamp(30px,4vw,44px); line-height:1.1; margin:var(--space-3) 0 var(--space-4); }
  .svc-hero p{ font-size:16px; line-height:1.65; color:var(--ink-400); max-width:60ch; }
  .svc-breadcrumb{ font-size:13px; color:var(--ink-400); }
  .svc-breadcrumb a{ color:var(--teal); text-decoration:none; }
  .svc-breadcrumb a:hover{ color:var(--rose); }

  .svc-block{ padding:var(--space-7) var(--space-5); }
  .svc-block.tint-teal{ background:var(--teal-tint); }
  .svc-block.tint-sand{ background:var(--sand-tint); }
  .svc-grid{ max-width:var(--container); margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:var(--space-6); align-items:start; }
  @media (max-width:820px){ .svc-grid{ grid-template-columns:1fr; } }
  .svc-copy h2{ font-size:clamp(22px,2.4vw,28px); margin:var(--space-2) 0 var(--space-3); }
  .svc-copy p{ font-size:15px; line-height:1.7; color:var(--ink-600); max-width:52ch; margin-bottom:var(--space-4); }
  .svc-num{ font-family:'IBM Plex Mono',monospace; font-size:13px; color:var(--ink-400); }

  .svc-card{ background:var(--paper-0); border:1px solid var(--line); border-radius:var(--radius-md); padding:var(--space-5); }
  .svc-card + .svc-card{ margin-top:var(--space-4); }
  .svc-card h3{ font-size:13px; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-400); font-family:'IBM Plex Mono',monospace; margin-bottom:var(--space-3); }
  .svc-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:var(--space-3); }
  .svc-list li{ display:flex; gap:10px; font-size:14.5px; line-height:1.5; color:var(--ink-900); }
  .svc-list li::before{ content:"✓"; color:var(--teal); font-weight:700; flex:0 0 auto; }

  .svc-steps{ list-style:none; margin:0; padding:0; counter-reset:step; display:flex; flex-direction:column; gap:var(--space-4); }
  .svc-steps li{ display:flex; gap:14px; align-items:flex-start; counter-increment:step; }
  .svc-steps li::before{ content:counter(step); flex:0 0 auto; width:26px; height:26px; border-radius:50%; background:var(--teal); color:var(--on-teal); font-family:'IBM Plex Mono',monospace; font-weight:700; font-size:13px; display:flex; align-items:center; justify-content:center; }
  .svc-steps li span{ font-size:14px; line-height:1.55; color:var(--ink-600); padding-top:2px; }

  .svc-other{ max-width:var(--container); margin:0 auto; padding:var(--space-6) var(--space-5) var(--space-7); border-top:1px solid var(--line); }
  .svc-other h3{ font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--ink-400); font-family:'IBM Plex Mono',monospace; margin-bottom:var(--space-4); }
  .svc-other-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-3); }
  @media (max-width:820px){ .svc-other-grid{ grid-template-columns:1fr 1fr; } }
  .svc-other-grid a{ display:block; padding:var(--space-3) var(--space-4); border:1px solid var(--line); border-radius:var(--radius-md); font-size:14px; color:var(--ink-900); text-decoration:none; transition:border-color .15s, color .15s; }
  .svc-other-grid a:hover{ border-color:var(--rose); color:var(--rose); }

  .svc-index-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-5); max-width:var(--container); margin:0 auto; padding:var(--space-6) var(--space-5) var(--space-7); }
  @media (max-width:760px){ .svc-index-grid{ grid-template-columns:1fr; } }
  .svc-index-card{ display:flex; flex-direction:column; gap:var(--space-2); padding:var(--space-5); background:var(--paper-0); border:1px solid var(--line); border-radius:var(--radius-md); text-decoration:none; color:inherit; transition:border-color .15s, transform .15s; }
  .svc-index-card:hover{ border-color:var(--teal); transform:translateY(-2px); }
  .svc-index-card .svc-num{ margin-bottom:2px; }
  .svc-index-card h2{ font-size:20px; margin:0; }
  .svc-index-card p{ font-size:14px; line-height:1.6; color:var(--ink-600); margin:0; flex:1; }
  .svc-index-card .idx-arrow{ font-family:'IBM Plex Mono',monospace; font-size:13px; color:var(--teal); }
  .svc-index-card:hover .idx-arrow{ color:var(--rose); }