:root { --bg:#080a0f; --panel:#141821; --blue:#38bdf8; --cyan:#22d3ee; --text:#f5f7fb; --muted:#9eabba; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font-family:Arial,Helvetica,sans-serif; }
header { position:sticky; top:0; z-index:30; height:72px; padding:0 max(5vw,24px); display:flex; justify-content:space-between; align-items:center; background:#080a0fee; backdrop-filter:blur(14px); border-bottom:1px solid #ffffff16; }
.brand { color:var(--text); text-decoration:none; font-size:13px; font-weight:800; letter-spacing:.13em; }.brand span,.eyebrow { color:var(--blue); }
.header-order,.cta,.telegram,.floating-order { display:inline-block; border-radius:10px; padding:13px 20px; background:linear-gradient(135deg,var(--blue),var(--cyan)); color:#fff; font-weight:800; text-decoration:none; }
.hero { max-width:1250px; margin:auto; padding:80px max(5vw,24px); display:grid; grid-template-columns:1.1fr .9fr; gap:55px; align-items:center; }
.eyebrow { margin:0; font-size:11px; font-weight:800; letter-spacing:.13em; }.hero h1,.gallery-heading h2,.specs h2,.order h2 { margin:18px 0; letter-spacing:-.07em; line-height:.95; font-size:clamp(45px,6vw,82px); }.hero em,.order em { color:transparent; background:linear-gradient(120deg,#fff,var(--cyan)); background-clip:text; font-family:Georgia,serif; font-weight:400; }.lead { max-width:550px; color:var(--muted); font-size:17px; line-height:1.65; }.price { margin:27px 0; font-size:43px; font-weight:900; }.price small { color:var(--blue); }.price del { margin-left:14px; color:#758093; font-size:15px; }.cta { padding:18px 28px; font-size:16px; }.cta span { margin-left:18px; }.trust { font-size:12px; color:#c6d0dc; }.hero-image { width:100%; min-height:470px; object-fit:cover; border-radius:24px; box-shadow:0 30px 70px #0009; }
.features { max-width:1250px; margin:auto; padding:20px max(5vw,24px) 100px; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.features article { padding:26px; border:1px solid #ffffff0b; border-radius:20px; background:var(--panel); box-shadow:0 12px 30px #0004; }.features i { color:var(--cyan); font-size:27px; font-style:normal; }.features h2 { margin:17px 0 8px; font-size:18px; }.features p { margin:0; color:var(--muted); font-size:14px; line-height:1.55; }
.gallery-section { padding:100px max(5vw,24px); display:grid; grid-template-columns:.75fr 1.25fr; gap:50px; align-items:center; background:#101722; }.gallery-heading h2,.specs h2 { font-size:clamp(38px,5vw,62px); }.gallery-heading>p:last-child { color:var(--muted); line-height:1.6; }.gallery { position:relative; height:570px; overflow:hidden; border-radius:22px; background:#05070a; box-shadow:0 18px 45px #0007; }.gallery img { width:100%; height:100%; object-fit:contain; display:block; }.arrow { position:absolute; top:50%; transform:translateY(-50%); width:48px; height:48px; border:1px solid #ffffff40; border-radius:50%; color:#fff; background:#0b111ddd; font-size:23px; cursor:pointer; }.arrow:hover { background:var(--blue); }.previous { left:16px; }.next { right:16px; }.gallery-footer { position:absolute; right:16px; bottom:16px; left:16px; display:flex; justify-content:space-between; align-items:center; }.gallery-footer span { padding:7px 10px; border-radius:99px; background:#000a; font-size:12px; }.dots { display:flex; gap:5px; }.dots button { width:7px; height:7px; padding:0; border:0; border-radius:50%; background:#b8c4d155; cursor:pointer; }.dots button.active { width:22px; border-radius:9px; background:var(--cyan); }
.specs { max-width:1250px; margin:auto; padding:110px max(5vw,24px); display:grid; grid-template-columns:1fr 1fr; gap:80px; }.specs p { margin:0; padding:18px 0; border-bottom:1px solid #ffffff18; color:#aeb9c8; line-height:1.5; }.specs b { display:block; margin-bottom:6px; color:#fff; }.order { padding:100px max(5vw,24px) 130px; text-align:center; background:radial-gradient(circle,#102e43,var(--bg) 60%); }.order h2 { margin:18px auto; }.order>p:not(.eyebrow) { max-width:520px; margin:25px auto 32px; color:#aeb9c8; line-height:1.6; }.telegram { padding:18px 28px; }.floating-order { position:fixed; z-index:40; right:22px; bottom:20px; box-shadow:0 12px 35px #0009; }
@media (max-width:760px) { header{height:64px}.header-order{padding:10px;font-size:11px}.hero,.gallery-section,.specs{grid-template-columns:1fr;gap:35px;padding-top:55px;padding-bottom:55px}.hero-image{min-height:360px}.features{grid-template-columns:1fr 1fr;padding-bottom:55px}.gallery{height:430px}.floating-order{right:14px;bottom:14px;left:14px;text-align:center}.arrow{width:42px;height:42px}.specs{gap:10px}.order{padding-bottom:110px} }

/* Order form */
.order { text-align:left; padding:100px max(5vw,24px) 130px; }
.order-wrap { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:.9fr 1.1fr; gap:54px; align-items:center; }
.order-copy h2 { font-size:clamp(42px,5.4vw,72px); }
.order-copy>p:not(.eyebrow) { max-width:530px; margin:24px 0 30px; color:#aeb9c8; line-height:1.65; }
.order-product { display:flex; align-items:center; gap:16px; max-width:520px; padding:14px; border:1px solid #ffffff18; border-radius:18px; background:#ffffff08; }
.order-product img { width:84px; height:84px; object-fit:cover; border-radius:13px; background:#06080c; }
.order-product div { display:grid; gap:5px; }
.order-product strong { font-size:15px; }
.order-product span { color:var(--muted); font-size:12px; }
.order-product b { color:var(--cyan); font-size:20px; }
.order-benefits { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.order-benefits span { padding:8px 11px; border-radius:999px; background:#22d3ee12; border:1px solid #22d3ee35; color:#c9f8ff; font-size:11px; font-weight:700; }
.order-form { padding:28px; border:1px solid #ffffff18; border-radius:24px; background:linear-gradient(180deg,#151b26,#0e121a); box-shadow:0 28px 70px #0007; }
.form-title { display:flex; justify-content:space-between; gap:20px; align-items:baseline; margin-bottom:22px; }
.form-title span { font-size:21px; font-weight:900; }
.form-title small { color:var(--muted); }
.order-form label { display:grid; gap:8px; margin-bottom:16px; color:#dce5ef; font-size:12px; font-weight:700; }
.order-form label span small { color:var(--muted); font-weight:400; }
.order-form input,.order-form select,.order-form textarea { width:100%; border:1px solid #ffffff1f; border-radius:12px; outline:none; padding:14px 15px; background:#080b11; color:#fff; font:inherit; font-size:14px; transition:border-color .2s,box-shadow .2s; }
.order-form textarea { resize:vertical; min-height:90px; }
.order-form input::placeholder,.order-form textarea::placeholder { color:#687487; }
.order-form input:focus,.order-form select:focus,.order-form textarea:focus { border-color:var(--cyan); box-shadow:0 0 0 3px #22d3ee18; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.order-submit { width:100%; min-height:56px; display:flex; align-items:center; justify-content:center; gap:18px; border:0; border-radius:12px; padding:16px 20px; background:linear-gradient(135deg,var(--blue),var(--cyan)); color:#fff; font-size:15px; font-weight:900; cursor:pointer; box-shadow:0 12px 30px #22d3ee24; }
.order-submit:hover { filter:brightness(1.08); transform:translateY(-1px); }
.order-submit:disabled { cursor:wait; opacity:.7; transform:none; }
.form-note { margin:11px 4px 0!important; color:#667386!important; font-size:10px; line-height:1.45!important; text-align:center; }
.form-status { display:none; margin-top:15px; padding:13px 14px; border-radius:11px; font-size:13px; line-height:1.5; font-weight:700; }
.form-status.success { display:block; color:#c9ffdc; background:#1dd17a18; border:1px solid #1dd17a40; }
.form-status.error { display:block; color:#ffd0d0; background:#ff575718; border:1px solid #ff575740; }
.hp-field { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
@media (max-width:760px) {
  .order-wrap { grid-template-columns:1fr; gap:34px; }
  .order-form { padding:20px; }
  .form-row { grid-template-columns:1fr; gap:0; }
  .form-title { display:grid; gap:4px; }
  .order-product { max-width:none; }
}