:root{
    --ink:#0B2B3A;
    --ink-2:#123448;
    --honey:#D9A62E;
    --honey-2:#F2C55C;
    --paper:#F4EFE3;
    --slate:#5B6B72;
    --line:rgba(11,43,58,0.14);
    --white:#FFFFFF;
    --radius:8px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth; scroll-padding-top:80px;}
  body{
    margin:0;
    font-family:'Source Sans 3', sans-serif;
    color:var(--ink);
    background:var(--paper);
    line-height:1.55;
  }
  h1,h2,h3,h4{
    font-family:'Oswald', sans-serif;
    text-transform:uppercase;
    letter-spacing:0.01em;
    margin:0;
    line-height:1.08;
  }
  .mono{
    font-family:'IBM Plex Mono', monospace;
  }
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .wrap{
    max-width:1180px;
    margin:0 auto;
    padding:0 28px;
  }
  @media (prefers-reduced-motion: reduce){
    *{animation:none !important; transition:none !important;}
  }

  /* ---------- Header / nav ---------- */
  header.site{
    background:var(--white);
    border-bottom:1px solid var(--line);
    position:sticky;
    top:0;
    z-index:50;
  }
  .nav-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 28px;
  }
  .brand{
    display:flex;
    align-items:center;
    gap:12px;
  }
  .brand-mark{
    height:58px;
    display:flex;align-items:center;
    flex:none;
  }
  .brand-mark img{height:100%;width:auto;display:block;}
  .brand-text{
    font-family:'Oswald', sans-serif;
    text-transform:uppercase;
    font-weight:600;
    font-size:19px;
    letter-spacing:0.01em;
    line-height:1.05;
  }
  .brand-text small{
    display:block;
    font-family:'IBM Plex Mono', monospace;
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:0.04em;
    color:var(--slate);
    font-weight:500;
    margin-top:3px;
  }
  nav.primary{
    display:flex;
    gap:20px;
    white-space:nowrap;
    font-family:'Oswald', sans-serif;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:0.06em;
    font-weight:500;
  }
  nav.primary a{
    padding:6px 0;
    border-bottom:2px solid transparent;
    transition:border-color .15s ease, color .15s ease;
  }
  nav.primary a[aria-current="page"]{border-color:var(--honey);}
  nav.primary a:hover, nav.primary a:focus-visible{
    border-color:var(--honey);
    outline:none;
  }
  .call-cta{
    background:var(--honey);
    color:var(--ink);
    font-family:'Oswald', sans-serif;
    text-transform:uppercase;
    font-weight:600;
    font-size:13.5px;
    letter-spacing:0.04em;
    padding:11px 20px;
    border-radius:var(--radius);
    white-space:nowrap;
    transition:background .15s ease;
  }
  .call-cta:hover, .call-cta:focus-visible{background:var(--honey-2); outline:none;}
  .nav-toggle{
    display:none;
    width:42px; height:42px;
    align-items:center; justify-content:center;
    background:none;
    border:1px solid var(--line);
    border-radius:var(--radius);
    color:var(--ink);
    cursor:pointer;
    padding:0;
  }
  .nav-toggle .icon{width:22px; height:22px;}
  .nav-toggle .i-close{display:none;}
  .nav-toggle[aria-expanded="true"] .i-open{display:none;}
  .nav-toggle[aria-expanded="true"] .i-close{display:block;}
  .nav-toggle:hover, .nav-toggle:focus-visible{background:var(--honey); border-color:var(--honey); outline:none;}
  .nav-actions{display:flex; align-items:center; gap:10px; margin-left:20px;}
  .social{
    width:42px; height:42px;
    display:inline-flex; align-items:center; justify-content:center;
    border:1px solid var(--line);
    border-radius:var(--radius);
    color:var(--ink);
    transition:background .15s ease, border-color .15s ease;
  }
  .social .icon{width:22px; height:22px;}
  .social:hover, .social:focus-visible{background:var(--honey); border-color:var(--honey); outline:none;}
  .social:active{transform:translateY(1px);}

  @media (max-width: 1180px){
    html{scroll-padding-top:88px;}
    .nav-toggle{display:inline-flex;}
    nav.primary{
      display:none;
      position:absolute;
      top:100%; left:0; right:0;
      flex-direction:column;
      gap:0;
      background:var(--white);
      border-bottom:1px solid var(--line);
      box-shadow:0 12px 24px rgba(11,43,58,0.12);
      padding:6px 20px 12px;
    }
    header.open nav.primary{display:flex;}
    nav.primary a{padding:14px 0; border-bottom:1px solid var(--line); font-size:16px;}
    nav.primary a:last-child{border-bottom:none;}
    .nav-row{padding:14px 20px;}
  }
  @media (max-width: 560px){
    html{scroll-padding-top:68px;}
    .nav-row{padding:10px 14px; gap:8px;}
    .brand{min-width:0; gap:8px;}
    .brand-mark{height:42px;}
    .brand-text{font-size:14px;}
    .brand-text small{display:none;}
    .nav-actions{gap:6px;}
    .social{width:36px; height:36px;}
    .nav-toggle{width:36px; height:36px;}
    .nav-toggle .icon{width:20px; height:20px;}
    .social .icon{width:20px; height:20px;}
    .call-cta{padding:10px 9px; font-size:12px;}
  }


  /* ---------- Language toggle (ES default, EN optional) ---------- */
  .lang-toggle{
    --lt-w:44px; --lt-h:24px; --lt-pad:2px;
    display:inline-flex; align-items:center; gap:6px;
    background:none; border:0; padding:4px 2px; cursor:pointer;
    font-family:'Oswald', sans-serif; font-weight:600; font-size:12px; letter-spacing:0.06em;
    color:var(--slate);
  }
  .lang-toggle .lt-lab{transition:color .15s ease;}
  .lang-toggle[aria-checked="false"] .lt-es, .lang-toggle[aria-checked="true"] .lt-en{color:var(--ink);}
  .lt-track{
    position:relative; display:block; width:var(--lt-w); height:var(--lt-h);
    border-radius:999px; border:1px solid var(--line); overflow:hidden;
    background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 52 28%22 preserveAspectRatio=%22none%22%3E%3Crect width=%2218%22 height=%2228%22 fill=%22%23006847%22/%3E%3Crect x=%2217%22 width=%2218%22 height=%2228%22 fill=%22%23fff%22/%3E%3Crect x=%2234%22 width=%2218%22 height=%2228%22 fill=%22%23ce1126%22/%3E%3Ccircle cx=%2226%22 cy=%2214%22 r=%224.2%22 fill=%22%238c6a2f%22/%3E%3Ccircle cx=%2226%22 cy=%2214%22 r=%222.4%22 fill=%22%234c8a3a%22/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    box-shadow:inset 0 2px 4px rgba(11,43,58,0.25);
  }
  .lang-toggle[aria-checked="true"] .lt-track{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 52 28%22 preserveAspectRatio=%22none%22%3E%3Crect y=%220.00%22 width=%2252%22 height=%222.20%22 fill=%22%23b22234%22/%3E%3Crect y=%222.15%22 width=%2252%22 height=%222.20%22 fill=%22%23fff%22/%3E%3Crect y=%224.31%22 width=%2252%22 height=%222.20%22 fill=%22%23b22234%22/%3E%3Crect y=%226.46%22 width=%2252%22 height=%222.20%22 fill=%22%23fff%22/%3E%3Crect y=%228.62%22 width=%2252%22 height=%222.20%22 fill=%22%23b22234%22/%3E%3Crect y=%2210.77%22 width=%2252%22 height=%222.20%22 fill=%22%23fff%22/%3E%3Crect y=%2212.92%22 width=%2252%22 height=%222.20%22 fill=%22%23b22234%22/%3E%3Crect y=%2215.08%22 width=%2252%22 height=%222.20%22 fill=%22%23fff%22/%3E%3Crect y=%2217.23%22 width=%2252%22 height=%222.20%22 fill=%22%23b22234%22/%3E%3Crect y=%2219.38%22 width=%2252%22 height=%222.20%22 fill=%22%23fff%22/%3E%3Crect y=%2221.54%22 width=%2252%22 height=%222.20%22 fill=%22%23b22234%22/%3E%3Crect y=%2223.69%22 width=%2252%22 height=%222.20%22 fill=%22%23fff%22/%3E%3Crect y=%2225.85%22 width=%2252%22 height=%222.20%22 fill=%22%23b22234%22/%3E%3Crect width=%2222%22 height=%2215.1%22 fill=%22%233c3b6e%22/%3E%3Ccircle cx=%222.4%22 cy=%222.2%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%226.3%22 cy=%222.2%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2210.2%22 cy=%222.2%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2214.1%22 cy=%222.2%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2218.0%22 cy=%222.2%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%222.4%22 cy=%224.5%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%226.3%22 cy=%224.5%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2210.2%22 cy=%224.5%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2214.1%22 cy=%224.5%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2218.0%22 cy=%224.5%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%222.4%22 cy=%226.8%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%226.3%22 cy=%226.8%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2210.2%22 cy=%226.8%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2214.1%22 cy=%226.8%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2218.0%22 cy=%226.8%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%222.4%22 cy=%229.1%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%226.3%22 cy=%229.1%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2210.2%22 cy=%229.1%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2214.1%22 cy=%229.1%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2218.0%22 cy=%229.1%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%222.4%22 cy=%2211.4%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%226.3%22 cy=%2211.4%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2210.2%22 cy=%2211.4%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2214.1%22 cy=%2211.4%22 r=%22.55%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2218.0%22 cy=%2211.4%22 r=%22.55%22 fill=%22%23fff%22/%3E%3C/svg%3E");}
  .lt-knob{
    position:absolute; top:var(--lt-pad); left:var(--lt-pad);
    width:calc(var(--lt-h) - var(--lt-pad)*2 - 2px); height:calc(var(--lt-h) - var(--lt-pad)*2 - 2px);
    border-radius:50%; background:#f4f4f6; box-shadow:0 1px 4px rgba(0,0,0,0.4);
    transition:transform .2s ease;
  }
  .lang-toggle[aria-checked="true"] .lt-knob{transform:translateX(calc(var(--lt-w) - var(--lt-h)));}
  .lang-toggle:focus-visible .lt-track{outline:2px solid var(--honey); outline-offset:2px;}
  .lang-toggle-menu{display:none;}
  @media (max-width: 560px){
    .nav-actions .lang-toggle{display:none;}
    nav.primary .lang-toggle-menu{display:flex; padding:14px 0; border-bottom:0; margin-top:4px;}
  }
  @media (prefers-reduced-motion: reduce){.lt-knob{transition:none;}}

  /* ---------- Hero ---------- */
  .hero{
    background:var(--ink);
    color:var(--paper);
    padding:76px 0 88px;
    position:relative;
    overflow:hidden;
  }
  .hero-copy{max-width:660px;}
  .hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(90deg, rgba(11,43,58,0.55) 40%, rgba(11,43,58,0.12) 100%),
      url(photos/pipa-agua.jpg) right 70% / auto 105% no-repeat;
    -webkit-mask-image:linear-gradient(90deg, transparent 30%, #000 66%);
    mask-image:linear-gradient(90deg, transparent 30%, #000 66%);
  }
  .hero .wrap{position:relative; z-index:1;}
  .eyebrow{
    font-family:'IBM Plex Mono', monospace;
    font-size:12.5px;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:var(--honey-2);
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:18px;
  }
  .eyebrow::before{
    content:"";
    width:26px;height:2px;
    background:var(--honey-2);
    display:inline-block;
  }
  .hero h1{
    font-size:clamp(32px, 4vw, 48px);
    color:var(--white);
    letter-spacing:-0.015em;
    line-height:1.04;
  }
  .hero h1 em{
    color:var(--honey-2);
    font-style:normal;
  }
  .hero p.lead{
    margin-top:20px;
    font-size:17px;
    color:rgba(244,239,227,0.82);
    max-width:46ch;
  }
  .hero-services{margin:24px 0 0; display:flex; flex-direction:column; gap:10px;}
  .hero-services-row{display:flex; flex-wrap:wrap; gap:10px; width:100%; min-width:0;}
  .hero-services a{
    display:inline-flex; align-items:center; gap:7px;
    padding:7px 12px;
    border:1px solid rgba(244,239,227,0.28);
    border-radius:var(--radius);
    background:rgba(11,43,58,0.45);
    color:var(--paper);
    font-size:14.5px; font-weight:600;
    transition:border-color .15s ease, background .15s ease;
  }
  .hero-services .icon{width:17px; height:17px; color:var(--honey-2);}
  .hero-services a:hover, .hero-services a:focus-visible{border-color:var(--honey); background:rgba(11,43,58,0.7); outline:none;}
  @media (max-width:560px){.hero-services{gap:8px;} .hero-services-row{gap:8px;} .hero-services a{padding:6px 10px; font-size:13.5px;}}
  .hero-actions{
    margin-top:32px;
    display:flex;
    gap:16px;
    flex-wrap:wrap;
    align-items:center;
  }
  .btn-primary{
    background:var(--honey);
    color:var(--ink);
    font-family:'Oswald', sans-serif;
    text-transform:uppercase;
    font-weight:600;
    font-size:14px;
    letter-spacing:0.04em;
    padding:15px 26px;
    border-radius:var(--radius);
    transition:background .15s ease, transform .15s ease;
  }
  .btn-primary:hover, .btn-primary:focus-visible{background:var(--honey-2); transform:translateY(-1px); outline:none;}
  .btn-ghost{
    border:1px solid rgba(244,239,227,0.4);
    color:var(--paper);
    font-family:'Oswald', sans-serif;
    text-transform:uppercase;
    font-weight:500;
    font-size:14px;
    letter-spacing:0.04em;
    padding:14px 24px;
    border-radius:var(--radius);
    transition:border-color .15s ease, background .15s ease;
  }
  .btn-ghost:hover, .btn-ghost:focus-visible{border-color:var(--honey-2); background:rgba(244,239,227,0.06); outline:none;}

  .btn-primary, .btn-ghost{display:inline-flex; align-items:center; gap:10px;}
  .btn-primary .icon, .btn-ghost .icon{width:18px; height:18px;}
  .btn-primary .arrow{transition:transform .15s ease;}
  .btn-primary:hover .arrow, .btn-primary:focus-visible .arrow{transform:translateX(3px);}
  .btn-primary:active, .btn-ghost:active, .call-cta:active{transform:translateY(1px);}

  /* placard signature element */
  .placard{
    background:var(--paper);
    color:var(--ink);
    border-radius:var(--radius);
    padding:26px 26px 22px;
    box-shadow:0 20px 46px rgba(0,0,0,0.35);
    position:relative;
  }

  .placard-bar{
    display:grid;
    grid-template-columns:1fr 1.15fr 1.4fr 1.25fr;
    padding:22px 26px;
    margin-top:48px;
  }
  .pb-cell{
    padding:0 22px;
    border-left:1px solid var(--line);
    display:flex;
    flex-direction:column;
    gap:6px;
    min-width:0;
  }
  .pb-cell:first-child{border-left:none; padding-left:0;}
  .pb-cell .k{
    font-family:'IBM Plex Mono', monospace;
    font-size:11.5px;
    letter-spacing:0.05em;
    text-transform:uppercase;
    color:var(--slate);
  }
  .pb-cell .v{font-weight:600; font-size:15px; overflow-wrap:anywhere;}
  .pb-cell .num{font-family:'IBM Plex Mono', monospace; font-size:17px;}
  .pb-cell .status{color:#3E7A4F;}
  .pb-cell.pb-status{justify-content:center;}
  a.pb-cell-link{transition:background .15s ease;}
  a.pb-cell-link:hover, a.pb-cell-link:focus-visible{background:rgba(11,43,58,0.04); outline:none;}
  a.pb-cell-link .v{text-decoration:underline; text-decoration-color:rgba(11,43,58,0.25); text-underline-offset:3px;}
  .pb-cell .status::before{content:"●"; margin-right:6px; animation:blink 1.6s ease-in-out infinite;}
  @keyframes blink{0%,100%{opacity:1;} 50%{opacity:0.2;}}

  @media (max-width: 900px){
    .hero{padding:56px 0 56px;}
    .hero::before{
      background:
        linear-gradient(rgba(11,43,58,0.9), rgba(11,43,58,0.94)),
        url(photos/pipa-agua.jpg) center / cover no-repeat;
      -webkit-mask-image:none;
      mask-image:none;
    }
    .placard-bar{grid-template-columns:1fr 1fr; row-gap:18px;}
    .pb-cell:nth-child(odd){border-left:none; padding-left:0;}
  }
  @media (max-width: 560px){
    .placard-bar{grid-template-columns:1fr;}
    .pb-cell{border-left:none; padding-left:0;}
  }

  /* ---------- Trust strip ---------- */
  .trust-strip{
    background:var(--ink-2);
    border-top:1px solid rgba(244,239,227,0.1);
  }
  .trust-strip .wrap{
    display:flex;
    justify-content:space-between;
    padding:22px 28px;
    flex-wrap:wrap;
    gap:20px;
  }
  .trust-item{
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--paper);
  }
  .trust-item .num{
    font-family:'Oswald', sans-serif;
    font-size:26px;
    font-weight:600;
    color:var(--honey-2);
    white-space:nowrap;
  }
  .trust-item .lbl{
    font-family:'IBM Plex Mono', monospace;
    font-size:11.5px;
    text-transform:uppercase;
    letter-spacing:0.05em;
    color:rgba(244,239,227,0.75);
    max-width:16ch;
  }

  @media (min-width:561px){
    .trust-strip .wrap{display:grid; grid-template-columns:repeat(2, 1fr); gap:24px; padding:38px 28px;}
    .trust-item{justify-content:center; gap:16px;}
    .trust-item .num{font-size:clamp(20px, 2.6vw, 34px);}
    .trust-item .lbl{font-size:clamp(11.5px, 1.05vw, 13.5px); line-height:1.5; max-width:18ch;}
  }
  @media (min-width:860px){
    .trust-strip .wrap{grid-template-columns:repeat(4, 1fr);}
  }
  @media (max-width:560px){
    .trust-item{display:grid; grid-template-columns:84px 1fr; column-gap:14px; align-items:center;}
  }

  /* ---------- Section shell ---------- */
  section{padding:78px 0;}
  .section-head{
    max-width:640px;
    margin-bottom:44px;
  }
  .section-head h2{
    font-size:clamp(26px,3.2vw,36px);
  }
  .section-head p{
    margin-top:14px;
    color:var(--slate);
    font-size:15.5px;
  }

  /* ---------- Services grid ---------- */
  .services{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    grid-auto-rows:1fr;
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
    border-radius:var(--radius);
    overflow:hidden;
  }
  .service-card{
    background:var(--white);
    padding:32px 26px;
    display:flex;
    flex-direction:column;
    gap:14px;
    transition:background .15s ease;
  }
  .service-card:hover{background:#FDFBF5;}
  .service-icon{
    width:44px;height:44px;
    border-radius:50%;
    background:rgba(11,43,58,0.06);
    display:flex;align-items:center;justify-content:center;
  }
  .service-icon svg{width:24px;height:24px;}
  .icon{fill:currentColor; flex:none;}
  .service-card h3{
    font-size:17px;
    margin-top:2px;
  }
  .service-card p{
    color:var(--slate);
    font-size:14.5px;
    margin:0;
  }
  @media (max-width:900px){
    .services{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:560px){
    .services{grid-template-columns:1fr;}
  }

  /* ---------- Coverage / map band ---------- */
  .about-grid{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:48px; align-items:start;}
  .has-watermark{position:relative; overflow:hidden;}
  .has-watermark>.wrap{position:relative; z-index:1;}
  .nosotros-watermark{
    position:absolute;
    top:calc(50% - 192px); left:50%;
    transform:translate(-50%,-50%);
    width:620px; max-width:70vw;
    height:auto;
    opacity:0.07;
    pointer-events:none;
    user-select:none;
  }
  @media (max-width:800px){.nosotros-watermark{width:380px; max-width:75vw; opacity:0.08; top:calc(50% - 192px);}}
  .about-copy{max-width:68ch;}
  .about-copy p{margin-top:16px; font-size:16.5px; line-height:1.7;}
  .about-copy p:first-child{margin-top:0;}
  .about-copy .about-close{font-weight:600; color:var(--ink);}
  .mvp{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; margin-top:48px;}
  .mvp-card{
    background:var(--white);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:30px 26px 32px;
    display:flex;
    flex-direction:column;
    gap:14px;
  }
  .mvp-card::before{content:""; width:32px; height:3px; background:var(--honey); border-radius:2px;}
  .mvp-card h3{font-size:20px;}
  .mvp-card p{font-size:15.5px; line-height:1.65; color:var(--slate); margin:0;}
  .mvp-card p:first-of-type{color:var(--ink);}
  @media (max-width:900px){
    .mvp{grid-template-columns:1fr; margin-top:36px;}
  }

  .coverage{
    background:var(--ink);
    color:var(--paper);
  }
  .coverage .wrap{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:56px;
    align-items:center;
  }
  .coverage h2{color:var(--white); font-size:clamp(24px,3vw,32px);}
  .coverage p{color:rgba(244,239,227,0.78); margin-top:14px; font-size:15.5px; max-width:48ch;}
  .zone-list{
    list-style:none;
    padding:0;margin:26px 0 0;
    display:flex;flex-direction:column;gap:0;
  }
  .zone-list li{
    display:flex;
    justify-content:space-between;
    padding:14px 0;
    border-top:1px solid rgba(244,239,227,0.14);
    font-family:'IBM Plex Mono', monospace;
    font-size:13px;
    letter-spacing:0.02em;
  }
  .zone-list li:first-child{border-top:none;}
  .zone-list .zone-name{color:var(--white); font-weight:600; text-transform:uppercase; letter-spacing:0.04em;}
  .zone-list .zone-note{color:rgba(244,239,227,0.6);}
  .radius-graphic{
    aspect-ratio:1/1;
    border-radius:50%;
    border:1px dashed rgba(217,166,46,0.5);
    display:flex;align-items:center;justify-content:center;
    position:relative;
    max-width:340px;
    margin:0 auto;
  }
  @media (min-width:901px){.radius-graphic{max-width:560px;}}
  .radius-graphic::before{
    content:"";
    position:absolute;
    inset:16%;
    border-radius:50%;
    border:1px dashed rgba(217,166,46,0.32);
  }
  .radius-graphic::after{
    content:"";
    position:absolute;
    inset:34%;
    border-radius:50%;
    border:1px dashed rgba(217,166,46,0.2);
  }
  .radius-core{
    width:150px;height:150px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    text-align:center;
    z-index:2;
    overflow:hidden;
    box-shadow:0 0 0 4px rgba(217,166,46,0.7), 0 10px 30px rgba(0,0,0,0.4);
  }
  .radius-core img{width:100%;height:100%;object-fit:cover;}
  @media (min-width:901px){.radius-core{width:250px;height:250px;}}
  @media (max-width:900px){
    .coverage .wrap{grid-template-columns:1fr; gap:36px;}
    .radius-graphic{order:-1; max-width:220px;}
  }

  /* ---------- Process ---------- */
  .process-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:32px;
  }
  .process-step{
    border-top:3px solid var(--honey);
    padding-top:18px;
  }
  .process-step h3{
    font-size:19px;
    margin-top:8px;
  }
  .process-step p{
    color:var(--slate);
    font-size:14.5px;
    margin-top:10px;
  }
  @media (max-width:800px){
    .process-grid{grid-template-columns:1fr;}
  }

  /* ---------- Testimonials ---------- */
  .testimonials{
    background:var(--white);
    border-top:1px solid var(--line);
  }
  .review-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:24px;
  }
  .review{
    margin:0;
    background:var(--paper);
    border:1px solid var(--line);
    border-left:3px solid var(--honey);
    border-radius:var(--radius);
    padding:26px 26px 22px;
    display:flex;
    flex-direction:column;
    gap:16px;
  }
  .review .stars{
    color:var(--honey);
    font-size:18px;
    letter-spacing:0.12em;
    line-height:1;
  }
  .review .stars .off{color:rgba(11,43,58,0.2);}
  .review blockquote{
    margin:0;
    font-size:16.5px;
    line-height:1.55;
  }
  .review figcaption{
    font-family:'IBM Plex Mono', monospace;
    font-size:12px;
    letter-spacing:0.04em;
    text-transform:uppercase;
    color:var(--slate);
    margin-top:auto;
  }
  .review figcaption strong{color:var(--ink); font-weight:600;}
  @media (max-width:800px){
    .review-grid{grid-template-columns:1fr;}
  }

  /* ---------- Clients marquee ---------- */
  .clients{padding:44px 0 48px; border-top:1px solid var(--line); overflow:hidden;}
  .clients h2{font-size:clamp(20px,2.4vw,26px); text-align:center; margin-bottom:28px;}
  .logo-marquee{
    display:flex;
    width:max-content;
    animation:logo-scroll 30s linear infinite;
  }
  .logo-marquee:hover{animation-play-state:paused;}
  .logo-track{
    display:flex; align-items:center; gap:56px;
    padding-right:56px;
    list-style:none; margin:0;
    flex:none;
  }
  .logo-track img{height:56px; width:auto; max-width:170px; object-fit:contain; display:block;}
  @keyframes logo-scroll{from{transform:translateX(0);} to{transform:translateX(-50%);}}
  @media (max-width:560px){
    .clients{padding:36px 0 40px;}
    .logo-track{gap:40px; padding-right:40px;}
    .logo-track img{height:44px; max-width:130px;}
  }
  @media (prefers-reduced-motion: reduce){
    .logo-marquee{width:auto; flex-wrap:wrap; justify-content:center; animation:none;}
    .logo-track{flex-wrap:wrap; justify-content:center; padding:0 28px; row-gap:28px;}
    .logo-track[aria-hidden="true"]{display:none;}
  }

  /* ---------- Bottom CTA ---------- */
  .cta-band{
    background:linear-gradient(120deg, var(--honey) 0%, var(--honey-2) 100%);
    color:var(--ink);
  }
  .cta-band .wrap{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:22px;
    padding:44px 28px;
  }
  .cta-band h2{font-size:clamp(22px,2.8vw,30px);}
  .cta-band p{margin-top:8px; font-size:14.5px; max-width:44ch;}
  .cta-band .btn-primary{
    background:var(--ink);
    color:var(--paper);
  }
  .cta-band .btn-primary:hover{background:var(--ink-2);}
  .cta-band .btn-ghost{border-color:rgba(11,43,58,0.55); color:var(--ink);}
  .cta-band .btn-ghost:hover, .cta-band .btn-ghost:focus-visible{border-color:var(--ink); background:rgba(11,43,58,0.08);}
  .cta-actions{display:flex; gap:14px; flex-wrap:wrap;}

  /* ---------- Footer ---------- */
  footer.site{
    background:var(--ink-2);
    color:rgba(244,239,227,0.8);
    padding:56px 0 28px;
  }
  .footer-grid{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr;
    gap:40px;
    padding-bottom:36px;
    border-bottom:1px solid rgba(244,239,227,0.12);
  }
  .footer-grid h4{
    color:var(--paper);
    font-size:13px;
    letter-spacing:0.06em;
    margin-bottom:16px;
  }
  .footer-grid p, .footer-grid a{
    font-size:14px;
    line-height:1.7;
    display:block;
    color:rgba(244,239,227,0.72);
  }
  .footer-grid a:hover{color:var(--honey-2);}
  .footer-bottom{
    padding-top:22px;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:10px;
    font-family:'IBM Plex Mono', monospace;
    font-size:11.5px;
    color:rgba(244,239,227,0.5);
  }
  @media (max-width:800px){
    .footer-grid{grid-template-columns:1fr;}
  }