html{overflow-x:clip}
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#04293a;--bg-2:#063349;--bg-3:#0d415a;
  --ink:#eef7fa;--ink-2:#d6ecf3;--ink-3:rgba(240,249,252,.97);--ink-4:rgba(240,249,252,.92);--ink-5:rgba(240,249,252,.8);
  --line:rgba(3,155,197,.15);--line-2:rgba(3,155,197,.08);
  --cyan:#039bc5;--cyan-glow:rgba(3,155,197,.4);--magenta:#039bc5;--purple:#039bc5;
  --grad:linear-gradient(135deg,#039bc5 0%,#039bc5 100%);
  --grad-soft:linear-gradient(135deg,rgba(3,155,197,.15),rgba(3,155,197,.15));
  --green:#22c55e;--amber:#f59e0b;--red:#f0506e;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Inter',sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;z-index:-2;background:
  radial-gradient(900px circle at 12% -5%,rgba(3,155,197,.10),transparent 45%),
  radial-gradient(1000px circle at 100% 0%,rgba(3,155,197,.08),transparent 45%),
  radial-gradient(900px circle at 50% 110%,rgba(3,155,197,.08),transparent 50%)}
body::after{content:'';position:fixed;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(rgba(3,155,197,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(3,155,197,.025) 1px,transparent 1px);background-size:54px 54px}
a{color:inherit;text-decoration:none}
.container{max-width:1180px;margin:0 auto;padding:0 24px}
.container-narrow{max-width:860px;margin:0 auto;padding:0 24px}
.gradient{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.section{padding:24px 0}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);border:1px solid var(--line);border-radius:100px;padding:7px 15px;background:rgba(3,155,197,.04)}
.eyebrow::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.sec-tag{font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.06em;color:var(--cyan);text-transform:lowercase}
.sec-head{margin-bottom:26px;max-width:720px}
.sec-head h2{font-family:'Syne',sans-serif;font-weight:700;font-size:clamp(30px,4.6vw,46px);letter-spacing:-.02em;line-height:1.06;margin-top:14px}
.sec-head h2 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec-head .desc{color:var(--ink-3);font-size:16px;margin-top:14px;line-height:1.65}

