/* Source: index.html main inline styles */

  :root{
    --bg: #F3F6F9;
    --bg-deep: #E9EFF4;
    --surface: #FFFFFF;
    --panel: #EEF3F7;
    --ink: #0B1420;
    --ink-soft: #4F5B6B;
    --ink-faint: #8896A5;
    --line: #D6E0E8;
    --line-strong: #B9C7D2;
    --accent: #0A84B8;
    --accent-bright: #19B5FE;
    --teal: #0C8F86;
    --teal-bright: #4ECDC4;
    --radius: 2px;
    --maxw: 1240px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:auto;overflow-x:hidden;}
  body{
    margin: 0;
    padding: 0;background:var(--bg);
    color:var(--ink);
    font-family:'IBM Plex Sans', sans-serif;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
}
  h1,h2,h3,.disp{
    font-family:'Space Grotesk', sans-serif;
    letter-spacing:-0.01em;
    margin:0;
  }
  h2{font-size:clamp(28px,3.4vw,40px); font-weight:600; line-height:1.15;}
  .mono{font-family:'IBM Plex Mono', monospace;}
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 32px;}
  .eyebrow{
    font-family:'IBM Plex Mono', monospace;
    font-size:12px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--accent);
    display:flex; align-items:center; gap:10px;
    margin-bottom:16px;
  }
  .eyebrow::before{content:"";width:18px;height:1px;background:var(--accent);display:inline-block;}

  /* ---------- Buttons ---------- */
  .btn{
    display:inline-flex; align-items:center; gap:10px;
    font-family:'IBM Plex Sans', sans-serif;
    font-weight:600;
    font-size:15px;
    padding:15px 26px;
    border-radius:var(--radius);
    border:1px solid transparent;
    cursor:pointer;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
    white-space:nowrap;
  }
  .btn-sub{display:block; font-size:11.5px; font-weight:400; opacity:.85; margin-top:1px;}
  .btn-primary{
    background:var(--accent);
    color:#fff;
    box-shadow:0 1px 0 rgba(10,132,184,0.4);
  }
  .btn-primary:hover{background:#086E9C; transform:translateY(-1px); box-shadow:0 6px 18px rgba(10,132,184,0.28);}
  .btn-primary svg{transition:transform .18s ease; flex-shrink:0;}
  .btn-primary:hover svg{transform:translate(2px,-2px);}
  .btn-ghost{
    background:transparent;
    color:var(--ink);
    border-color:var(--line-strong);
  }
  .btn-ghost:hover{border-color:var(--accent); color:var(--accent);}

  /* ---------- Header ---------- */
  header{
    position:fixed; top:0; left:0; right:0; z-index:100;
    background:rgba(243,246,249,0.86);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .nav{
    display:flex; align-items:center; justify-content:space-between;
    padding:0 32px;
    max-width:var(--maxw); margin:0 auto;
  }
  .logo{display:flex; align-items:center; gap:12px;}
  .logo-mark{flex-shrink:0;}
  .logo-mark img{width:100%;height:100%;object-fit:contain;}
  .logo-text{line-height:1.2;}
  .logo-text .name{font-family:'Space Grotesk'; font-weight:700; font-size:15.5px;}
  .logo-text .sub{font-family:'IBM Plex Mono'; font-size:9.5px; color:var(--ink-faint); letter-spacing:.06em; text-transform:uppercase;}
  .navlinks{display:flex; gap:30px; font-size:14px; color:var(--ink-soft);}
  .navlinks a:hover{color:var(--accent);}
  .navcta{display:flex; align-items:center; gap:18px;}
  .navcta .btn{padding:10px 20px; font-size:13.5px;}
  .burger{display:none; background:none; border:none; cursor:pointer; padding:8px;}
  .burger span{display:block; width:22px; height:2px; background:var(--ink); margin:5px 0; transition:transform .25s ease, opacity .25s ease;}
  .nav-overlay{position:fixed; inset:0; background:rgba(11,20,32,0.45); z-index:150; opacity:0; pointer-events:none; transition:opacity .25s ease;}
  .nav-overlay.active{opacity:1; pointer-events:auto;}
  .nav-close{display:none;}
  @media (max-width:980px){
    .navlinks{
      display:flex; flex-direction:column;
      position:fixed; top:0; right:-280px; height:100vh; width:260px;
      background:#fff; border-left:1px solid var(--line);
      padding:88px 26px 26px; gap:22px; z-index:200;
      transition:right .3s ease; box-shadow:-10px 0 30px rgba(11,20,32,0.08);
    }
    .navlinks.mobile-open{right:0;}
    .nav-close{
      display:flex; align-items:center; justify-content:center;
      position:absolute; top:24px; right:24px; width:36px; height:36px;
      background:var(--panel); border:none; border-radius:50%;
      color:var(--ink); cursor:pointer; padding:0;
    }
    .nav-close:hover{color:var(--accent);}
    body.nav-locked{overflow:hidden;}
  }

  /* ---------- Blueprint bg ---------- */
  .blueprint{
    background-image:
      linear-gradient(var(--line) 1px, transparent 1px),
      linear-gradient(90deg, var(--line) 1px, transparent 1px);
    background-size:44px 44px;
    background-position:center top;
  }
  .bg-a{background:var(--bg);}
  .bg-b{background:var(--bg-deep);}

  /* ---------- Hero ---------- */
  .hero{position:relative; padding:88px 0 60px; overflow:hidden;}
  .hero-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:60px; align-items:center;}
  .hero h1{font-size:clamp(38px, 5vw, 60px); font-weight:700; line-height:1.04; margin-top:18px;}
  .accent-text{color:var(--accent);}
  .hero .kicker{font-size:19px; font-weight:600; color:var(--ink); margin-top:18px; line-height:1.4; max-width:480px;}
  .hero-ctas{display:flex; gap:16px; margin-top:28px; flex-wrap:wrap;}
  .lead-link{color:var(--accent); text-decoration:none; border-bottom:1px solid var(--accent); font-weight:600;}
  .lead-link:hover{color:var(--accent-bright); border-color:var(--accent-bright);}
  .hero-price-row{display:flex; align-items:baseline; gap:18px; margin-top:26px; padding-top:22px; border-top:1px solid var(--line); flex-wrap:wrap;}
  .hero-price{font-family:'Space Grotesk'; font-weight:700; font-size:38px; color:var(--ink); letter-spacing:-.01em; white-space:nowrap;}
  .hero-price .cur{font-size:24px;}
  .hero-price-note{font-size:13px; color:var(--ink-soft); line-height:1.5;}
  .hero-gost-line{margin-top:16px; font-size:11px; color:var(--ink-faint); font-weight:500; letter-spacing:.01em; line-height:1.5;}
  .hero-note .dot{width:6px;height:6px;border-radius:50%; background:var(--teal-bright); box-shadow:0 0 0 3px rgba(78,205,196,.25);}

  .device-frame{position:relative; background:linear-gradient(160deg, #FFFFFF 0%, #E7EEF3 100%); border:1px solid var(--line-strong); padding:14px; aspect-ratio:1/0.86;}
  .corner{position:absolute; width:20px; height:20px; border-color:var(--accent);}
  .corner.tl{top:8px; left:8px; border-top:2px solid; border-left:2px solid;}
  .corner.tr{top:8px; right:8px; border-top:2px solid; border-right:2px solid;}
  .corner.bl{bottom:8px; left:8px; border-bottom:2px solid; border-left:2px solid;}
  .corner.br{bottom:8px; right:8px; border-bottom:2px solid; border-right:2px solid;}
  .device-visual{width:100%; height:100%; position:relative; overflow:hidden;}
  .device-visual img, .device-visual video{width:100%; height:100%; object-fit:cover; display:block;}
  .scanline{position:absolute; left:4%; right:4%; height:2px; background:linear-gradient(90deg, transparent, var(--accent-bright), transparent); box-shadow:0 0 12px 2px rgba(25,181,254,0.55); animation:scan 3.2s ease-in-out infinite;}
  @keyframes scan{0%{top:6%; opacity:0;} 10%{opacity:1;} 50%{top:92%; opacity:1;} 60%{opacity:0;} 100%{top:92%; opacity:0;}}
  .readout{position:absolute; left:14px; right:14px; bottom:14px; background:rgba(255,255,255,0.94); border:1px solid var(--line); padding:12px 16px;}
  .readout-row{display:flex; align-items:baseline; justify-content:space-between; gap:16px;}
  .readout-row + .readout-row{margin-top:4px;}
  .readout-label{font-family:'IBM Plex Mono'; font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint); white-space:nowrap;}
  .readout-main{align-items:flex-end;}
  .readout-client{font-size:13px; color:var(--ink); font-weight:600; line-height:1.35; flex:1 1 auto; min-width:0;}
  .readout-value{font-family:'IBM Plex Mono'; font-size:18px; font-weight:700; color:var(--teal); white-space:nowrap; flex:0 0 auto;}
  .readout-value .unit{font-size:12px; font-weight:600;}

  /* ---------- KPI strip ---------- */
  .kpi{background:var(--ink); color:#fff;}
  .kpi .wrap{display:grid; grid-template-columns:repeat(4,1fr);}
  .kpi-item{padding:36px 26px; border-right:1px solid rgba(255,255,255,0.12);}
  .kpi-item:last-child{border-right:none;}
  .kpi-num{font-family:'IBM Plex Mono'; font-weight:600; font-size:clamp(24px,2.6vw,32px); color:var(--accent-bright); display:flex; align-items:baseline; gap:6px;}
  .kpi-num .unit{font-size:14px; color:#fff; opacity:.7; font-weight:400;}
  .kpi-label{margin-top:8px; font-size:13px; color:rgba(255,255,255,0.6); line-height:1.4;}

  /* ---------- Sections generic ---------- */
  section{}
  .section-head{max-width:640px; margin-bottom:52px;}

  .save-callout{display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; padding:36px 24px; margin-bottom:28px; background:var(--ink); border-radius:4px;}
  .save-callout-label{font-family:'IBM Plex Mono'; font-size:12.5px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.6);}
  .save-callout-value{font-family:'Space Grotesk'; font-weight:700; font-size:56px; line-height:1; color:#fff; letter-spacing:-.01em;}
  .save-callout-sub{font-size:14.5px; color:rgba(255,255,255,.75); max-width:440px;}
  @media (max-width:640px){.save-callout-value{font-size:40px;}}
  .mobile-cta-bar{display:none; position:fixed; left:0; right:0; bottom:0; z-index:120; padding:10px 14px; background:rgba(255,255,255,.96); backdrop-filter:blur(10px); border-top:1px solid var(--line); box-shadow:0 -10px 24px -14px rgba(11,20,32,.25);}
  .mobile-cta-bar .btn{width:100%; justify-content:center;}
  .iso-table-wrap{border:1px solid var(--line); background:var(--surface); overflow-x:auto; box-shadow:0 20px 44px -28px rgba(11,20,32,.28);}
  .iso-table{width:100%; border-collapse:collapse; font-size:14px; min-width:640px;}
  .iso-table thead th{background:var(--ink); color:#fff; font-family:'IBM Plex Mono'; font-size:11.5px; text-transform:uppercase; letter-spacing:.06em; text-align:left; padding:16px 20px; font-weight:600;}
  .iso-table thead th:not(:first-child){text-align:center;}
  .iso-table tbody td{padding:15px 20px; border-bottom:1px solid var(--line); vertical-align:middle;}
  .iso-table tbody tr:last-child td{border-bottom:none;}
  .iso-table tbody td:first-child{color:var(--ink-soft); font-weight:500;}
  .iso-table tbody td:not(:first-child){text-align:center; color:var(--ink); font-weight:600;}
  .iso-table tbody tr:nth-child(even){background:var(--panel);}
  .iso-table td.yes{position:relative;}
  .iso-table td.yes::before{content:"✓"; color:var(--teal); font-weight:700; margin-right:6px;}
  .iso-table tr.price-row td{font-weight:700; font-size:15px;}
  .iso-table tr.save-row td{background:rgba(10,132,184,0.08);}
  .iso-table tr.save-row td:first-child{color:var(--ink); font-weight:600;}
  .iso-table td.save{color:var(--accent); font-weight:700; font-size:15px;}

  .iso-copy{max-width:760px; margin-top:36px;}
  .iso-copy h3{font-size:22px; font-weight:700; color:var(--ink); margin-bottom:14px;}
  .iso-copy p{font-size:15px; color:var(--ink-soft); line-height:1.7; margin-top:10px;}

  .section-head h2{margin-top:16px;}
  .section-head p{color:var(--ink-soft); font-size:16px; margin-top:14px; line-height:1.6;}
  .reveal{opacity:0; transform:translateY(28px); transition:opacity 1s cubic-bezier(.22,.8,.32,1), transform 1s cubic-bezier(.22,.8,.32,1); will-change:opacity, transform;}
  .reveal.in{opacity:1; transform:translateY(0);}

  /* ---------- Problem/Solution ---------- */
  .ps-grid{display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line);}
  .ps-col{padding:40px 44px 28px;}
  .ps-col.problem{background:var(--surface); border-right:1px solid var(--line);}
  .ps-col.solution{background:#0B1420; color:#fff;}
  .ps-tag{font-family:'IBM Plex Mono'; font-size:12px; letter-spacing:.1em; text-transform:uppercase;}
  .ps-col.problem .ps-tag{color:#C0392B;}
  .ps-col.solution .ps-tag{color:var(--accent-bright);}
  .ps-list{margin-top:20px; padding:0; list-style:none;}
  .ps-list li{display:flex; gap:12px; padding:12px 0; border-top:1px solid var(--line); font-size:15px; line-height:1.5;}
  .ps-col.solution .ps-list li{border-top:1px solid rgba(255,255,255,0.12); color:rgba(255,255,255,0.85);}
  .ps-col.problem .ps-list li{color:var(--ink-soft);}
  .ps-list li::before{content:"—"; color:var(--ink-faint); flex-shrink:0;}
  .ps-col.solution .ps-list li::before{content:"✓"; color:var(--teal-bright);}
  .ps-imgs .cap{padding:14px 20px; font-size:12.5px; color:var(--ink-faint); font-family:'IBM Plex Mono';}
  .ps-imgs .col{border-right:1px solid var(--line);}
  .ps-imgs .col:last-child{border-right:none;}

  /* ---------- Technology steps ---------- */
  .tech-schema{background:var(--surface); border:1px solid var(--line); padding:24px 24px 20px; margin-bottom:24px;}
  .tech-schema-caption{margin-top:12px; font-size:13.5px; color:var(--ink-soft); line-height:1.5; text-align:center;}
  .steps{display:grid; grid-template-columns:repeat(3,1fr); gap:1px;border:1px solid var(--line); width:100%;}
  .step{background:var(--surface); display:flex; flex-direction:column;}
  .step-head{display:flex; align-items:baseline; gap:14px; padding:26px 26px 0;}
  .step-idx{font-family:'IBM Plex Mono'; font-weight:600; font-size:28px; color:var(--accent);}
  .step h4{font-size:16px; font-weight:600; letter-spacing:.02em; margin:0;}
  .step-photo{margin-top:18px; padding:0 26px; display:flex; justify-content:center; align-items:center;}
  .step-photo img{width:100%; max-width:100%; height:auto; display:block;}
  .step p{font-size:14px; color:var(--ink-soft); margin:16px 26px 26px; line-height:1.55;}
  .steps-tag{text-align:center; margin-top:26px; font-family:'IBM Plex Mono'; font-size:13.5px; color:var(--teal);}

  /* ---------- Specs table ---------- */
  .specs{border:1px solid var(--line); background:var(--surface); display:grid; grid-template-columns:1fr 1fr;}
  .specs-cell{padding:26px 30px; border-right:1px solid var(--line); border-bottom:1px solid var(--line);}
  .specs-cell:nth-child(2n){border-right:none;}
  .specs-cell:nth-last-child(-n+2){border-bottom:none;}
  .specs-k{font-size:13px; color:var(--ink-faint); font-family:'IBM Plex Mono';}
  .specs-v{font-size:20px; font-weight:600; margin-top:8px; font-family:'IBM Plex Mono';}
  .specs-d{font-size:13px; color:var(--ink-soft); margin-top:4px;}
  .specs-panel{width:100%; background:#0B1420; border:1px solid var(--line); padding:20px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
  .specs-item{background:#101B2C; border:1px solid rgba(255,255,255,0.08); border-radius:6px; padding:22px 22px; display:flex; gap:16px; align-items:center;}
  .specs-item img{width:40px; height:40px; flex-shrink:0; filter:drop-shadow(0 0 6px rgba(25,181,254,0.5));}
  .specs-item .txt{min-width:0;}
  .specs-item .v{color:#fff; font-size:19px; font-weight:600; font-family:'IBM Plex Mono'; white-space:nowrap;}
  .specs-item .k{color:rgba(255,255,255,0.45); font-size:11.5px; margin-top:4px; text-transform:uppercase; letter-spacing:.04em;}

  /* ---------- Kit ---------- */
  .kit-wrap{display:grid; grid-template-columns:1fr 1fr; align-items:stretch; border:1px solid var(--line); background:var(--surface); box-shadow:0 20px 44px -28px rgba(11,20,32,.28);}
  .kit-photo{position:relative; overflow:hidden; padding:28px; background:var(--panel); min-height:460px; display:flex; align-items:center; justify-content:center;}
  .kit-photo picture{width:100%; height:100%; display:block;}
  .kit-photo img{width:100%; height:100%; object-fit:contain; border-radius:10px; display:block;}
  .kit-badge{position:absolute; top:44px; right:44px; z-index:2; background:var(--ink); color:#fff; font-family:'IBM Plex Mono'; font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; padding:10px 16px; border-radius:8px; box-shadow:0 10px 24px -10px rgba(11,20,32,.5);}
  .kit-list-wrap{padding:44px 48px; display:flex; flex-direction:column; justify-content:center;}
  .kit-list-title{font-family:'IBM Plex Mono'; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:18px;}
  .kit-list{list-style:none; padding:0; margin:0; counter-reset:kit-counter; display:grid; grid-template-columns:1fr 1fr; column-gap:32px;}
  .kit-list li{display:flex; align-items:center; gap:16px; padding:14px 0; border-bottom:1px solid var(--line); font-size:14.5px; line-height:1.4; counter-increment:kit-counter;}
  .kit-list li:nth-last-child(-n+2){border-bottom:none;}
  .kit-list li::before{content:counter(kit-counter, decimal-leading-zero); font-family:'IBM Plex Mono'; font-size:12px; font-weight:700; color:var(--accent); flex-shrink:0; width:22px;}
  .kit-list li.kit-group-head{grid-column:1 / -1; counter-increment:none; padding:18px 0 6px; border-bottom:none; font-family:'IBM Plex Mono'; font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-faint); font-weight:600;}
  .kit-list li.kit-group-head::before{content:none;}
  .kit-list li.kit-group-head:first-child{padding-top:0;}

  /* ---------- Demo ---------- */
  .demo-main{border:1px solid var(--line); overflow:hidden; position:relative; display:block; width:100%; padding:0; background:none; cursor:pointer; font:inherit; text-align:left;}
  .demo-main img{width:100%; height:420px; object-fit:cover; display:block;}
  .play-badge{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:64px; height:64px; border-radius:50%; background:rgba(10,132,184,0.92); display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(10,132,184,0.4); transition:transform .2s ease, background .2s ease;}
  .demo-main:hover .play-badge{transform:translate(-50%,-50%) scale(1.08); background:var(--accent);}
  .video-modal{position:fixed; inset:0; z-index:300; display:none; align-items:center; justify-content:center; padding:16px;}
  .video-modal.active{display:flex;}
  .video-modal-backdrop{position:absolute; inset:0; background:#000;}
  .video-modal-inner{position:relative; height:100%; max-height:96vh; z-index:1; display:flex; align-items:center;}
  .video-modal-inner video{height:100%; max-height:96vh; width:auto; max-width:100%; display:block; background:#000;}
  .video-modal-close{position:fixed; top:20px; right:20px; width:40px; height:40px; border:none; border-radius:50%; background:rgba(255,255,255,0.14); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .2s ease; z-index:2;}
  .video-modal-close:hover{background:rgba(255,255,255,0.24);}
  body.video-modal-open{overflow:hidden;}
  .demo-thumbs figure{margin:0; background:var(--surface);}
  .demo-thumbs img{width:100%; height:120px; object-fit:cover; display:block;}
  .demo-thumbs figcaption{padding:12px 14px; font-size:12.5px; color:var(--ink-soft); line-height:1.4;}

  /* ---------- Applications ---------- */
  .apps-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); width:100%;}
  .app-card{background:var(--surface); position:relative; overflow:hidden;}
  .app-card img{width:100%; height:230px; object-fit:cover; display:block; transition:transform .4s ease;}
  .app-card:hover img{transform:scale(1.05);}
  .app-card::after{content:""; position:absolute; left:0; right:0; bottom:0; height:65%; background:linear-gradient(180deg, transparent, rgba(5,8,16,0.85) 85%); pointer-events:none;}
  .app-card-text{position:absolute; left:18px; right:18px; bottom:16px; z-index:2; display:flex; flex-direction:column; gap:6px;}
  .app-card h4{font-size:16px; font-weight:600; color:#fff; margin:0; line-height:1.3;}
  .app-card .app-result{font-size:12.5px; color:rgba(255,255,255,.85); margin:0; line-height:1.45;}

  /* ---------- Advantages ---------- */
  .adv-card .dot{width:8px;height:8px;border-radius:50%;background:var(--accent); margin-top:7px; flex-shrink:0;}

  /* ---------- ROI ---------- */
  .roi{background:var(--panel); border:1px solid var(--line); padding:52px;}
  .roi-copy{max-width:640px;}
  .roi-copy p.lead-roi{font-size:15px; color:var(--ink-soft); line-height:1.6;}
  .roi-price{margin-top:24px;}
  .roi-price .label{font-size:12.5px; color:var(--ink-faint); font-family:'IBM Plex Mono';}
  .roi-price .value{font-size:44px; font-weight:700; font-family:'IBM Plex Mono'; margin-top:4px; letter-spacing:-.01em;}
  .roi-payback{margin-top:20px; font-size:14.5px; color:var(--ink-soft);}
  .roi-payback b{color:var(--ink); font-size:17px;}
  .roi-value-line{margin-top:22px; padding-top:18px; border-top:1px solid var(--line); font-size:14px; color:var(--ink-soft); line-height:1.6; max-width:520px;}

  /* ---------- Warranty ---------- */
  .warranty-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
  .warranty-card{background:var(--surface); padding:28px 22px;}
  .warranty-card img{width:40px; height:40px; object-fit:contain; margin-bottom:16px;}
  .warranty-card .mono{font-size:15px; color:var(--accent); font-weight:600;}
  .warranty-card p{font-size:13.5px; color:var(--ink-soft); margin-top:8px; line-height:1.5;}
  .warranty-foot{margin-top:1px; background:var(--surface); border:1px solid var(--line); border-top:none; padding:20px 26px; display:flex; align-items:center; gap:14px; font-size:14px;}
  .wcb{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; background:var(--surface); border:1px solid var(--line); padding:24px 28px; margin-bottom:20px;}
  .wcb-price .name{font-size:15px; font-weight:600; color:var(--ink);}
  .wcb-price .value{font-family:'IBM Plex Mono'; font-size:24px; font-weight:700; color:var(--ink);}
  .wcb-price .value small{font-size:13px; color:var(--ink-faint); font-weight:400; font-family:'IBM Plex Sans';}
  .wcb .btn{flex-shrink:0;}
  .warranty-foot b{color:var(--accent);}

  /* ---------- Pricing ---------- */
  .price-wrap{display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); background:var(--surface); align-items:stretch;}
  .price-copy{padding:48px;}
  .price-copy .name{font-size:24px; font-weight:600;}
  .price-copy .value{font-size:44px; font-weight:700; font-family:'IBM Plex Mono'; margin-top:14px; display:flex; align-items:baseline; gap:10px;}
  .price-copy .value .vat{font-size:14px; color:var(--ink-faint); font-weight:400; font-family:'IBM Plex Sans';}
  .price-list{list-style:none; padding:0; margin:26px 0 0; border-top:1px solid var(--line);}
  .price-list li{padding:12px 0; font-size:14.5px; color:var(--ink-soft); border-bottom:1px solid var(--line); display:flex; gap:8px;}
  .price-list li::before{content:"✓"; color:var(--teal);}
  .price-copy .btn{margin-top:28px;}
  .price-photo{border-left:1px solid var(--line); position:relative;}
  .price-photo img{width:100%; height:100%; object-fit:cover; min-height:320px;}
  .price-note{font-size:13px; color:var(--ink-faint); margin-top:8px;}
  .price-badge{position:absolute; top:20px; right:20px; background:rgba(11,20,32,.86); color:#fff; font-family:'IBM Plex Mono', monospace; font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; padding:9px 14px; border-radius:2px;}

  /* ---------- Contacts ---------- */
  .contact-wrap{display:grid; grid-template-columns:1.1fr .9fr; border:1px solid var(--line); background:var(--surface);}
  .contact-info{padding:50px;}
  .contact-info p{color:var(--ink-soft); margin-top:14px; font-size:15px; line-height:1.6; max-width:420px;}
  .contact-rows{margin-top:30px;}
  .contact-row{display:flex; justify-content:space-between; padding:14px 0; border-top:1px solid var(--line); font-size:14.5px;}
  .contact-row span:first-child{color:var(--ink-faint); font-family:'IBM Plex Mono'; font-size:12.5px;}
  .contact-row a{color:var(--ink); text-decoration:none; border-bottom:1px solid var(--line-strong); transition:color .15s ease, border-color .15s ease;}
  .contact-row a:hover{color:var(--accent); border-color:var(--accent);}
  .contact-cta{background:#0B1420; color:#fff; padding:50px; display:flex; flex-direction:column; justify-content:center; gap:14px;}
  .contact-cta .ps-tag{color:var(--accent-bright);}
  .contact-cta h3{font-size:22px; font-weight:600; margin-top:10px;}
  .contact-cta p{font-size:14px; color:rgba(255,255,255,0.7); line-height:1.6;}
  .contact-cta .btn-primary{margin-top:6px; justify-content:center;}

  footer{padding:36px 0; border-top:1px solid var(--line);}
  .foot-wrap{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;}
  .foot-wrap .fine{font-size:12.5px; color:var(--accent); font-weight:600;}
  .foot-wrap .fine span{color:var(--ink);}

  /* ---------- New graphic blocks ---------- */
  .ps-img{display:flex; justify-content:center; align-items:center; margin:0 -44px -28px; width:calc(100% + 88px); max-width:calc(100% + 88px); overflow:hidden;}
  .ps-img img{width:100%; max-width:100%; height:auto; display:block; margin:0 auto;}
  .demo-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-top:none;}
  .demo-stats .stat{background:var(--surface); padding:24px 20px; text-align:center;}
  .demo-stats .stat b{display:block; font-family:'IBM Plex Mono'; font-size:24px; color:var(--accent); font-weight:600;}
  .demo-stats .stat span{font-size:12px; color:var(--ink-soft); margin-top:6px; display:block;}
  .adv-icons{width:100%; display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-bottom:36px;}
  .adv-icon-card{background:var(--surface); padding:28px 20px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px;}
  .adv-icon-card img{width:64px; height:64px; object-fit:contain;}
  .adv-icon-card span{font-size:14px; font-weight:600; color:var(--ink); line-height:1.4;}
  .adv-icon-card p{font-size:12.5px; color:var(--ink-soft); line-height:1.5; margin:0;}
  .compare{margin-top:28px; border:1px solid var(--line); background:var(--surface);}
  .compare-row{display:grid; grid-template-columns:1.4fr 1fr 1fr; border-bottom:1px solid var(--line);}
  .compare-row:last-child{border-bottom:none;}
  .compare-row.head{background:var(--ink); color:#fff; font-family:'IBM Plex Mono'; font-size:12px; text-transform:uppercase; letter-spacing:.05em;}
  .compare-cell{padding:16px 20px; font-size:13.5px; display:flex; align-items:center;}
  .compare-row:not(.head) .compare-cell:nth-child(2){color:#B23A2E;}
  .compare-row:not(.head) .compare-cell:nth-child(3){color:var(--teal); font-weight:600;}
  .roi-chart{width:100%; margin-top:28px; background:var(--surface); border:1px solid var(--line); padding:44px 36px 30px; display:flex; align-items:flex-end; justify-content:space-between; gap:24px;}
  .roi-bar-col{flex:1; display:flex; flex-direction:column; align-items:center;}
  .roi-bar-value{font-family:'IBM Plex Mono'; font-size:15px; font-weight:600; color:var(--ink); margin-bottom:10px; opacity:0; transition:opacity .5s ease;}
  .roi-bar-col.done .roi-bar-value{display:flex; align-items:center; gap:6px; color:var(--teal); font-size:13px; text-transform:uppercase; letter-spacing:.04em;}
  .roi-bar-col.done .roi-bar-value svg{width:18px; height:18px; flex-shrink:0;}
  .roi-track{width:100%; height:220px; display:flex; align-items:flex-end;}
  .roi-bar{width:100%; background:linear-gradient(180deg, #0F6B77, #0A4A54); transform:scaleY(0); transform-origin:bottom; transition:transform .9s cubic-bezier(.22,.9,.3,1);}
  .roi-bar-col.done .roi-bar{background:linear-gradient(180deg, var(--teal-bright), var(--teal));}
  .roi-bar-label{margin-top:14px; font-size:13px; color:var(--ink-soft); text-align:center;}
  .roi-chart.in .roi-bar{transform:scaleY(1);}
  .roi-chart.in .roi-bar-value{opacity:1;}
  .roi-bar-col:nth-child(1) .roi-bar{transition-delay:.05s;}
  .roi-bar-col:nth-child(2) .roi-bar{transition-delay:.35s;}
  .roi-bar-col:nth-child(3) .roi-bar{transition-delay:.65s;}
  .roi-bar-col:nth-child(4) .roi-bar{transition-delay:.95s;}
  .roi-bar-col:nth-child(1) .roi-bar-value{transition-delay:.55s;}
  .roi-bar-col:nth-child(2) .roi-bar-value{transition-delay:.85s;}
  .roi-bar-col:nth-child(3) .roi-bar-value{transition-delay:1.15s;}
  .roi-bar-col:nth-child(4) .roi-bar-value{transition-delay:1.45s;}
  .roi-note{font-size:12.5px; color:var(--ink-faint); margin-top:14px; line-height:1.6;}
  .legal-bar{background:var(--panel); border-top:1px solid var(--line); padding:18px 0; font-size:11.5px; color:var(--ink-faint); line-height:1.7; text-align:center;}
  .legal-disclaimer{margin-top:14px; color:var(--ink-soft); font-weight:500;}

  /* ---------- FAQ ---------- */
  .faq-grid{display:grid; grid-template-columns:0.85fr 1.15fr; gap:60px; align-items:start;}
  .faq-side{position:sticky; top:96px;}
  .faq-side p{color:var(--ink-soft); font-size:15px; margin-top:16px; line-height:1.6; max-width:340px;}
  .faq-list{border-top:1px solid var(--line);}
  .faq-item{border-bottom:1px solid var(--line); padding:22px 0;}
  .faq-item summary{list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:20px; font-size:16px; font-weight:600; color:var(--ink);}
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-toggle{width:38px; height:38px; border-radius:50%; background:var(--panel); color:var(--accent); flex-shrink:0; display:flex; align-items:center; justify-content:center; transition:transform .25s ease;}
  .faq-toggle svg{width:16px; height:16px; display:block;}
  .faq-item[open] .faq-toggle{transform:rotate(45deg);}
  .faq-item p{font-size:14.5px; color:var(--ink-soft); margin-top:16px; line-height:1.6; max-width:640px;}

  /* ---------- Business economics block ---------- */
  .econ-grid{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center;}
  .econ-photo{overflow:hidden; border:1px solid var(--line);}
  .econ-photo img{width:100%; height:100%; object-fit:cover; display:block; min-height:420px;}
  .econ-stats{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:28px;}
  .econ-stat{background:var(--surface); border:1px solid var(--line); padding:24px 22px;}
  .econ-stat .val{font-family:'IBM Plex Mono'; font-size:26px; font-weight:700; color:var(--accent);}
  .econ-stat .desc{font-size:13px; color:var(--ink-soft); margin-top:10px; line-height:1.5;}
  .econ-check{background:#0B1420; margin-top:16px; padding:24px 26px; display:flex; flex-direction:column; gap:14px;}
  .econ-check div{display:flex; gap:10px; align-items:flex-start; font-size:14.5px; font-weight:600; color:#fff;}
  .econ-check div::before{content:"✓"; color:var(--teal-bright); flex-shrink:0;}
  .econ-note{font-size:12.5px; color:var(--ink-faint); margin-top:18px; line-height:1.6;}

  /* ---------- Responsive ---------- */
  @media (max-width:980px){
    .hero-grid{grid-template-columns:1fr;}
    .faq-grid{grid-template-columns:1fr; gap:28px;}
    .econ-grid{grid-template-columns:1fr; gap:32px;}
    .econ-photo img{min-height:280px;}
    .kpi .wrap{grid-template-columns:repeat(2,1fr);}
    .kpi-item:nth-child(2){border-right:none;}
    .ps-grid{grid-template-columns:1fr;}
    .ps-col.problem{border-right:none; border-bottom:1px solid var(--line);}
    .ps-imgs .col{border-right:none; border-bottom:1px solid var(--line);}
    .steps{grid-template-columns:1fr;}
    .specs{grid-template-columns:1fr;}
    .specs-cell{border-right:none !important;}
    .specs-cell:nth-last-child(-n+2){border-bottom:1px solid var(--line);}
    .specs-cell:last-child{border-bottom:none !important;}
    .specs-panel{grid-template-columns:repeat(2,1fr);}
    .apps-grid{grid-template-columns:repeat(2,1fr);}
    .roi{grid-template-columns:1fr; padding:32px;}
    .roi-chart{padding:28px 16px 22px; gap:8px;}
    .roi-bar-value{font-size:12px;}
    .warranty-grid{grid-template-columns:repeat(2,1fr);}
    .price-wrap{grid-template-columns:1fr;}
    .price-photo{border-left:none; border-top:1px solid var(--line);}
    .contact-wrap{grid-template-columns:1fr;}
  }
  @media (max-width:640px) and (orientation:portrait){
    .btn{width:100%; justify-content:center;}
    .hero-ctas .btn{width:100%;}
  }
  @media (max-width:640px){
    .wrap{padding:0 20px;}
    .kpi .wrap{grid-template-columns:1fr;}
    .econ-stats{grid-template-columns:1fr;}
    .kpi-item{border-right:none; border-bottom:1px solid rgba(255,255,255,0.12);}
    .apps-grid{grid-template-columns:1fr;}
    .warranty-grid{grid-template-columns:1fr;}
    .specs-panel{grid-template-columns:1fr;}
    
    .mobile-cta-bar{display:flex;}
    .readout{left:10px; right:10px; bottom:10px; padding:10px 12px;}
    .readout-main{flex-direction:column; align-items:flex-start; gap:2px;}
    .readout-value{font-size:16px;}
    .compare-row{grid-template-columns:1fr 1fr 1fr;}
    .compare-cell{padding:12px 10px; font-size:12px;}
    .wcb{flex-direction:column; align-items:flex-start; gap:14px;}
    .wcb .btn{width:100%;}
    .contact-info{padding:32px 24px;}
    .contact-cta{padding:32px 24px;}
    .contact-row{flex-direction:column; gap:4px;}
    .price-copy{padding:28px 24px;}
    .price-copy .value{font-size:32px; flex-wrap:wrap;}
    .roi{padding:24px 20px;}
    .roi-chart{padding:20px 10px 16px; gap:6px;}
    .roi-bar-label{font-size:11px;}
    .ps-img{margin:0 -24px -28px; width:calc(100% + 48px); max-width:calc(100% + 48px);}
    .ps-col{padding:28px 24px 20px;}
    .demo-stats{grid-template-columns:repeat(2,1fr);}
    .iso-table{min-width:480px;}
    .legal-bar .wrap{text-align:left;}
  }
  @media (prefers-reduced-motion: reduce){
    .scanline{animation:none; display:none;}
    .reveal{opacity:1; transform:none; transition:none;}
  }

  /* ---------- Блок доверия ---------- */
  .trust-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:8px;}
  .case-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:22px; display:flex; flex-direction:column; gap:10px;}
  .case-tag{font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); font-weight:600;}
  .case-card h3{font-size:16px; margin:0; color:var(--ink); line-height:1.35;}
  .case-card p{font-size:14px; color:var(--ink-soft); margin:0; line-height:1.55;}
  .case-result{margin-top:auto; padding-top:12px; border-top:1px solid var(--line); font-size:13px; color:var(--ink); line-height:1.5;}
  .case-result b{color:var(--teal);}
  .trust-facts{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:16px;}
  .trust-fact{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:14px 16px; font-size:13px; color:var(--ink-soft); line-height:1.5;}
  .trust-fact b{display:block; color:var(--ink); font-size:14px; margin-bottom:2px;}
  @media(max-width:960px){
    .trust-grid{grid-template-columns:1fr;}
    .trust-facts{grid-template-columns:1fr 1fr;}
  }
  @media(max-width:560px){
    .trust-facts{grid-template-columns:1fr;}
  }

  /* ---------- Targeted completion fixes ---------- */
  .trust-grid > .case-card:last-child:nth-child(odd){
    grid-column:1 / -1;
  }

  .kit-badge{
    border-radius:0;
  }


  @media (max-width:1180px){
    .navlinks{gap:18px;}
    .navcta{gap:10px;}
    .navcta .btn{padding:10px 14px;}
  }


  @media (max-width:760px){
    .kit-wrap{
      grid-template-columns:1fr;
    }
    .kit-photo{
      min-height:0;
      aspect-ratio:4 / 3;
      padding:18px;
    }
    .kit-photo picture,
    .kit-photo img{
      width:100%;
      height:100%;
    }
    .kit-badge{
      top:18px;
      right:18px;
      max-width:calc(100% - 36px);
      font-size:11px;
      padding:8px 10px;
      border-radius:0;
    }
    .kit-list-wrap{
      padding:26px 22px;
    }
  }


  /* =========================================================
     FINAL TARGETED PATCH — KORONA 40 PRO
     ========================================================= */

  .site-header{
    --header-height:82px;
  }

  .site-header .nav{
    min-height:var(--header-height);
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    column-gap:28px;
    padding-block:0;
  }

  .site-header .logo{
    min-width:0;
    gap:10px;
  }

  .site-header .logo-mark{
    width:72px;
    height:72px;
    flex:0 0 72px;
  }

  .site-header .logo-mark img{
    width:100%;
    height:100%;
    object-fit:contain;
  }

  .site-header .logo-text,
  .site-header .navlinks,
  .site-header .navcta,
  .kit-wrap > *,
  .faq-grid > *,
  .adv-icons > *,
  .compare-row > *{
    min-width:0;
  }

  .site-header .navlinks{
    justify-self:end;
  }

  .site-header .navcta{
    margin-left:18px;
    gap:14px;
    flex:0 0 auto;
  }


  #specs{
    padding-top:56px;
  }

  #specs .section-head{
    margin-bottom:36px;
  }

  .kit-wrap{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    align-items:stretch;
  }

  .kit-photo{
    min-height:0;
    padding:20px;
    align-self:stretch;
  }

  .kit-photo picture{
    width:100%;
    height:100%;
    min-height:360px;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .kit-photo img{
    width:100%;
    height:100%;
    max-height:520px;
    object-fit:contain;
  }

  .kit-list-wrap{
    padding:36px 40px;
    justify-content:center;
  }

  .kit-list li{
    min-width:0;
    overflow-wrap:anywhere;
  }

  #trust .trust-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #trust .trust-grid > .case-card:last-child:nth-child(odd){
    grid-column:1 / -1;
  }

  #trust .trust-grid + .trust-facts{
    margin-top:16px;
  }

  .adv-icons,
  .compare{
    width:100%;
    max-width:100%;
    min-width:0;
    margin-inline:auto;
    box-sizing:border-box;
  }

  .adv-icons{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .adv-icon-card span,
  .adv-icon-card p,
  .compare-cell{
    overflow-wrap:anywhere;
  }

  .wrap > .adv-icons,
  .wrap > .compare,
  .wrap > .specs-panel,
  .wrap > .kit-wrap,
  .wrap > .trust-grid,
  .wrap > .trust-facts{
    max-width:100%;
  }

  #faq .faq-grid{
    align-items:start;
  }

  #faq .faq-side{
    position:sticky;
    top:102px;
    align-self:start;
    height:max-content;
  }

  @media (max-width:980px){
    .site-header{
      --header-height:68px;
      isolation:isolate;
    }

    .site-header .nav{
      min-height:var(--header-height);
      display:flex;
      column-gap:12px;
      padding-inline:14px;
    }

    .site-header .logo{
      flex:1 1 auto;
    }

    .site-header .logo-mark{
      width:58px;
      height:58px;
      flex-basis:58px;
    }

    .site-header .logo-text .name,
    .site-header .logo-text .sub{
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .site-header .navcta{
      margin-left:auto;
    }

    .site-header .navcta > .btn{
      display:none;
    }

    .site-header .burger{
      display:block;
      position:relative;
      z-index:230;
    }

    .site-header.is-menu-open .burger{
      visibility:hidden;
      opacity:0;
      pointer-events:none;
    }

    .site-header .navlinks{
      top:0;
      right:-100%;
      width:min(320px,86vw);
      height:100vh;
      height:100dvh;
      max-height:none;
      overflow-y:auto;
      overscroll-behavior:contain;
      z-index:220;
    }

    .site-header .navlinks.mobile-open{
      right:0;
    }

    .site-header .nav-overlay{
      position:fixed;
      inset:0;
      width:100vw;
      height:100vh;
      height:100dvh;
      z-index:210;
    }


    body.nav-locked{
      overflow:hidden;
      overscroll-behavior:none;
    }

    #specs{
      padding-top:44px;
    }

    .kit-wrap{
      grid-template-columns:1fr;
    }

    .kit-photo{
      padding:18px;
    }

    .kit-photo picture{
      min-height:0;
      height:auto;
      aspect-ratio:4 / 3;
    }

    .kit-photo img{
      max-height:none;
    }

    .kit-list-wrap{
      padding:30px 28px;
    }

    .adv-icons{
      grid-template-columns:repeat(2,minmax(0,1fr));
    }

    #faq .faq-side{
      position:static;
      top:auto;
    }
  }

  @media (max-width:640px){
    .site-header{
      --header-height:62px;
    }

    .site-header .logo-mark{
      width:52px;
      height:52px;
      flex-basis:52px;
    }

    .site-header .logo-text .name{
      font-size:12.5px;
    }

    .site-header .logo-text .sub{
      max-width:185px;
      font-size:7.5px;
    }


    #trust .trust-grid{
      grid-template-columns:1fr;
    }

    #trust .trust-grid > .case-card:last-child:nth-child(odd){
      grid-column:auto;
    }

    .kit-photo picture{
      aspect-ratio:1 / .86;
    }

    .kit-list-wrap{
      padding:26px 22px;
    }

    .kit-list{
      grid-template-columns:1fr;
    }

    .adv-icons{
      grid-template-columns:1fr;
    }
  }

  /* ---------- Safe implementation patch ---------- */
  .site-header .nav-close{z-index:231;}
  .site-header .navlinks.mobile-open .nav-close{display:flex;}
  #trust .trust-facts{width:100%; max-width:100%; margin-inline:auto;}

  @media (max-width:980px){
    .site-header .navlinks{padding-top:82px;}
    .site-header.is-menu-open .nav-close{display:flex;}
  }


/* Source: index.html <style id="final-layout-adjustments"> */

  :root{
    --header-offset: 120px;
    --section-space: 80px;
  }

  html{
    scroll-padding-top: var(--header-offset);
  }


  section:not(.kpi){
    padding-top: var(--section-space) !important;
    padding-bottom: var(--section-space) !important;
    scroll-margin-top: var(--header-offset) !important;
  }


  @media (max-width: 980px){
    :root{ --section-space: 64px; }
  }

  @media (max-width: 640px){
    :root{ --section-space: 56px; }
  }

  html, body{width:100%; max-width:100%; margin:0 !important; padding:0 !important;}
  body{min-height:100%;}
  .site-header + .hero{padding-top:calc(var(--header-offset) + var(--section-space)) !important;}

/* Source: index.html <style id="tech-contrast-theme"> */

  :root{
    --graphite-950:#0A1014;
    --graphite-900:#10181D;
    --graphite-800:#18242B;
    --steel-100:#E8EEF0;
    --steel-200:#D7E0E3;
    --steel-300:#B7C5CA;
    --steel-500:#6F8188;
    --petroleum-700:#0B5F63;
    --petroleum-600:#08767A;
    --petroleum-500:#0E8F91;
    --petroleum-300:#55C7C4;
    --amber-500:#C89A4B;
    --amber-400:#D7AE67;
    --amber-200:#E8D0A7;
    --theme-shadow:0 22px 54px rgba(10,16,20,.16);
    --theme-shadow-dark:0 26px 66px rgba(0,0,0,.34);
    --theme-border:rgba(111,129,136,.34);
    --theme-border-dark:rgba(255,255,255,.13);
  }

  body{background:var(--graphite-950);}
  section{position:relative; isolation:isolate;}
  section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;}

  .theme-light{background:#F5F7F7;color:var(--graphite-950);}
  .theme-light::before{background:linear-gradient(125deg,rgba(14,143,145,.05),transparent 38%,rgba(200,154,75,.045));}
  .theme-steel{background:var(--steel-100);color:var(--graphite-950);}
  .theme-steel::before{background-image:linear-gradient(rgba(111,129,136,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(111,129,136,.09) 1px,transparent 1px);background-size:42px 42px;}
  .theme-dark{background:linear-gradient(140deg,var(--graphite-950),var(--graphite-800));color:#F4F7F7;}
  .theme-dark::before{background:radial-gradient(circle at 84% 18%,rgba(14,143,145,.20),transparent 32%),linear-gradient(120deg,transparent 45%,rgba(200,154,75,.07));}
  .theme-accent{background:linear-gradient(135deg,var(--petroleum-700),#083F43);color:#fff;}
  .theme-accent::before{background:linear-gradient(115deg,rgba(255,255,255,.07),transparent 34%,rgba(200,154,75,.14));}

  .theme-dark .section-head p,.theme-dark .kicker,.theme-dark .hero-price-note,.theme-dark .hero-gost-line,.theme-dark .iso-copy p,.theme-dark .faq-side p,
  .theme-accent .section-head p,.theme-accent .roi-copy p,.theme-accent .roi-payback,.theme-accent .roi-value-line,.theme-accent .roi-note{color:rgba(244,247,247,.72);}
  .theme-dark h1,.theme-dark h2,.theme-dark h3,.theme-dark h4,.theme-dark .hero-price,.theme-dark .readout-client,.theme-accent h2,.theme-accent h3{color:#fff;}
  .theme-dark .eyebrow,.theme-accent .eyebrow{color:var(--petroleum-300);}
  .theme-dark .eyebrow::before,.theme-accent .eyebrow::before{background:var(--amber-400);}
  .theme-dark .accent-text,.theme-accent .accent-text{color:var(--amber-400);}

  .site-header{background:rgba(10,16,20,.91);border-bottom-color:rgba(255,255,255,.12);box-shadow:0 8px 28px rgba(0,0,0,.22);}
  .site-header .logo-text .name,.site-header .navlinks a,.site-header .burger{color:#F4F7F7;}
  .site-header .logo-text .sub{color:var(--steel-300);}
  .site-header .burger span{background:#F4F7F7;}
  .site-header .navlinks a:hover{color:var(--amber-400);}

  .btn{border-radius:6px;letter-spacing:.01em;}
  .btn-primary{background:var(--petroleum-500);box-shadow:0 10px 26px rgba(8,118,122,.28);}
  .btn-primary:hover{background:var(--petroleum-600);box-shadow:0 15px 34px rgba(8,118,122,.38);}
  .theme-dark .btn-primary,.theme-accent .btn-primary{background:var(--amber-500);color:var(--graphite-950);box-shadow:0 12px 28px rgba(200,154,75,.24);}
  .theme-dark .btn-primary:hover,.theme-accent .btn-primary:hover{background:var(--amber-400);}
  .theme-dark .btn-primary svg path,.theme-accent .btn-primary svg path{stroke:var(--graphite-950);}
  .theme-dark .btn-ghost{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.035);}
  .theme-dark .btn-ghost:hover{border-color:var(--amber-400);color:var(--amber-400);}

  .hero{min-height:calc(100vh - var(--header-offset));display:flex;align-items:center;}
  .hero-grid{gap:72px;}
  .hero h1{font-size:clamp(50px,6vw,78px);letter-spacing:-.045em;text-shadow:0 10px 30px rgba(0,0,0,.24);}
  .hero .kicker{font-size:clamp(19px,2vw,24px);max-width:610px;}
  .hero-price-row{border-top-color:rgba(255,255,255,.16);padding-top:26px;}
  .hero-price{font-size:clamp(42px,5vw,62px);color:var(--amber-400)!important;text-shadow:0 8px 24px rgba(200,154,75,.18);}
  .device-frame{background:linear-gradient(145deg,#17252B,#0A1115);border-color:rgba(85,199,196,.48);box-shadow:var(--theme-shadow-dark);padding:18px;}
  .device-frame::after{content:"40 PRO";position:absolute;right:20px;top:18px;font-family:'IBM Plex Mono';font-size:11px;letter-spacing:.18em;color:var(--amber-400);}
  .corner{border-color:var(--petroleum-300);}
  .readout{background:rgba(10,16,20,.88);border-color:rgba(255,255,255,.16);backdrop-filter:blur(10px);}
  .readout-label{color:var(--steel-300);}.readout-client{color:#fff}.readout-value{color:var(--petroleum-300);}

  .kpi.theme-accent{background:linear-gradient(100deg,#073E42,var(--petroleum-700));}
  .kpi-item{padding:42px 28px;border-color:rgba(255,255,255,.15);}
  .kpi-num{font-size:clamp(29px,3vw,39px);color:var(--amber-400);}
  .kpi-label{color:rgba(255,255,255,.72);}

  .theme-light .step,.theme-light .specs,.theme-light .kit-wrap,.theme-light .app-card,.theme-light .adv-card,.theme-light .adv-icon-card,
  .theme-steel .step,.theme-steel .specs,.theme-steel .kit-wrap,.theme-steel .app-card,.theme-steel .adv-card,.theme-steel .adv-icon-card,.theme-steel .case-card,.theme-steel .quote-card,.theme-steel .trust-fact{
    background:rgba(255,255,255,.88);border-color:var(--theme-border);box-shadow:0 12px 34px rgba(10,16,20,.06);
  }
  .step,.specs-cell,.adv-card,.adv-icon-card,.case-card,.quote-card,.trust-fact,.warranty-card,.faq-item{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;}
  .step:hover,.adv-card:hover,.adv-icon-card:hover,.case-card:hover,.trust-fact:hover,.warranty-card:hover{transform:translateY(-4px);border-color:rgba(14,143,145,.48);box-shadow:var(--theme-shadow);}

  #technology .tech-schema,#technology .steps{border-color:var(--theme-border-dark);box-shadow:var(--theme-shadow-dark);}
  #technology .step{background:rgba(255,255,255,.055);border-color:var(--theme-border-dark);}
  #technology .step p{color:rgba(255,255,255,.68);}
  #technology .step-idx{color:var(--amber-400);}
  #technology .tech-schema-caption,#technology .steps-tag{color:var(--petroleum-300);}

  .specs-panel{background:var(--graphite-950);border-color:rgba(85,199,196,.28);box-shadow:var(--theme-shadow-dark);}
  .specs-item{background:linear-gradient(145deg,#132229,#0D171C);border-color:rgba(85,199,196,.18);}
  .specs-item .v{color:var(--amber-400);font-size:22px;}

  #compare .save-callout{background:linear-gradient(120deg,var(--petroleum-700),#0B474B);border:1px solid rgba(215,174,103,.45);box-shadow:var(--theme-shadow-dark);}
  #compare .save-callout-value{color:var(--amber-400);font-size:clamp(54px,8vw,86px);}
  #compare .iso-table-wrap{border-color:var(--theme-border-dark);box-shadow:var(--theme-shadow-dark);}
  #compare .iso-table thead th{background:#071014;color:var(--amber-400);}
  #compare .iso-table tbody td{border-color:rgba(255,255,255,.10);background:#111D22;color:#EAF0F1;}
  #compare .iso-table tbody tr:nth-child(even) td{background:#17262C;}
  #compare .iso-table tbody td:first-child{color:#B9C7CC;}
  #compare .iso-table tr.price-row td{color:var(--amber-400);font-size:17px;}
  #compare .iso-table tr.save-row td{background:rgba(14,143,145,.24);}
  #compare .iso-table td.save{color:var(--amber-400);font-size:18px;}

  .theme-accent .roi{background:rgba(7,35,38,.66);border-color:rgba(255,255,255,.16);box-shadow:var(--theme-shadow-dark);}
  .theme-accent .roi-price .label{color:var(--steel-300);}
  .theme-accent .roi-price .value{color:var(--amber-400);font-size:clamp(46px,6vw,68px);}
  .theme-accent .roi-payback b{color:#fff;}
  .theme-accent .roi-chart{background:rgba(255,255,255,.94);border:0;box-shadow:var(--theme-shadow-dark);}
  .theme-accent .roi-bar{background:linear-gradient(180deg,var(--amber-400),var(--amber-500));}
  .theme-accent .roi-bar-col.done .roi-bar{background:linear-gradient(180deg,var(--petroleum-300),var(--petroleum-600));}

  #pricing .price-wrap{border-color:rgba(255,255,255,.18);box-shadow:var(--theme-shadow-dark);}
  #pricing .price-copy{background:rgba(7,35,38,.72);}
  #pricing .price-copy .value{color:var(--amber-400);font-size:clamp(42px,5vw,62px);}
  #pricing .price-copy .name,#pricing .price-list li{color:#fff;}
  #pricing .price-note,#pricing .price-copy .value .vat{color:rgba(255,255,255,.65);}
  #pricing .price-list{border-color:rgba(255,255,255,.14);}
  #pricing .price-list li{border-color:rgba(255,255,255,.12);}
  #pricing .warranty-grid{border-color:rgba(255,255,255,.15);}
  #pricing .warranty-card{background:rgba(255,255,255,.94);}
  #pricing .warranty-foot{background:rgba(7,35,38,.72);border-color:rgba(255,255,255,.15);color:#fff;}
  #pricing .warranty-foot b{color:var(--amber-400);}

  #faq .faq-list{border-color:rgba(255,255,255,.14);}
  #faq .faq-item{border-color:rgba(255,255,255,.14);padding:24px 22px;}
  #faq .faq-item:hover,#faq .faq-item[open]{background:rgba(255,255,255,.055);border-color:rgba(85,199,196,.36);}
  #faq .faq-item summary{color:#fff;}
  #faq .faq-item p{color:rgba(255,255,255,.69);}
  #faq .faq-toggle{background:rgba(85,199,196,.12);color:var(--amber-400);}

  #contacts .contact-wrap{border-color:rgba(255,255,255,.18);box-shadow:var(--theme-shadow-dark);}
  #contacts .contact-info{background:rgba(255,255,255,.95);color:var(--graphite-950);}
  #contacts .contact-cta{background:linear-gradient(145deg,#0A1014,#17252B);}
  #contacts .contact-cta h3{font-size:clamp(26px,3vw,38px);}
  #contacts .contact-cta .ps-tag{color:var(--amber-400);}
  #contacts .contact-cta .btn{min-height:58px;font-size:16px;}

  footer,.legal-bar{background:var(--graphite-950);border-color:rgba(255,255,255,.12);color:var(--steel-300);}
  footer .logo-text .name{color:#fff;} footer .logo-text .sub{color:var(--steel-300);}
  .foot-wrap .fine{color:var(--petroleum-300);}.foot-wrap .fine span{color:#fff;}

  @media(max-width:980px){
    .site-header .navlinks{background:var(--graphite-900);border-left-color:rgba(255,255,255,.12);}
    .hero{min-height:auto;}.hero-grid{gap:42px;}.hero h1{font-size:clamp(46px,9vw,68px);}
  }
  @media(max-width:640px){
    .hero h1{font-size:44px}.hero-price{font-size:42px}.kpi-item{padding:30px 20px}
    #faq .faq-item{padding:20px 14px}.theme-accent .roi-price .value{font-size:40px}
  }


  /* ---------- Kit block: full-height image column ---------- */
  .kit-wrap {
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    background: var(--surface, #ffffff);
    border: 1px solid var(--line, #d6e0e8);
    box-shadow: 0 20px 44px -28px rgba(11, 20, 32, 0.28);
  }

  .kit-photo {
    position: relative;
    flex: 0 0 50%;
    width: 50%;
    min-width: 0;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    background: var(--panel, #eef3f7);
    align-self: stretch;
  }

  .kit-photo picture {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
  }

  .kit-photo img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
  }

  .kit-badge {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 2;
    max-width: calc(100% - 48px);
    padding: 10px 16px;
    background: var(--ink, #0b1420);
    color: #ffffff;
    font-family: "IBM Plex Mono", monospace;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-radius: 0;
    box-shadow: 0 10px 24px -10px rgba(11, 20, 32, 0.5);
  }

  .kit-list-wrap {
    position: relative;
    z-index: 1;
    flex: 1 1 50%;
    width: 50%;
    min-width: 0;
    padding: 44px 48px;
    background: var(--surface, #ffffff);
  }

  .kit-list-title {
    margin-bottom: 18px;
    color: var(--ink-faint, #8896a5);
    font-family: "IBM Plex Mono", monospace;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .kit-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 32px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: kit-counter;
  }

  .kit-list li {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
    padding: 14px 0;
    border-bottom: 1px solid var(--line, #d6e0e8);
    color: var(--ink, #0b1420);
    font-size: 14.5px;
    line-height: 1.4;
    overflow-wrap: anywhere;
    counter-increment: kit-counter;
  }

  .kit-list li::before {
    content: counter(kit-counter, decimal-leading-zero);
    flex: 0 0 22px;
    width: 22px;
    color: var(--accent, #0a84b8);
    font-family: "IBM Plex Mono", monospace;
    font-size: 12px;
    font-weight: 700;
  }

  .kit-list li.kit-group-head {
    grid-column: 1 / -1;
    padding: 18px 0 6px;
    border-bottom: none;
    color: var(--ink-faint, #8896a5);
    font-family: "IBM Plex Mono", monospace;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    counter-increment: none;
  }

  .kit-list li.kit-group-head::before {
    display: none;
    content: none;
  }

  .kit-list li.kit-group-head:first-child {
    padding-top: 0;
  }

  .kit-list li:last-child {
    border-bottom: none;
  }

  @media (max-width: 1100px) {
    .kit-photo {
      flex-basis: 44%;
      width: 44%;
    }

    .kit-list-wrap {
      flex-basis: 56%;
      width: 56%;
      padding: 36px 32px;
    }

    .kit-list {
      column-gap: 24px;
    }
  }

  @media (max-width: 760px) {
    .kit-wrap {
      flex-direction: column;
      align-items: stretch;
    }

    .kit-photo {
      flex: none;
      width: 100%;
      min-height: 0;
      aspect-ratio: 4 / 3;
    }

    .kit-photo picture {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      min-height: 0;
    }

    .kit-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }

    .kit-list-wrap {
      flex: none;
      width: 100%;
      padding: 30px 24px;
    }

    .kit-badge {
      top: 18px;
      right: 18px;
      max-width: calc(100% - 36px);
      padding: 8px 10px;
      font-size: 11px;
    }

    .kit-list {
      grid-template-columns: 1fr;
      column-gap: 0;
    }

    .kit-list li.kit-group-head {
      grid-column: 1;
      padding-top: 22px;
    }

    .kit-list li.kit-group-head:first-child {
      padding-top: 0;
    }
  }

  @media (max-width: 480px) {
    .kit-photo {
      aspect-ratio: 1 / 1;
    }

    .kit-list-wrap {
      padding: 26px 20px;
    }

    .kit-list li {
      gap: 12px;
      padding: 12px 0;
      font-size: 14px;
    }
  }

/* Source: index.html <style id="cw-widget-styles"> */

.cw-wrap {
    position: fixed;
    bottom: 28px;
    right: 28px;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    pointer-events: none;
}

.cw-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0;
    transform: translateY(16px);
    pointer-events: none;
}

.cw-buttons.cw-open {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
}

.cw-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(0,0,0,0.20);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    text-decoration: none;
    position: relative;
    pointer-events: all;
}

.cw-btn:hover {
    transform: scale(1.12);
    box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}

.cw-btn svg {
    width: 26px;
    height: 26px;
    fill: white;
    flex-shrink: 0;
}

.cw-btn-label {
    color: white;
    font-weight: 700;
    font-size: 15px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    letter-spacing: 0.5px;
}

.cw-max   { background: #3b82f6; }
.cw-sms   { background: #ec4899; }
.cw-phone { background: #10b981; }
.cw-close { background: #f87171; }

.cw-main {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.22);
    background: #3b82f6;
    transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    pointer-events: all;
}

.cw-main:hover {
    transform: scale(1.08);
    box-shadow: 0 8px 28px rgba(0,0,0,0.25);
}

.cw-main svg {
    width: 30px;
    height: 30px;
    fill: white;
    transition: transform 0.3s ease;
}

.cw-main.cw-open {
    background: #f87171;
}

.cw-main.cw-open svg {
    transform: rotate(45deg);
}

.cw-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #dc2626;
    color: white;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    pointer-events: none;
}

.cw-tooltip {
    position: absolute;
    right: 72px;
    left: auto;
    background: rgba(30,30,30,0.88);
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.18s ease;
}

.cw-btn:hover .cw-tooltip {
    opacity: 1;
}

.cw-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.18);
    z-index: 99998;
}

.cw-backdrop.cw-open {
    display: block;
}

.cw-buttons.cw-open .cw-btn:nth-child(1) { transition-delay: 0s; }
.cw-buttons.cw-open .cw-btn:nth-child(2) { transition-delay: 0.05s; }
.cw-buttons.cw-open .cw-btn:nth-child(3) { transition-delay: 0.10s; }
.cw-buttons.cw-open .cw-btn:nth-child(4) { transition-delay: 0.15s; }

@media (max-width: 480px) {
    .cw-wrap {
        bottom: 18px;
        right: 18px;
        gap: 10px;
    }
    .cw-btn  { width: 54px; height: 54px; }
    .cw-main { width: 60px; height: 60px; }
    .cw-tooltip { display: none; }
}

/* Source: index.html <style id="fluid-layout-pass"> */

  /* =========================================================
     ПОЛНОСТЬЮ РЕЗИНОВЫЙ МАКЕТ — финальный слой
     Заменяет фиксированные px-отступы/размеры на clamp()
     (плавное масштабирование между мин. и макс. значением
     в зависимости от ширины вьюпорта) и превращает грид-блоки
     с "плиточной" сеткой карточек в auto-fit/minmax, чтобы
     число колонок подстраивалось непрерывно, без резких скачков
     на конкретных брейкпоинтах. Правило подключено последним,
     поэтому имеет приоритет над более ранними фиксированными
     объявлениями той же специфичности на любой ширине экрана.
     ========================================================= */

  :root{
    --section-space: clamp(44px, 7vw, 80px);
    --gutter: clamp(20px, 4vw, 32px);
  }

  .wrap{ padding:0 var(--gutter); }
  .site-header .nav{ padding-inline: var(--gutter); }
  .nav{ padding:0 var(--gutter); }

  .hero{ padding: clamp(48px, 9vw, 88px) 0 clamp(36px, 6vw, 60px); }
  .hero-grid{ gap: clamp(28px, 5vw, 60px); }
  .hero-ctas{ gap: clamp(10px, 2vw, 16px); }
  .hero-price-row{ gap: clamp(12px, 2vw, 18px); }

  .save-callout{ padding: clamp(24px, 5vw, 36px) clamp(18px, 4vw, 24px); }
  .save-callout-value{ font-size: clamp(34px, 7vw, 56px); }

  .section-head{ margin-bottom: clamp(32px, 6vw, 52px); }

  .ps-grid{ }
  .ps-col{ padding: clamp(24px, 5vw, 40px) clamp(20px, 4vw, 44px) clamp(18px, 3vw, 28px); }

  .steps{ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
  .step-head{ padding: clamp(20px, 3vw, 26px) clamp(20px, 3vw, 26px) 0; }
  .step p{ margin: clamp(12px, 2vw, 16px) clamp(20px, 3vw, 26px) clamp(20px, 3vw, 26px); }

  .specs-panel{ grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); padding: clamp(14px, 2vw, 20px); }
  .specs-item{ padding: clamp(16px, 2.4vw, 22px); }

  .kit-list-wrap{ padding: clamp(22px, 4vw, 44px) clamp(20px, 4vw, 48px) !important; }
  .kit-photo{ padding: clamp(14px, 2.4vw, 20px) !important; }

  .demo-stats{ grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); }
  .demo-main img{ height: clamp(240px, 40vw, 420px); }

  .apps-grid{ grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); }
  .app-card img{ height: clamp(190px, 26vw, 230px); }

  .adv-icons{ grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important; }
  .adv-icon-card{ padding: clamp(20px, 3vw, 28px) clamp(16px, 3vw, 20px); }

  .roi{ padding: clamp(24px, 5vw, 52px); }
  .roi-chart{ padding: clamp(20px, 4vw, 44px) clamp(12px, 3vw, 36px) clamp(16px, 3vw, 30px); }

  .warranty-grid{ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
  .warranty-card{ padding: clamp(20px, 3vw, 28px) clamp(16px, 3vw, 22px); }
  .wcb{ padding: clamp(18px, 3vw, 24px) clamp(18px, 3vw, 28px); }
  .wcb-price .value{ font-size: clamp(20px, 3vw, 24px); }

  .price-wrap{ }
  .price-copy{ padding: clamp(24px, 5vw, 48px); }
  .price-copy .value{ font-size: clamp(34px, 5vw, 44px); }
  .price-photo{ min-height: clamp(220px, 30vw, 320px); }

  .contact-wrap{ }
  .contact-info{ padding: clamp(28px, 5vw, 50px) !important; }
  .contact-cta{ padding: clamp(28px, 5vw, 50px) !important; }

  .econ-grid{ gap: clamp(24px, 4vw, 48px); }
  .econ-photo img{ min-height: clamp(240px, 34vw, 420px); }
  .econ-stat{ padding: clamp(18px, 3vw, 24px) clamp(16px, 3vw, 22px); }
  .econ-stat .val{ font-size: clamp(21px, 2.6vw, 26px); }
  .econ-check{ padding: clamp(18px, 3vw, 24px) clamp(18px, 3vw, 26px); }

  .faq-grid{ gap: clamp(28px, 5vw, 60px); }
  .faq-item{ padding: clamp(16px, 3vw, 22px) 0; }

  .trust-grid{ gap: clamp(12px, 2vw, 16px); }
  .case-card{ padding: clamp(16px, 3vw, 22px); }
  .trust-facts{ grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: clamp(10px, 2vw, 12px); }
  .trust-fact{ padding: clamp(12px, 2vw, 16px); }

  .step-idx{ font-size: clamp(22px, 3vw, 28px); }
  .specs-v{ font-size: clamp(17px, 2.2vw, 20px); }
  .kpi-item{ padding: clamp(22px, 4vw, 36px) clamp(16px, 3vw, 26px); }

  .device-frame{ padding: clamp(10px, 1.6vw, 14px); }
  .readout{ left: clamp(8px, 2vw, 14px); right: clamp(8px, 2vw, 14px); bottom: clamp(8px, 2vw, 14px); padding: clamp(10px, 2vw, 12px) clamp(12px, 2.4vw, 16px); }

  footer{ padding: clamp(24px, 4vw, 36px) 0; }
  .legal-bar{ padding: clamp(14px, 2.4vw, 18px) 0; }
/* Mobile performance optimizations */
@media (max-width:768px){
  .hero-video{background:#0b1420 url('../img/korona-hero-poster.webp') center/cover no-repeat}
  .hero-video source{display:none}
}
@media (max-width:980px){
  main>section:not(.hero), body>section:not(.hero):not(.kpi){content-visibility:auto;contain-intrinsic-size:900px}
}