@font-face{font-family:'Mont';src:url('fonts/Mont-Light.woff2') format('woff2'),url('fonts/Mont-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap;}
  @font-face{font-family:'Mont';src:url('fonts/Mont-Regular.woff2') format('woff2'),url('fonts/Mont-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;}
  @font-face{font-family:'Mont';src:url('fonts/Mont-SemiBold.woff2') format('woff2'),url('fonts/Mont-SemiBold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap;}
  @font-face{font-family:'Mont';src:url('fonts/Mont-Bold.woff2') format('woff2'),url('fonts/Mont-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap;}
  @font-face{font-family:'Mont';src:url('fonts/Mont-Heavy.woff2') format('woff2'),url('fonts/Mont-Heavy.woff') format('woff');font-weight:800;font-style:normal;font-display:swap;}
  @font-face{font-family:'Mont';src:url('fonts/Mont-Black.woff2') format('woff2'),url('fonts/Mont-Black.woff') format('woff');font-weight:900;font-style:normal;font-display:swap;}
  :root{
    --paper:#eef1f5;
    --ink:#14181c;
    --ink-soft:#546670;
    --gray:#546670;
    --bar:#dee3ea;
    --bar-d:#cdd3dc;
    --accent:#005da4;
    --accent-soft:#dcebf7;
    --teal:#009b90;
    --sky:#009b90;
    --navy:#00386c;
    --line:#22252b;
    --gx:clamp(22px,4.5vw,90px);
    --fz-head:1;
    --fz-body:1;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    background:var(--paper);
    color:var(--ink);
    font-family:'Mont',sans-serif;
    font-size:calc(16px * var(--fz-body));
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  /* subtle paper grid */
  body::before{
    content:none;
  }
  .wrap{position:relative;z-index:1;}


  /* ---------- site layout ---------- */
  .browser{width:100%;max-width:none;margin:0;background:#fff;min-height:60vh;position:relative;}
  .page{padding:0;}
  .bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}
  .site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--bar-d);}
  .site-footer{background:#14181c;}
  .site-footer .ftr{margin:0;background:transparent;}

  /* ---------- wireframe primitives ---------- */
  .sec{padding:clamp(32px,3.6vw,58px) var(--gx);border-bottom:1.5px solid var(--bar-d);}
  .sec:last-child{border-bottom:none;}
  .sec.dark{background:#14181c;color:#e9e7df;}
  .sec.tint{background:#f2f6fe;}
  .tag{
    display:inline-block;font-family:'Mont';font-size:12px;font-weight:800;
    letter-spacing:.09em;text-transform:uppercase;
    color:var(--accent);background:var(--accent-soft);
    padding:5px 11px;border-radius:6px;margin-bottom:9px;
  }
  .sec.dark .tag{background:#33373f;color:#7fc8ff;}
  h2.wf{font-family:'Mont';font-weight:800;font-size:calc(34px * var(--fz-head));letter-spacing:-.01em;margin:.1em 0 .35em;line-height:1.05;}
  h3.wf{font-family:'Mont';font-weight:700;font-size:calc(24px * var(--fz-head));margin:.1em 0 .3em;}
  .muted{color:var(--ink-soft);}
  .sec.dark .muted{color:#9aa0ab;}

  /* gray text bars */
  .lines{display:flex;flex-direction:column;gap:7px;margin:8px 0;}
  .ln{height:9px;border-radius:5px;background:var(--bar);}
  .sec.dark .ln{background:#3a3e46;}
  .ln.w95{width:95%;}.ln.w85{width:85%;}.ln.w75{width:75%;}
  .ln.w60{width:60%;}.ln.w45{width:45%;}.ln.w30{width:30%;}

  /* photo placeholder */
  .ph{
    position:relative;border:2px solid var(--ink);border-radius:8px;
    background:#e9edf2;
    display:flex;align-items:center;justify-content:center;text-align:center;
    color:var(--ink-soft);font-size:14px;padding:10px;min-height:120px;
  }
  .ph .ico{font-family:'Mont';font-size:30px;display:block;color:var(--ink);opacity:.5;}
  .sec.dark .ph{background:#1c2127;border-color:#5a5f69;color:#9aa0ab;}
  .sec.dark .ph .ico{color:#cfd3da;}

  /* buttons — physical, pressable */
  .btn{
    display:inline-flex;align-items:center;gap:7px;font-family:'Mont';font-weight:700;font-size:16px;
    border:2px solid var(--ink);border-radius:9px;
    padding:8px 20px;background:#fff;color:var(--ink);text-decoration:none;
    cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;
    box-shadow:0 2px 5px rgba(20,24,28,.13);
    transition:transform .13s cubic-bezier(.2,.8,.3,1),box-shadow .13s ease,background-color .14s,border-color .14s,color .14s;
  }
  @media(hover:hover){
    .btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(20,24,28,.20);}
  }
  .btn:active{transform:translateY(1px) scale(.97);box-shadow:0 1px 3px rgba(20,24,28,.18);transition-duration:.04s;}
  .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 3px 9px rgba(0,93,164,.32);}
  @media(hover:hover){
    .btn.primary:hover{background:#0067b4;border-color:#0067b4;box-shadow:0 11px 24px rgba(0,93,164,.38);}
  }
  .btn.primary:active{box-shadow:0 2px 6px rgba(0,93,164,.30);}
  .btn.ghost{background:transparent;}
  .btn.teal,.sec.dark .btn.teal,.sec.dark .btn.primary.teal{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 3px 9px rgba(0,155,144,.32);}
  @media(hover:hover){
    .btn.teal:hover,.sec.dark .btn.teal:hover,.sec.dark .btn.primary.teal:hover{background:#00877d;border-color:#00877d;box-shadow:0 11px 24px rgba(0,155,144,.38);}
  }
  .btn.teal-ghost{background:transparent;border-color:var(--teal);color:var(--teal);}
  @media(hover:hover){
    .btn.teal-ghost:hover{background:var(--teal);border-color:var(--teal);color:#fff;}
  }
  .sec.dark .btn{background:#1c2127;border-color:#5a5f69;color:#e9e7df;box-shadow:0 2px 6px rgba(0,0,0,.3);}
  @media(hover:hover){.sec.dark .btn:hover{border-color:#7b828d;box-shadow:0 9px 22px rgba(0,0,0,.4);}}
  .sec.dark .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 3px 10px rgba(0,93,164,.4);}

  .row{display:flex;gap:18px;}
  .col{flex:1;min-width:0;}
  .grid{display:grid;gap:16px;}
  .g2{grid-template-columns:1fr 1fr;}
  .g3{grid-template-columns:repeat(3,1fr);}
  .g4{grid-template-columns:repeat(4,1fr);}
  .card{border:1px solid var(--bar-d);border-radius:12px;padding:16px;background:#fff;box-shadow:0 2px 10px rgba(34,37,43,.05);}
  .sec.dark .card{background:#1c2127;border-color:#4a4f58;}
  .center{text-align:center;}
  .chip{
    display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--ink);
    border-radius:20px;padding:3px 12px;font-size:14px;font-weight:700;background:#fff;
  }
  .stat{font-family:'Mont';font-size:40px;font-weight:700;color:var(--accent);line-height:1;}
  .stat-strip{display:flex;gap:34px;flex-wrap:wrap;align-items:center;}
  .stat-strip>div{flex:0 0 auto;}
  .sec.dark .stat{color:var(--teal);}
  .note{
    font-family:'Mont';font-size:17px;color:var(--accent);
    display:inline-flex;align-items:center;gap:6px;
  }
  .arrow{font-size:20px;}
  .navbar{
    display:flex;align-items:center;gap:18px;padding:14px 34px;border-bottom:1px solid var(--bar-d);
  }
  .logo{font-family:'Mont';font-weight:800;font-size:25px;letter-spacing:.6px;}
  .navbar .nav{display:flex;gap:16px;font-size:15px;font-weight:700;color:var(--ink-soft);flex-wrap:wrap;}
  .navbar .right{margin-left:auto;display:flex;gap:10px;align-items:center;}
  .flag{border:1.5px solid var(--ink);border-radius:6px;padding:1px 8px;font-size:13px;font-weight:700;}
  .play{
    width:60px;height:60px;border-radius:50%;border:1px solid var(--bar-d);background:#fff;
    display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto;
  }
  .sec.dark .play{background:#1c2127;border-color:#cfd3da;color:#fff;}
  .annot{font-family:'Mont';font-size:14px;font-weight:700;color:var(--accent);background:var(--accent-soft);border:1.5px solid #bcdcf2;border-radius:10px;padding:6px 12px;display:inline-block;margin:4px 0;}

  /* ---------- home: type category tiles ---------- */
  .typegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;}
  .tcard{display:flex;flex-direction:column;border:1px solid var(--bar-d);border-radius:12px;background:#fff;overflow:hidden;cursor:pointer;text-decoration:none;color:inherit;transition:transform .14s,box-shadow .14s,border-color .14s;}
  .tcard:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 12px 26px rgba(0,93,164,.16);}
  .tcard .tph{position:relative;height:98px;display:flex;align-items:center;justify-content:center;border-bottom:2px solid var(--bar-d);
    background:#e9edf2;}
  .tcard .tph .ico{font-family:'Mont';font-size:42px;line-height:1;color:var(--ink);opacity:.5;transition:.14s;}
  .tcard:hover .tph .ico{opacity:.85;color:var(--accent);transform:scale(1.06);}
  .tcard-b{padding:13px 15px 14px;display:flex;flex-direction:column;gap:5px;flex:1;}
  .tcard-b h3{margin:0;}
  .tcard-b .desc{font-size:14px;color:var(--ink-soft);}
  .tcard-b .who{font-size:12.5px;font-weight:700;color:var(--ink);display:flex;align-items:flex-start;gap:6px;margin-top:1px;}
  .tcard-b .who::before{content:'▸';color:var(--accent);flex:0 0 auto;}
  .tgo{margin-top:auto;padding-top:9px;font-size:13.5px;font-weight:700;color:var(--accent);display:inline-flex;align-items:center;gap:6px;border-top:1.5px solid var(--bar-d);}
  .tgo .ar{transition:transform .14s;}
  .tcard:hover .tgo .ar{transform:translateX(4px);}
  .findcard{grid-column:1/-1;display:flex;align-items:center;gap:18px;flex-wrap:wrap;border:2px solid var(--accent);border-radius:12px;background:#f2f6fe;padding:16px 22px;box-shadow:0 10px 26px rgba(0,93,164,.12);}
  .findcard .fi{width:46px;height:46px;border-radius:12px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;flex:0 0 46px;}
  .findcard .ft{flex:1;min-width:200px;}
  .findcard .ft h3{margin:0;}
  .findcard .ft .muted{font-size:14px;}
  @media (max-width:760px){.typegrid{grid-template-columns:1fr;}.findcard{flex-direction:column;align-items:flex-start;}}

  /* ---------- footer ---------- */
  .ftr{background:#14181c;color:#c4c8d0;padding:48px var(--gx) 20px;}
  .ftr-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.25fr;gap:28px;}
  .ftr-brand .logo{font-family:'Mont';font-weight:800;font-size:26px;color:#fff;letter-spacing:.6px;}
  .ftr-brand p{font-size:13.5px;color:#9aa0ab;max-width:36ch;margin:8px 0 14px;line-height:1.5;}
  .ftr-soc{display:flex;gap:8px;}
  .ftr-soc span,.ftr-soc a{width:34px;height:34px;border-radius:50%;border:1.5px solid #313945;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#cfd3da;cursor:pointer;transition:.12s;text-decoration:none;}
  .ftr-soc a svg{width:18px;height:18px;display:block;}
  .ftr-soc span:hover,.ftr-soc a:hover{background:rgba(255,255,255,.1);border-color:#4a5563;}
  .ftr-col{display:flex;flex-direction:column;gap:9px;}
  .ftr-col h4{font-family:'Mont';font-weight:700;font-size:20px;color:#fff;margin:0 0 4px;}
  .ftr-col span,.ftr-col a{font-size:13.5px;color:#9aa0ab;font-weight:700;cursor:pointer;text-decoration:none;transition:.12s;}
  .ftr-col span:hover,.ftr-col a:hover{color:#fff;}
  .ftr-contact .ftr-phone{font-family:'Mont';font-size:23px;color:#fff;}
  .ftr-contact .btn{margin-top:8px;align-self:flex-start;}
  .ftr-bot{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;border-top:1.5px solid #3a3e46;margin-top:26px;padding-top:16px;font-size:12.5px;color:#7f8590;font-weight:700;}
  .ftr-legal{display:flex;gap:18px;flex-wrap:wrap;}
  .ftr-legal span,.ftr-legal a{cursor:pointer;color:inherit;text-decoration:none;}
  .ftr-legal span:hover,.ftr-legal a:hover{color:#cfd3da;}
  .ftr-col a{text-decoration:none;}
  /* real form fields */
  input.dfield,select.dfield,textarea.dfield{width:100%;font-family:'Mont',sans-serif;font-weight:600;font-size:14px;outline:none;}
  input.dfield::placeholder,textarea.dfield::placeholder{color:var(--ink-soft);font-weight:600;}
  select.dfield{appearance:none;-webkit-appearance:none;cursor:pointer;}
  .dfield:focus{border-color:var(--accent);}
  .lead-form .form-ok{margin-top:14px;padding:14px 16px;border-radius:10px;background:var(--accent-soft);border:1.5px solid #bcdcf2;color:var(--accent);font-weight:700;font-size:14px;display:none;}
  .lead-form .form-ok:not([hidden]){display:flex;}
  a.chip{text-decoration:none;}
  @media (max-width:760px){
    .ftr{padding:34px 20px 18px;}
    .ftr-top{grid-template-columns:1fr 1fr;gap:26px 22px;}
    .ftr-brand{grid-column:1/-1;text-align:left;}
    .ftr-brand p{max-width:42ch;font-size:14px;}
    .ftr-soc{gap:12px;margin-top:4px;}
    .ftr-soc span,.ftr-soc a{width:44px;height:44px;}
    .ftr-soc a svg{width:21px;height:21px;}
    .ftr-col h4{font-size:16px;letter-spacing:.01em;margin-bottom:8px;}
    .ftr-col span,.ftr-col a{font-size:14.5px;padding:3px 0;}
    .ftr-contact{grid-column:1/-1;padding-top:22px;margin-top:2px;border-top:1.5px solid #2a2e36;}
    .ftr-contact .ftr-phone{font-size:26px;display:inline-block;}
    .ftr-contact .btn{width:100%;text-align:center;padding:13px;font-size:15px;margin-top:12px;}
    .ftr-bot{flex-direction:column;align-items:flex-start;gap:12px;text-align:left;}
    .ftr-legal{gap:16px;}
  }

  /* ---------- header ---------- */
  .site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--bar-d);}
  .site-header.scrolled{border-bottom-color:transparent;box-shadow:0 6px 22px rgba(0,56,108,.10);}

  /* top utility bar */
  .hdr-top{background:var(--navy);color:#cfe0ef;font-size:13px;font-weight:600;overflow:hidden;max-height:46px;transition:max-height .26s ease,opacity .2s ease;position:relative;}
  @media(min-width:761px){
    .site-header:not(.scrolled) .hdr-top:hover{overflow:visible;z-index:8;}
  }
  .site-header.scrolled .hdr-top{max-height:0;opacity:0;}
  .hdr-top-in{display:flex;align-items:center;justify-content:space-between;gap:18px;height:46px;padding:0 var(--gx);}
  .ht-usp{display:flex;align-items:center;gap:9px;color:#aecbe6;letter-spacing:.01em;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .ht-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(0,155,144,.25);flex:0 0 auto;}
  .ht-right{display:flex;align-items:center;gap:15px;flex:0 0 auto;}
  .ht-link{color:#dcebf7;text-decoration:none;transition:.12s;white-space:nowrap;}
  .ht-link:hover{color:#fff;}
  .ht-phone-sm{color:#fff;font-weight:700;letter-spacing:.02em;text-decoration:none;white-space:nowrap;}
  .ht-sep{width:1px;height:14px;background:rgba(255,255,255,.22);}
  .ht-soc{display:flex;gap:6px;}
  .ht-soc a{width:25px;height:25px;border-radius:50%;border:1px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700;color:#cfe0ef;text-decoration:none;transition:.12s;}
  .ht-soc a svg{width:14px;height:14px;display:block;}
  .ht-soc a:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);}
  .ht-hours{display:flex;align-items:center;gap:6px;color:#aecbe6;font-weight:600;white-space:nowrap;}
  .ht-hours svg{flex:0 0 auto;opacity:.85;}
  @media(max-width:1080px){.ht-hours{display:none;}}
  .hdr-top .lang{cursor:pointer;color:#cfe0ef;font-weight:700;}
  .hdr-top .lang:hover{color:#fff;}

  /* main bar */
  .hdr{display:flex;align-items:center;gap:28px;padding:14px var(--gx);background:#fff;position:relative;z-index:5;transition:padding .2s ease;}
  .site-header.scrolled .hdr{padding-top:9px;padding-bottom:9px;}
  .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;flex:0 0 auto;}
  .brand-mark{width:44px;height:44px;flex:0 0 auto;transition:width .2s,height .2s;}
  .site-header.scrolled .brand-mark{width:38px;height:38px;}
  .brand-tx{display:flex;flex-direction:column;line-height:1;}
  .brand-tx b{font-family:'Mont';font-weight:800;font-size:24px;letter-spacing:.4px;color:var(--ink);}
  .brand-tx i{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--teal);margin-top:4px;}
  /* real wordmark logo */
  .brand-logo{height:42px;width:auto;display:block;transition:height .2s ease;}
  .site-header.scrolled .brand-logo{height:35px;}
  .ftr-logo{height:46px;width:auto;display:block;margin-bottom:2px;}
  .hdr-kp{display:none;}
  .soc-max{color:#6a4bff!important;}
  .dh-logo{height:30px;width:auto;display:block;}

  .hdr-drop{display:flex;align-items:center;gap:24px;flex:1;}
  .hnav{display:flex;align-items:center;gap:4px;margin-right:auto;}
  .hnav-item{position:relative;}
  .hnav-item>a,.hnav-link{font-size:15.5px;font-weight:700;color:var(--ink);text-decoration:none;padding:10px 14px;border-radius:9px;display:flex;align-items:center;gap:6px;transition:.12s;white-space:nowrap;cursor:pointer;}
  .hnav-item>a:hover,.hnav-link:hover{color:var(--accent);background:var(--accent-soft);}
  .hnav-item>a.active,.hnav-link.active{color:var(--accent);}
  .caret{font-size:9px;color:var(--gray);transition:transform .16s;}
  .has-mega:hover .caret{transform:rotate(180deg);color:var(--accent);}

  /* leasing pill on product hero */
  .pl-lease{display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding:9px 15px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.32);color:#fff;font-size:13.5px;font-weight:700;text-decoration:none;transition:.14s;}
  .pl-lease:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.5);}
  .pl-lease svg{flex:none;opacity:.9;}
  .pl-lease span{color:#9fe3dd;white-space:nowrap;}

  /* compact submenu (Клиентам) */
  .submenu{position:absolute;top:calc(100% + 12px);left:0;min-width:236px;background:#fff;border:1px solid var(--bar-d);border-radius:14px;box-shadow:0 26px 60px rgba(0,56,108,.18);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;z-index:60;display:flex;flex-direction:column;gap:1px;}
  .submenu::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px;}
  .has-mega:hover .submenu{opacity:1;visibility:visible;transform:translateY(0);}
  .submenu a{font-size:15px;font-weight:600;color:var(--ink);text-decoration:none;padding:9px 12px;border-radius:8px;transition:.1s;}
  .submenu a:hover{background:var(--accent-soft);color:var(--accent);}

  /* mega menu */
  .mega{position:absolute;top:calc(100% + 12px);left:0;width:600px;background:#fff;border:1px solid var(--bar-d);border-radius:16px;box-shadow:0 26px 60px rgba(0,56,108,.18);padding:20px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:40;}
  .mega::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px;}
  .has-mega:hover .mega{opacity:1;visibility:visible;transform:translateY(0);}
  .mega-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:16px;}
  .mega-col{display:flex;flex-direction:column;gap:1px;}
  .mega-h{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:var(--gray);margin-bottom:9px;}
  .mega-col a{font-size:15px;font-weight:600;color:var(--ink);text-decoration:none;padding:7px 9px;border-radius:8px;transition:.1s;}
  .mega-col a:hover{background:var(--accent-soft);color:var(--accent);}
  .mega-all{color:var(--accent)!important;font-weight:800!important;margin-top:5px;}
  .mega-extra{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 12px!important;background:var(--accent);color:#fff!important;border-radius:10px;box-shadow:0 3px 9px rgba(0,93,164,.28);}
  .mega-extra svg{flex:0 0 auto;}
  .mega-extra span{display:flex;flex-direction:column;line-height:1.3;font-weight:800;}
  .mega-extra small{font-size:11px;font-weight:600;color:rgba(255,255,255,.8);}
  .mega-extra:hover{background:#0067b4;color:#fff!important;box-shadow:0 8px 18px rgba(0,93,164,.38);}
  .mega-extra:hover small{color:rgba(255,255,255,.85);}
  .mega-feat{background:var(--navy);border-radius:12px;padding:16px;color:#fff;display:flex;flex-direction:column;}
  .mf-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);}
  .mf-h{font-family:'Mont';font-weight:800;font-size:16px;line-height:1.15;margin:7px 0 5px;}
  .mf-p{font-size:12.5px;color:#aecbe6;line-height:1.45;margin-bottom:13px;}
  .mf-btn{margin-top:auto;justify-content:center;font-size:13px;padding:9px 12px;}

  /* phone + cta — desktop: number hidden, revealed on hover, non-clickable */
  .hdr-cta{display:flex;align-items:center;gap:18px;flex:0 0 auto;}
  .hdr-cta .hdr-phone{display:flex;align-items:center;text-decoration:none;color:var(--ink);cursor:default;}
  .hp-ic{width:38px;height:38px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
  .hdr-cta .hdr-phone:hover .hp-ic{background:var(--teal);color:#fff;}
  .hp-tx{display:flex;flex-direction:column;line-height:1;overflow:hidden;white-space:nowrap;box-sizing:border-box;max-width:0;opacity:0;padding-left:0;transition:max-width .3s ease,opacity .22s ease,padding-left .3s ease;}
  .hdr-cta .hdr-phone:hover .hp-tx{max-width:230px;opacity:1;padding-left:10px;}
  .hp-tx b{font-family:'Mont';font-weight:800;font-size:17px;letter-spacing:.02em;color:var(--ink);}
  .hp-tx i{font-style:normal;font-size:11px;font-weight:600;color:var(--gray);margin-top:3px;}

  .hdr-phone-m{display:none;}
  .burger{display:none;}
  .hdr-soc-m{display:none;}

  @media (max-width:1120px){
    .hdr{gap:18px;}
    .hnav-item>a,.hnav-link{padding:10px 11px;font-size:15px;}
    .mega{left:auto;right:0;}
  }

  /* ---------- hero slider ---------- */
  .hslider{position:relative;overflow:hidden;}
  .hslides{position:relative;height:88vh;min-height:520px;}
  .hslide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .5s ease;display:flex;align-items:center;background:#14181c;}
  .hslide.on{opacity:1;visibility:visible;}
  .hslide .bg{position:absolute;inset:0;
    background:#2b2f36;}
  .hslide .bg .lbl{position:absolute;right:14px;bottom:12px;font-size:12px;color:#9aa0ab;background:#14181c;border:1px solid #5a5f69;border-radius:8px;padding:3px 9px;}
  .hslide .ov{position:relative;z-index:2;max-width:660px;padding:30px 56px;color:#fff;}
  .hslide .ov .tag{background:#33373f;color:var(--sky);}
  .hslide .ov h2{font-family:'Mont';font-weight:800;font-size:calc(42px * var(--fz-head));letter-spacing:-.015em;line-height:1.04;margin:.1em 0 .25em;color:#fff;}
  .hslide .ov p{color:#cfd3da;max-width:500px;margin:0 0 16px;font-size:16px;}
  .hslide.cta .bg{background:linear-gradient(120deg,var(--navy),var(--accent));}
  .hslide.cta .ov .tag{background:rgba(255,255,255,.18);color:#fff;}
  .harrow{position:absolute;bottom:18px;z-index:7;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);background:rgba(20,22,26,.32);color:#fff;font-size:19px;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(2px);transition:.14s;}
  .harrow:hover{background:var(--accent);border-color:var(--accent);}
  .harrow.prev{right:66px;}.harrow.next{right:18px;}
  .hdots{position:absolute;bottom:30px;left:56px;right:auto;display:flex;gap:9px;justify-content:flex-start;z-index:6;}
  .hdot{width:34px;height:6px;border-radius:6px;border:none;background:rgba(255,255,255,.35);cursor:pointer;padding:0;}
  .hdot.on{background:var(--sky);}

  /* ---------- contact drawer ---------- */
  .drawer-ov{position:fixed;inset:0;background:rgba(20,22,26,.45);opacity:0;visibility:hidden;transition:.3s;z-index:80;}
  .drawer-ov.open{opacity:1;visibility:visible;}
  .drawer{position:fixed;top:0;right:0;height:100%;width:430px;max-width:92vw;background:var(--paper);
    transform:translateX(105%);transition:transform .38s cubic-bezier(.4,0,.1,1);z-index:90;overflow-y:auto;display:flex;flex-direction:column;box-shadow:-18px 0 50px rgba(34,37,43,.14);}
  .drawer.open{transform:translateX(0);}

  /* ---------- product cards ---------- */
  .pcard{padding:0;overflow:hidden;display:flex;flex-direction:column;}
  .pcard .ph{position:relative;border:none;border-bottom:1px solid var(--bar-d);border-radius:0;}
  .pcat{position:absolute;left:10px;top:10px;font-size:12px;font-weight:700;background:var(--accent);color:#fff;border-radius:14px;padding:2px 10px;}
  .pbody{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;}
  .pspecs{display:flex;flex-wrap:wrap;gap:6px;}
  .pspecs span{font-size:12px;font-weight:700;border:1.5px solid var(--bar-d);border-radius:8px;padding:2px 8px;color:var(--ink-soft);background:#fff;}
  .pprice{font-family:'Mont';font-size:22px;font-weight:700;color:var(--accent);}
  .pbtns{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;}
  .pcmp{font-size:13px;color:var(--ink-soft);cursor:pointer;font-weight:700;}

  /* ---------- ROI calculator ---------- */
  .calc{display:flex;gap:18px;flex-wrap:wrap;}
  .calc .params{flex:0 0 300px;}
  .calc .viz{flex:1;min-width:300px;}
  .sel{width:100%;padding:8px 10px;border:1.5px solid var(--ink);border-radius:8px;font-family:'Mont';font-weight:700;font-size:15px;background:#fff;cursor:pointer;}
  .frow{margin-bottom:14px;}
  .frow .lab{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;font-weight:700;color:var(--ink-soft);margin-bottom:6px;}
  .frow .lab b{color:var(--accent);font-family:'Mont';font-size:19px;white-space:nowrap;}
  .rng{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:6px;background:var(--bar);outline:none;}
  .rng::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--accent);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2);}
  .rng::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--accent);cursor:pointer;}
  .resrow{display:flex;gap:10px;flex-wrap:wrap;}
  .rescard{flex:1;min-width:118px;border:1.5px solid var(--bar-d);border-radius:10px;padding:9px 12px;background:#fff;}
  .rescard.hi{background:var(--accent);border-color:var(--accent);color:#fff;}
  .rescard .v{font-family:'Mont';font-weight:700;font-size:27px;line-height:1;}
  .rescard:not(.hi) .v{color:var(--accent);}
  .rescard .k{font-size:12px;font-weight:700;opacity:.85;margin-top:2px;}
  .vizhead{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;margin-bottom:8px;gap:8px;}
  .vizhead b{font-family:'Mont';font-size:20px;}
  .chart{position:relative;display:flex;align-items:stretch;gap:2px;height:180px;}
  .chart .baseline{position:absolute;left:0;right:0;top:50%;border-top:2px solid var(--ink);opacity:.45;z-index:1;}
  .cbar{flex:1;position:relative;min-width:0;}
  .cbar .up{position:absolute;left:0;right:0;bottom:50%;background:var(--accent);border-radius:2px 2px 0 0;transition:height .18s;}
  .cbar .dn{position:absolute;left:0;right:0;top:50%;background:#c2ccd6;border-radius:0 0 2px 2px;transition:height .18s;}
  .cbar.pb .up{background:var(--teal);}
  .cbar.pb::after{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:2px dotted var(--teal);transform:translateX(-1px);}
  .chaxis{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-soft);margin-top:5px;font-weight:700;}
  .usebar{height:14px;border-radius:8px;background:var(--bar);overflow:hidden;}
  .usebar span{display:block;height:100%;background:var(--accent);border-radius:8px;transition:width .2s;}
  .lane{display:flex;gap:4px;flex-wrap:wrap;margin-top:10px;min-height:22px;}
  .lane i{font-style:normal;font-size:17px;line-height:1;}
  @media (max-width:760px){.calc .params{flex:1 0 100%;}.calc .viz{flex:1 0 100%;}}

  /* ---------- catalog landing strips ---------- */
  .filterbar{position:sticky;top:0;z-index:4;background:rgba(255,255,255,.96);backdrop-filter:blur(4px);border-bottom:1px solid var(--bar-d);padding:14px var(--gx);display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
  .filterbar .fl{font-size:13px;font-weight:700;color:var(--ink-soft);margin-right:2px;}
  .fchip{border:1.5px solid var(--ink);border-radius:20px;padding:4px 13px;font-size:14px;font-weight:700;background:#fff;cursor:pointer;}
  .fchip.on{background:var(--accent);color:#fff;border-color:var(--accent);}
  .filterbar .fbar-spacer{flex:1 1 auto;}
  .filterbar .fcount{font-size:13px;font-weight:700;color:var(--ink-soft);white-space:nowrap;}
  .filterbar .fpill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--accent);background:var(--accent-soft,#dcebf7);border:1.5px solid var(--accent);border-radius:20px;padding:3px 6px 3px 13px;}
  .filterbar .fpill b{font-weight:800;}
  .filterbar .fpill button{border:none;background:var(--accent);color:#fff;width:20px;height:20px;border-radius:50%;font-size:11px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;}
  .filterbar .fpill button:hover{background:var(--navy,#00386c);}
  .empty-card{max-width:560px;margin:0 auto;text-align:center;padding:clamp(40px,6vw,72px) var(--gx);}
  .empty-card .empty-ic{margin-bottom:10px;line-height:0;}
  .empty-card h3{margin:0 0 8px;}
  .empty-card p{margin:0 0 18px;}
  .lstrip{display:flex;gap:30px;align-items:center;padding:clamp(34px,4vw,64px) var(--gx);border-bottom:1.5px solid var(--bar-d);}
  .lstrip:nth-child(even){flex-direction:row-reverse;background:#f5f8fc;}
  .lstrip .lvis{flex:1.25;align-self:stretch;}
  .lstrip .lvis .ph{min-height:336px;height:100%;border-radius:12px;}
  .lstrip .linfo{flex:1;}
  .lnum{font-family:'Mont';font-weight:700;font-size:20px;color:var(--accent);background:var(--accent-soft);border-radius:14px;padding:0 12px;display:inline-block;}
  .lstrip h2{font-family:'Mont';font-weight:800;font-size:36px;letter-spacing:-.01em;line-height:1.08;margin:.2em 0 .28em;}
  .lstrip .lpitch{color:var(--ink-soft);font-size:16px;max-width:46ch;margin:0 0 14px;}
  .lstats{display:flex;gap:24px;flex-wrap:wrap;margin:0 0 14px;}
  .lstats .v{font-family:'Mont';font-weight:700;font-size:30px;color:var(--accent);line-height:1;}
  .lstats .k{font-size:12px;color:var(--ink-soft);font-weight:700;}
  .lbens{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;}
  .lprice-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
  .lprice{font-family:'Mont';font-weight:700;font-size:24px;color:var(--ink);}
  .lprice small{display:block;font-family:'Mont';font-size:12px;color:var(--ink-soft);}

  /* ---------- product landing ---------- */
  .plhero{position:relative;min-height:528px;display:flex;align-items:flex-end;color:#fff;
    background:linear-gradient(180deg,rgba(20,30,45,.15),rgba(15,22,34,.78)),#0e2236;}
  .plhero .inner{padding:clamp(34px,5vw,72px) var(--gx);max-width:880px;}
  .plhero h1{font-family:'Mont';font-weight:800;font-size:calc(50px * var(--fz-head));letter-spacing:-.02em;line-height:1.06;margin:.14em 0 .26em;color:#fff;}
  .plhero p{color:#d5dbe3;font-size:17px;max-width:52ch;margin:0 0 16px;}
  .plhero .pl-play{position:absolute;left:var(--gx);top:30px;display:flex;align-items:center;gap:9px;font-weight:700;font-size:14px;background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.6);border-radius:40px;padding:6px 14px;cursor:pointer;}
  .plbar{position:sticky;top:0;z-index:6;background:var(--ink);color:#fff;display:flex;align-items:center;gap:16px;padding:10px var(--gx);flex-wrap:wrap;}
  .plbar .nm{font-family:'Mont';font-weight:700;font-size:22px;}
  .plbar .anchors{display:flex;gap:14px;font-size:14px;font-weight:700;color:#b9c0cb;flex-wrap:wrap;}
  .plbar .anchors span{cursor:pointer;}
  .plbar .anchors span:hover{color:#fff;}
  .plbar .pl-cta{margin-left:auto;display:flex;gap:8px;align-items:center;}
  .plbar .plprice{font-size:13px;color:#b9c0cb;}
  .benloop{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
  .ben{border:1px solid var(--bar-d);border-radius:12px;padding:16px;background:#fff;box-shadow:0 2px 10px rgba(34,37,43,.05);}
  .ben .bi{font-size:24px;}
  .ben h4{font-family:'Mont';font-weight:700;font-size:21px;margin:6px 0 4px;color:var(--ink);overflow-wrap:break-word;word-break:break-word;hyphens:auto;}
  .ben p{font-size:13px;color:var(--ink-soft);margin:0;}
  .stepflow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;counter-reset:st;}
  .stepc{border:1px solid var(--bar-d);border-radius:12px;padding:16px;background:#fff;position:relative;box-shadow:0 2px 10px rgba(34,37,43,.05);}
  .stepc .sn{font-family:'Mont';font-weight:700;font-size:34px;color:var(--accent);line-height:1;}
  .plchoose{display:flex;gap:8px;overflow-x:auto;padding:12px var(--gx);border-bottom:1.5px solid var(--bar-d);background:#fbfaf6;-webkit-overflow-scrolling:touch;}
  .plchoose button{flex:0 0 auto;font-family:'Mont';font-weight:700;font-size:14px;border:1.5px solid var(--ink);border-radius:20px;padding:5px 14px;background:#fff;color:var(--ink-soft);cursor:pointer;white-space:nowrap;transition:.12s;}
  .plchoose button:hover{border-color:var(--accent);color:var(--accent);}
  .plchoose button.on{background:var(--accent);border-color:var(--accent);color:#fff;}

  /* ---------- product: spec tabs ---------- */
  .spectabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px;}
  .spectabs button{font-family:'Mont';font-weight:700;font-size:14px;border:1.5px solid var(--ink);border-radius:20px;padding:5px 15px;background:#fff;color:var(--ink-soft);cursor:pointer;transition:.12s;}
  .spectabs button:hover{border-color:var(--accent);color:var(--accent);}
  .spectabs button.on{background:var(--accent);border-color:var(--accent);color:#fff;}
  .specpanel{display:none;}
  .specpanel.on{display:block;}
  .spectbl{width:100%;border-collapse:collapse;}
  .spectbl tr{border-bottom:1.5px solid var(--bar-d);}
  .spectbl tr:last-child{border-bottom:none;}
  .spectbl td{padding:9px 2px;font-size:14px;vertical-align:middle;}
  .spectbl td.k{font-weight:700;color:var(--ink-soft);width:52%;}
  .spectbl td.v{font-weight:700;color:var(--ink);}
  .spectbl .vbar{display:inline-block;height:10px;border-radius:5px;background:var(--bar);vertical-align:middle;}
  .kitcols{display:grid;grid-template-columns:1fr 1fr;gap:14px 34px;}
  .kithd{font-family:'Mont';font-weight:700;font-size:21px;margin:0 0 8px;}
  .kitlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
  .kitlist li{font-size:14px;font-weight:700;display:flex;gap:8px;align-items:flex-start;color:var(--ink);}
  .kitlist li .ck{color:var(--teal);flex:0 0 auto;}
  .kitlist li.off{color:var(--ink-soft);opacity:.7;}
  .kitlist li.off .ck{color:var(--bar-d);}
  .sitelist{display:grid;grid-template-columns:1fr 1fr;gap:10px 34px;list-style:none;margin:0;padding:0;}
  .sitelist li{font-size:14px;font-weight:700;display:flex;gap:9px;align-items:flex-start;border-bottom:1.5px solid var(--bar-d);padding-bottom:9px;}
  .sitelist li .si{color:var(--accent);flex:0 0 auto;}
  .dllist{display:flex;flex-direction:column;gap:10px;max-width:580px;}
  .dlrow{display:flex;align-items:center;gap:12px;border:1.5px solid var(--ink);border-radius:10px;padding:10px 14px;background:#fff;cursor:pointer;transition:.12s;}
  .dlrow:hover{border-color:var(--accent);background:#f2f6fe;}
  .dlrow .fi{width:34px;height:34px;border-radius:8px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:15px;flex:0 0 34px;}
  .dlrow b{font-size:14px;display:block;line-height:1.15;}
  .dlrow small{display:block;font-size:12px;color:var(--ink-soft);font-weight:700;}
  .dlrow .dla{margin-left:auto;font-weight:700;color:var(--accent);font-size:13px;}

  /* ---------- product: configurations ---------- */
  .pkgs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;}
  .pkg{position:relative;border:1px solid var(--bar-d);border-radius:12px;padding:18px 16px 18px;background:#fff;display:flex;flex-direction:column;gap:11px;}
  .pkg.hi{border-color:var(--accent);box-shadow:0 12px 28px rgba(0,93,164,.16);}
  .pkg-badge{position:absolute;top:-11px;left:16px;font-size:12px;font-weight:700;background:var(--accent);color:#fff;border-radius:14px;padding:2px 12px;}
  .pkg-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;}
  .pkg-h b{font-family:'Mont';font-weight:700;font-size:27px;line-height:1;}
  .pkg-p{font-family:'Mont';font-weight:700;font-size:20px;color:var(--accent);white-space:nowrap;}
  .pkg-sub{font-size:12px;color:var(--ink-soft);font-weight:700;margin-top:-4px;}
  .pkglist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;flex:1;}
  .pkglist li{font-size:13px;font-weight:700;display:flex;gap:7px;align-items:flex-start;color:var(--ink);}
  .pkglist li .ck{color:var(--teal);flex:0 0 auto;}
  .pkglist li.off{color:var(--ink-soft);opacity:.6;}
  .pkglist li.off .ck{color:var(--bar-d);}

  /* ---------- product: trust / service ---------- */
  .trustgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;}
  @media (max-width:760px){.kitcols,.sitelist,.pkgs,.trustgrid{grid-template-columns:1fr;}}
  @media (max-width:760px){
    .lstrip,.lstrip:nth-child(even){flex-direction:column;padding:24px 18px;gap:16px;}
    .lstrip .lvis .ph{min-height:216px;}
    .plhero h1{font-size:calc(34px * var(--fz-head));}
    .benloop{grid-template-columns:1fr 1fr;}
    .benloop .ben{min-width:0;}
    .ben h4{overflow-wrap:break-word;}
    .stepflow{grid-template-columns:1fr 1fr;}
    .stepflow .stepc{min-width:0;}
    .plbar{position:static;gap:10px;padding:8px 16px;}
    .plbar .nm{display:none;}
    .plbar .anchors{display:none;}
    .plbar .pl-cta{margin-left:0;width:100%;justify-content:space-between;}
    .plbar .plprice{font-size:13px;}
    body.has-plbar.plbar-stuck .hdr-kp{display:inline-flex;}
    .hdr-kp{align-items:center;gap:8px;margin-left:auto;}
    .hdr-kp-p{font-size:11.5px;color:var(--ink-soft);font-weight:700;white-space:nowrap;}
    .hdr-kp-b{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);
      color:#fff;font-family:'Mont';font-weight:700;font-size:12.5px;text-decoration:none;
      padding:8px 12px;border-radius:9px;white-space:nowrap;}
  }

  /* ---------- interactive supply map ---------- */
  .wmap{position:relative;border-radius:12px;overflow:hidden;background:#cfe1f0;}
  .wmap-canvas{display:block;font-size:0;}
  .wsvg-map{display:block;width:100%;height:auto;}
  .cty{fill:#edf0f3;stroke:#94a2b1;stroke-width:1.1;transition:fill .25s;}
  .cty-dest{fill:#74cdc5;stroke:#34938b;stroke-width:1.2;}
  .cn-origin{fill:var(--accent);stroke:#00386c;stroke-width:1.3;}
  .route-base{fill:none;stroke:var(--teal);stroke-width:3;opacity:.3;}
  .route-base.hot{opacity:.55;stroke-width:4;}
  .route-flow{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 15;opacity:.7;animation:wflow 2.6s linear infinite;}
  .route-flow.hot{stroke-width:5;opacity:1;}
  @keyframes wflow{to{stroke-dashoffset:-17;}}
  .ship{fill:#fff;stroke:var(--accent);stroke-width:3.5;}
  .route-base.mini{stroke-width:2;opacity:.2;}
  .route-flow.mini{stroke-width:2.4;opacity:.5;stroke-dasharray:2 14;}
  .ship.mini{stroke-width:3;}
  .wdotmini{fill:var(--teal);stroke:#fff;stroke-width:2.5;}
  .consent-row{margin-top:10px;}
  .consent-label{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--gray);line-height:1.45;cursor:pointer;}
  .consent-label input[type=checkbox]{flex:0 0 15px;margin-top:2px;accent-color:var(--accent);cursor:pointer;width:15px;height:15px;}
  .consent-label a{color:var(--accent);text-decoration:none;}
  .consent-label a:hover{text-decoration:underline;}

  /* ============ entrance animations ============ */
  [data-anim]{will-change:opacity,transform;}
  [data-anim="up"]{opacity:0;transform:translateY(28px);transition:opacity .58s cubic-bezier(.16,1,.3,1),transform .58s cubic-bezier(.16,1,.3,1);}
  [data-anim="left"]{opacity:0;transform:translateX(-28px);transition:opacity .52s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1);}
  [data-anim="right"]{opacity:0;transform:translateX(28px);transition:opacity .52s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1);}
  [data-anim="scale"]{opacity:0;transform:scale(.94);transition:opacity .5s ease,transform .5s ease;}
  [data-anim].in{opacity:1;transform:none;}
  @media(prefers-reduced-motion:reduce){[data-anim]{opacity:1!important;transform:none!important;transition:none!important;}}

  /* ============ contact drawer ============ */
  .drawer-head{background:linear-gradient(135deg,#001e3c 0%,#00386c 55%,#005da4 100%);padding:20px 22px 18px;color:#fff;}
  .drawer-head-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;}
  .dh-brand{display:flex;align-items:center;gap:12px;}
  .dh-brand b{display:block;font-family:'Mont';font-weight:800;font-size:15px;color:#fff;line-height:1.1;}
  .dh-brand span{display:block;font-size:12px;color:#8ec4e8;margin-top:2px;}
  .dh-pitch{font-size:13px;color:#8ec4e8;margin-top:10px;line-height:1.45;}
  .dclose{background:rgba(255,255,255,.14);border:none;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;flex:0 0 34px;transition:background .14s;}
  .dclose:hover{background:rgba(255,255,255,.28);}
  .drawer-body{padding:20px 22px 24px;overflow-y:auto;}
  .drow2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;}
  @media(max-width:460px){.drow2{grid-template-columns:1fr;}}
  .dfl{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;}
  .dlbl{font-size:12px;font-weight:700;color:var(--ink-soft);letter-spacing:.02em;text-transform:uppercase;}
  .dfield{border:1.5px solid var(--bar-d);border-radius:9px;padding:10px 12px;font-size:14px;font-family:inherit;background:#fff;color:var(--ink);transition:border-color .14s;outline:none;width:100%;box-sizing:border-box;}
  .dfield:focus{border-color:var(--accent);}
  textarea.dfield{min-height:72px;resize:vertical;}
  .dor{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--gray);margin:14px 0 12px;}
  .dor::before,.dor::after{content:'';flex:1;height:1px;background:var(--bar-d);}
  .dmsg-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:start;grid-auto-rows:min-content;}
  .dmsg-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 6px;border-radius:10px;font-size:11.5px;font-weight:700;font-family:'Mont';text-decoration:none;border:1.5px solid transparent;transition:opacity .14s,transform .1s;min-width:0;min-height:0;}
  .dmsg-btn svg{flex:none;width:15px;height:15px;}
  .dmsg-btn:hover{opacity:.85;transform:translateY(-1px);}
  .dmsg-btn.wa{background:#e8f7ef;color:#128c7e;border-color:#c3e8d4;}
  .dmsg-btn.tg{background:#e8f2fb;color:#0088cc;border-color:#c3ddf5;}
  .dmsg-btn.ph{background:#f0f0f0;color:#333;border-color:#d8d8d8;}
  .dmsg-btn.max{background:#f0ecff;color:#5b3ee0;border-color:#dcd2fb;}
  .dmsg-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
  .dfl-msg{margin-top:2px;padding-top:14px;border-top:1px solid var(--bar);}
  .dlbl-q{text-transform:none;letter-spacing:0;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:2px;}
  .dmsg-pick input{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}
  .mp-opt{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 6px;border:1.5px solid var(--bar-d);border-radius:11px;font-family:'Mont';font-weight:700;font-size:12.5px;color:var(--ink-soft);background:#fff;cursor:pointer;transition:.14s;}
  .mp-opt svg{flex:none;width:17px;height:17px;}
  .mp-opt:hover{border-color:var(--gray);background:#fbfcfd;}
  .dmsg-pick input:checked+.mp-opt{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);}
  .dmsg-pick input:focus-visible+.mp-opt{outline:2px solid var(--accent);outline-offset:2px;}
  @media(max-width:560px){.mp-opt{flex-direction:column;gap:4px;font-size:11.5px;padding:9px 3px;}}
  .dtrust{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px;padding:12px 14px;background:var(--accent-soft);border-radius:10px;}
  .dtr{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft);font-weight:600;}
  .dtr svg{flex:0 0 14px;color:var(--accent);}
  .dcontact-line{font-size:12px;color:var(--gray);margin-top:12px;text-align:center;}
  .dcontact-line a{color:var(--accent);text-decoration:none;}
  .form-ok{display:none;align-items:center;gap:10px;padding:14px;background:#e8f7ef;border-radius:10px;color:#0d6e45;font-weight:600;font-size:14px;margin-top:12px;}
  .form-ok:not([hidden]){display:flex;}

  /* leasing opt-in in lead form */
  .lease-check{display:flex;align-items:center;gap:11px;margin:12px 0 2px;padding:11px 13px;border:1.5px solid #bcdcf2;background:var(--accent-soft);border-radius:11px;cursor:pointer;font-family:'Mont',sans-serif;font-size:14px;font-weight:700;color:var(--accent);transition:border-color .14s,background .14s,transform .12s cubic-bezier(.2,.8,.3,1);-webkit-tap-highlight-color:transparent;}
  .lease-check:hover{border-color:var(--accent);}
  .lease-check:active{transform:scale(.99);}
  .lease-check input{flex:0 0 19px;width:19px;height:19px;accent-color:var(--accent);cursor:pointer;margin:0;}
  .lease-check span{display:flex;flex-direction:column;gap:2px;line-height:1.25;}
  .lease-check i{font-style:normal;font-size:12px;font-weight:600;color:var(--ink-soft);}
  .wsvg .wdotland circle{fill:#9cc4ea;}
  .warc{fill:none;stroke:var(--accent);stroke-width:4.5;stroke-linecap:round;stroke-dasharray:10 12;opacity:.6;animation:wflow 3s linear infinite;}
  @keyframes wflow{to{stroke-dashoffset:-44;}}
  @media (prefers-reduced-motion:reduce){.warc{animation:none;}}
  .wpin{cursor:pointer;}
  .wpin .dot{fill:#009b90;stroke:#fff;stroke-width:3.5;transition:.15s;}
  .wpin .ping{fill:#009b90;opacity:0;transform-box:fill-box;transform-origin:center;}
  .wpin.on .ping{animation:wping 3.8s ease-out infinite;}
  @keyframes wping{0%{transform:scale(.5);opacity:.45;}100%{transform:scale(2.4);opacity:0;}}
  .wpin:hover .dot{transform:scale(1.18);transform-box:fill-box;transform-origin:center;}
  .wpin.on .dot{transform:scale(1.35);transform-box:fill-box;transform-origin:center;}
  .worigin .ring{fill:none;stroke:var(--accent);stroke-width:3.5;opacity:.5;transform-box:fill-box;transform-origin:center;animation:wping 4.8s ease-out infinite;}
  .worigin .core{fill:var(--accent);stroke:#fff;stroke-width:3.5;}
  .worigin .glow{fill:var(--accent);opacity:.18;}
  .worigin text{fill:#fff;font-family:'Mont',sans-serif;font-weight:700;}
  .wlbl{position:absolute;left:12px;top:12px;background:#fff;border:1.5px solid var(--ink);border-radius:10px;padding:5px 12px;font-size:13px;font-weight:700;z-index:2;box-shadow:0 4px 14px rgba(34,37,43,.14);white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;}
  .woriginlbl{position:absolute;right:12px;bottom:12px;background:var(--accent);color:#fff;border-radius:10px;padding:4px 11px;font-size:12px;font-weight:700;z-index:2;display:flex;align-items:center;gap:6px;}
  .wobj{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:1.5px solid var(--bar-d);border-radius:10px;padding:10px 12px;font-size:14px;cursor:pointer;background:#fff;transition:.13s;font-family:'Mont',sans-serif;}
  .wobj:hover{border-color:var(--accent);}
  .wobj.on{border-color:var(--accent);background:var(--accent-soft);}
  .wodot{width:11px;height:11px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(0,155,144,.18);flex:0 0 auto;}
  .wobj.on .wodot{background:var(--accent);box-shadow:0 0 0 3px rgba(0,93,164,.2);}
  .wotx{display:flex;flex-direction:column;gap:2px;line-height:1.25;min-width:0;}
  .wotx b{font-weight:800;color:var(--ink);font-size:14.5px;}
  .wobj.on .wotx b{color:var(--accent);}
  .wotx i{font-style:normal;font-size:12.5px;color:var(--gray);}
  /* even columns: card fills map height, rows distribute uniformly */
  .geo-card{display:flex;flex-direction:column;}
  .geo-list{display:flex;flex-direction:column;flex:1;justify-content:space-between;gap:10px;}
  .geo-list .wobj{flex:1;}
  /* desktop: map panel matches the card height */
  @media (min-width:761px){
    .geo-map{display:flex;}
    .geo-map .wmap{flex:1;display:flex;align-items:center;justify-content:center;}
    .geo-map .wmap-canvas{width:100%;}
  }

  /* ---------- mini calculator preview ---------- */
  .minicalc{background:#fff;display:flex;flex-direction:column;gap:7px;}
  .mc-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:var(--ink-soft);}
  .mc-val{color:var(--ink);font-family:'Mont';font-size:19px;}
  .mc-slider{height:8px;border-radius:6px;background:var(--bar);position:relative;margin:2px 8px 6px 0;}
  .mc-slider span{position:absolute;left:0;top:0;height:100%;border-radius:6px;background:var(--accent);}
  .mc-slider span::after{content:'';position:absolute;right:-8px;top:50%;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--accent);transform:translateY(-50%);}
  .mc-out{display:flex;gap:20px;margin-top:4px;flex-wrap:wrap;}
  .mc-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:6px;background:var(--bar);outline:none;margin:2px 0 8px;cursor:pointer;}
  .mc-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--accent);cursor:pointer;box-shadow:0 2px 6px rgba(0,56,108,.25);}
  .mc-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--accent);cursor:pointer;}
  .sec.dark .minicalc .mc-range{background:#2c3138;}
  /* minicalc sits on a dark card — keep text readable */
  .sec.dark .minicalc .mc-row{color:#aeb4bf;}
  .sec.dark .minicalc .mc-val{color:#fff;}
  .sec.dark .minicalc .mc-slider{background:#2c3138;}

  /* ---------- full-cycle section ---------- */
  .cyclegrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:24px;}
  .cyc{position:relative;min-width:0;padding:22px 18px;border:1.5px solid var(--accent-soft);border-radius:14px;background:#fff;display:flex;flex-direction:column;gap:12px;transition:.15s;}
  .cyc:hover{border-color:var(--accent);box-shadow:0 12px 28px rgba(0,56,108,.09);transform:translateY(-3px);}
  .cyc-n{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:'Mont';font-weight:800;font-size:18px;flex:0 0 auto;}
  .cyc h4{font-family:'Mont';font-weight:800;font-size:17px;color:var(--ink);margin:0;line-height:1.2;}
  .cyc p{font-size:13.5px;color:var(--gray);line-height:1.5;margin:0;}
  .cyc:not(:last-child)::after{content:'';position:absolute;right:-11px;top:43px;width:20px;height:2px;background:var(--accent-soft);z-index:1;}
  /* superellipse (squircle) corners where supported */
  @supports (corner-shape: squircle){
    .cyc,.cyc-n{corner-shape:squircle;}
    .cyc{border-radius:24px;}
    .cyc-n{border-radius:18px;}
  }

  /* ---------- site constructor ---------- */
  .cstr{display:flex;gap:18px;flex-wrap:wrap;}
  .cstr .palette{flex:0 0 250px;}
  .pitem{display:flex;align-items:center;gap:10px;border:1.5px solid var(--ink);border-radius:10px;padding:8px 10px;margin-bottom:8px;cursor:grab;background:#fff;user-select:none;transition:.12s;}
  .pitem:hover{background:#eef4fb;border-color:var(--accent);transform:translateX(2px);}
  .pitem .sw{width:26px;height:26px;border-radius:6px;flex:0 0 26px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;}
  .pitem b{font-size:15px;font-weight:700;display:block;line-height:1.1;}
  .pitem small{font-size:12px;color:var(--ink-soft);font-weight:700;}
  .cstr .stage{flex:1;min-width:280px;}
  .plan{position:relative;border:2px solid var(--ink);border-radius:8px;overflow:hidden;touch-action:none;
    background-color:#eef2f6;
    background-image:linear-gradient(rgba(0,93,164,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(0,93,164,.10) 1px,transparent 1px);}
  .plan .gate{position:absolute;font-family:'Mont';font-weight:700;font-size:15px;color:var(--accent);background:#fff;border:1.5px solid var(--accent);border-radius:6px;padding:1px 8px;z-index:1;}
  .mod{position:absolute;border:2px solid rgba(0,0,0,.25);border-radius:6px;color:#fff;cursor:grab;display:flex;align-items:center;justify-content:center;text-align:center;
    font-weight:700;font-size:12px;line-height:1.05;padding:3px;box-shadow:0 4px 12px rgba(0,0,0,.18);touch-action:none;}
  .mod.sel{outline:3px solid var(--ink);outline-offset:1px;z-index:5;}
  .mod.bad{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.25),rgba(255,255,255,.25) 5px,transparent 5px,transparent 10px);}
  .mod .x{position:absolute;top:-9px;right:-9px;width:20px;height:20px;border-radius:50%;background:#fff;color:#c0392b;border:1.5px solid #c0392b;font-size:12px;display:none;align-items:center;justify-content:center;cursor:pointer;}
  .mod.sel .x{display:flex;}
  .mod .dim{position:absolute;bottom:2px;right:4px;font-size:10px;opacity:.85;font-weight:700;}
  .cstats{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
  .cstat{flex:1;min-width:120px;border:1.5px solid var(--bar-d);border-radius:10px;padding:8px 12px;background:#fff;}
  .cstat .v{font-family:'Mont';font-weight:700;font-size:26px;color:var(--accent);line-height:1;}
  .cstat .v.warn{color:#c0392b;}
  .cstat .k{font-size:12px;color:var(--ink-soft);font-weight:700;}
  .ctoolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px;}
  .ctoolbar .seg{display:flex;border:1.5px solid var(--ink);border-radius:8px;overflow:hidden;}
  .ctoolbar .seg button{font-family:'Mont';font-weight:700;font-size:13px;border:none;background:#fff;padding:5px 12px;cursor:pointer;color:var(--ink-soft);}
  .ctoolbar .seg button.on{background:var(--accent);color:#fff;}
  @media (max-width:760px){.cstr .palette{flex:1 0 100%;}.cstr .stage{flex:1 0 100%;}}
  /* responsive — container-based so the Mobile toggle reflows each browser frame */
  @media (max-width:760px){
    .g2,.g3,.g4{grid-template-columns:1fr;}
    .cyclegrid{grid-template-columns:1fr 1fr;}
    .cyclegrid .cyc{min-width:0;}
    .cyc:not(:last-child)::after{display:none;}
    .row{flex-direction:column;}
    .minicalc{padding:20px 18px;gap:9px;}
    .minicalc .mc-out{margin-top:10px;padding-top:14px;border-top:1px solid var(--bar);gap:0;}
    .minicalc .mc-out>div{flex:1;}
    .minicalc .mc-out>div+div{border-left:1px solid var(--bar);padding-left:16px;}
    .sec.dark .minicalc .mc-out{border-top-color:#2c3138;}
    .sec.dark .minicalc .mc-out>div+div{border-left-color:#2c3138;}
    .navbar .nav{display:none;}
    .hdr-top{display:none;}
    .hdr{flex-wrap:nowrap;gap:12px;padding:10px var(--gx);}
    .brand-mark{width:38px;height:38px;}
    .brand-tx b{font-size:21px;}
    .brand-tx i{font-size:9.5px;letter-spacing:.3em;}
    .burger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:44px;height:44px;padding:0 11px;border:1.5px solid var(--bar-d);border-radius:11px;background:#fff;cursor:pointer;flex:0 0 auto;margin-left:8px;}
    .hdr-phone-m{display:flex;align-items:center;justify-content:center;margin-left:auto;text-decoration:none;flex:0 0 auto;}
    .hdr-phone-m .hp-ic{width:44px;height:44px;background:var(--teal);color:#fff;}
    .burger span{display:block;height:2.5px;border-radius:2px;background:var(--ink);transition:.2s;}
    .hdr.open .burger span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
    .hdr.open .burger span:nth-child(2){opacity:0;}
    .hdr.open .burger span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
    .hdr-drop{position:absolute;top:100%;left:0;right:0;flex:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-top:1px solid var(--bar-d);border-bottom:1px solid var(--bar-d);padding:6px var(--gx) 16px;display:none;z-index:30;box-shadow:0 16px 28px rgba(0,56,108,.12);}
    .hdr.open .hdr-drop{display:flex;}
    .hnav{margin:0;flex-direction:column;align-items:stretch;gap:0;}
    .hnav-item>a,.hnav-link{padding:14px 4px;border-bottom:1px solid var(--bar-d);border-radius:0;font-size:16px;justify-content:space-between;}
    .hnav-item>a:hover,.hnav-link:hover{background:none;}
    .has-mega:hover .caret{transform:none;}
    .mega{display:none;}
    .submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-radius:0;padding:0 0 0 14px;min-width:0;gap:0;}
    .submenu a{padding:13px 4px;border-bottom:1px solid var(--bar-d);font-size:15px;color:var(--gray);}
    .hdr-cta{flex-direction:column;align-items:stretch;gap:12px;margin-top:14px;}
    .hdr-cta .hdr-phone{display:flex;justify-content:center;gap:10px;padding:11px;border:1.5px solid var(--bar-d);border-radius:11px;cursor:pointer;}
    .hdr-cta .hdr-phone .hp-tx{display:flex;max-width:none;opacity:1;padding-left:0;}
    .drop-contact{width:100%;justify-content:center;}
    .hdr-soc-m{display:flex;flex-direction:column;gap:11px;margin-top:16px;padding-top:16px;border-top:1px solid var(--bar-d);}
    .hsm-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--gray);}
    .hsm-row{display:flex;gap:10px;flex-wrap:wrap;}
    .hsm-row a{width:48px;height:48px;border-radius:13px;border:1.5px solid var(--bar-d);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;color:var(--ink);text-decoration:none;transition:.12s;}
    .hsm-row a svg{width:24px;height:24px;display:block;}
    .hsm-row a:hover,.hsm-row a:active{background:var(--bar);border-color:var(--gray);}
    .sec{padding:22px 18px;}
    .stat-strip{display:grid;grid-template-columns:1fr 1fr;gap:24px 16px;}
    .stat-strip>div{flex:none;}
    .stat-strip .stat{font-size:34px;}
    .sec.tint[style*="18px"] .row{flex-wrap:wrap;gap:18px 12px;}
    .sec.tint[style*="18px"] .center{flex:1 1 40%!important;min-width:40%;}
    .sec.tint[style*="18px"] .stat{font-size:26px;}
    .hslides{height:auto;min-height:0;}
    .hslide{position:relative;display:none;opacity:1;visibility:visible;}
    .hslide.on{display:flex;min-height:86svh;align-items:flex-end;}
    .hslide .ov{max-width:100%;padding:26px 20px 86px;}
    .hslide .ov h2{font-size:calc(28px * var(--fz-head));}
    .hslide .ov h2 br{display:none;}
    .hslide .ov p{color:#eef1f5;font-size:16px;line-height:1.55;margin-bottom:18px;}
    /* strong bottom scrim so hero text stays readable over video on phones */
    .hslider .hslide .slide-grad,
    .hslider .hslide.cta .cta-grad{
      background:linear-gradient(to top,rgba(4,10,24,.94) 0%,rgba(4,10,24,.86) 34%,rgba(4,10,24,.52) 66%,rgba(4,10,24,.12) 100%);
    }
    .hdots{left:20px;bottom:16px;}
    .harrow{bottom:16px;}
    .harrow.next{right:16px;}.harrow.prev{right:64px;}
    .wmap{min-height:auto;}
    .cty{stroke-width:2;}
    .cty-dest{stroke-width:2;}
    .cn-origin{stroke-width:2.2;}
    .route-flow{stroke-width:4.5;}
    .route-base{stroke-width:4;}
    .pcard .ph,.hslide .bg{min-height:160px;}
    /* contact drawer quick-message buttons: stack icon over label so nothing clips */
    .dmsg-btn{flex-direction:column;gap:4px;padding:9px 4px;font-size:12px;}
    .dmsg-btn svg{width:18px;height:18px;}
    .chaxis{font-size:12px;}
  }

  /* fine-tune for small phones */
  @media (max-width:480px){
    .cyclegrid{grid-template-columns:1fr;}
    .benloop,.stepflow{grid-template-columns:1fr;}
    .plhero h1{font-size:calc(30px * var(--fz-head));}
    .ben h4{font-size:19px;}
    h2.wf{font-size:calc(27px * var(--fz-head));}
    .hslide .ov h2{font-size:calc(25px * var(--fz-head));}
    .stat-strip .stat{font-size:30px;}
    .sec{padding:20px 16px;}
  }

  /* ===== always-on quick contact bar ===== */
  .mbar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--bar-d);border-radius:16px 16px 0 0;box-shadow:0 -8px 24px rgba(20,30,50,.12);}
  .mbar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px calc(9px + env(safe-area-inset-bottom));text-decoration:none;font-size:11px;font-weight:700;font-family:'Mont';transition:background .12s;}
  .mbar-btn:last-child{border-right:none;}
  .mbar-btn svg{width:23px;height:23px;flex:none;display:block;}
  .mbar-btn.wa{color:#128c7e;}
  .mbar-btn.tg{color:#1a9bde;}
  .mbar-btn.max{color:#6a4bff;}
  .mbar-btn.tel{color:var(--accent);}
  .mbar-btn.mail{color:var(--navy);}
  .mbar-btn:active{background:var(--bar);}

  @media(max-width:760px){ body{padding-bottom:62px;} }

  @media(min-width:761px){
    .mbar{left:50%;right:auto;bottom:0;transform:translateX(-50%) translateY(calc(100% - 64px));display:grid;grid-template-columns:repeat(5,auto);justify-items:center;gap:9px 9px;padding:9px 20px 14px;background:#fff;border:none;border-radius:20px 20px 0 0;box-shadow:0 -14px 44px rgba(0,42,92,.20),0 -2px 10px rgba(0,42,92,.08);z-index:80;transition:transform .34s cubic-bezier(.2,.8,.3,1);}
    .mbar::before{content:'';grid-column:1/-1;justify-self:center;width:34px;height:4px;border-radius:3px;background:var(--accent-soft);transition:background .2s;}
    .mbar:hover::before{background:var(--accent);}
    .mbar:hover,.mbar:focus-within{transform:translateX(-50%) translateY(0);}
    .mbar-btn{flex:0 0 40px;width:40px;height:40px;aspect-ratio:1;box-sizing:border-box;border-radius:50%;gap:0;padding:0;border:none;box-shadow:0 6px 18px rgba(20,30,50,.2);transition:transform .14s,box-shadow .14s;cursor:default;}
    .mbar-btn span{display:none;}
    .mbar-btn svg{width:19px;height:19px;margin:auto;}
    .mbar-btn.wa,.mbar-btn.tg,.mbar-btn.max,.mbar-btn.tel,.mbar-btn.mail{color:#fff;}
    .mbar-btn.mail{display:flex;background:var(--navy);}
    .mbar-btn.wa{background:#25d366;}
    .mbar-btn.tg{background:#2AABEE;}
    .mbar-btn.max{background:linear-gradient(135deg,#2B7BFF,#9B4DFF);}
    .mbar-btn.tel{background:var(--accent);}
    .mbar-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(20,30,50,.28);}
    /* hidden QR deck revealed when the ticket slides up */
    .mbar-qrs{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 12px;padding-top:12px;margin-top:2px;border-top:2px dashed var(--accent-soft);}
    .mqr-cap{grid-column:1/-1;text-align:center;font-family:'Mont';font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:var(--accent-soft);border-radius:12px;padding:3px 11px;justify-self:center;}
    .mqr{display:flex;flex-direction:column;align-items:center;gap:7px;}
    .mqr-img{width:72px;height:72px;padding:4px;box-sizing:border-box;border:1.5px solid var(--accent-soft);border-radius:11px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .15s,box-shadow .15s;}
    .mqr:hover .mqr-img{border-color:var(--accent);box-shadow:0 8px 20px rgba(0,93,164,.14);}
    .mqr-img svg,.mqr-img img{width:100%;height:100%;display:block;image-rendering:pixelated;}
    .mqr span{font-family:'Mont';font-weight:700;font-size:10.5px;color:var(--ink-soft);}
    .mqr-phone{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;font-family:'Mont';font-weight:800;font-size:16px;color:var(--navy);text-decoration:none;padding-top:8px;border-top:2px dashed var(--accent-soft);width:100%;transition:color .14s;cursor:default;}
    .mqr-phone i{font-style:normal;font-size:10.5px;font-weight:700;color:var(--ink-soft);letter-spacing:.02em;}
    .mqr-phone:hover{color:var(--accent);}
    .mqr-mail{grid-column:1/-1;text-align:center;font-family:'Mont';font-weight:700;font-size:12.5px;color:var(--accent);text-decoration:none;margin-top:-4px;}
    .mqr-mail:hover{text-decoration:underline;}
    .mqr-phone:hover{color:var(--accent);}
  }
  .mbar-qrs{display:none;}
  @media(min-width:761px){.mbar-qrs{display:grid;}.mbar-btn.mail{display:flex;}}
  @media print{ .mbar{display:none;} }

  /* ===== hover QR popovers for social icons (desktop) ===== */
  .qr-pop{display:none;}
  @media(min-width:761px){
    .ht-soc a,.ftr-soc a{position:relative;cursor:default;}
    .qr-pop{position:absolute;left:50%;bottom:calc(100% + 11px);transform:translateX(-50%) translateY(5px);display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border-radius:14px;padding:11px 13px 9px;box-shadow:0 12px 34px rgba(0,42,92,.28);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .22s cubic-bezier(.2,.8,.3,1),visibility .16s;z-index:95;}
    .qr-pop::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-top-color:#fff;}
    .ht-soc .qr-pop{bottom:auto;top:calc(100% + 11px);transform:translateX(-50%) translateY(-5px);}
    .ht-soc .qr-pop::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#fff;}
    .ht-soc a:hover .qr-pop,.ftr-soc a:hover .qr-pop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
    .qr-pop-img{width:96px;height:96px;display:block;background:#fff;}
    .qr-pop-img svg,.qr-pop-img img{width:100%;height:100%;display:block;image-rendering:pixelated;}
    .qr-pop b{font-family:'Mont';font-weight:700;font-size:11px;color:var(--ink-soft);white-space:nowrap;}
  }

  /* ============ tactility — site-wide, mobile-first tap feedback ============ */
  .btn,.chip,.fchip,.pcmp,.spectabs button,.plchoose button,
  .dlrow,.tcard,.cyc,.pitem,.wobj,.mbar-btn,.dmsg-btn,.mp-opt,.dclose,
  .plbar .anchors span,.pl-lease,.hnav-link,.hnav-item>a,.submenu a,.mega-col a,
  .ftr-soc a,.ftr-soc span,.ht-soc a,.harrow,.ctoolbar .seg button,.mf-btn{
    -webkit-tap-highlight-color:transparent;touch-action:manipulation;
  }

  /* pills, tabs & chips — squish on press */
  .chip,.fchip,.spectabs button,.plchoose button{
    transition:transform .13s cubic-bezier(.2,.8,.3,1),background-color .12s,border-color .12s,color .12s,box-shadow .12s;
  }
  .chip:active,.fchip:active,.spectabs button:active,.plchoose button:active{transform:scale(.93);}

  /* download / list rows */
  .dlrow{transition:transform .13s cubic-bezier(.2,.8,.3,1),border-color .12s,background-color .12s,box-shadow .12s;}
  @media(hover:hover){.dlrow:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(0,56,108,.12);}}
  .dlrow:active{transform:scale(.985);background:#eef4fb;}

  /* cards settle inward on tap */
  .tcard:active,.cyc:active{transform:translateY(-1px) scale(.99);transition-duration:.05s;}

  /* leasing pill + section anchors */
  .pl-lease{transition:background .14s,border-color .14s,transform .12s cubic-bezier(.2,.8,.3,1);}
  .pl-lease:active{transform:scale(.96);}
  .plbar .anchors span{transition:color .12s,transform .1s;}
  .plbar .anchors span:active{transform:scale(.94);}

  /* nav links */
  .hnav-link,.hnav-item>a,.submenu a,.mega-col a{transition:color .12s,background-color .12s,transform .1s;}
  .hnav-link:active,.hnav-item>a:active,.submenu a:active,.mega-col a:active{transform:scale(.97);}

  /* round icon buttons squish */
  .harrow,.dclose,.ftr-soc a,.ftr-soc span,.ht-soc a{transition:transform .13s cubic-bezier(.2,.8,.3,1),background-color .14s,border-color .14s,box-shadow .14s;}
  .harrow:active,.dclose:active,.ftr-soc a:active,.ftr-soc span:active,.ht-soc a:active{transform:scale(.88);}

  /* drawer quick-message + method picker */
  .dmsg-btn:active,.mp-opt:active{transform:scale(.95);}

  /* bottom quick-contact bar — punchy tap on mobile */
  .mbar-btn:active{transform:scale(.9);}
  @media(max-width:760px){.mbar-btn{transition:transform .12s ease,background .12s;}}

  /* ── экономика: прозрачный расчёт «откуда цифра» ── */
  .roi-assume{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
  .roi-assume .chip{background:var(--bar);border:1px solid var(--bar-d);border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:700;color:var(--ink);}
  .roi-assume .chip b{color:var(--accent);margin-left:3px;}
  .roi-break{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;}
  .roi-b{background:#fff;border:1.5px solid var(--bar-d);border-radius:14px;padding:16px 16px 15px;position:relative;}
  .roi-b .rl{font-size:12.5px;color:var(--gray);font-weight:700;text-transform:uppercase;letter-spacing:.02em;}
  .roi-b .rv{font-family:'Mont';font-weight:800;font-size:27px;color:var(--ink);line-height:1.03;margin-top:7px;}
  .roi-b .rd{font-size:12px;color:var(--gray);margin-top:7px;line-height:1.45;}
  .roi-b.op::before{content:attr(data-op);position:absolute;left:-11px;top:50%;transform:translateY(-50%);z-index:2;width:22px;height:22px;border-radius:50%;background:var(--bar);color:var(--ink);font-family:'Mont';font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--bar-d);}
  .roi-b.res{background:var(--accent);border-color:var(--accent);}
  .roi-b.res .rl,.roi-b.res .rd{color:rgba(255,255,255,.82);}
  .roi-b.res .rv{color:#fff;}
  .roi-foot{font-size:12.5px;color:var(--gray);line-height:1.6;margin-top:13px;max-width:74ch;}
  .roi-foot a{color:var(--accent);font-weight:700;cursor:pointer;text-decoration:none;border-bottom:1px solid rgba(0,93,164,.35);}
  @media(max-width:680px){.roi-break{grid-template-columns:1fr;}.roi-b.op::before{left:50%;top:-11px;transform:translateX(-50%);}}
