:root{
  --bg:#06080d; --bg2:#0a0e16;
  --glass:rgba(255,255,255,.045); --glass2:rgba(255,255,255,.075);
  --line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.16);
  --txt:#eef3fa; --mut:#7e8a9b; --mut2:#5a6575;
  --lime:#b8ff2e; --cyan:#2ee6ff; --violet:#8b5cf6; --magenta:#ff3d8b;
  --grad:linear-gradient(96deg,var(--lime),var(--cyan));
  --glow-lime:0 0 0 1px rgba(184,255,46,.4),0 0 22px rgba(184,255,46,.35);
  --glow-cyan:0 0 0 1px rgba(46,230,255,.4),0 0 22px rgba(46,230,255,.30);
  --r:18px; --mono:'Space Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font:400 16px/1.55 Inter,system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,.logo,.price,.calc-out b{font-family:Unbounded,Inter,sans-serif}
h2{font-size:clamp(28px,4.2vw,46px);font-weight:700;line-height:1.05;letter-spacing:-.01em}
.sec-sub{color:var(--mut);margin-bottom:34px;max-width:640px;font-size:16px}
a{color:inherit;text-decoration:none}
i{font-style:normal}
em{font-style:normal}
.container{max-width:1240px;margin:0 auto;padding:0 22px}
.g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
[hidden]{display:none!important}

/* HUD-кикер (моно-метка над заголовками) */
.kicker{display:inline-flex;align-items:center;gap:9px;font:700 12px/1 var(--mono);
  letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);margin-bottom:16px}
.kicker::before{content:'';width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan));box-shadow:0 0 8px var(--cyan)}

/* фон: сетка-перспектива + двойное glow */
body::before{content:'';position:fixed;inset:0;z-index:-2;
  background-image:linear-gradient(rgba(120,200,255,.04) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(120,200,255,.04) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:radial-gradient(ellipse 95% 55% at 50% 0%,#000 25%,transparent 72%)}
body::after{content:'';position:fixed;z-index:-1;width:820px;height:820px;border-radius:50%;
  right:-280px;top:-320px;pointer-events:none;
  background:radial-gradient(circle,rgba(46,230,255,.14),transparent 60%)}
.glow-lime{position:absolute;width:600px;height:600px;border-radius:50%;left:-240px;top:220px;z-index:-1;
  background:radial-gradient(circle,rgba(184,255,46,.13),transparent 64%);pointer-events:none}

/* шапка */
.topbar{position:sticky;top:0;z-index:50;background:rgba(6,8,13,.72);backdrop-filter:blur(20px) saturate(140%);
  border-bottom:1px solid var(--line)}
.topbar-in{display:flex;align-items:center;gap:30px;height:68px}
.logo{font-weight:900;font-size:20px;letter-spacing:.5px;text-shadow:0 0 18px rgba(46,230,255,.18)}
.logo b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav{display:flex;gap:26px;margin-left:auto;align-items:center}
.nav a{color:var(--mut);font-size:14px;font-weight:500;transition:.2s;position:relative}
.nav a:not(.nav-opt):hover{color:var(--txt)}
.nav a:not(.nav-opt)::after{content:'';position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan);transition:.25s}
.nav a:not(.nav-opt):hover::after{width:100%}
.nav .nav-opt{padding:9px 16px;border:1px solid var(--line2);border-radius:99px;color:var(--txt);font-weight:600}
.nav .nav-opt:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:var(--glow-cyan)}

/* кнопки */
.btn{display:inline-flex;align-items:center;gap:9px;padding:14px 24px;border-radius:13px;
  border:1px solid var(--line2);background:var(--glass);color:var(--txt);
  font:600 15px Inter;cursor:pointer;transition:.22s;backdrop-filter:blur(6px)}
.btn:hover{transform:translateY(-2px);border-color:var(--line2);background:var(--glass2)}
.btn-accent{background:var(--grad);border:none;color:#06130a;font-weight:700;
  box-shadow:0 6px 26px rgba(120,243,150,.22)}
.btn-accent:hover{box-shadow:0 10px 38px rgba(120,243,150,.45),0 0 0 1px rgba(184,255,46,.5)}
.btn-ghost{background:transparent}

/* LED-прогресс скролла */
.scroll-led{position:fixed;top:0;left:0;height:2px;width:0;z-index:90;background:var(--grad);
  box-shadow:0 0 12px rgba(184,255,46,.8),0 0 24px rgba(46,230,255,.5)}

/* word-reveal: слова выезжают из-под маски */
.rw{display:inline-block;overflow:hidden;vertical-align:bottom}
.kicker.rw{display:inline-flex}
.rw>i{display:inline-block}
.js .rw>i{transform:translateY(115%);opacity:0;
  transition:transform .9s cubic-bezier(.16,1,.3,1) var(--d,0s),opacity .7s ease var(--d,0s)}
.js .rw-trig.go .rw>i{transform:translateY(0);opacity:1}

/* hero — полноэкранный кинокадр */
.hero{position:relative;height:100svh;min-height:640px;margin-top:-68px;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:-6% 0;z-index:0;will-change:transform}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform:scale(1.08);
  animation:heroZoom 2.8s cubic-bezier(.16,1,.3,1) forwards}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;
  opacity:0;transition:opacity 1.2s ease}