/* Header */
.site-header{position:sticky;top:0;z-index:60;backdrop-filter:blur(16px);background:rgba(6,7,13,.78);border-bottom:1px solid var(--line-2)}
.hdr-in{max-width:1180px;margin:0 auto;padding:13px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{display:flex;align-items:center;gap:11px;font-family:'Syne',sans-serif;font-weight:700;font-size:18px;letter-spacing:-.01em}
.logo-mark{width:34px;height:34px;flex:none}
.hdr-right{display:flex;align-items:center;gap:20px}
.hdr-links{display:flex;gap:22px;font-size:14.5px;color:var(--ink-3)}
.hdr-links a:hover{color:var(--ink)}
.hdr-phone{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--cyan)}
.hdr-phone .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
@media(max-width:820px){.hdr-links{display:none}}

  /* ===== SITE NAV (matched to homepage) ===== */
  /* ============ NAV + MEGA-MENUS ============ */
  .nav-shell{position:sticky;top:0;z-index:60}
  .nav{position:relative;z-index:500;
    padding:18px 0;border-bottom:1px solid var(--line-2);
    background:rgba(6,7,13,.75);backdrop-filter:blur(16px);
  }
  .nav .row{display:flex;align-items:center;gap:34px;position:relative}
  .nav .logo{display:flex;align-items:center;gap:12px;font-family:'Syne',sans-serif;font-weight:700;font-size:19px;letter-spacing:-.01em;flex-shrink:0}
  .logo-mark{width:34px;height:34px;flex-shrink:0;filter:drop-shadow(0 0 9px var(--cyan-glow))}
  .footer .brand-block .logo .logo-mark{width:32px;height:32px}
  .nav .logo .mark{
    width:34px;height:34px;background:var(--grad);border-radius:8px;position:relative;
    box-shadow:0 0 24px rgba(3,155,197,.4);
  }
  .nav .logo .mark::after{
    content:"";position:absolute;inset:3px;background:var(--bg);border-radius:5px;
  }
  .nav .logo .mark::before{
    content:"";position:absolute;inset:9px;background:var(--grad);border-radius:2px;
    z-index:1;
  }
  .nav .logo span{
    background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  }

  .nav .links{display:flex;gap:4px;flex:1}
  .nav .links > li{position:relative;list-style:none}
  .nav .links > li[data-key="locations"]{position:static}
  .nav .links > li[data-key="services"]{position:static}
  .nav .links > li[data-key="resources"]{position:relative}
  .nav .links > li > a,.nav .links > li > button{
    padding:10px 14px;border-radius:8px;font-size:13.5px;font-weight:500;
    color:var(--ink-3);transition:all .2s;display:flex;align-items:center;gap:6px;
    font-family:'Inter',sans-serif;background:none;border:none;cursor:pointer;
  }
  .nav .links > li > a:hover,.nav .links > li > button:hover,.nav .links > li.open > button{
    color:var(--ink);background:rgba(3,155,197,.06);
  }
  .nav .links .chev{
    width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
    transform:rotate(45deg) translateY(-2px);transition:transform .2s;display:inline-block;
  }
  .nav .links > li.open .chev{transform:rotate(-135deg) translateY(2px)}

  .nav .right{display:flex;align-items:center;gap:14px;flex-shrink:0}
  .nav .phone-tag{
    display:flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--ink-3);
    padding-right:14px;border-right:1px solid var(--line-2);
  }
  .nav .phone-tag strong{color:var(--cyan);font-weight:700;font-size:16px}
  .nav .phone-tag .live{
    width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e;
    animation:pulse 2s infinite;
  }
  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
  .nav .cta{
    padding:11px 18px;border-radius:10px;font-size:13px;font-weight:600;
    background:var(--grad);color:var(--bg);
    box-shadow:0 0 24px rgba(3,155,197,.35);
    display:inline-flex;align-items:center;gap:6px;transition:all .2s;
  }
  .nav .cta:hover{transform:translateY(-1px);box-shadow:0 4px 30px rgba(3,155,197,.5)}
  .nav .hamburger{display:none}

  /* Mega-menu base */
  .mega{
    z-index:600;position:absolute;top:calc(100% + 14px);left:0;
    background:linear-gradient(180deg,rgba(10,12,20,.98),rgba(6,7,13,.98));
    border:1px solid var(--line);border-radius:18px;
    box-shadow:0 30px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(3,155,197,.05);
    padding:28px;
    opacity:0;visibility:hidden;transform:translateY(-8px);
    transition:opacity .2s,transform .2s,visibility .2s;
    backdrop-filter:blur(20px);
    z-index:100;
  }
  .nav .links > li.open .mega{opacity:1;visibility:visible;transform:translateY(0)}
  .mega::before{
    content:"";position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg,transparent,var(--cyan),var(--magenta),transparent);
    opacity:.5;
  }

  /* Services mega */
  .mega-services{width:920px;max-width:calc(100vw - 56px);display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:28px}
  .mega-col h5{
    font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;
    color:var(--cyan);margin-bottom:14px;font-weight:500;
    padding-bottom:10px;border-bottom:1px solid var(--line-2);
  }
  .mega-col ul{list-style:none;display:flex;flex-direction:column;gap:2px}
  .mega-col ul a{
    display:flex;align-items:center;justify-content:space-between;
    padding:9px 10px;margin-left:-10px;margin-right:-10px;
    border-radius:7px;font-size:13.5px;color:var(--ink-2);font-weight:500;
    transition:all .15s;
  }
  .mega-col ul a:hover{background:rgba(3,155,197,.07);color:var(--ink)}
  .mega-col ul a .arr{opacity:0;color:var(--cyan);transition:opacity .15s}
  .mega-col ul a:hover .arr{opacity:1}
  .mega-col ul a .badge-new{
    font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.05em;
    background:rgba(3,155,197,.15);color:var(--magenta);padding:2px 6px;border-radius:4px;
  }
  .mega-feature{
    padding:20px;border-radius:14px;
    background:linear-gradient(135deg,rgba(3,155,197,.08),rgba(3,155,197,.08));
    border:1px solid rgba(3,155,197,.18);
    display:flex;flex-direction:column;justify-content:space-between;gap:14px;
  }
  .mega-feature .top{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan)}
  .mega-feature h4{font-family:'Syne',sans-serif;font-weight:600;font-size:18px;line-height:1.2}
  .mega-feature p{font-size:13px;color:var(--ink-3);line-height:1.5}
  .mega-feature .num{
    font-family:'IBM Plex Mono',monospace;font-size:20px;color:var(--cyan);font-weight:600;letter-spacing:-.01em;
  }
  .mega-feature .btn{
    align-self:flex-start;padding:9px 14px;border-radius:8px;font-size:12.5px;font-weight:600;
    background:var(--grad);color:var(--bg);
  }

  /* Devices mega */
  .mega-devices{width:480px;display:grid;grid-template-columns:1fr 1fr;gap:26px}
  #devRotate{transition:opacity .4s ease}
  .mega-col .device-link{
    display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:8px 10px;
    margin-left:-10px;margin-right:-10px;border-radius:7px;
  }
  .mega-col .device-link:hover{background:rgba(3,155,197,.07)}
  .mega-col .device-link .ico{
    width:32px;height:32px;border-radius:7px;background:rgba(3,155,197,.1);border:1px solid var(--line);
    display:grid;place-items:center;color:var(--cyan);font-size:13px;
  }
  .mega-col .device-link .text strong{display:block;font-size:13px;color:var(--ink);font-weight:600;line-height:1.2}
  .mega-col .device-link .text small{font-size:11px;color:var(--ink-4);font-family:'IBM Plex Mono',monospace}

  /* Locations mega */
  .mega-locations{width:940px;max-width:calc(100vw - 56px);left:auto;right:0;display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr;gap:24px}
  .mega-locations .area-chip{
    display:inline-flex;padding:7px 11px;border:1px solid var(--line);border-radius:999px;
    font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--ink-2);
    transition:all .15s;margin:0 4px 4px 0;
  }
  .mega-locations .area-chip:hover{border-color:var(--cyan);background:rgba(3,155,197,.08);color:var(--cyan)}
  .mega-locations .area-list{display:flex;flex-wrap:wrap}

  /* Resources mega (smaller) */
  .mega-resources{width:460px;max-width:calc(100vw - 56px);left:auto;right:0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .mega-resources .item{
    display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;padding:12px;
    border-radius:10px;transition:all .15s;border:1px solid transparent;
  }
  .mega-resources .item:hover{background:rgba(3,155,197,.05);border-color:var(--line)}
  .mega-resources .item .ico{
    width:36px;height:36px;border-radius:9px;background:var(--grad-soft);border:1px solid var(--line);
    display:grid;place-items:center;color:var(--cyan);font-size:15px;
  }
  .mega-resources .item strong{display:block;font-size:13.5px;color:var(--ink);font-weight:600;margin-bottom:3px}
  .mega-resources .item small{font-size:12px;color:var(--ink-4);line-height:1.4}

  /* Menu showcase pinning */
  .nav .links > li.pinned .mega{opacity:1;visibility:visible;transform:translateY(0)}
  .nav .links > li.pinned > button{color:var(--ink);background:rgba(3,155,197,.06)}

  /* Mobile menu */
  .mobile-menu{
    position:fixed;inset:0;z-index:200;display:none;
    background:linear-gradient(180deg,#04293a,#052e40);
  }
  .mobile-menu.open{display:flex;flex-direction:column}
  .mobile-menu .mm-top{
    display:flex;justify-content:space-between;align-items:center;padding:18px 22px;
    border-bottom:1px solid var(--line);
  }
  .mobile-menu .mm-close{
    width:36px;height:36px;border-radius:8px;border:1px solid var(--line);
    display:grid;place-items:center;color:var(--ink);font-size:18px;
  }
  .mobile-menu .mm-body{
    flex:1;overflow-y:auto;padding:24px 22px 40px;
  }
  .mobile-menu .mm-section{margin-bottom:28px}
  .mobile-menu .mm-section h5{
    font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
    color:var(--cyan);margin-bottom:14px;
  }
  .mobile-menu .mm-section ul{list-style:none}
  .mobile-menu .mm-section ul a{
    display:flex;justify-content:space-between;align-items:center;
    padding:14px 0;border-bottom:1px solid var(--line-2);
    font-family:'Syne',sans-serif;font-weight:500;font-size:18px;
  }
  .mobile-menu .mm-section ul a:last-child{border-bottom:0}
  .mobile-menu .mm-section ul a .arr{color:var(--cyan)}
  /* mobile menu accordion */
  .mobile-menu .mm-section{margin-bottom:0;border-bottom:1px solid var(--line-2)}
  .mobile-menu .mm-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:none;border:0;cursor:pointer;padding:17px 2px;text-align:left;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)}
  .mobile-menu .mm-ind{font-family:'Syne',sans-serif;font-size:20px;line-height:1;color:var(--ink-3);font-weight:400}
  .mobile-menu .mm-panel{display:none;padding-bottom:14px}
  .mobile-menu .mm-section.open > .mm-panel{display:block}
  .mobile-menu .mm-more{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:12px 0 4px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.06em;color:var(--ink-3)}
  .mobile-menu .mm-more-list{display:none}
  .mobile-menu .mm-more-list.open{display:block}
  .mobile-menu .mm-bottom{
    padding:24px 22px;border-top:1px solid var(--line);
    background:rgba(3,155,197,.05);
  }
  .mobile-menu .mm-bottom .phone{
    font-family:'Syne',sans-serif;font-weight:700;font-size:24px;color:var(--ink);margin-bottom:6px;
  }
  .mobile-menu .mm-bottom .phone span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .mobile-menu .mm-bottom .hrs{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-4);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
  .mobile-menu .mm-bottom .cta{
    display:block;width:100%;text-align:center;padding:16px;border-radius:12px;
    background:var(--grad);color:var(--bg);font-weight:700;font-size:15px;
  }
  @media (max-width:1100px){
    .nav .phone-tag{display:none}
    .nav .links > li > a,.nav .links > li > button{padding:8px 10px;font-size:12.5px}
  }
  @media (max-width:900px){
    .nav .links,.nav .right .cta,.nav .right .phone-tag{display:none}
    .nav .hamburger{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;border:1px solid var(--line);color:var(--ink);font-size:18px;margin-left:auto}
  }

