:root{--navy:#0c2440;--orange:#e97419;--ink:#102b43;--muted:#526373;--line:#d7dfe6;--paper:#f3f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:white;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #f2993f;outline-offset:4px}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);gap:24px;background:#fff}.brand{font-size:27px;font-weight:900;letter-spacing:1px;line-height:1.1}.brand span{display:block;font-size:10px;letter-spacing:2.4px;margin-top:6px}nav{display:flex;gap:30px;font-size:15px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;background:var(--orange);color:#fff;padding:15px 22px;border:1px solid transparent;font-weight:700;font-size:16px;line-height:1.4}.button:hover{background:#bd5709}.small{font-size:14px;padding:12px 16px}.hero{display:grid;grid-template-columns:46% 54%;min-height:620px}.hero-copy{padding:66px 6% 64px 11%;background:var(--navy);color:white}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700;margin-bottom:22px}.hero .eyebrow{color:#a7bbce}h1{font-size:clamp(46px,4.65vw,74px);line-height:1.04;letter-spacing:-2.2px;margin:0 0 25px}h1 em{font-style:normal;color:#ff963f}.hero-copy p{color:#cedae5;max-width:455px;font-size:17px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.text-link{font-size:15px;border-bottom:1px solid #8493a3;padding-bottom:4px}.hero-visual{background:#eef2f5;display:flex;flex-direction:column;padding:34px 7% 26px;overflow:hidden}.machine-label{font-weight:800;font-size:15px;letter-spacing:1px}.machine-label span{display:block;font-size:10px;color:var(--muted);letter-spacing:1.2px;margin-top:3px}.hero-visual img{width:100%;height:360px;object-fit:contain;mix-blend-mode:multiply;margin:auto}.hero-specs{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #c9d2da;padding-top:20px}.hero-specs strong{font-size:33px;line-height:1.2}.hero-specs strong span{font-size:16px;font-weight:400}.hero-specs small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.promise{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 5%;border-bottom:1px solid var(--line)}.promise>div{padding-left:30px;border-left:1px solid var(--line)}.promise>div:first-child{padding-left:0;border:0}.promise strong{display:block;font-size:21px}.promise span{font-size:14px;color:var(--muted)}.section{padding:85px 5%;scroll-margin-top:15px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}h2{font-size:clamp(31px,3vw,46px);line-height:1.14;letter-spacing:-1.2px;margin:0}.section-heading p{max-width:340px;color:var(--muted);margin:0}.section .eyebrow{color:#8b4b1b}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:27px}.filters button{border:1px solid var(--line);background:white;padding:11px 18px;font-size:14px;color:var(--ink)}.filters button.active{background:var(--navy);color:white;border-color:var(--navy)}.models{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.model{border:1px solid var(--line);padding:26px 23px;display:flex;flex-direction:column}.model[hidden]{display:none}.model-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.6px;color:var(--muted);min-height:32px}.model-top b{color:#8b4b1b;font-size:10px;white-space:nowrap}h3{font-size:28px;letter-spacing:-.6px;margin:9px 0 14px}.model>p{font-size:15px;color:var(--muted);min-height:76px;margin:0 0 14px}.model dl{margin:0 0 22px}.model dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e7ebef;padding:11px 0;font-size:13px}.model dt{color:var(--muted);max-width:60%}.model dd{font-weight:700;margin:0;text-align:right;white-space:nowrap}.video-box{background:var(--navy);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;margin-top:auto;min-width:0}.video-play{color:#fff;background:transparent;border:0;width:100%;padding:22px;font-size:14px;display:flex;align-items:center;text-align:left;gap:17px}.video-play small{display:block;color:#b1c2d2;font-size:12px;margin-top:6px}.play{display:inline-flex;align-items:center;justify-content:center;border:1px solid #75879a;flex-shrink:0;width:48px;height:48px;border-radius:50%;color:#ffa65b}.video-box iframe{width:100%;height:100%;border:0;aspect-ratio:16/9}.video-fallback{font-size:12px;color:var(--muted);margin:10px 0 20px;text-decoration:underline}.model .button{width:100%;font-size:15px}.note{font-size:13px;color:var(--muted);line-height:1.6;margin:22px 0 0;max-width:950px}.comparison{background:var(--paper)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:15px;min-width:760px;text-align:left}th,td{padding:17px 20px;border-bottom:1px solid #d4dde5}thead{background:var(--navy);color:#fff}tbody th{font-weight:400;width:37%}td{font-weight:600}tbody tr:nth-child(even){background:#eaf0f4}.service{display:grid;grid-template-columns:1fr 1fr;gap:10%;}.service>div>p{color:var(--muted);max-width:390px}.service-list>div{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:0 0 25px;margin-bottom:25px}.service-list>div>span{color:#ad5819;font-size:14px;padding-top:9px}.service-list h3{font-size:22px;margin:0 0 8px;letter-spacing:-.3px}.service-list p{font-size:15px;color:var(--muted);margin:0}.quote{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.quote .eyebrow{color:#ffac6a}.quote>div>p{color:#b9cbdc;max-width:355px;margin:23px 0}.email{font-size:clamp(16px,1.7vw,23px);display:inline-block;border-bottom:1px solid #637990;margin-top:16px}.quote .note{color:#a8bfd3}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;margin-bottom:17px;color:#e6edf3}input,select,textarea{display:block;width:100%;padding:12px 13px;margin-top:7px;border:1px solid #52667b;border-radius:0;background:#18334e;color:#fff;font-size:16px}input::placeholder,textarea::placeholder{color:#a6b8c9}textarea{resize:vertical}select{color:white}select option{background:#18334e}.form-help{font-size:13px;color:#b7c9d8}.form-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.copy-button{background:none;color:#e0e9f1;border:0;border-bottom:1px solid #7e92a5;padding:6px 0;font-size:14px}#form-status{font-size:14px;color:#ffbf88;min-height:24px;margin-bottom:0}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>span,footer>a:last-child{font-size:14px;color:var(--muted)}.mobile-cta{display:none}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1100px){.hero-copy{padding-top:50px}.hero-visual{padding:28px 5%}.hero-visual img{height:290px}.hero{min-height:560px}.models{gap:12px}.model{padding:23px 16px}.model-top{display:block;min-height:44px}.model-top b{display:block;margin-top:4px}.model dl>div{font-size:12px}.hero-specs strong{font-size:28px}.hero-specs small{font-size:11px}}@media(max-width:800px){header{height:78px}nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6%}h1{font-size:58px}.hero-visual{padding:25px 6%}.hero-visual img{height:300px}.promise{grid-template-columns:1fr 1fr;gap:22px;padding:25px 6%}.promise>div:nth-child(3){padding-left:0;border:0}.section{padding:55px 6%}.section-heading{display:block}.section-heading p{margin-top:20px;max-width:100%}.models{grid-template-columns:1fr}.model{padding:26px}.model>p{min-height:0}.model-top{display:flex;min-height:20px}.model dl>div{font-size:15px}.video-box{max-height:280px;aspect-ratio:16/9}.video-box iframe{max-height:280px}.service,.quote{grid-template-columns:1fr;gap:35px}.service-list h3{font-size:21px}.quote h2{font-size:39px}.form-row{gap:12px}footer{flex-wrap:wrap;padding:32px 6% 95px}.mobile-cta{display:flex;position:fixed;bottom:12px;left:6%;right:6%;justify-content:center;box-shadow:0 6px 25px #001b3c40;z-index:5}.small{font-size:12px;padding:10px 12px;max-width:170px}.small span{display:none}.brand{font-size:23px}.brand span{font-size:8px}.hero-specs small{font-size:12px}}@media(max-width:400px){h1{font-size:49px}.hero-specs strong{font-size:25px}.form-row{grid-template-columns:1fr}.model-top{display:block}.model dl>div{font-size:13px}.promise strong{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* ============================================================
   L018R top contact bar / floating contact rail / mobile action bar
   ------------------------------------------------------------
   Design rules (validated in a real browser across viewports):
   - Mobile keeps two fixed elements only: top contact bar + bottom action bar
   - Desktop keeps the right-side floating contact rail
   - No fixed element may cover the inquiry form
   ============================================================ */
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}