.hero-video.live{opacity:1}
@keyframes heroZoom{to{transform:scale(1)}}
.hero-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(6,8,13,.92) 0%,rgba(6,8,13,.72) 34%,rgba(6,8,13,.18) 62%,rgba(6,8,13,.05) 100%),
             linear-gradient(180deg,rgba(6,8,13,.55) 0%,transparent 22%,transparent 62%,var(--bg) 99%)}
.hero-scan{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.4;mix-blend-mode:overlay;
  background:repeating-linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 2px,rgba(0,0,0,.18) 3px)}
.hero-in{position:relative;z-index:3;width:100%;height:100%;display:flex;align-items:center}
.hero-content{max-width:640px;padding-top:40px;min-width:0}
.hero-sub.rw{display:block}
.kicker.rw{flex-wrap:wrap}
.hero h1{font-size:clamp(42px,6.6vw,108px);line-height:1.04;font-weight:900;letter-spacing:-.02em;margin-top:6px}
.hero h1 .g{text-shadow:0 0 44px rgba(46,230,255,.3)}
.hero h1 .neon{color:var(--lime);text-shadow:0 0 8px rgba(184,255,46,.6),0 0 30px rgba(184,255,46,.45),0 0 70px rgba(184,255,46,.3)}
.hero-sub{color:#aeb9c8;max-width:520px;margin:22px 0 32px;font-size:17px;line-height:1.6}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-cta>i{display:flex;gap:14px;flex-wrap:wrap}
.hero-stats{margin-top:44px}
.hero-stats>i{display:flex;gap:38px;flex-wrap:wrap}
.hero-stats b{display:block;font:700 26px Unbounded;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-stats span{color:var(--mut);font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;display:block}

/* гигантская типографика по нижнему краю (как StringTune) */
.hero-mega{position:absolute;left:50%;bottom:-.14em;transform:translateX(-50%);z-index:2;
  font:900 clamp(110px,17vw,300px)/1 Unbounded;letter-spacing:.02em;white-space:nowrap;
  color:transparent;-webkit-text-stroke:1.5px rgba(150,230,255,.3);user-select:none;pointer-events:none;
  filter:drop-shadow(0 0 34px rgba(46,230,255,.18))}

/* секция-витрина флагмана */
.flagship{position:relative;padding:110px 0;overflow:hidden;border-block:1px solid var(--line);
  display:flex;align-items:center;min-height:min(86vh,760px)}
.flagship-bg{position:absolute;inset:0;z-index:0}
.flagship-bg img{width:100%;height:100%;object-fit:cover;object-position:72% 50%;filter:saturate(1.08)}
.flagship-bg::after{content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(6,8,13,.82) 0%,rgba(6,8,13,.5) 38%,rgba(6,8,13,.06) 64%,rgba(6,8,13,0) 100%),
             linear-gradient(180deg,var(--bg) 0%,transparent 16%,transparent 84%,var(--bg) 100%)}
.flagship-in{position:relative;z-index:1;width:100%}
.flagship-info{max-width:560px}
.flagship h2{font-size:clamp(30px,4.4vw,54px)}
.flagship .sec-sub{margin-bottom:30px}
.flagship-cta{margin-top:30px}
.flagship-cta>i{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.flagship-price{font:700 22px Unbounded;color:var(--lime);text-shadow:0 0 24px rgba(184,255,46,.35)}
.flagship-price small{font:500 13px Inter;color:var(--mut);text-shadow:none}

/* HUD-панель характеристик с коннекторами к флагману */
.hud-specs{display:flex;flex-direction:column;gap:16px;align-items:flex-end;max-width:400px}
.hud-row{display:flex;align-items:center;gap:0;justify-content:flex-end;
  animation:hudIn .8s cubic-bezier(.16,1,.3,1) var(--hd,1s) backwards}
@keyframes hudIn{from{opacity:0;transform:translateX(-18px)}}
.hud-txt{text-align:right;padding:10px 16px;border-radius:12px;background:rgba(8,12,18,.55);
  border:1px solid var(--line);backdrop-filter:blur(8px)}
.hud-txt b{display:block;font:700 19px Unbounded;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hud-txt span{display:block;font:600 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-top:3px}
.hud-row i{width:74px;height:1px;position:relative;flex:none;
  background:linear-gradient(90deg,rgba(46,230,255,0),rgba(46,230,255,.65))}
.hud-row i::after{content:'';position:absolute;right:-3px;top:-3px;width:7px;height:7px;border-radius:50%;
  background:var(--cyan);box-shadow:0 0 10px var(--cyan),0 0 22px rgba(46,230,255,.5)}
.hud-row:nth-child(2n) i{background:linear-gradient(90deg,rgba(184,255,46,0),rgba(184,255,46,.6))}
.hud-row:nth-child(2n) i::after{background:var(--lime);box-shadow:0 0 10px var(--lime),0 0 22px rgba(184,255,46,.5)}

/* боке-пыль света */
.hero-bokeh{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.85}
.hero-bokeh::before,.hero-bokeh::after{content:'';position:absolute;width:8px;height:8px;border-radius:50%}
.hero-bokeh::before{left:8%;top:18%;background:rgba(46,230,255,.5);filter:blur(2px);
  box-shadow:18vw 6vh 6px 2px rgba(184,255,46,.22),31vw 28vh 8px 3px rgba(46,230,255,.16),
    44vw 9vh 5px 1px rgba(255,61,139,.18),57vw 30vh 9px 3px rgba(46,230,255,.12),
    66vw 4vh 6px 2px rgba(184,255,46,.16),12vw 38vh 7px 2px rgba(255,255,255,.08),
    50vw 44vh 10px 4px rgba(46,230,255,.08),74vw 20vh 5px 1px rgba(255,200,90,.14)}
.hero-bokeh::after{left:20%;top:62%;background:rgba(255,61,139,.32);filter:blur(3px);
  box-shadow:24vw -8vh 8px 3px rgba(46,230,255,.14),48vw 6vh 6px 2px rgba(184,255,46,.12),
    60vw -18vh 7px 2px rgba(255,255,255,.07),9vw 12vh 9px 3px rgba(46,230,255,.1)}


.scroll-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:4;
  width:26px;height:42px;border:1.5px solid rgba(140,225,255,.4);border-radius:14px;display:block}
.scroll-cue i{position:absolute;left:50%;top:7px;width:3px;height:9px;margin-left:-1.5px;border-radius:3px;
  background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%{transform:translateY(0);opacity:1}70%{transform:translateY(14px);opacity:0}100%{opacity:0}}

/* кино-брейк: полноэкранный кадр с параллаксом */
.cinema{position:relative;height:78vh;min-height:480px;overflow:hidden;display:flex;align-items:center;
  border-block:1px solid var(--line)}
.cinema-bg{position:absolute;inset:-14% 0;z-index:0;will-change:transform}
.cinema-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;
  filter:saturate(1.18) contrast(1.05) brightness(.92)}
.cinema-overlay{position:absolute;inset:0;z-index:1;
  background:radial-gradient(ellipse 60% 70% at 12% 80%,rgba(46,230,255,.16),transparent 60%),
             radial-gradient(ellipse 55% 65% at 90% 18%,rgba(255,61,139,.13),transparent 60%),
             linear-gradient(180deg,var(--bg) 0%,rgba(6,8,13,.22) 24%,rgba(6,8,13,.34) 72%,var(--bg) 100%)}
.cinema-in{position:relative;z-index:2;text-align:center}
.cinema h2{font-size:clamp(30px,4.8vw,56px);font-weight:900;letter-spacing:-.02em;text-shadow:0 3px 36px rgba(0,0,0,.8)}
.cinema h2 .g{text-shadow:0 0 50px rgba(46,230,255,.35)}
.cinema p{color:#d7dee8;margin-top:16px;font-size:17px;text-shadow:0 2px 18px rgba(0,0,0,.9)}

/* маркиза */
.marquee{border-block:1px solid var(--line);background:linear-gradient(90deg,rgba(184,255,46,.03),rgba(46,230,255,.03));overflow:hidden;padding:14px 0}
.marquee-track{display:flex;gap:0;white-space:nowrap;animation:mq 32s linear infinite;width:max-content}
.marquee span{font:700 13px var(--mono);letter-spacing:.16em;color:var(--mut);display:inline-flex;align-items:center}
.marquee span::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);margin:0 30px}
.marquee span em{color:var(--lime)}
@keyframes mq{to{transform:translateX(-50%)}}