/* Hero */
.hero{padding:58px 0 26px;position:relative}
.crumbs{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--ink-4);margin-bottom:20px}
.crumbs span{color:var(--cyan)}
.hero h1{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(38px,6vw,68px);letter-spacing:-.03em;line-height:1.02;margin:16px 0 0}
.hero .lead{color:var(--ink-2);font-size:clamp(16px,2vw,19px);line-height:1.6;margin-top:20px;max-width:640px}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--grad);color:#05060c;font-weight:700;font-size:15.5px;padding:14px 26px;border-radius:11px;border:0;cursor:pointer;box-shadow:0 8px 30px rgba(3,155,197,.25);transition:transform .15s,box-shadow .15s}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 38px rgba(3,155,197,.35)}
.btn-phone{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:11px;border:1px solid var(--line);font-weight:700;font-size:16px;color:var(--ink);background:rgba(255,255,255,.02)}
.btn-phone .dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.trust-row{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:26px}
.trust-row .t{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--ink-2);border:1px solid var(--line);border-radius:100px;padding:7px 14px;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.015)}
.trust-row .t::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}

/* Diagnostic tool */
.diag{background:linear-gradient(180deg,rgba(15,18,32,.75),rgba(10,12,20,.75));border:1px solid var(--line);border-radius:22px;padding:34px;position:relative;overflow:hidden}
.diag::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--grad);opacity:.6}
.diag-steps{display:flex;gap:10px;margin-bottom:26px;flex-wrap:wrap}
.dstep{flex:1;min-width:150px;font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.04em;color:var(--ink-4);border:1px solid var(--line-2);border-radius:10px;padding:11px 14px;display:flex;align-items:center;gap:9px;transition:.2s}
.dstep .n{width:21px;height:21px;border-radius:50%;border:1px solid var(--ink-5);display:grid;place-items:center;font-size:11px;flex:none}
.dstep.active{color:var(--ink);border-color:var(--cyan);background:rgba(3,155,197,.06)}
.dstep.active .n{background:var(--grad);color:#05060c;border-color:transparent;font-weight:600}
.dstep.done{color:var(--ink-3);border-color:var(--line)}
.dstep.done .n{background:rgba(34,197,94,.15);border-color:var(--green);color:var(--green)}
.diag-panel{animation:fade .35s ease}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.diag-h{font-family:'Syne',sans-serif;font-weight:700;font-size:clamp(21px,3vw,28px);letter-spacing:-.01em;margin-bottom:6px}
.diag-sub{color:var(--ink-3);font-size:14.5px;margin-bottom:22px}
.diag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:13px}
#deviceGrid{grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:900px){#deviceGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){#deviceGrid{grid-template-columns:1fr}}
.opt{display:flex;align-items:center;gap:16px;text-align:left;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:14px;padding:19px 20px;cursor:pointer;transition:.16s;color:inherit;font-family:inherit;width:100%}
.opt:hover{border-color:var(--cyan);background:rgba(3,155,197,.06);transform:translateY(-2px)}
.opt .ico{width:54px;height:54px;flex:none;border-radius:14px;display:grid;place-items:center;font-size:27px;background:linear-gradient(135deg,rgba(3,155,197,.24),rgba(3,155,197,.16),rgba(3,155,197,.22));border:1px solid rgba(3,155,197,.4);color:var(--cyan);box-shadow:0 6px 20px -7px rgba(3,155,197,.5),inset 0 1px 0 rgba(255,255,255,.08);text-shadow:0 0 14px rgba(3,155,197,.6);transition:.16s}
.opt:hover .ico{transform:scale(1.05);border-color:var(--cyan);box-shadow:0 10px 28px -6px rgba(3,155,197,.75),inset 0 1px 0 rgba(255,255,255,.14)}
.opt .ico svg{width:28px;height:28px;display:block;filter:drop-shadow(0 0 5px rgba(3,155,197,.45))}
.opt .ot{display:block;font-weight:600;font-size:15px;line-height:1.25}
.opt .os{display:block;font-size:12.5px;color:var(--ink-4);margin-top:3px;font-family:'IBM Plex Mono',monospace}
.opt .oa{margin-left:auto;color:var(--ink-5);font-size:18px}
.opt-sym{display:block}
.opt-sym .ot{font-size:15.5px}
.diag-back{display:inline-flex;align-items:center;gap:7px;font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--ink-3);background:none;border:0;cursor:pointer;margin-bottom:18px;padding:0}
.diag-back:hover{color:var(--cyan)}