/* ---------- top contact bar ---------- */
.topbar{background:var(--navy);color:#c6d6e4;font-size:13px}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 5%}
.topbar a{display:inline-flex;align-items:center;gap:7px;color:inherit;min-height:32px}
.topbar a:hover{color:#fff}
.topbar svg{width:15px;height:15px;fill:currentColor;flex-shrink:0}
.topbar-contact{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.topbar-actions{display:flex;align-items:center;gap:12px}
.topbar-wa{background:#25d366;color:#fff!important;padding:6px 13px;border-radius:15px;font-weight:700}
.topbar-wa:hover{background:#1da851}
.topbar-wa small{font-weight:400;opacity:.9}
.topbar-social{display:flex;align-items:center;gap:8px}
.topbar-social a{justify-content:center;width:28px;height:28px;border-radius:50%;background:#1d3c5c}
.topbar-social a:hover{background:#2b5580}
.topbar-social svg{width:14px;height:14px}

/* ---------- WhatsApp primary button ---------- */
.wa-button{background:#25d366;color:#fff;border-color:#25d366}
.wa-button:hover{background:#1da851}
.wa-button svg{width:20px;height:20px;fill:currentColor;flex-shrink:0}
header .wa-button{gap:8px}
header .wa-button b{font-weight:700}

/* ---------- floating contact rail (desktop only) ---------- */
.float-service{position:fixed;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:30}
.float-item{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);color:var(--navy);box-shadow:0 4px 14px rgba(12,36,64,.16)}
.float-item svg{width:22px;height:22px;fill:currentColor}
.float-item:hover{background:var(--navy);color:#fff}
.float-item.wa{background:#25d366;color:#fff;border-color:#25d366}
.float-item.wa:hover{background:#1da851}

/* ---------- footer contact line ---------- */
.foot-line{display:inline-flex;align-items:center;gap:18px;flex-wrap:wrap}
footer>span.foot-line a{font-size:14px;color:var(--muted)}
footer>span.foot-line a:hover{color:var(--navy)}

/* ---------- comparison cards (hidden by default; replaces the table on mobile) ---------- */
.compare-cards{display:none}

/* ---------- bottom action bar (hidden by default) ---------- */
.mobile-actions{display:none}

/* ============================================================
   Tablet <= 1100px: shrink the rail so it never sits on the text column
   ============================================================ */
@media(max-width:1100px){
  .float-service{right:8px;gap:6px}
  .float-item{width:42px;height:42px}
  .float-item svg{width:20px;height:20px}
  header{gap:16px}
  header .wa-button b{display:none}
  header .wa-button{padding:0 14px;min-height:44px}
  nav{gap:20px;font-size:14px}
  header .header-quote{padding:12px 14px;font-size:13px}
}

/* ============================================================
   <= 800px: mobile layout
   Key changes:
   a) Hide the right rail - it covered content (measured 28px over the form)
   b) Enable the bottom action bar (quote + WhatsApp)
   c) Replace the table with per-model cards - removes horizontal scrolling
   d) Reserve bottom space so the bar never hides the footer
   ============================================================ */
@media(max-width:800px){

  /* a) hide the desktop rail; touchpoints move to the top bar + bottom bar */
  .float-service{display:none}

  /* b) top bar in two rows: mail + phone, then WA + social */
  .topbar-inner{flex-direction:column;align-items:stretch;gap:8px;padding:9px 6%}
  .topbar-contact{justify-content:center;gap:16px;font-size:12px}
  .topbar-actions{justify-content:center;gap:10px}
  .topbar-wa small{display:none}
  .topbar-social a{width:30px;height:30px}
  .topbar-social svg{width:15px;height:15px}

  /* c) header: brand + WA only (three items used to wrap badly) */
  .header-quote{display:none}
  header{gap:12px}
  header .wa-button{padding:0 14px;min-height:44px}
  header .wa-button b{display:none}

  /* d) bottom action bar: two large buttons */
  .mobile-actions{
    display:flex;position:fixed;bottom:0;left:0;right:0;gap:10px;
    padding:9px 6% calc(9px + env(safe-area-inset-bottom,0px));
    background:rgba(255,255,255,.97);border-top:1px solid var(--line);
    box-shadow:0 -4px 20px rgba(12,36,64,.12);z-index:40;
  }
  .mobile-actions .button{flex:1;justify-content:center;min-height:48px;padding:0 14px;gap:10px}
  .mobile-actions .wa-button{flex:0 0 auto}
  .mobile-actions .wa-button b{font-weight:700}

  /* e) collapse the bar while a form field is focused */
  body:has(#inquiry :focus) .mobile-actions{transform:translateY(110%);transition:transform .2s ease}

  /* f) reserve space for the fixed bar */
  .quote{padding-bottom:40px}
  footer{padding:32px 6% calc(96px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;gap:14px}

  /* g) table -> per-model cards (removes horizontal scrolling) */
  .table-wrap{display:none}
  .compare-cards{display:grid;grid-template-columns:1fr;gap:16px;margin-top:6px}
  .cc{border:1px solid var(--line);background:#fff;padding:18px 18px 8px}
  .cc h3{font-size:19px;margin:0 0 12px;padding-bottom:12px;border-bottom:2px solid var(--navy);letter-spacing:0}
  .cc dl{margin:0}
  .cc dl>div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #e7ebef;padding:10px 0;font-size:13px}
  .cc dl>div:last-child{border-bottom:0}
  .cc dt{color:var(--muted);flex:1 1 auto;min-width:0}
  .cc dd{font-weight:700;margin:0;text-align:right;flex:0 0 auto;max-width:52%}

  /* h) larger touch targets and font sizes */
  .filters button{padding:12px 16px;font-size:14px;min-height:44px}
  .video-fallback{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
  .text-link{min-height:44px;display:inline-flex;align-items:center}
  .email{min-height:44px;display:inline-flex;align-items:center}
  .copy-button{min-height:44px;font-size:14px}
  .model-top{font-size:11px}
  .model-top b{font-size:11px}
  .machine-label span{font-size:11px}
  .brand span{font-size:10px}
  .hero-specs small{font-size:12px}
  .model dl>div{font-size:14px}
  .promise span{font-size:13px}
  .note{font-size:13px}
  input,select,textarea{font-size:16px;min-height:46px}
  textarea{min-height:110px}

  /* i) scroll anchor offset for the fixed bar */
  html{scroll-padding-top:16px}
  .section{padding:50px 6%}
}

/* ============================================================
   <= 430px: tighten further
   ============================================================ */
@media(max-width:430px){
  .topbar-contact{gap:12px}
  .topbar-contact a span{font-size:12px}
  .mobile-actions .wa-button b{display:none}
  .mobile-actions .wa-button{flex:0 0 58px;padding:0}
  .compare-cards{gap:14px}
  .cc{padding:16px 15px 6px}
  .cc h3{font-size:18px}
  .cc dl>div{font-size:13px}
}

/* ============================================================
   <= 360px: very narrow screens
   ============================================================ */
@media(max-width:360px){
  h1{font-size:44px}
  .brand{font-size:21px}
  .topbar-contact{gap:10px;font-size:11px}
  .cc dd{max-width:48%}
}

@media(prefers-reduced-motion:reduce){
  body:has(#inquiry :focus) .mobile-actions{transition:none}
}


/* ============================================================
   L019: entries back to the Russian main site
   - header brand logo -> main site home
   - compact "main site" link in the header nav
   - footer navigation column with the main site sections
   - home icon on top of the desktop floating rail
   ============================================================ */
.site-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);white-space:nowrap}
.site-link span{color:var(--orange);font-weight:700}
.site-link:hover{color:var(--navy)}

footer{align-items:flex-start}
.foot-brand{display:flex;flex-direction:column;gap:5px}
.foot-nav{display:flex;flex-wrap:wrap;gap:9px 20px;font-size:14px;max-width:540px}
.foot-nav a{color:var(--muted);border-bottom:1px solid transparent}
.foot-nav a:hover{color:var(--navy);border-bottom-color:var(--navy)}
footer>span.foot-line a{border-bottom:1px solid transparent}
footer>span.foot-line a:hover{border-bottom-color:var(--navy)}

@media(max-width:1100px){
  .site-link{font-size:13px;gap:4px}
}

/* Keep the fixed right rail clear of the content column.
   The 5% section padding becomes narrower than the rail on mid-size
   screens (measured: the rail covered form fields at 900px width).
   Below 801px the rail is hidden, so this only affects 801px+. */
@media(min-width:801px){
  .section{padding-right:max(5%,72px)}
  .promise{padding-right:max(5%,72px)}
  /* restore the full-size rail (an earlier narrow-screen rule shrank it) */
  .float-service{right:14px;gap:8px}
  .float-item{width:46px;height:46px}
  .float-item svg{width:22px;height:22px}
}

@media(max-width:800px){
  footer{align-items:flex-start;gap:16px}
  .foot-brand{gap:4px}
  .foot-nav{gap:9px 16px;font-size:13px;max-width:100%}
}

/* Russian-speaking markets: clear product heading and delivery details. */
.hero h1{font-size:clamp(36px,3.8vw,60px);line-height:1.12;letter-spacing:-1.3px;overflow-wrap:break-word}
.hero .actions .button{gap:16px}.model-top{flex-wrap:wrap}.model-top b{white-space:normal}
.hero-copy,.quote>div,form,.model{min-width:0}.promise strong{font-size:19px}
.form-help a,.copy-help a{text-decoration:underline;text-underline-offset:3px}
label small{font-size:12px;font-weight:400;color:#b7c9d8}
.copy-help{margin-top:18px;font-size:13px;color:#b7c9d8}.copy-help summary{cursor:pointer;padding:10px 0}.copy-help p{max-width:100%}
.faq{background:var(--paper)}.faq h2{margin-bottom:28px}.faq details{border-bottom:1px solid var(--line);padding:15px 0}.faq summary{font-weight:700;cursor:pointer;padding:8px 0}.faq p{max-width:800px;color:var(--muted)}.faq>.text-link{display:inline-block;margin-top:24px}
@media(max-width:800px){.hero h1{font-size:clamp(34px,7vw,52px)}.topbar-inner{gap:0}.topbar-actions{display:none}.hero-copy{padding:36px 6%}.quote h2{font-size:34px}.form-row{grid-template-columns:1fr}.model-top b{max-width:100%}.mobile-actions .button{font-size:14px}.hero-visual img{height:260px}}

/* Video covers: hosted locally, player still loads only after a click. */
.video-box{position:relative;overflow:hidden}
.video-play{position:relative;display:block;align-self:stretch;height:100%;min-height:100%;padding:0;isolation:isolate;overflow:hidden}
.video-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;z-index:-2;transition:transform .25s ease}
.video-play::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,36,64,0) 20%,rgba(12,36,64,.92) 100%);z-index:-1}
.video-caption{display:flex;align-items:center;gap:12px;position:absolute;bottom:0;left:0;right:0;padding:16px;font-size:13px;line-height:1.35}
.video-caption .play{width:44px;height:44px;background:var(--orange);border:2px solid white;color:white;box-shadow:0 2px 12px #0005}
.video-caption small{font-size:11px;color:#fff;margin-top:5px}
.video-play:hover .video-cover{transform:scale(1.035)}
.video-play:focus-visible{outline:3px solid #ffad64;outline-offset:-4px}
@media(prefers-reduced-motion:reduce){.video-cover{transition:none}.video-play:hover .video-cover{transform:none}}

/* Factory photograph supplied by the site owner; preserve readable text. */
.hero-copy{background-color:var(--navy);background-image:linear-gradient(90deg,rgba(12,36,64,.94) 0%,rgba(12,36,64,.86) 58%,rgba(12,36,64,.73) 100%),url("assets/factory-hero-20260924.webp");background-size:cover;background-position:center 64%;background-repeat:no-repeat}
.hero-copy p{color:#e1eaf2}.hero .eyebrow{color:#c1d0df}
@media(max-width:800px){.hero-copy{background-image:linear-gradient(90deg,rgba(12,36,64,.93),rgba(12,36,64,.79)),url("assets/factory-hero-20260924.webp");background-position:46% 65%}}