/* подбор-сценарии */
.scen{padding:66px 0 8px}
.scen-row{display:flex;gap:12px;flex-wrap:wrap}
.scen-chip{padding:13px 20px;border-radius:14px;border:1px solid var(--line);background:var(--glass);
  cursor:pointer;font:600 14px Inter;color:var(--mut);transition:.2s;display:flex;gap:9px;align-items:center}
.scen-chip:hover{color:var(--txt);border-color:var(--line2);transform:translateY(-2px)}
.scen-chip.active{border-color:var(--cyan);color:var(--cyan);background:rgba(46,230,255,.08);box-shadow:var(--glow-cyan)}

/* каталог */
.catalog{padding:48px 0 64px}
.cat-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 16px}
.cat-tab{padding:10px 18px;border-radius:99px;border:1px solid var(--line);background:transparent;
  color:var(--mut);font:600 13.5px Inter;cursor:pointer;transition:.2s}
.cat-tab:hover{color:var(--txt);border-color:var(--line2)}
.cat-tab.active{background:var(--grad);color:#06130a;border-color:transparent;box-shadow:0 6px 20px rgba(120,243,150,.25)}
.series-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}
.series-tab{padding:7px 12px;border-radius:10px;border:1px solid var(--line);background:transparent;
  color:var(--mut);font:600 12px var(--mono);letter-spacing:.03em;cursor:pointer;transition:.18s}
.series-tab:hover{color:var(--txt);border-color:var(--line2)}
.series-tab.active{border-color:var(--cyan);color:var(--cyan);background:rgba(46,230,255,.08)}
.filters{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:10px;
  padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--glass);backdrop-filter:blur(8px)}
