:root{--ink:#111722;--muted:#687589;--line:#dfe6ee;--blue:#1672e8;--orange:#ff6500;--navy:#0d1520;--soft:#f5f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}.bf{overflow:hidden}.bf-wrap{width:min(1180px,calc(100% - 36px));margin:auto}.bf-hero{position:relative;min-height:700px;display:flex;align-items:center;color:#fff;background:radial-gradient(circle at 72% 25%,#254b75 0,#162334 32%,#0b1119 72%);overflow:hidden}.bf-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.32}.bf-g1{width:430px;height:430px;background:#1672e8;right:-120px;top:-150px}.bf-g2{width:360px;height:360px;background:#ff6500;left:-180px;bottom:-170px}.bf-hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:78px 0}.bf-kicker{display:inline-block;color:#ff8a3d;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.bf-kicker.dark{color:#d85a08}.bf-copy h1{font-size:clamp(44px,4.5vw,64px);line-height:1.02;letter-spacing:-.045em;margin:16px 0 22px}.bf-copy h1 em{font-style:normal;color:#9dccff}.bf-lead{max-width:650px;font-size:18px;line-height:1.65;color:#c4d0dd}.bf-actions,.bf-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.bf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:850;transition:.25s}.bf-btn:hover{transform:translateY(-2px)}.bf-primary,.bf-orange{background:linear-gradient(135deg,#ff6500,#ff8d47);color:#fff;box-shadow:0 14px 35px #ff650033}.bf-ghost{border:1px solid #ffffff35;color:#fff;background:#ffffff08}.bf-proof span{font-size:11px;color:#b9c7d6;border:1px solid #ffffff20;border-radius:999px;padding:6px 10px}.bf-duo{position:relative;min-height:520px}.bf-product{position:absolute;border:1px solid #ffffff1d;background:linear-gradient(145deg,#ffffff12,#ffffff06);border-radius:32px;box-shadow:0 35px 80px #0008;backdrop-filter:blur(12px)}.bf-product span{position:absolute;left:18px;top:16px;font-size:11px;font-weight:900;letter-spacing:.08em;color:#dbe9f8}.bf-product img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 28px #000a)}.bf-product-small{width:58%;height:58%;left:0;bottom:5%;padding:30px;transform:rotate(-4deg);z-index:2}.bf-product-big{width:70%;height:78%;right:-4%;top:2%;padding:34px;transform:rotate(3deg)}.bf-nav{position:sticky;top:0;z-index:40;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.bf-nav .bf-wrap{display:flex;gap:23px;justify-content:center;overflow:auto;padding:13px 0}.bf-nav a{white-space:nowrap;color:#344154;text-decoration:none;font-size:12px;font-weight:850}.bf-strip{border-bottom:1px solid var(--line);background:#fff}.bf-stats{display:grid;grid-template-columns:repeat(4,1fr)}.bf-stats>div{text-align:center;padding:25px 13px;border-right:1px solid var(--line)}.bf-stats>div:last-child{border:0}.bf-stats strong{display:block;font-size:27px}.bf-stats span{display:block;font-size:11px;font-weight:850;margin-top:4px}.bf-stats small{display:block;color:var(--muted);font-size:9px;margin-top:5px;line-height:1.4}.bf-section{padding:88px 0}.bf-soft{background:linear-gradient(180deg,#f7f9fc,#f1f5f9)}.bf-head{max-width:880px;margin-bottom:35px}.bf-head>span{font-size:11px;color:#e15b05;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.bf-head h2,.bf-feature-copy h2{font-size:clamp(36px,5vw,58px);line-height:1.04;letter-spacing:-.05em;margin:10px 0 15px}.bf-head p,.bf-feature-copy>p{font-size:16px;line-height:1.75;color:var(--muted)}.bf-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.bf-choice article,.bf-cases article{padding:26px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 14px 40px #17304b0a}.bf-choice b{color:#ff6500;font-size:16px}.bf-choice h3,.bf-cases h3{font-size:22px;margin:24px 0 9px}.bf-choice p,.bf-cases p{font-size:13px;line-height:1.65;color:var(--muted)}.bf-choice strong{display:block;margin-top:18px;color:#1265c5;font-size:15px}.bf-feature{padding:92px 0}.bf-light{background:linear-gradient(145deg,#f8fbff,#eef5fb)}.bf-darksec{background:radial-gradient(circle at 10% 10%,#263b54,#111923 48%,#0a1017);color:#fff}.bf-feature-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.bf-reverse .bf-feature-art{order:2}.bf-feature-art{position:relative;min-height:510px;display:flex;align-items:center;justify-content:center}.bf-feature-art:before{content:"";position:absolute;width:80%;height:70%;border-radius:50%;background:radial-gradient(circle,#3c91f03d,transparent 68%);filter:blur(15px)}.bf-feature-art img{position:relative;width:94%;height:480px;object-fit:contain;filter:drop-shadow(0 35px 32px #18324b45)}.bf-darksec .bf-feature-art img{filter:drop-shadow(0 35px 32px #000b)}.bf-badge{position:absolute;z-index:2;top:5%;left:5%;padding:8px 12px;border-radius:999px;background:#fff;color:#172131;font-size:10px;font-weight:900;box-shadow:0 12px 30px #17283a15}.bf-darksec .bf-feature-copy>p{color:#b4c1cf}.bf-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0}.bf-specs div{padding:14px;border:1px solid #dbe4ed;background:#ffffffa8;border-radius:14px}.bf-darksec .bf-specs div{border-color:#ffffff16;background:#ffffff08}.bf-specs strong{display:block;font-size:18px}.bf-specs span{font-size:9px;color:var(--muted)}.bf-darksec .bf-specs span{color:#9eb0c3}.bf-feature-copy h3{font-size:21px;margin:28px 0 10px}.bf-checks{padding:0;list-style:none}.bf-checks li{position:relative;padding:6px 0 6px 25px;font-size:13px;line-height:1.55;color:#566579}.bf-darksec .bf-checks li{color:#c1ccd7}.bf-checks li:before{content:"✓";position:absolute;left:0;color:#12a66f;font-weight:900}.bf-pricebox{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:25px 0 14px;padding:17px 19px;border:1px solid #dce5ee;border-radius:17px;background:#fff}.bf-darksec .bf-pricebox{background:#ffffff09;border-color:#ffffff18}.bf-pricebox span{font-size:11px;color:var(--muted)}.bf-darksec .bf-pricebox span{color:#9fb0c1}.bf-pricebox strong{font-size:25px}.bf-pricebox em{font-style:normal;font-size:10px;font-weight:900;color:#087d57;background:#dff7ed;border-radius:999px;padding:6px 9px}.bf-dark{background:#142030;color:#fff}.bf-note{display:block;margin-top:13px;color:#8393a4}.bf-table{border:1px solid var(--line);border-radius:23px;overflow:hidden;box-shadow:0 25px 65px #17304b0c}.bf-tr{display:grid;grid-template-columns:1.15fr 1fr 1fr}.bf-tr>div{padding:16px 19px;border-bottom:1px solid var(--line);font-size:13px}.bf-tr>div+div{border-left:1px solid var(--line)}.bf-tr:nth-child(odd){background:#f8fafc}.bf-th{background:#131d2a!important;color:#fff;font-weight:900}.bf-callout{margin-top:18px;padding:20px 22px;border-left:4px solid #ff6500;background:#fff3eb;border-radius:0 15px 15px 0;color:#5e5149;font-size:14px;line-height:1.6}.bf-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bf-cases i{font-style:normal;color:#ff6500;font-size:10px;font-weight:900;text-transform:uppercase}.bf-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bf-links a{padding:20px;border:1px solid var(--line);border-radius:17px;text-decoration:none;background:#fff;color:#172131;transition:.25s}.bf-links a:hover{transform:translateY(-4px);box-shadow:0 18px 40px #17304b12}.bf-links strong{display:block;font-size:16px}.bf-links span{display:block;margin-top:6px;color:var(--muted);font-size:11px}.bf-faqsec{background:#f7f9fc}.bf-faq{max-width:930px;display:grid;gap:9px}.bf-faq details{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.bf-faq summary{cursor:pointer;padding:18px 48px 18px 19px;font-weight:850;font-size:14px;position:relative}.bf-faq summary:after{content:"+";position:absolute;right:19px;top:13px;font-size:26px;color:#ff6500}.bf-faq details[open] summary:after{transform:rotate(45deg)}.bf-faq p{margin:0;padding:0 19px 18px;color:var(--muted);font-size:13px;line-height:1.7}.bf-faq p a{color:#1672e8;font-weight:700;text-decoration:underline;text-underline-offset:2px}.bf-final{padding:65px 0;background:linear-gradient(135deg,#ff6500,#ff934f);color:#fff}.bf-final-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.bf-final span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.bf-final h2{font-size:42px;letter-spacing:-.04em;margin:8px 0}.bf-final p{margin:0}.bf-final-actions{display:flex;gap:9px;flex-wrap:wrap}.bf-white{background:#fff;color:#c84d00}.bf-foot{padding:25px 0}.bf-foot p{font-size:10px;line-height:1.6;color:#7a8797;text-align:center}.bf-foot a{color:#2468b1}[data-reveal]{opacity:0;transform:translateY(22px);transition:.7s}[data-reveal].visible{opacity:1;transform:none}@media(max-width:900px){.bf-hero-grid,.bf-feature-grid{grid-template-columns:1fr 1fr;gap:25px}.bf-choice{grid-template-columns:1fr 1fr}.bf-cases{grid-template-columns:1fr 1fr}.bf-links{grid-template-columns:1fr 1fr}.bf-specs{grid-template-columns:1fr 1fr}}@media(max-width:640px){.bf-wrap{width:min(100% - 18px,1180px)}.bf-hero{min-height:auto}.bf-hero-grid{grid-template-columns:1.05fr .95fr;gap:8px;padding:38px 0}.bf-copy h1{font-size:clamp(30px,8.7vw,42px)}.bf-lead{font-size:12px;line-height:1.5}.bf-proof{display:none}.bf-btn{font-size:10px;min-height:39px;padding:9px 12px}.bf-duo{min-height:290px}.bf-product-small{width:100%;height:50%;left:-7%;padding:14px}.bf-product-big{width:127%;height:54%;right:-23%;padding:16px}.bf-product span{font-size:7px;left:9px;top:8px}.bf-nav .bf-wrap{justify-content:flex-start;gap:15px;padding:10px 0}.bf-nav a{font-size:10px}.bf-stats{grid-template-columns:1fr 1fr}.bf-stats>div:nth-child(2){border-right:0}.bf-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.bf-stats>div{padding:14px 7px}.bf-stats strong{font-size:20px}.bf-section,.bf-feature{padding:52px 0}.bf-head h2,.bf-feature-copy h2{font-size:30px}.bf-head p,.bf-feature-copy>p{font-size:13px}.bf-choice,.bf-cases,.bf-links{grid-template-columns:1fr 1fr;gap:7px}.bf-choice article,.bf-cases article{padding:14px}.bf-choice h3,.bf-cases h3{font-size:16px;margin:14px 0 7px}.bf-choice p,.bf-cases p{font-size:10px}.bf-feature-grid{grid-template-columns:1fr}.bf-reverse .bf-feature-art{order:0}.bf-feature-art{min-height:250px}.bf-feature-art img{height:250px}.bf-specs{grid-template-columns:1fr 1fr}.bf-checks li{font-size:11px}.bf-pricebox strong{font-size:21px}.bf-th{display:none}.bf-table{border:0;box-shadow:none;display:grid;gap:8px}.bf-tr{grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:13px;overflow:hidden}.bf-tr>div:first-child{grid-column:1/-1;background:#142030;color:#fff;font-weight:850}.bf-tr>div{font-size:10px;padding:10px;border-bottom:0}.bf-tr>div:nth-child(2){border-left:0}.bf-tr>div[data-model]{position:relative;padding-top:27px}.bf-tr>div[data-model]:before{content:attr(data-model);position:absolute;top:8px;left:10px;font-size:8px;line-height:1;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#6f7d8e}.bf-tr>div[data-model]+div[data-model]{border-left:1px solid var(--line)}.bf-final-grid{grid-template-columns:1fr}.bf-final h2{font-size:29px}.bf-final p{font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}

/* === Mobile navigation + model color grouping === */
.bf-stats>div:nth-child(-n+2){background:linear-gradient(180deg,#fff9f4,#fff)}
.bf-stats>div:nth-child(n+3){background:linear-gradient(180deg,#f4f8ff,#fff)}
.bf-stats>div:nth-child(1),.bf-stats>div:nth-child(2){box-shadow:inset 0 3px 0 #ff6500}
.bf-stats>div:nth-child(3),.bf-stats>div:nth-child(4){box-shadow:inset 0 3px 0 #1672e8}
.bf-nav .bf-wrap{scrollbar-width:none;-ms-overflow-style:none}
.bf-nav .bf-wrap::-webkit-scrollbar{display:none}

@media(max-width:640px){
.bf-nav{overflow:hidden;box-shadow:0 5px 16px #11172212}
.bf-nav:after{content:"";position:absolute;z-index:3;top:0;right:0;bottom:0;width:34px;pointer-events:none;background:linear-gradient(90deg,#fff0,#fffffff5 78%)}
.bf-nav .bf-wrap{width:100%;padding:0 34px 0 8px;gap:0;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.bf-nav a{flex:0 0 auto;display:flex;align-items:center;min-height:44px;padding:0 12px;border-right:1px solid #e4eaf0;font-size:10px;line-height:1.15;scroll-snap-align:start}
.bf-nav a:first-child{border-left:1px solid #e4eaf0}
.bf-nav a:focus,.bf-nav a:hover{background:#f5f8fb;color:#111722}

.bf-stats{gap:8px;padding:8px;background:#f5f8fb}
.bf-stats>div{min-height:112px;padding:15px 7px;border:1px solid transparent!important;border-radius:14px;display:flex;flex-direction:column;justify-content:center}
.bf-stats>div:nth-child(1),.bf-stats>div:nth-child(2){background:#fff5ed;border-color:#ffd4b5!important;box-shadow:inset 0 4px 0 #ff6500,0 5px 14px #ff65000d}
.bf-stats>div:nth-child(3),.bf-stats>div:nth-child(4){background:#eef5ff;border-color:#c9ddf8!important;box-shadow:inset 0 4px 0 #1672e8,0 5px 14px #1672e80d}
.bf-stats>div:nth-child(1) span,.bf-stats>div:nth-child(2) span{color:#b74700}
.bf-stats>div:nth-child(3) span,.bf-stats>div:nth-child(4) span{color:#125fae}
.bf-stats span{margin-top:6px;line-height:1.25}
.bf-stats small{margin-top:5px;line-height:1.35}
}


/* === Anchor correction for "Посмотреть цены" === */
.bf-anchor{display:block;height:0;visibility:hidden;scroll-margin-top:64px}
#premium,#apex,#compare,#prices-old,#other,#faq{scroll-margin-top:64px}
@media(max-width:640px){
.bf-anchor{scroll-margin-top:52px}
#premium,#apex,#compare,#prices-old,#other,#faq{scroll-margin-top:52px}
}


/* === Legal links: same pattern as portable-power-stations === */
.bf-legal-links{width:min(1180px,calc(100% - 32px));margin:24px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bf-legal-link{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:15px 18px;background:#fff;border:1px solid #e3e8ef;border-radius:12px;color:#334155;text-decoration:none;font-size:14px;font-weight:600;line-height:1.4;box-shadow:0 3px 12px rgba(15,23,42,.04);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.bf-legal-link:hover{background:#f7faff;border-color:#b9ceff;box-shadow:0 8px 22px rgba(0,60,255,.09);transform:translateY(-2px)}
.bf-legal-arrow{flex:0 0 auto;margin-left:18px;color:#1769e8;font-size:19px;font-weight:700;line-height:1}
@media(max-width:700px){
.bf-legal-links{width:min(100% - 24px,1180px);grid-template-columns:1fr;gap:10px;margin-top:20px}
.bf-legal-link{min-height:54px;padding:14px 15px;font-size:13px}
}