/* Result */
.res-top{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--ink-4);margin-bottom:8px}
.res-top b{color:var(--cyan);font-weight:500}
.res-diag h3{font-family:'Syne',sans-serif;font-weight:700;font-size:clamp(23px,3.2vw,32px);letter-spacing:-.015em;margin-bottom:10px}
.res-diag p{color:var(--ink-2);font-size:15.5px;line-height:1.65;max-width:620px}
.res-row{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:24px}
@media(max-width:720px){.res-row{grid-template-columns:1fr}.diag{padding:24px}}
.price-card{background:linear-gradient(160deg,rgba(3,155,197,.1),rgba(3,155,197,.08));border:1px solid var(--cyan);border-radius:16px;padding:24px}
.price-card .pl{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.price-card .pv{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(40px,6vw,56px);line-height:1;margin:10px 0 6px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.price-card .pv .cur{font-size:.55em;vertical-align:.32em;margin-right:.02em}
.price-card .pv .vat{font-size:.34em;color:var(--ink-3);font-family:'Inter',sans-serif;font-weight:600;-webkit-text-fill-color:var(--ink-3);margin-left:.15em}
.price-card .pfor{color:var(--ink-3);font-size:13.5px}
.price-card .pturn{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink-2)}
.price-card .pturn b{color:var(--ink);font-weight:600}
.safety{border-radius:14px;padding:18px 20px;border:1px solid;display:flex;gap:14px;align-items:flex-start;height:fit-content}
.safety .si{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;font-weight:800;font-size:16px}
.safety h4{font-size:14.5px;font-weight:700;margin-bottom:4px}
.safety p{font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.safety.urgent{border-color:rgba(240,80,110,.4);background:rgba(240,80,110,.08)}
.safety.urgent .si{background:rgba(240,80,110,.18);color:#f0506e}
.safety.urgent h4{color:#ff7a93}
.safety.warn{border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.07)}
.safety.warn .si{background:rgba(245,158,11,.18);color:var(--amber)}
.safety.warn h4{color:#fbbf4a}
.safety.info{border-color:var(--line);background:rgba(3,155,197,.05)}
.safety.info .si{background:rgba(3,155,197,.15);color:var(--cyan)}
.safety.info h4{color:var(--cyan)}
.res-note{margin-top:18px;font-size:13.5px;color:var(--ink-3);background:rgba(255,255,255,.025);border:1px solid var(--line-2);border-radius:12px;padding:14px 16px;line-height:1.55}
.res-note b{color:var(--ink-2)}
.incl{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px 24px}
.incl span{font-size:13.5px;color:var(--ink-2);position:relative;padding-left:24px}
.incl span::before{content:'\2713';position:absolute;left:0;color:var(--green);font-weight:700}
.res-cta{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:11px;border:1px solid var(--line);font-weight:600;font-size:14.5px;color:var(--ink);background:rgba(255,255,255,.02);cursor:pointer}
.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}
.res-fine{margin-top:18px;font-size:12.5px;color:var(--ink-4);line-height:1.5}
.res-next{margin-top:28px;padding-top:28px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch}
.res-step .rs-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.res-step .rs-num{width:30px;height:30px;flex:none;border-radius:50%;background:var(--grad);color:#05060c;font-weight:800;font-family:'Syne',sans-serif;font-size:15px;display:grid;place-items:center}
.res-step .rs-head h4{font-family:'Syne',sans-serif;font-weight:700;font-size:18px;margin:0}
.res-step .rs-text{color:var(--ink-3);font-size:14px;line-height:1.6;margin-bottom:16px}
.rs-sub{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin:0 0 13px}
.rs-list{list-style:none;margin:0 0 20px;display:flex;flex-direction:column;gap:12px}
.rs-list li{position:relative;padding-left:24px;font-size:13.5px;color:var(--ink-3);line-height:1.55}
.rs-list li::before{content:'';position:absolute;left:2px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan-glow)}
.rs-note{font-size:14px;color:var(--ink-2);line-height:1.65;margin:18px 0 0;padding:12px 15px;background:rgba(3,155,197,.05);border-left:3px solid var(--cyan);border-radius:0 8px 8px 0}
.rs-remove{display:flex;gap:12px;align-items:flex-start;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.32);border-radius:12px;padding:13px 15px;margin-bottom:20px}
.rs-remove .rsr-i{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.3);color:var(--amber)}
.rs-remove b{display:block;font-family:'Syne',sans-serif;font-size:14.5px;color:var(--amber);margin-bottom:4px}
.rs-remove p{font-size:13px;color:var(--ink-3);line-height:1.55;margin:0}
.rs-addr{background:rgba(3,155,197,.05);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:14px;color:var(--ink-2);line-height:1.55}
.rs-addr .rs-addr-l{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px}
.rs-addr b{color:var(--ink)}
.rs-form{margin-top:2px}
.rs-right{display:flex;flex-direction:column}
.rs-right .rs-form{flex:1;display:flex;flex-direction:column;min-height:0}
.rs-right .field-grow{flex:1;display:flex;flex-direction:column;min-height:0}
.rs-right .field-grow textarea{flex:1 1 0;min-height:120px}
@media(max-width:760px){.res-next{grid-template-columns:1fr;gap:30px}}

/* Pricing tiers */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:780px){.tiers{grid-template-columns:1fr}}
.tier{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:16px;padding:26px}
.tier .tt{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan)}
.tier .tp{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(34px,4.6vw,46px);line-height:1;margin:12px 0 6px}
.tier .tp .cur{font-size:.5em;vertical-align:.34em;margin-right:.02em;color:var(--cyan)}
.tier .tp .vat{font-size:.36em;color:var(--ink-3);font-weight:600}
.tier .tp .from{font-size:.34em;color:var(--ink-3);font-weight:600;margin-right:.15em}
.tier .td{color:var(--ink-3);font-size:14px;line-height:1.55}
.tier ul{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:9px}
.tier li{font-size:13.5px;color:var(--ink-2);position:relative;padding-left:22px}
.tier li::before{content:'\2192';position:absolute;left:0;color:var(--cyan)}