.fgroup{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.fgroup>span{color:var(--mut);font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-right:2px}
.fchip{padding:7px 13px;border-radius:99px;border:1px solid var(--line);background:transparent;
  color:var(--mut);font:600 12.5px Inter;cursor:pointer;transition:.18s}
.fchip:hover{color:var(--txt);border-color:var(--line2)}
.fchip.active{border-color:var(--lime);color:var(--lime);background:rgba(184,255,46,.08);box-shadow:0 0 14px rgba(184,255,46,.18)}
.chk{display:flex;gap:8px;align-items:center;color:var(--mut);font:500 13.5px Inter;cursor:pointer}
.chk input{accent-color:var(--lime);width:16px;height:16px}
.chk.opt input{accent-color:var(--violet)}
.chk.hit input{accent-color:#ff7a2e}
select{background:#0b0f16;border:1px solid var(--line);color:var(--txt);padding:10px 14px;border-radius:11px;font:500 14px Inter;outline:none;cursor:pointer}
input[type=number]{background:#0b0f16;border:1px solid var(--line);color:var(--txt);padding:11px 14px;border-radius:11px;font:500 15px Inter;outline:none}
select:focus,input:focus{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(46,230,255,.4)}
.found{color:var(--mut);font:500 12px var(--mono);letter-spacing:.06em;margin:10px 2px 18px}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:18px}
.show-all{display:flex;justify-content:center;margin-top:34px}
.btn-lg{padding:18px 38px;font-size:16px;border-radius:16px;
  box-shadow:0 10px 36px rgba(120,243,150,.3),0 0 0 1px rgba(184,255,46,.35);
  animation:btnPulse 2.6s ease-in-out infinite}
.btn-lg b{font-weight:800}
@keyframes btnPulse{0%,100%{box-shadow:0 10px 36px rgba(120,243,150,.3),0 0 0 1px rgba(184,255,46,.35)}
  50%{box-shadow:0 10px 48px rgba(120,243,150,.5),0 0 0 1px rgba(184,255,46,.6)}}
.card{background:linear-gradient(180deg,var(--glass2),var(--glass));border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  display:flex;flex-direction:column;transition:.28s;position:relative;backdrop-filter:blur(8px)}
.card::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--grad);
  transform:scaleX(0);transform-origin:left;transition:.3s;box-shadow:0 0 14px rgba(46,230,255,.6)}
.card:hover{transform:translateY(-6px);border-color:rgba(46,230,255,.45);box-shadow:0 20px 56px rgba(0,0,0,.55),0 0 0 1px rgba(46,230,255,.18),0 0 30px rgba(46,230,255,.08)}
.card:hover::after{transform:scaleX(1)}
.card-img{aspect-ratio:1/.84;background:radial-gradient(115% 100% at 50% 0%,#ffffff 0%,#e3e9f0 100%);
  display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.card-img img{width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply;transition:.35s}
.card:hover .card-img img{transform:scale(1.06) rotate(-1.2deg)}
.card-img .noimg{color:#9aa6b5;font:600 13px Inter}
.badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;z-index:2}
.badge{padding:6px 11px;border-radius:9px;font:700 11px Inter;letter-spacing:.04em;backdrop-filter:blur(4px)}
.badge.hit{background:linear-gradient(92deg,#ff9d2e,#ff4e2e);color:#fff;box-shadow:0 4px 16px rgba(255,110,46,.45)}
.warr{font:600 12px Inter;color:#8de08a}
.badge.in{background:var(--lime);color:#06130a;box-shadow:0 4px 14px rgba(184,255,46,.35)}
.badge.opt{background:var(--violet);color:#fff}
.badge.wait{background:rgba(255,176,32,.95);color:#1a1205}
.badge.no{background:rgba(255,255,255,.25);color:#fff}
.card-body{padding:16px;display:flex;flex-direction:column;gap:11px;flex:1}
.card-name{font:600 15px Inter;min-height:40px;line-height:1.3}
.card-specs{display:flex;gap:6px;flex-wrap:wrap}
.spec-chip{font:500 11.5px var(--mono);color:var(--mut);background:rgba(255,255,255,.04);border:1px solid var(--line);
  padding:4px 9px;border-radius:8px;letter-spacing:.02em}
.opt-note{font:500 11.5px Inter;color:#b39bf2}
.card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}
.price{font-size:18px;font-weight:700}
.price small{display:block;font:500 11px var(--mono);color:var(--mut)}
.cmp-toggle{display:flex;align-items:center;gap:6px;color:var(--mut);font:600 12px Inter;cursor:pointer;
  border:1px solid var(--line);padding:8px 11px;border-radius:10px;background:transparent;transition:.2s}
.cmp-toggle:hover{color:var(--txt);border-color:var(--line2)}
.cmp-toggle.on{border-color:var(--cyan);color:var(--cyan);background:rgba(46,230,255,.08);box-shadow:0 0 14px rgba(46,230,255,.18)}

/* bento «почему» */
.strip{padding:70px 0}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,auto);gap:14px}
.bento-media{grid-column:span 2;grid-row:span 2;position:relative;border-radius:22px;overflow:hidden;
  border:1px solid rgba(46,230,255,.2);box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 40px rgba(46,230,255,.08)}
.bento-media video,.bento-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%}
.bento-media .bento-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px 22px;
  background:linear-gradient(180deg,transparent,rgba(6,8,13,.92))}
.bento-media .bento-cap b{display:block;font:700 20px Unbounded;margin-bottom:4px}
.bento-media .bento-cap span{color:var(--mut);font-size:13.5px}
.strip-item{grid-column:span 2;padding:26px 22px;background:linear-gradient(180deg,var(--glass2),var(--glass));
  border:1px solid var(--line);border-radius:18px;transition:.25s;position:relative;overflow:hidden}
.strip-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);opacity:0;transition:.25s}
.strip-item:hover{border-color:var(--line2);transform:translateY(-3px)}
.strip-item:hover::before{opacity:1}
.strip-item i{font-size:22px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  border-radius:12px;border:1px solid var(--line2);background:rgba(46,230,255,.06);margin-bottom:14px}
.strip-item b{display:block;font:700 15px Inter;margin-bottom:6px}
.strip-item span{color:var(--mut);font-size:13.5px;line-height:1.5}

/* faq, footer */
.faq{padding:34px 0 88px}
details{background:var(--glass);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;overflow:hidden;transition:.2s}
details[open]{border-color:var(--line2);background:var(--glass2)}
summary{padding:18px 22px;cursor:pointer;font-weight:600;list-style:none;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';position:absolute;right:22px;top:50%;transform:translateY(-50%);color:var(--lime);font-size:20px;text-shadow:0 0 10px rgba(184,255,46,.5)}
details[open] summary::after{content:'−'}
details p{padding:0 22px 18px;color:var(--mut)}
.footer{border-top:1px solid var(--line);padding:46px 0;background:rgba(255,255,255,.015)}
.footer-in{display:flex;flex-direction:column;gap:10px}
.footer .logo{font-size:22px}
.footer p{color:var(--mut);font-size:14px}
.fine{font-size:12px;opacity:.6}

/* compare bar + модалы */
.compare-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(8,11,17,.92);
  backdrop-filter:blur(16px);border-top:1px solid rgba(46,230,255,.5);box-shadow:0 -14px 50px rgba(0,0,0,.6)}
.compare-bar-in{display:flex;align-items:center;gap:16px;padding:14px 22px;flex-wrap:wrap}
.compare-chips{display:flex;gap:8px;flex-wrap:wrap;flex:1}
.cchip{display:flex;align-items:center;gap:8px;background:var(--glass2);border:1px solid var(--line);
  border-radius:99px;padding:7px 13px;font:500 13px Inter}
.cchip button{background:none;border:none;color:var(--mut);cursor:pointer;font-size:14px}
.compare-actions{display:flex;gap:10px}
.modal{position:fixed;inset:0;z-index:80;background:rgba(2,3,6,.84);display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(8px)}
.modal-box{background:#0a0e15;border:1px solid var(--line2);border-radius:22px;max-width:1100px;width:100%;
  max-height:92vh;display:flex;flex-direction:column;box-shadow:0 30px 90px rgba(0,0,0,.7)}
.modal-box-sm{max-width:480px}
.modal-box-md{max-width:560px}

/* плавающая кнопка Telegram */
.tg-fab{position:fixed;right:20px;bottom:20px;z-index:70;display:inline-flex;align-items:center;gap:9px;
  padding:13px 20px 13px 16px;border-radius:99px;background:var(--grad);color:#06130a;font:700 14px Inter;
  box-shadow:0 10px 30px rgba(46,230,255,.35),0 4px 14px rgba(0,0,0,.4);transition:.22s}
.tg-fab:hover{transform:translateY(-3px);box-shadow:0 14px 38px rgba(46,230,255,.5)}
.tg-fab svg{flex:none}
@media (max-width:600px){.tg-fab span{display:none}.tg-fab{padding:14px;right:16px;bottom:16px}}

/* AI-чат-виджет */
.chat-fab{position:fixed;right:20px;bottom:80px;z-index:70;display:inline-flex;align-items:center;gap:9px;
  padding:12px 18px 12px 15px;border-radius:99px;border:1px solid var(--cyan);
  background:rgba(8,14,20,.92);color:var(--cyan);font:700 14px Inter;cursor:pointer;
  box-shadow:0 10px 30px rgba(0,0,0,.45);transition:.22s;backdrop-filter:blur(8px)}
.chat-fab:hover{transform:translateY(-3px);background:rgba(46,230,255,.12)}
.chat-fab svg{flex:none}
@media (max-width:600px){.chat-fab span{display:none}.chat-fab{padding:13px;right:16px;bottom:76px}}

.chat-panel{position:fixed;right:20px;bottom:20px;z-index:90;width:370px;max-width:calc(100vw - 32px);
  height:min(560px,78vh);display:flex;flex-direction:column;border-radius:18px;overflow:hidden;
  background:#0b1117;border:1px solid var(--line2);box-shadow:0 24px 70px rgba(0,0,0,.6);
  opacity:0;transform:translateY(14px) scale(.98);pointer-events:none;transition:.2s}
.chat-panel.open{opacity:1;transform:none;pointer-events:auto}
.chat-head{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(46,230,255,.08),transparent)}
.chat-ava{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:var(--grad);color:#06130a;font:800 16px Unbounded}
.chat-head b{font:700 15px Inter;color:var(--txt);display:block}
.chat-head span{font:500 12px Inter;color:var(--lime)}
.chat-head .chat-x{margin-left:auto;background:none;border:none;color:var(--mut);font-size:20px;cursor:pointer;padding:4px 8px}
.chat-head .chat-x:hover{color:var(--txt)}
.chat-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.chat-msg{max-width:84%;padding:10px 13px;border-radius:14px;font:400 14px/1.5 Inter;white-space:pre-wrap;word-wrap:break-word}
.chat-msg.bot{align-self:flex-start;background:#161f29;color:var(--txt);border-bottom-left-radius:4px}
.chat-msg.me{align-self:flex-end;background:var(--grad);color:#06130a;border-bottom-right-radius:4px;font-weight:500}
.chat-typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;background:#161f29;border-radius:14px}
.chat-typing i{width:7px;height:7px;border-radius:50%;background:var(--mut);animation:chatdot 1s infinite}
.chat-typing i:nth-child(2){animation-delay:.15s}.chat-typing i:nth-child(3){animation-delay:.3s}
@keyframes chatdot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
.chat-quick{padding:0 16px 8px;display:flex;gap:8px;flex-wrap:wrap}
.chat-quick button{padding:7px 12px;border-radius:99px;border:1px solid var(--line2);background:transparent;
  color:var(--cyan);font:600 12px Inter;cursor:pointer;transition:.15s}
.chat-quick button:hover{background:rgba(46,230,255,.1)}
.chat-input-row{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:#0b1117}
.chat-input-row textarea{flex:1;resize:none;max-height:90px;padding:10px 12px;border-radius:12px;
  border:1px solid var(--line2);background:#0e151c;color:var(--txt);font:400 14px Inter;outline:none}
.chat-input-row textarea:focus{border-color:var(--cyan)}
.chat-send{flex:none;width:44px;border-radius:12px;border:none;background:var(--grad);color:#06130a;cursor:pointer;display:grid;place-items:center}
.chat-send:disabled{opacity:.5;cursor:default}
.chat-note{padding:0 16px 10px;font:400 11px Inter;color:var(--mut);text-align:center}
@media (max-width:600px){.chat-panel{right:8px;left:8px;bottom:8px;width:auto;height:82vh}}

/* кликабельность карточки */
.card-img[data-open],.card-name[data-open]{cursor:pointer}
.card-name[data-open]:hover{color:var(--cyan)}
.card-img[data-open]::before{content:'Подробнее';position:absolute;z-index:3;left:50%;bottom:12px;transform:translateX(-50%) translateY(8px);
  padding:7px 14px;border-radius:99px;background:rgba(8,12,18,.85);border:1px solid var(--cyan);color:var(--cyan);
  font:600 12px Inter;opacity:0;transition:.2s;backdrop-filter:blur(6px);pointer-events:none}
.card:hover .card-img[data-open]::before{opacity:1;transform:translateX(-50%) translateY(0)}

/* модалка модели */
.mm-img{position:relative;border-radius:16px;overflow:hidden;margin-bottom:16px;
  background:radial-gradient(115% 100% at 50% 0%,#fff,#e3e9f0)}
.mm-img img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;mix-blend-mode:multiply}
.mm-img .badge.hit{position:absolute;top:12px;left:12px;z-index:2}
.mm-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border-radius:50%;
  border:none;background:rgba(8,12,18,.7);color:#fff;font:300 24px/1 Inter;cursor:pointer;backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;transition:.2s}
.mm-nav:hover{background:rgba(8,12,18,.95);box-shadow:0 0 14px rgba(46,230,255,.4)}
.mm-prev{left:10px}.mm-next{right:10px}
.mm-counter{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:3;
  padding:4px 12px;border-radius:99px;background:rgba(8,12,18,.75);color:#fff;font:600 12px var(--mono);backdrop-filter:blur(6px)}
.mm-price{font:700 26px Unbounded;margin-bottom:4px}
.mm-price small{font:500 12px Inter;color:var(--mut);margin-left:8px}
.mm-specs{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.mm-specs td{padding:9px 4px;border-bottom:1px solid var(--line)}
.mm-specs td:first-child{color:var(--mut);width:48%}
.mm-specs td:last-child{font-weight:600;text-align:right}
.mm-desc{color:#c2cbd8;font-size:14.5px;line-height:1.6;margin:14px 0 18px}
.mm-actions{display:flex;flex-direction:column;gap:10px}
.mm-actions .btn-accent{width:100%;justify-content:center;padding:14px}
.modal-head{display:flex;align-items:center;gap:18px;padding:18px 24px;border-bottom:1px solid var(--line)}
.modal-head h3{flex:1}
.modal-close{background:none;border:none;color:var(--mut);font-size:20px;cursor:pointer;transition:.2s}
.modal-close:hover{color:var(--txt)}
.modal-body{padding:20px 24px;overflow:auto}
.lead-stub{margin-top:14px;padding:14px;border:1px dashed var(--line2);border-radius:12px;color:var(--mut);font-size:14px}
.card-order{width:100%;margin-top:12px;justify-content:center;padding:12px 18px;font-size:14px}
.lead-model{margin-bottom:10px;padding:8px 12px;border-radius:10px;background:rgba(184,255,46,.1);
  border:1px solid rgba(184,255,46,.35);font:600 14px Inter;color:var(--lime)}
.lead-form{display:flex;flex-direction:column;gap:14px;margin-top:16px}
.lead-form label{display:flex;flex-direction:column;gap:7px;font:600 13px Inter;color:var(--mut)}
.lead-form input[type=text]{background:#0b0f16;border:1px solid var(--line2);color:var(--txt);
  padding:13px 14px;border-radius:11px;font:500 15px Inter;outline:none;width:100%}
.lead-form input[type=text]:focus{border-color:var(--cyan)}
.lead-form .btn-accent{width:100%;justify-content:center;padding:14px;font-size:15px}
.lead-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.lead-status{font-size:14px;line-height:1.45;padding:12px 14px;border-radius:11px;margin:0}
.lead-status.ok{background:rgba(184,255,46,.1);border:1px solid rgba(184,255,46,.4);color:#cdff8a}
.lead-status.err{background:rgba(255,176,32,.08);border:1px solid rgba(255,176,32,.4);color:#ffd9a0}
.lead-tg{width:100%;justify-content:center;margin-top:10px;border-color:rgba(46,230,255,.4);color:var(--cyan)}
.lead-tg:hover{border-color:var(--cyan);box-shadow:0 0 18px rgba(46,230,255,.2)}
.cmp-table{width:100%;border-collapse:collapse;font-size:14px}
.cmp-table th,.cmp-table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cmp-table th:first-child{width:170px;color:var(--mut);font:600 13px Inter}
.cmp-table thead td{font:600 14px Inter}
.cmp-table thead img{width:116px;height:86px;object-fit:contain;background:radial-gradient(circle,#fff,#e6ebf1);border-radius:12px;display:block;margin-bottom:8px;mix-blend-mode:normal}
.cmp-best{color:var(--lime);font-weight:700}
.cmp-best .cmp-price{color:var(--lime)}
.cmp-val-diff{color:var(--cyan)}
.cmp-diff td{background:rgba(46,230,255,.04)}
.cmp-price{font:700 15px Unbounded}

/* опт-страница */
.opt-formats{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin:6px 0 34px}
.fmt-card{background:linear-gradient(180deg,var(--glass2),var(--glass));border:1px solid var(--line);
  border-radius:20px;padding:26px 24px;transition:.25s;position:relative;overflow:hidden}
.fmt-card::before{content:'';position:absolute;left:0;top:0;right:0;height:2px;background:var(--grad);opacity:.7}
.fmt-card.fmt-b::before{background:linear-gradient(92deg,var(--violet),var(--cyan))}
.fmt-card:hover{border-color:var(--line2);transform:translateY(-3px)}
.fmt-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.fmt-head h3{font-size:22px}
.fmt-badge{padding:5px 11px;border-radius:99px;font:700 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;
  background:rgba(184,255,46,.12);color:var(--lime);border:1px solid rgba(184,255,46,.4)}
.fmt-badge.b{background:rgba(139,92,246,.14);color:#c4b0f8;border-color:rgba(139,92,246,.45)}
.fmt-card ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:18px}
.fmt-card li{padding-left:22px;position:relative;color:#c7d0db;font-size:14px;line-height:1.45}
.fmt-card li::before{content:'';position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;
  background:var(--lime);box-shadow:0 0 8px rgba(184,255,46,.6)}
.fmt-card.fmt-b li::before{background:var(--cyan);box-shadow:0 0 8px rgba(46,230,255,.6)}
.fmt-price{font:700 15px Unbounded;color:var(--txt)}
.fmt-price a{color:var(--cyan)}
.fmt-price a:hover{text-shadow:0 0 14px rgba(46,230,255,.6)}
.opt-hero{padding:80px 0 50px}
.opt-hero h1{font-size:clamp(30px,4.4vw,52px);font-weight:900;line-height:1.08;max-width:820px;letter-spacing:-.02em}
.opt-hero .hero-sub{max-width:640px}
.opt-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;margin:40px 0 18px}
.step{background:linear-gradient(180deg,var(--glass2),var(--glass));border:1px solid var(--line);border-radius:var(--r);padding:22px;transition:.25s}
.step:hover{border-color:var(--line2);transform:translateY(-3px)}
.step b{font:900 26px Unbounded;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.step h4{margin:10px 0 6px}
.step p{color:var(--mut);font-size:14px}
.opt-warn{display:flex;gap:12px;align-items:flex-start;background:rgba(255,176,32,.07);border:1px solid rgba(255,176,32,.35);
  border-radius:14px;padding:16px 18px;margin:8px 0 36px;color:#ffd9a0;font-size:14.5px;max-width:860px}
.calc{background:var(--glass);border:1px solid var(--line2);border-radius:24px;padding:30px;max-width:780px;backdrop-filter:blur(10px)}
.calc h3{margin-bottom:20px}
.calc-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.calc-row label{display:flex;flex-direction:column;gap:8px;font:600 13px Inter;color:var(--mut);flex:1;min-width:210px}
.calc-row select,.calc-row input{width:100%}
.calc-out{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin-bottom:14px}
.calc-out>div{background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:14px;padding:15px}
.calc-out span{display:block;color:var(--mut);font:500 11px var(--mono);letter-spacing:.06em;margin-bottom:6px}
.calc-out b{font-size:18px;font-weight:700}
.calc-total{border-color:var(--lime)!important;box-shadow:0 0 24px rgba(184,255,46,.14)}
.calc-total b{color:var(--lime)}
.calc-note{color:var(--mut);font-size:12.5px;margin-bottom:18px}
.opt-grid{padding:30px 0 80px}

/* reveal-анимации */
[data-rev]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
[data-rev].vis{opacity:1;transform:none}

/* каскад карточек каталога */
.card.fx{opacity:0;transform:translateY(36px) scale(.97)}
.card.fx-in{opacity:1;transform:none;transition:opacity .7s ease var(--d,0s),transform .8s cubic-bezier(.16,1,.3,1) var(--d,0s)}

@media (max-width:980px){
  .flagship{padding:64px 0;min-height:0}
  .flagship-bg img{object-position:78% 50%}
  .flagship-bg::after{background:linear-gradient(90deg,rgba(6,8,13,.88) 0%,rgba(6,8,13,.62) 52%,rgba(6,8,13,.3) 100%),
    linear-gradient(180deg,var(--bg) 0%,transparent 16%,transparent 84%,var(--bg) 100%)}
  .hud-specs{align-items:flex-start;gap:12px}
  .hud-row{flex-direction:row-reverse}
  .hud-row i{display:none}
  .hud-txt{text-align:left}
  .bento{grid-template-columns:repeat(2,1fr)}
  .bento-media{grid-column:span 2;grid-row:span 1;min-height:260px}
  .strip-item{grid-column:span 1}
}
/* мобайл: каталог 2 в ряд, компактные карточки (детали — по тапу в модалке) */
@media (max-width:620px){
  .grid{grid-template-columns:1fr 1fr;gap:10px}
  .card-body{padding:10px;gap:6px}
  .card-name{font:600 12.5px Inter;min-height:32px}
  .card-specs{gap:4px}
  .card-specs .spec-chip:nth-child(n+4){display:none}
  .spec-chip{font-size:10px;padding:3px 6px}
  .warr,.opt-note{font-size:10.5px}
  .card-foot{gap:5px}
  .price{font-size:14px}.price small{font-size:9px}
  .cmp-toggle{font-size:0;padding:7px 9px;border-radius:9px}
  .cmp-toggle::before{content:'⚖';font-size:13px}
  .card-order{padding:9px;font-size:12.5px;margin-top:8px}
  .badge{font-size:9.5px;padding:4px 7px}
  .card-img[data-open]::before{font-size:10px;padding:5px 9px}
}

@media (max-width:760px){
  .nav a:not(.nav-opt){display:none}
  /* мобайл-хардненинг: убираем тяжёлую композицию (iOS Safari чернит экран при прокрутке) */
  body::before,body::after{display:none}        /* фикс-сетка + glow */
  .hero-scan,.hero-bokeh,.hero-mega,.glow-lime{display:none}  /* скан-линии(mix-blend)/боке/мега-текст */
  .topbar{backdrop-filter:none;background:rgba(4,6,11,.96)}
  /* высоты секций — по контенту, без длинных тёмных пустот */
  .hero{height:auto;min-height:520px;padding:84px 0 44px;margin-top:-68px}
  .hero-bg img{object-position:60% 38%;animation:none;transform:none}
  .hero-content{padding-top:0}
  .hero-stats>i{gap:24px}
  .flagship{min-height:0;padding:48px 0}
  .flagship-bg img{animation:none}
  .cinema{height:auto;min-height:300px;padding:54px 0}
  .cinema-bg img,.flagship-bg img{transform:none!important}
  .bento{grid-template-columns:1fr}
  .bento-media,.strip-item{grid-column:span 1}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  [data-rev],.card.fx{opacity:1;transform:none}
  .rw>i{transform:none;opacity:1}
  .hero-bg img{transform:none}
}

/* согласие на обработку ПДн в форме заявки */
.lead-consent{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:rgba(255,255,255,.66);line-height:1.45;cursor:pointer}
.lead-consent input{margin-top:2px;flex:none;accent-color:var(--lime)}
.lead-consent a{color:var(--cyan)}

/* Кнопка MAX (фиолетовый бренд MAX) + тост */
.max-fab{position:fixed;right:20px;bottom:140px;z-index:70;display:inline-flex;align-items:center;gap:9px;
  padding:13px 20px 13px 16px;border-radius:99px;background:linear-gradient(135deg,#6d5efc,#a05bff);
  color:#fff;font:700 14px Inter;border:0;cursor:pointer;
  box-shadow:0 10px 30px rgba(120,90,255,.4),0 4px 14px rgba(0,0,0,.4);transition:.22s}
.max-fab:hover{transform:translateY(-3px);box-shadow:0 14px 38px rgba(120,90,255,.55)}
.max-fab svg{flex:none}
@media (max-width:600px){.max-fab span{display:none}.max-fab{padding:14px;right:16px;bottom:130px}}
.lead-max{background:linear-gradient(135deg,#6d5efc,#a05bff);color:#fff;border:0}
.max-toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);z-index:120;
  background:#1a1530;color:#fff;border:1px solid rgba(160,120,255,.5);padding:12px 18px;border-radius:14px;
  font:600 13px/1.4 Inter;max-width:90vw;text-align:center;opacity:0;transition:.3s;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.max-toast.show{opacity:1;transform:translate(-50%,0)}

.chat-note a{color:var(--cyan)}