/* How it works */
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:780px){.steps3{grid-template-columns:1fr}}
.step3{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:16px;padding:24px}
.step3 .sn{font-family:'Syne',sans-serif;font-weight:800;font-size:30px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.step3 h4{font-size:16.5px;font-weight:700;margin:12px 0 7px}
.step3 p{color:var(--ink-3);font-size:14px;line-height:1.55}

/* Contact */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start}
@media(max-width:880px){.contact-grid{grid-template-columns:1fr}}
.cinfo{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:18px;padding:28px}
.cinfo h3{font-family:'Syne',sans-serif;font-weight:700;font-size:22px;margin-bottom:18px}
.cblock{margin-bottom:18px}
.cblock .cl{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:5px}
.cblock .cv{font-size:15px;color:var(--ink-2);line-height:1.5}
.cblock .cv a{color:var(--ink);font-weight:600}
.cblock .cv .big{font-size:20px;font-weight:700;color:var(--cyan)}
.downloads{margin-top:6px;padding-top:20px;border-top:1px solid var(--line)}
.dl-btn{display:flex;align-items:center;gap:13px;background:rgba(3,155,197,.05);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-top:11px;transition:.16s;cursor:pointer}
.dl-btn:hover{border-color:var(--cyan);background:rgba(3,155,197,.1)}
.dl-btn .di{width:38px;height:38px;flex:none;border-radius:9px;display:grid;place-items:center;background:var(--grad-soft);border:1px solid var(--line);color:var(--cyan);font-size:18px}
.dl-btn .dt{display:block;font-weight:600;font-size:14.5px}
.dl-btn .ds{display:block;font-size:12px;color:var(--ink-4);font-family:'IBM Plex Mono',monospace;margin-top:2px}
.dl-btn .da{margin-left:auto;color:var(--cyan);font-size:13px;font-family:'IBM Plex Mono',monospace}
.cform{background:linear-gradient(180deg,rgba(15,18,32,.6),rgba(10,12,20,.6));border:1px solid var(--line);border-radius:18px;padding:28px}
.cform h3{font-family:'Syne',sans-serif;font-weight:700;font-size:22px;margin-bottom:6px}
.cform .cfd{color:var(--ink-3);font-size:14px;margin-bottom:20px}
.field{display:block;margin-bottom:15px}
.field span{display:block;font-size:13px;color:var(--ink-2);margin-bottom:7px;font-weight:500}
.field span i{color:var(--cyan);font-style:normal}
.field span i.opt{color:var(--ink-5)}
.field input,.field textarea,.field select{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--ink);font-family:inherit;font-size:14.5px;transition:.15s}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--cyan);background:rgba(3,155,197,.04)}
.field textarea{resize:vertical;min-height:96px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:13px}
@media(max-width:520px){.frow{grid-template-columns:1fr}}
.cf-submit{width:100%;background:var(--grad);color:#05060c;font-weight:700;font-size:15.5px;padding:14px;border-radius:11px;border:0;cursor:pointer;margin-top:6px;transition:transform .15s}
.cf-submit:hover{transform:translateY(-2px)}
.cf-note{font-size:12.5px;color:var(--ink-4);margin-top:13px;text-align:center}
.cf-note a{color:var(--cyan)}
.cf-success{display:none;text-align:center;padding:30px 10px}
.cf-success.show{display:block;animation:fade .3s}
.cf-success .ck{width:54px;height:54px;border-radius:50%;background:rgba(34,197,94,.15);border:1px solid var(--green);color:var(--green);display:grid;place-items:center;font-size:26px;margin:0 auto 16px}
.cf-success h4{font-family:'Syne',sans-serif;font-size:20px;margin-bottom:8px}
.cf-success p{color:var(--ink-3);font-size:14.5px}

/* FAQ */
.faq{max-width:820px}
.faq-item{border:1px solid var(--line);border-radius:13px;margin-bottom:11px;overflow:hidden;background:rgba(255,255,255,.015)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;background:none;border:0;cursor:pointer;color:var(--ink);font-family:inherit;font-size:15.5px;font-weight:600;text-align:left}
.faq-ico{flex:none;font-size:20px;color:var(--cyan);transition:transform .2s}
.faq-item.open .faq-ico{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-a p{padding:0 20px 18px;color:var(--ink-3);font-size:14.5px;line-height:1.65}

/* CTA */
.cta-block{background:var(--grad-soft);border:1px solid var(--line);border-radius:22px;padding:48px 40px;text-align:center;position:relative;overflow:hidden}
.cta-block::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--grad)}
.cta-block .label{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--cyan);letter-spacing:.06em}
.cta-block h2{font-family:'Syne',sans-serif;font-weight:700;font-size:clamp(28px,4vw,42px);letter-spacing:-.02em;line-height:1.08;margin:14px 0}
.cta-block h2 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cta-block .desc{color:var(--ink-2);font-size:16px;max-width:560px;margin:0 auto 26px;line-height:1.6}
.cta-block .actions{justify-content:center}

/* Footer */
.footer{border-top:1px solid var(--line-2);padding:54px 0 30px;margin-top:30px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:34px}
@media(max-width:780px){.footer-grid{grid-template-columns:1fr}}
.footer .brand p{color:var(--ink-3);font-size:14px;line-height:1.6;margin:14px 0;max-width:340px}
.footer .num{font-family:'Syne',sans-serif;font-weight:700;font-size:20px;color:var(--cyan)}
.footer .hrs{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--ink-4);margin-top:4px}
.footer h4{font-size:13px;font-family:'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);margin-bottom:14px}
.footer ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer ul a{color:var(--ink-3);font-size:14px}
.footer ul a:hover{color:var(--ink)}
.footer .bottom{border-top:1px solid var(--line-2);margin-top:36px;padding-top:22px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink-5)}
.print-head{display:none}

/* ===== PRINT: quote window only ===== */
@media print{
  @page{margin:14mm}
  html,body{background:#04293a !important}
  /* print-only company letterhead */
  #printHead{display:block !important;margin:0 0 18px;padding:0 0 14px;border-bottom:2px solid #111}
  #printHead .ph-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
  #printHead .ph-brand{display:flex;align-items:center;gap:11px}
  #printHead .ph-logo{width:42px;height:42px;flex:none}
  #printHead svg [stroke]{stroke:#111 !important}
  #printHead svg [fill]{fill:#111 !important}
  #printHead .ph-name{font-family:'Syne',sans-serif;font-weight:800;font-size:21px;color:#000;line-height:1.1}
  #printHead .ph-tag{font-size:11.5px;color:#555;margin-top:3px}
  #printHead .ph-date{text-align:right;font-size:11px;color:#555;flex:none}
  #printHead .ph-date span{display:block;text-transform:uppercase;letter-spacing:normal;white-space:nowrap}
  #printHead .ph-date b{display:block;color:#000;font-size:13.5px;margin-top:2px;white-space:nowrap}
  #printHead .ph-contact{margin-top:12px;font-size:11.5px;color:#333;line-height:1.5}
  /* show only the quote, hide everything else on the page */
  body > *:not(#diagnostic){display:none !important}
  #diagnostic{padding:0 !important;margin:0 !important;background:#fff !important;border:none !important}
  #diagnostic .container{max-width:none !important;width:auto !important;padding:0 !important;margin:0 !important}
  #diagnostic .sec-head,#diagnostic .diag-steps,#panel3 .diag-back,#resultContent .res-cta,#resultContent .res-next{display:none !important}
  #diagnostic .diag{padding:0 !important;margin:0 !important;border:none !important;background:none !important;box-shadow:none !important}
  #diagnostic .diag::before{display:none !important}
  #panel3{padding:0 !important;margin:0 !important}
  /* remap dark theme to print-friendly colours */
  #resultContent,#resultContent *{color:#1a1a1a !important;background:transparent !important;box-shadow:none !important;text-shadow:none !important}
  #resultContent h3{color:#000 !important;font-size:22px !important;margin:0 0 6px}
  #resultContent .res-top{color:#444 !important;border-bottom:1px solid #ddd !important;padding-bottom:8px !important;margin-bottom:12px !important}
  #resultContent .res-top b{color:#000 !important}
  /* gradient price number prints invisible unless forced solid */
  #resultContent .price-card .pv,#resultContent .price-card .pv *{-webkit-text-fill-color:#0a0a0a !important;color:#0a0a0a !important;background:none !important}
  #resultContent .price-card .pv .vat{-webkit-text-fill-color:#555 !important;color:#555 !important}
  #resultContent .price-card .pl{color:#555 !important}
  /* boxes: stack and outline for paper */
  #resultContent .res-row{display:block !important}
  #resultContent .price-card{border:1.5px solid #111 !important;border-radius:10px !important;padding:16px !important;margin-bottom:12px !important}
  #resultContent .safety{border:1px solid #999 !important;border-radius:10px !important;padding:14px !important;margin-bottom:12px !important}
  #resultContent .safety .si{border:1px solid #999 !important;color:#000 !important;background:#fff !important}
  #resultContent .safety h4{color:#000 !important}
  #resultContent .res-note{border:1px solid #bbb !important;border-radius:8px !important;padding:12px !important}
  #resultContent .res-note b{color:#000 !important}
  #resultContent .incl{margin-top:12px !important}
  #resultContent .incl span{border:1px solid #bbb !important;color:#222 !important}
  #resultContent .incl span::before{color:#15803d !important}
  #resultContent .res-fine{color:#666 !important;border-top:1px solid #ddd !important;padding-top:8px !important;margin-top:12px !important}
}
  .quote-form{background:linear-gradient(180deg,rgba(15,18,32,.6),rgba(10,12,20,.6));border:1px solid var(--line);border-radius:20px;padding:28px}
  .qf-tag{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--cyan);letter-spacing:.15em;text-transform:uppercase}
  .qf-head h3{font-family:'Syne',sans-serif;font-weight:700;font-size:26px;letter-spacing:-.02em;margin:10px 0 6px;color:var(--ink)}
  .qf-head p{font-size:14px;color:var(--ink-3);line-height:1.55;margin-bottom:20px}
  .qf-form{display:flex;flex-direction:column;gap:14px}
  .qf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .qf-field{display:flex;flex-direction:column;gap:7px}
  .qf-field>span{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
  .qf-field>span i{color:var(--magenta);font-style:normal}
  .qf-field>span i.opt{color:var(--ink-4);text-transform:lowercase;letter-spacing:0;display:inline;background:none;border:0;border-radius:0;padding:0;width:auto;cursor:inherit;gap:0}
  .qf-field input,.qf-field textarea{width:100%;background:rgba(6,7,13,.6);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--ink);font-family:'Inter',sans-serif;font-size:14.5px;transition:border-color .18s,box-shadow .18s;resize:vertical}
  .qf-field input::placeholder,.qf-field textarea::placeholder{color:var(--ink-4)}
  .qf-field input:focus,.qf-field textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-glow)}
  .qf-submit{margin-top:4px;background:var(--grad);color:#04293a;font-family:'Syne',sans-serif;font-weight:700;font-size:15px;border:0;border-radius:11px;padding:14px 22px;cursor:pointer;transition:transform .18s,box-shadow .18s}
  .qf-submit:hover{transform:translateY(-2px);box-shadow:0 12px 30px -8px var(--cyan-glow)}
  .qf-note{font-size:12.5px;color:var(--ink-4);text-align:center;margin-top:2px}
  .qf-note a{color:var(--cyan);text-decoration:none;font-weight:600}
  .qf-success{display:flex;gap:16px;align-items:flex-start;padding:6px 2px}
  .qf-success[hidden]{display:none}
  .qf-check{flex-shrink:0;width:42px;height:42px;border-radius:11px;background:var(--grad-soft);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--cyan);font-size:22px;font-weight:700}
  .qf-success h4{font-family:'Syne',sans-serif;font-weight:700;font-size:18px;color:var(--ink);margin-bottom:4px}
  .qf-success p{font-size:14px;color:var(--ink-3);line-height:1.55}
  @media(max-width:760px){.qf-row{grid-template-columns:1fr}}
 
    /* ===== brand refresh: footer band ===== */
    .footer .bottom{background:rgba(6,7,13,.8);border-top:1px solid var(--line-2);margin:28px calc(50% - 50vw) 0;padding:18px calc(50vw - 50%) 22px}
    footer.footer{padding-bottom:0}
  
    /* ===== BDR lockup ===== */
    .logo-bdr{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1;flex-shrink:0;text-decoration:none}
    .bdr-mark{font-family:'Syne',sans-serif;font-weight:800;font-size:34px;letter-spacing:.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px var(--cyan-glow))}
    .bdr-sub{margin-top:-1px;margin-left:4px;font-family:'IBM Plex Mono',monospace;font-size:7.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
    .footer .logo-bdr .bdr-mark{font-size:30px}
    .logo.logo-bdr, .brand-block .logo.logo-bdr{flex-direction:column;align-items:flex-start;gap:0}
    .logo.logo-bdr .bdr-mark{margin-left:-1px}
    .logo.logo-bdr .bdr-sub, .brand-block .logo.logo-bdr .bdr-sub{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--ink-3);-webkit-text-fill-color:var(--ink-3)}
  .nav .row{position:relative}


  #bdr-chat-fab{position:fixed;right:22px;bottom:22px;z-index:2147483000;width:60px;height:60px;border-radius:50%;border:0;cursor:pointer;background:linear-gradient(135deg,#039bc5,#039bc5 50%,#039bc5);box-shadow:0 12px 30px rgba(3,155,197,.34),0 4px 12px rgba(0,0,0,.4);display:grid;place-items:center;transition:transform .18s ease,opacity .18s ease}
  #bdr-chat-fab:hover{transform:translateY(-2px) scale(1.04)}
  #bdr-chat-fab svg{width:26px;height:26px;stroke:#04293a;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
  #bdr-chat-fab .bdr-badge{position:absolute;top:-2px;right:-2px;width:15px;height:15px;border-radius:50%;background:#22c55e;border:2.5px solid #04293a}
  #bdr-chat-fab.bdr-hidden{transform:scale(.4);opacity:0;pointer-events:none}
  @media (max-width:600px){#bdr-chat-fab{right:16px;bottom:16px;width:54px;height:54px}}
  
.container-narrow > p,.container-narrow > ul,.container-narrow > ol{max-width:68ch}
.container-narrow > p{font-size:16.5px;line-height:1.7;color:var(--ink-3);margin:0 0 18px}.nav .links{align-items:center}.nav .links>li{display:flex;align-items:center}.nav ul.links>li>a{color:var(--ink-3)}.nav ul.links>li>a:hover{color:var(--ink);background:rgba(3,155,197,.06)}html{background:#04293a!important;color-scheme:dark}body{background:#04293a!important}
/* card + inline-link styles */
.why-item{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;
    padding:22px 24px;border-radius:14px;
    background:rgba(3,155,197,.03);border:1px solid var(--line-2);
    transition:all .2s;}.why-item:hover{background:rgba(3,155,197,.06);border-color:var(--line)}.why-item .num{font-family:'Syne',sans-serif;font-weight:700;font-size:32px;line-height:1;letter-spacing:-.02em;
    background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
    min-width:48px;}.why-item h4{font-family:'Syne',sans-serif;font-weight:600;font-size:17px;margin-bottom:4px;color:var(--ink)}.why-item p{font-size:13.5px;color:var(--ink-3);line-height:1.5}.why-item .check{width:32px;height:32px;border-radius:50%;background:rgba(3,155,197,.1);border:1px solid var(--line);
    display:grid;place-items:center;color:var(--cyan);font-size:14px;}.svc-grid2{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.svc2{display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(180deg,rgba(15,18,32,.6),rgba(10,12,20,.6));border:1px solid var(--line);border-radius:15px;padding:22px 20px;transition:border-color .18s ease,transform .18s ease}.svc2:hover{border-color:var(--cyan-glow);transform:translateY(-3px)}.svc2 .s2-ico{width:44px;height:44px;flex-shrink:0;border-radius:12px;background:var(--grad-soft);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--cyan);font-size:20px;margin-bottom:15px}.svc2 .s2-title{font-family:'Syne',sans-serif;font-weight:600;font-size:16.5px;color:var(--ink);margin-bottom:8px}.svc2 .s2-desc{font-size:13.5px;color:var(--ink-3);line-height:1.55;margin-bottom:14px}.svc2 .s2-tags{display:flex;flex-wrap:wrap;gap:7px}.svc2 .s2-tags span{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--ink-4);background:rgba(3,155,197,.05);border:1px solid var(--line);border-radius:6px;padding:4px 8px;letter-spacing:.02em;line-height:1}.svc2 .s2-tx{display:flex;flex-direction:column;min-width:0}.svc2 .s2-tx strong{font-family:'Syne',sans-serif;font-weight:600;font-size:15px;color:var(--ink);margin-bottom:2px}.svc2 .s2-tx span{font-size:12.5px;color:var(--ink-3);line-height:1.4}.svc-grid2{grid-template-columns:1fr 1fr}.svc-grid2{grid-template-columns:1fr}.cover-grid a.inl{color:var(--cyan)}.cover-grid a.inl:hover{text-decoration:underline}@media(max-width:820px){.svc-grid2{grid-template-columns:1fr 1fr}}@media(max-width:560px){.svc-grid2{grid-template-columns:1fr}}

.why-item{
    display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;
    padding:22px 24px;border-radius:14px;
    background:rgba(3,155,197,.03);border:1px solid var(--line-2);
    transition:all .2s;
  }.why-item:hover{background:rgba(3,155,197,.06);border-color:var(--line)}.why-item .num{
    font-family:'Syne',sans-serif;font-weight:700;font-size:32px;line-height:1;letter-spacing:-.02em;
    background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
    min-width:48px;
  }.why-item h4{font-family:'Syne',sans-serif;font-weight:600;font-size:17px;margin-bottom:4px;color:var(--ink)}.why-item p{font-size:13.5px;color:var(--ink-3);line-height:1.5}.why-item .check{
    width:32px;height:32px;border-radius:50%;background:rgba(3,155,197,.1);border:1px solid var(--line);
    display:grid;place-items:center;color:var(--cyan);font-size:14px;
  }.why-col{display:flex;flex-direction:column;gap:24px}

.section.alt{
    background:linear-gradient(180deg,transparent,rgba(10,12,20,.5) 30%,rgba(10,12,20,.5) 70%,transparent);
  }

/* ---- how it works: four numbered steps -------------------------------------
   .why-item is a three-column grid, but each card holds FOUR children
   (.num, h4, p, .check). Without explicit placement the paragraph falls into
   the tick's column and the tick wraps onto a second row beneath the number.
   Each child is now placed by hand, so no HTML change is needed.            */
.why-col{max-width:900px;margin:0 auto;gap:12px;position:relative}

.why-item{
  position:relative;
  grid-template-columns:auto 1fr auto;
  grid-template-rows:auto auto;
  align-items:start;
  column-gap:26px;row-gap:6px;
  padding:24px 28px;
  background:var(--bg-2);
  border:1px solid var(--line);
}
.why-item:hover{border-color:rgba(3,155,197,.35)}

.why-item .num{
  grid-column:1;grid-row:1 / span 2;align-self:center;
  min-width:54px;text-align:center;font-size:34px;
}
.why-item h4   {grid-column:2;grid-row:1;margin:0}
.why-item p    {grid-column:2;grid-row:2;font-size:14px;line-height:1.6}
.why-item .check{grid-column:3;grid-row:1 / span 2;align-self:center}

/* the steps are a genuine sequence, so the cards are joined by a hairline
   running through the numbers rather than sitting as four loose boxes */
.why-item::before{
  content:"";position:absolute;left:55px;top:-13px;
  width:1px;height:13px;background:var(--line);
}
.why-item:first-child::before{display:none}

@media (max-width:640px){
  .why-col{gap:10px}
  .why-item{grid-template-columns:auto 1fr;column-gap:18px;padding:20px}
  .why-item .num{min-width:42px;font-size:28px}
  .why-item .check{grid-column:2;grid-row:3;justify-self:start;margin-top:12px}
  .why-item::before{left:41px}
}

/* --- Top-level nav alignment -------------------------------------------------
   The four dropdown items are <button> elements; Contact is an <a>. The site's
   reset (button{font:inherit;border:none;background:none}) does not cover the
   remaining UA differences: Firefox adds internal padding via ::-moz-focus-inner,
   and buttons resolve their line box differently from an anchor. Both element
   types are pinned here so the five items share one box.                      */
.nav .links > li{align-items:center}
.nav .links > li > a,
.nav .links > li > button{
  align-self:center;
  line-height:1.5;
  margin:0;
  border:0;
  text-align:left;
  vertical-align:middle;
  -webkit-appearance:none;
  appearance:none;
}
.nav .links > li > button::-moz-focus-inner{border:0;padding:0}

/* ------------------------------------------------------------------
   Hero layout — September 2026
   1. The hero grid was built for two columns. With the second column
      removed, let the remaining column span the full width instead of
      leaving dead space to the right.
   2. .lead inherits `margin:0 auto` from the generic rule, which centred
      the hero paragraph inside its column so it sat indented relative to
      the heading. Align it left, matching every other site.
   ------------------------------------------------------------------ */
.hero-grid > div:only-child{grid-column:1 / -1;max-width:900px}
.hero .lead{margin-left:0;margin-right:0;max-width:640px}
/* 3. .actions likewise inherits justify-content:center from the generic
      rule, which centred the call-to-action instead of aligning it left. */
.hero .actions{justify-content:flex-start}
.hero .trust-row{justify-content:flex-start}