@charset "UTF-8";
:root {--ink:#111722;--muted:#657083;--line:#e4e9f0;--soft:#f5f7fa;--orange:#ff6500;--blue:#1667ff;--radius:24px}
* {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}
.pps {overflow:hidden}
.wrap {width:min(1180px,calc(100% - 36px));margin:auto}
.hero {position:relative;min-height:690px;display:flex;align-items:center;background:radial-gradient(circle at 70% 30%,#263346 0,#151c26 38%,#0b1017 75%);color:#fff;overflow:hidden}
.noise {position:absolute;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
.orb {position:absolute;border-radius:50%;filter:blur(70px);opacity:.25}
.o1 {width:390px;height:390px;background:#ff6500;right:-120px;top:-100px}
.o2 {width:330px;height:330px;background:#1667ff;left:-120px;bottom:-120px}
.hero-grid {position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:42px;padding:80px 0}
.kicker,.eyebrow {display:inline-block;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#ff7a25}
.hero h1 {font-size:clamp(52px,6.4vw,88px);line-height:.94;letter-spacing:-.065em;margin:16px 0 22px;max-width:700px}
.lead {font-size:18px;line-height:1.65;color:#c7d0dc;max-width:650px}
.actions {display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn {display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:999px;text-decoration:none;border:0;font-weight:850;cursor:pointer;transition:.25s}
.btn:hover {transform:translateY(-2px)}
.primary {background:linear-gradient(135deg,#ff6500,#ff8a3d);color:#fff;box-shadow:0 14px 30px #ff650033}
.ghost {color:#fff;border:1px solid #526070;background:#ffffff08}
.proof {display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.proof span {border:1px solid #344151;border-radius:99px;padding:6px 10px;color:#aeb9c7;font-size:11px}
.hero-art {position:relative;min-height:500px;display:grid;place-items:center}
.hero-art img {width:95%;max-width:700px;position:relative;z-index:2;filter:drop-shadow(0 45px 40px #0009);animation:float 7s ease-in-out infinite}
.ring {position:absolute;width:72%;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff20;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff03}
.float {position:absolute;z-index:3;padding:12px 15px;border:1px solid #ffffff24;background:#121923b8;backdrop-filter:blur(14px);border-radius:16px;box-shadow:0 18px 45px #0006;animation:drift 6s ease-in-out infinite}
.float b {display:block;font-size:15px}
.float small {color:#aeb8c5}
.f1 {left:0;top:18%}
.f2 {right:0;top:11%;animation-delay:-2s}
.f3 {right:9%;bottom:12%;animation-delay:-4s}
.nav {position:sticky;top:0;z-index:50;background:#ffffffea;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav .wrap {display:flex;gap:22px;overflow:auto;justify-content:center;padding:13px 0}
.nav a {white-space:nowrap;text-decoration:none;color:#344052;font-size:12px;font-weight:850}
.metrics {border-bottom:1px solid var(--line)}
.metric-grid {display:grid;grid-template-columns:repeat(4,1fr)}
.metric-grid>div {text-align:center;padding:24px 10px;border-right:1px solid var(--line)}
.metric-grid>div:last-child {border:0}
.metric-grid strong {display:block;font-size:29px}
.metric-grid span {font-size:11px;color:var(--muted)}
.section {padding:88px 0}
.soft {background:linear-gradient(180deg,#f7f9fc,#f2f5f9)}
.head {max-width:880px;margin-bottom:35px}
.head h2,.compare-intro h2,.guide h2 {font-size:clamp(36px,5vw,60px);line-height:1.02;letter-spacing:-.055em;margin:10px 0 16px}
.head p,.compare-intro p {font-size:17px;line-height:1.7;color:var(--muted)}
.benefit-cloud {display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.pps-adv {min-height:205px;padding:20px;border:1px solid #e1e7ee;border-radius:20px;background:#ffffffc7;box-shadow:0 6px 20px #1b2b3b08;transition:.3s}
.pps-adv:hover {transform:translateY(-7px) rotate(-.3deg);box-shadow:0 22px 45px #1b2b3b16;border-color:#cdd8e5}
.pps-adv span {font-size:10px;font-weight:900;color:#ff6500}
.pps-adv h3 {font-size:16px;margin:22px 0 8px}
.pps-adv p {font-size:12.5px;line-height:1.55;color:var(--muted);margin:0}
.compare-section {background:#fff}
.compare-intro {max-width:900px}
.compare-card {border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 30px 80px #1d2d4211}
.compare-head,.compare-row {display:grid;grid-template-columns:1.1fr 1fr 1fr}
.compare-head>div {padding:19px;font-size:13px;font-weight:900;background:#151c26;color:#fff}
.compare-head .blue {background:linear-gradient(135deg,#1262f4,#0e83ff)}
.compare-row>div {padding:15px 19px;border-bottom:1px solid var(--line);font-size:13px}
.compare-row:nth-child(even) {background:#fafbfd}
.good {color:#075fb6;font-weight:750;background:#edf6ff}
.bad {color:#7b3b2b}
.note {font-size:12px;color:var(--muted);margin-top:15px}
.dark {background:radial-gradient(circle at 20% 0,#29384c,#121923 46%,#0b1016);color:#fff}
.dark .head p {color:#b8c3d0}
.showcase {display:grid;grid-template-columns:1.25fr .75fr;gap:14px}
.model {position:relative;padding:24px;border:1px solid #ffffff18;background:#ffffff09;border-radius:24px;overflow:hidden;transition:.3s}
.model:hover {transform:translateY(-6px);background:#ffffff0f}
.model span {font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#ff7b28;font-weight:900}
.model h3 {font-size:30px;margin:8px 0}
.model p {color:#bcc7d4;line-height:1.6;font-size:14px}
.model img {width:100%;display:block;object-fit:contain;max-height:290px;filter:drop-shadow(0 22px 28px #0009)}
.flagship {grid-row:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;background:linear-gradient(145deg,#1b2634,#111821)}
.flagship h3 {font-size:42px}
.flagship img {max-height:520px}
.flagship ul {color:#d1dae5;font-size:13px;line-height:1.8;padding-left:20px}
.pills {display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}
.pills b {font-size:11px;padding:7px 9px;border-radius:99px;background:#ffffff10}
.scenario-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.scenario-grid article {padding:24px;border:1px solid var(--line);border-radius:22px;min-height:280px;background:#fff;transition:.3s}
.scenario-grid article:hover {box-shadow:0 25px 55px #18293c15;transform:translateY(-5px)}
.scenario-grid i {font-style:normal;font-size:11px;font-weight:900;color:#ff6500}
.scenario-grid h3 {font-size:22px;margin:18px 0 8px}
.scenario-grid p,.scenario-grid li {font-size:13px;color:var(--muted);line-height:1.6}
.scenario-grid ul {padding-left:18px}
.calc {display:grid;grid-template-columns:1fr 1fr;gap:35px;background:#111923;color:#fff;padding:38px;border-radius:30px;box-shadow:0 35px 80px #1d2d4230}
.calc h2 {font-size:42px;letter-spacing:-.045em}
.calc p {color:#b8c4d1}
.calc label {display:block;font-size:12px;font-weight:800;margin:12px 0}
.calc input {display:block;width:100%;margin-top:6px;border:1px solid #3a4655;background:#171f2a;color:#fff;border-radius:12px;padding:12px;font-size:17px}
.result {background:linear-gradient(145deg,#fff,#edf4fb);color:var(--ink);border-radius:23px;padding:28px;display:flex;flex-direction:column;justify-content:center}
.result small {color:#ff6500;text-transform:uppercase;font-weight:900;letter-spacing:.12em}
.result strong {font-size:40px;margin:12px 0}
.result p {color:var(--muted)}
.darkbtn {background:#111923;color:#fff;align-self:flex-start}
.guide-card {display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;border-radius:30px;padding:45px;background:linear-gradient(135deg,#e9f3ff,#fff2e8);border:1px solid #dce7f3}
.guide-card p {color:var(--muted);line-height:1.7}
.faq {max-width:960px;display:grid;grid-template-columns:1fr;gap:9px}
.faq details {background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:.25s}
.faq details[open] {box-shadow:0 15px 35px #17283a10;border-color:#cbd7e5}
.faq summary {cursor:pointer;list-style:none;padding:18px 54px 18px 20px;font-size:15px;font-weight:850;position:relative}
.faq summary::-webkit-details-marker {display:none}
.faq summary:after {content:"+";position:absolute;right:20px;top:14px;font-size:25px;color:#ff6500;transition:.25s}
.faq details[open] summary:after {transform:rotate(45deg)}
.faq details div {padding:0 20px 19px}
.faq p {margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.cta {display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;background:linear-gradient(135deg,#ff6500,#ff934d);border-radius:30px;color:#fff;padding:42px;box-shadow:0 28px 70px #ff650033}
.cta span {font-size:11px;font-weight:900;letter-spacing:.15em}
.cta h2 {font-size:42px;letter-spacing:-.04em;margin:9px 0}
.cta p {margin:0;max-width:760px}
.white {background:#fff;color:#c64e00}
.disclaimer {text-align:center;font-size:11px;color:#7a8490;margin-top:18px}
.article {font-family:Inter,Arial,sans-serif;color:#192231}
.article .article-wrap {width:min(900px,calc(100% - 32px));margin:auto}
.article-header {padding:80px 0;background:linear-gradient(135deg,#111923,#26364a);color:#fff}
.article-header h1 {font-size:clamp(42px,6vw,72px);line-height:1;letter-spacing:-.055em;margin:14px 0}
.article-header p {font-size:18px;line-height:1.7;color:#c6d0dc}
.article-body {padding:60px 0}
.article-body h2 {font-size:36px;letter-spacing:-.04em;margin:52px 0 15px}
.article-body h3 {font-size:24px;margin:32px 0 10px}
.article-body p,.article-body li {font-size:16px;line-height:1.82;color:#4d596b}
.article-body table {width:100%;border-collapse:collapse;margin:25px 0;font-size:14px}
.article-body th,.article-body td {border:1px solid #dfe5ec;padding:12px;text-align:left}
.article-body th {background:#f1f5f9}
.article-toc {background:#f4f7fa;border-radius:20px;padding:25px;margin:30px 0}
.article-toc a {color:#125fc2}
.article-callout {border-left:4px solid #ff6500;background:#fff3eb;padding:20px;margin:25px 0;border-radius:0 15px 15px 0}
[data-reveal] {opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}
[data-reveal].visible {opacity:1;transform:none}
@keyframes float {
  50% {transform:translateY(-13px)}
}
@keyframes drift {
  50% {transform:translateY(-8px)}
}
@media(max-width:980px) {
  .benefit-cloud {grid-template-columns:repeat(3,1fr)}
  .hero-grid {grid-template-columns:1fr 1fr}
  .showcase {grid-template-columns:1fr 1fr}
  .flagship {grid-column:1/-1;grid-row:auto}
  .scenario-grid {grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px) {
  .wrap {width:min(100% - 18px,1180px)}
  .hero {min-height:auto}
  .hero-grid {grid-template-columns:1.05fr .95fr;gap:8px;padding:38px 0}
  .hero h1 {font-size:clamp(31px,9vw,42px)}
  .lead {font-size:12px;line-height:1.5}
  .proof {display:none}
  .actions {gap:6px;margin-top:16px}
  .btn {font-size:11px;min-height:38px;padding:8px 12px}
  .hero-art {min-height:260px}
  .float {padding:7px 8px;border-radius:10px}
  .float b {font-size:10px}
  .float small {font-size:7px}
  .f1 {left:-3%;top:3%}
  .f2 {right:-3%;top:20%}
  .f3 {right:1%;bottom:8%}
  .nav .wrap {justify-content:flex-start;gap:15px;padding:10px 0}
  .nav a {font-size:10px}
  .metric-grid {grid-template-columns:repeat(2,1fr)}
  .metric-grid>div {padding:13px 5px}
  .metric-grid strong {font-size:20px}
  .section {padding:52px 0}
  .head h2,.compare-intro h2,.guide h2 {font-size:31px}
  .head p,.compare-intro p {font-size:14px}
  .benefit-cloud {grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .pps-adv {min-height:188px;padding:13px;border-radius:15px}
  .pps-adv h3 {font-size:14px;margin:15px 0 6px}
  .pps-adv p {font-size:10.5px}
  .compare-card {overflow-x:auto}
  .compare-head,.compare-row {min-width:610px}
  .compare-head>div,.compare-row>div {padding:11px;font-size:10px}
  .showcase {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .model {padding:13px;border-radius:16px}
  .model h3 {font-size:18px}
  .model p {font-size:10.5px}
  .model img {max-height:145px}
  .flagship {grid-template-columns:1fr 1fr;padding:16px}
  .flagship h3 {font-size:24px}
  .flagship ul {display:none}
  .flagship img {max-height:220px}
  .pills b {font-size:8px;padding:5px}
  .scenario-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .scenario-grid article {padding:14px;min-height:255px}
  .scenario-grid h3 {font-size:16px}
  .scenario-grid p,.scenario-grid li {font-size:10.5px}
  .calc {grid-template-columns:1fr;padding:20px}
  .calc h2 {font-size:30px}
  .result strong {font-size:28px}
  .guide-card {grid-template-columns:1fr;padding:24px}
  .faq summary {font-size:13px;padding:15px 44px 15px 14px}
  .faq details div {padding:0 14px 15px}
  .faq p {font-size:12px}
  .cta {grid-template-columns:1fr;padding:25px}
  .cta h2 {font-size:29px}
  .article-header {padding:50px 0}
  .article-body h2 {font-size:29px}
  .article-body p,.article-body li {font-size:15px}
}
@media(prefers-reduced-motion:reduce) {
  * {animation:none!important;scroll-behavior:auto!important}
  [data-reveal] {opacity:1;transform:none}
}
.advantages-controls {display:flex;align-items:center;justify-content:center;gap:18px;margin:26px auto 0;text-align:center}
.advantages-status {margin:0;color:var(--muted);font-size:13px}
.advantages-more {appearance:none;border:1px solid #ccd8e5;background:#fff;color:#182231;min-height:44px;padding:10px 22px;border-radius:999px;font:800 13px/1 Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 10px 28px #19304a12;transition:.25s}
.advantages-more:hover {transform:translateY(-2px);border-color:#ff7a29;box-shadow:0 16px 35px #ff650020}
.pps-adv.adv-hidden {display:none}
.pps-adv.adv-enter {display:block;animation:advOpen .5s cubic-bezier(.2,.75,.2,1) both}
@keyframes advOpen {
  from {opacity:0;transform:translateY(18px) scale(.98)}
  to {opacity:1;transform:none}
}
.compare-card {overflow:visible}
.compare-row {display:grid;grid-template-columns:1.1fr 2fr;border-bottom:1px solid var(--line);background:#fff}
.compare-row:nth-child(odd) {background:#fafbfd}
.compare-criterion {margin:0;padding:17px 19px;font-size:13px;display:flex;align-items:center}
.compare-options {display:grid;grid-template-columns:1fr 1fr}
.compare-option {padding:15px 19px;font-size:13px;display:flex;flex-direction:column;gap:5px}
.compare-option strong {display:none}
.compare-option.good {color:#075fb6;font-weight:750;background:#edf6ff}
.compare-option.bad {color:#7b3b2b}
.result {position:relative;overflow:hidden}
.result-product {position:relative;height:190px;margin:-6px -4px 10px;display:flex;align-items:center;justify-content:center}
.result-product img {position:relative;z-index:2;width:88%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 22px #17304b2c);transition:opacity .25s,transform .35s}
.result-product img.is-changing {opacity:0;transform:translateY(8px) scale(.96)}
.result-product-glow {position:absolute;width:72%;height:55%;border-radius:50%;background:radial-gradient(circle,#62a9ff55,transparent 70%);filter:blur(18px)}
.article-header {position:relative;overflow:hidden}
.article-header:before,.article-header:after {content:"";position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none}
.article-header:before {width:420px;height:420px;right:-80px;top:-180px;background:#126aff35}
.article-header:after {width:340px;height:340px;left:18%;bottom:-240px;background:#ff6b2030}
.article-hero-grid {position:relative;z-index:2;width:min(1180px,calc(100% - 32px))!important;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.article-hero-copy {min-width:0}
.article-collage {position:relative;min-height:430px}
.collage-card {position:absolute;border:1px solid #ffffff25;background:linear-gradient(145deg,#ffffff16,#ffffff08);backdrop-filter:blur(14px);border-radius:28px;box-shadow:0 28px 70px #0005;overflow:hidden}
.collage-card img {width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 22px 22px #0008)}
.collage-main {width:78%;height:75%;left:0;top:10%;padding:22px;transform:rotate(-2deg)}
.collage-top {width:45%;height:43%;right:0;top:0;padding:13px;transform:rotate(5deg)}
.collage-bottom {width:48%;height:43%;right:2%;bottom:0;padding:13px;transform:rotate(-4deg)}
.article-model-section {position:relative;margin:55px 0;padding:30px;border:1px solid #e0e7ef;border-radius:25px;background:linear-gradient(145deg,#fff,#f6f9fc);box-shadow:0 20px 55px #17304b0c}
.article-model-heading {display:grid;grid-template-columns:1fr 300px;gap:26px;align-items:center;margin-bottom:20px}
.article-model-heading h2 {margin:7px 0 0!important}
.article-model-badge {font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#ff6500;font-weight:900}
.article-model-image {margin:0;height:210px;border-radius:20px;background:radial-gradient(circle at 50% 45%,#e6f1ff,#f9fbfd 72%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.article-model-image img {width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 20px 20px #15304a25)}
@media(max-width:640px) {
  .advantages-controls {flex-direction:column;gap:9px;margin-top:18px}
  .advantages-more {width:100%;max-width:280px}
  .compare-head {display:none}
  .compare-card {border:0;box-shadow:none;display:grid;gap:10px}
  .compare-row {display:block;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff!important;box-shadow:0 10px 28px #17283a0b}
  .compare-criterion {padding:13px 14px;background:#151c26;color:#fff;font-size:12px}
  .compare-options {grid-template-columns:1fr}
  .compare-option {padding:12px 14px;font-size:11px;line-height:1.45}
  .compare-option strong {display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
  .compare-option.good {border-bottom:1px solid #cfe2f6}
  .result-product {height:160px}
  .article-hero-grid {grid-template-columns:1fr!important;gap:25px}
  .article-header {padding:42px 0 30px}
  .article-collage {min-height:250px}
  .collage-main {width:70%;height:72%;left:0}
  .collage-top {width:43%;height:43%}
  .collage-bottom {width:44%;height:42%}
  .article-model-section {padding:17px;margin:34px 0}
  .article-model-heading {display:flex;flex-direction:column;align-items:stretch;gap:10px}
  .article-model-heading-copy {width:100%}
  .article-model-image {width:58%;height:135px;margin-left:auto;border-radius:16px}
}
.advantages-controls {flex-wrap:wrap}
.advantages-less {appearance:none;border:1px solid #d9e1ea;background:#f4f7fa;color:#445064;min-height:44px;padding:10px 22px;border-radius:999px;font:800 13px/1 Inter,Arial,sans-serif;cursor:pointer;transition:.25s}
.advantages-less:hover {transform:translateY(-2px);background:#eaf0f6;border-color:#becbd9}
.advantages-more[hidden],.advantages-less[hidden] {display:none!important}
.pps-adv.adv-leave {display:block;animation:advClose .32s ease both}
@keyframes advClose {
  from {opacity:1;transform:none}
  to {opacity:0;transform:translateY(12px) scale(.98)}
}
.article-toc {padding:0!important;overflow:hidden;background:#f4f7fa;border:1px solid #dfe7ef;box-shadow:0 14px 40px #17304b0b}
.article-toc-toggle {width:100%;appearance:none;border:0;background:transparent;color:#182231;display:grid;grid-template-columns:1fr auto 22px;gap:14px;align-items:center;padding:21px 24px;text-align:left;cursor:pointer;font-family:inherit}
.article-toc-title {font-size:20px;font-weight:900;letter-spacing:-.02em}
.article-toc-meta {font-size:12px;color:#687589;font-weight:700}
.article-toc-icon {position:relative;width:18px;height:18px;transition:transform .35s ease}
.article-toc-icon:before,.article-toc-icon:after {content:"";position:absolute;left:2px;top:8px;width:14px;height:2px;border-radius:2px;background:#ff6500;transition:.3s}
.article-toc-icon:after {transform:rotate(90deg)}
.article-toc.toc-open .article-toc-icon {transform:rotate(180deg)}
.article-toc.toc-open .article-toc-icon:after {transform:rotate(0)}
.article-toc-panel {max-height:0;overflow:hidden;transition:max-height .55s cubic-bezier(.2,.75,.2,1)}
.article-toc-inner {padding:0 24px 25px;border-top:1px solid #dfe7ef}
.article-toc-hint {margin:17px 0 12px!important;font-size:13px!important;color:#748094!important}
.article-toc ol {columns:2;column-gap:34px;margin:0;padding-left:22px}
.article-toc li {break-inside:avoid;margin:0 0 7px;font-size:13px!important;line-height:1.45!important}
.article-toc a {text-decoration:none}
.article-toc a:hover {text-decoration:underline}
@media(max-width:640px) {
  .advantages-controls {display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .advantages-status {grid-column:1/-1}
  .advantages-more,.advantages-less {width:100%;max-width:none;padding:9px 10px;font-size:11px}
  .compare-section,.compare-section .wrap,.compare-card {max-width:100%;min-width:0}
  .compare-card {width:100%;overflow:hidden!important}
  .compare-row,.compare-head {min-width:0!important;width:100%!important;max-width:100%!important}
  .compare-options,.compare-option,.compare-criterion {min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}
  .compare-option span {display:block;max-width:100%}
  .article-toc-toggle {grid-template-columns:1fr auto 20px;padding:17px 16px;gap:8px}
  .article-toc-title {font-size:17px}
  .article-toc-meta {font-size:10px}
  .article-toc-inner {padding:0 16px 19px}
  .article-toc ol {columns:1;padding-left:20px}
  .article-toc li {font-size:12px!important;margin-bottom:8px}
}
.power-stats {position:relative;isolation:isolate;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border-top:1px solid #e4ebf2;border-bottom:1px solid #dbe5ef;box-shadow:0 20px 60px #17304b0d;overflow:hidden}
.power-stats:before {content:"";position:absolute;inset:-40% 0 auto;height:180%;z-index:-1;background:radial-gradient(circle at 12% 45%,#31d79a18 0,transparent 23%),radial-gradient(circle at 37% 55%,#ffad331b 0,transparent 23%),radial-gradient(circle at 64% 45%,#7a66ff18 0,transparent 23%),radial-gradient(circle at 88% 50%,#1688ff1c 0,transparent 24%);animation:statsGlow 10s ease-in-out infinite alternate}
@keyframes statsGlow {
  from {transform:translate3d(-1.5%,0,0) scale(1)}
  to {transform:translate3d(1.5%,1%,0) scale(1.04)}
}
.power-stat {position:relative;min-height:150px;padding:24px 22px 22px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}
.power-stat:not(:last-child):after {content:"";position:absolute;right:0;top:18%;bottom:18%;width:1px;background:linear-gradient(180deg,transparent,#d6e0ea,transparent)}
.power-stat:hover {transform:translateY(-4px);background:#ffffffb8;box-shadow:0 18px 40px #17304b10}
.power-stat-icon {width:34px;height:34px;border-radius:12px;display:grid;place-items:center;margin-bottom:8px;font-size:17px;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff8c,0 8px 22px currentColor;animation:metricFloat 4.5s ease-in-out infinite}
.power-stat:nth-child(2) .power-stat-icon {animation-delay:.35s}
.power-stat:nth-child(3) .power-stat-icon {animation-delay:.7s}
.power-stat:nth-child(4) .power-stat-icon {animation-delay:1.05s}
@keyframes metricFloat {
  0%,100% {transform:translateY(0)}
  50% {transform:translateY(-4px)}
}
.power-stat-kicker {font-size:10px;line-height:1.2;font-weight:900;text-transform:uppercase;letter-spacing:.11em;margin-bottom:5px}
.power-stat-value {display:block;font-size:clamp(25px,2.4vw,38px);line-height:1;letter-spacing:-.045em;margin-bottom:5px;color:#101722}
.power-stat-label {font-size:12px;font-weight:850;color:#263248;margin-bottom:6px}
.power-stat-desc {max-width:210px;font-size:10px;line-height:1.45;color:#708096}
.power-stat--emissions .power-stat-icon {color:#11a974;background:#dff9ef}
.power-stat--emissions .power-stat-kicker {color:#087f58}
.power-stat--fuel .power-stat-icon {color:#f08a18;background:#fff1d9}
.power-stat--fuel .power-stat-kicker {color:#bc6508}
.power-stat--benefits .power-stat-icon {color:#7158dc;background:#ece8ff}
.power-stat--benefits .power-stat-kicker {color:#5a45be}
.power-stat--power .power-stat-icon {color:#1674e8;background:#e2f0ff}
.power-stat--power .power-stat-kicker {color:#105eb9}
@media(max-width:760px) {
  .power-stats {display:grid!important;grid-template-columns:1fr 1fr}
  .power-stat {min-height:135px;padding:18px 12px!important}
  .power-stat:nth-child(odd):after {top:12%;bottom:12%}
  .power-stat:nth-child(even):after {display:none}
  .power-stat:nth-child(-n+2) {border-bottom:1px solid #dfe7ef}
  .power-stat-value {font-size:27px}
  .power-stat-kicker {font-size:8px}
  .power-stat-label {font-size:10px}
  .power-stat-desc {font-size:9px;max-width:145px}
}
@media(max-width:420px) {
  .power-stat {min-height:128px;padding:15px 8px!important}
  .power-stat-icon {width:30px;height:30px;border-radius:10px;font-size:14px}
  .power-stat-desc {display:none}
}
.power-flow-section {background:linear-gradient(180deg,#f8fbff,#fff)}
.power-flow {display:grid;grid-template-columns:1fr 100px 1.25fr 100px 1fr;align-items:center;gap:18px;margin-top:34px}
.power-flow-column {display:grid;gap:14px}
.flow-node {position:relative;padding:17px 18px;border:1px solid #dfe7ef;border-radius:18px;background:#fff;box-shadow:0 14px 40px #17304b0b;display:grid;grid-template-columns:38px 1fr;column-gap:12px;align-items:center;transition:.3s}
.flow-node:hover {transform:translateY(-3px);box-shadow:0 20px 45px #17304b14}
.flow-node strong {font-size:14px}
.flow-node>span:last-child {grid-column:2;font-size:11px;color:#748094;margin-top:2px}
.flow-icon {grid-row:1/3;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px}
.flow-node--grid .flow-icon {background:#e5f0ff;color:#146fd1}
.flow-node--solar .flow-icon {background:#fff3cf;color:#d58a00}
.flow-node--network .flow-icon {background:#e7f8ff;color:#0780ad}
.flow-node--it .flow-icon {background:#ece9ff;color:#674bd5}
.flow-node--home .flow-icon {background:#e9f9ef;color:#19915a}
.flow-center {display:flex;justify-content:center}
.flow-station {position:relative;min-height:330px;width:100%;padding:22px;border-radius:28px;background:radial-gradient(circle at 50% 30%,#254a73,#121a25 68%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 30px 80px #12243a35;overflow:hidden}
.flow-station:before {content:"";position:absolute;inset:auto 12% 8%;height:32%;border-radius:50%;background:#1d8cff4a;filter:blur(32px)}
.flow-station img {position:relative;width:94%;height:210px;object-fit:contain;filter:drop-shadow(0 24px 24px #0008)}
.flow-station strong {position:relative;font-size:25px;letter-spacing:.02em}
.flow-station>span:last-child {position:relative;font-size:10px;color:#b8c8d9;margin-top:5px;text-align:center}
.flow-station-badge {position:absolute!important;top:16px;left:16px;padding:7px 10px;border-radius:999px;background:#ffffff17;color:#dcecff!important;border:1px solid #ffffff22;font-size:9px!important;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.flow-connector {display:flex;align-items:center;justify-content:space-around;position:relative;height:28px}
.flow-connector:before {content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,#2e8dff22,#2e8dff,#2e8dff22)}
.flow-connector span {position:relative;width:8px;height:8px;border-radius:50%;background:#2e8dff;box-shadow:0 0 14px #2e8dff;animation:flowDot 2.1s linear infinite}
.flow-connector span:nth-child(2) {animation-delay:.7s}
.flow-connector span:nth-child(3) {animation-delay:1.4s}
@keyframes flowDot {
  0% {transform:translateX(-12px);opacity:0}
  25%,75% {opacity:1}
  100% {transform:translateX(12px);opacity:0}
}
.flow-note {margin:18px auto 0;max-width:820px;text-align:center;font-size:11px;color:#7a8798}
.continuity-section {background:#111923;color:#fff}
.continuity-section .head p {color:#aebdce}
.continuity-section .head h2 {color:#fff}
.continuity-tabs,.usecase-switcher {display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 18px}
.continuity-tab,.usecase-tab {appearance:none;border:1px solid #ffffff1f;background:#ffffff0a;color:#cbd7e4;padding:11px 17px;border-radius:999px;font:800 12px/1 Inter,Arial,sans-serif;cursor:pointer;transition:.25s}
.continuity-tab:hover,.continuity-tab.active {background:#fff;color:#101923;border-color:#fff;transform:translateY(-2px)}
.continuity-panel {display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;padding:32px;border:1px solid #ffffff16;border-radius:28px;background:linear-gradient(145deg,#182433,#111923);box-shadow:0 28px 70px #0004}
.continuity-copy h3 {font-size:clamp(25px,3vw,42px);margin:0 0 10px}
.continuity-copy>p {color:#aebdce;max-width:700px}
.continuity-items {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}
.continuity-item {display:flex;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid #ffffff12;border-radius:14px;background:#ffffff08}
.continuity-item strong {font-size:12px}
.continuity-item span {font-size:10px;color:#8fc7ff;white-space:nowrap}
.continuity-recommend {display:flex;flex-direction:column;gap:5px}
.continuity-recommend span {font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#ff9b57;font-weight:800}
.continuity-recommend strong {font-size:19px}
.continuity-visual {position:relative;min-height:320px;display:flex;align-items:center;justify-content:center}
.continuity-visual img {position:relative;z-index:2;width:94%;height:300px;object-fit:contain;filter:drop-shadow(0 30px 30px #0008);transition:.35s}
.continuity-visual img.is-changing,.usecase-visual img.is-changing {opacity:0;transform:translateY(10px) scale(.96)}
.continuity-ring {position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#1b8cff55,transparent 65%);filter:blur(10px);animation:ringPulse 4s ease-in-out infinite}
@keyframes ringPulse {
  50% {transform:scale(1.12);opacity:.7}
}
.selector-section {background:linear-gradient(180deg,#f8fbff,#fff)}
.usecase-switcher {justify-content:center}
.usecase-tab {border-color:#d7e1eb;background:#fff;color:#536174}
.usecase-tab:hover,.usecase-tab.active {background:#162131;color:#fff;border-color:#162131;transform:translateY(-2px);box-shadow:0 12px 28px #16213122}
.usecase-showcase {display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;padding:38px;border:1px solid #dde6ef;border-radius:30px;background:linear-gradient(145deg,#fff,#f3f8fd);box-shadow:0 24px 70px #17304b10}
.usecase-tag {font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#ff6500;font-weight:900}
.usecase-copy h3 {font-size:clamp(34px,4vw,58px);margin:7px 0 14px;letter-spacing:-.04em}
.usecase-copy>p {font-size:15px;line-height:1.7;color:#66758a;max-width:680px}
.usecase-stats {display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0}
.usecase-stat {padding:14px;border:1px solid #dce5ee;border-radius:15px;background:#fff}
.usecase-stat strong {display:block;font-size:17px;margin-bottom:4px}
.usecase-stat span {font-size:9px;color:#778598}
.usecase-cta {display:inline-flex!important}
.usecase-visual {position:relative;min-height:350px;display:flex;align-items:center;justify-content:center}
.usecase-visual img {position:relative;z-index:2;width:96%;height:340px;object-fit:contain;filter:drop-shadow(0 30px 30px #18324b32);transition:.35s}
.usecase-halo {position:absolute;width:72%;height:62%;border-radius:50%;background:radial-gradient(circle,#2b8dff3d,transparent 68%);filter:blur(18px)}
@media(max-width:900px) {
  .power-flow {grid-template-columns:1fr 55px 1.2fr 55px 1fr;gap:10px}
  .flow-node {padding:13px;grid-template-columns:32px 1fr}
  .flow-icon {width:32px;height:32px;font-size:15px}
  .flow-node strong {font-size:12px}
  .flow-node>span:last-child {font-size:9px}
  .flow-station {min-height:290px;padding:15px}
  .flow-station img {height:180px}
}
@media(max-width:700px) {
  .power-flow {grid-template-columns:1fr;gap:12px}
  .flow-connector {height:45px;transform:rotate(90deg);width:60px;margin:auto}
  .power-flow-sources,.power-flow-loads {grid-template-columns:1fr 1fr}
  .power-flow-loads .flow-node:last-child {grid-column:1/-1}
  .flow-station {min-height:270px}
  .continuity-panel,.usecase-showcase {grid-template-columns:1fr;padding:20px}
  .continuity-visual {min-height:220px;order:-1}
  .continuity-visual img {height:220px}
  .continuity-items {grid-template-columns:1fr}
  .usecase-visual {min-height:240px;order:-1}
  .usecase-visual img {height:240px}
  .usecase-stats {grid-template-columns:1fr 1fr}
  .usecase-stat:last-child {grid-column:1/-1}
}
@media(max-width:480px) {
  .power-flow-sources,.power-flow-loads {grid-template-columns:1fr}
  .power-flow-loads .flow-node:last-child {grid-column:auto}
  .continuity-tabs,.usecase-switcher {display:grid;grid-template-columns:1fr 1fr}
  .continuity-tab,.usecase-tab {padding:10px 8px;font-size:10px}
  .continuity-copy h3 {font-size:26px}
  .usecase-copy h3 {font-size:34px}
}
.flow-connector--out span {animation-direction:normal}
.hero-art img,.flow-station img,.model img,.continuity-visual img,.usecase-visual img,.result-product img,.article-collage img,.article-model-image img {background:transparent !important}
.hero-art img,.flow-station img,.model img,.continuity-visual img,.usecase-visual img {transform:translateZ(0)}
.model img {padding:4px}
.guide-collage {position:relative;min-height:300px;display:flex;align-items:center;justify-content:center}
.guide-collage:before {content:"";position:absolute;width:150%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(30,126,255,.54),transparent 70%);filter:blur(28px)}
.guide-collage img {position:relative;z-index:2;width:80%;max-width:520px;height:auto;object-fit:contain;filter:drop-shadow(0 28px 30px rgba(18,72,135,.28))}
@media(max-width:700px) {
  .guide-collage {min-height:210px;margin-top:12px}
  .guide-collage img {max-width:390px}
}
.model-price {margin:17px 0 15px;color:#d4dde8 !important;font-size:17px !important;line-height:1.3;font-weight:800;letter-spacing:-.01em}
.model-price:before {content:"Цена ";color:#7f8b9b;font-size:13px;font-weight:700}
.model-price small {display:inline-block;margin-left:4px;color:#8e99a8;font-size:13px;font-weight:600;opacity:1}
.article-meta {margin-top:60px;padding-top:28px;border-top:1px solid #e5e7eb;color:#666;font-size:14px;line-height:1.7}
.article-meta strong {color:#222}
.article-meta-inner {display:flex;flex-wrap:wrap;gap:18px 40px}
@media (min-width:981px) {
  .showcase {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
  .showcase .flagship {grid-column:1 /-1;grid-row:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:38px;align-items:center;min-height:390px;padding:38px 42px}
  .showcase .flagship .copy {min-width:0;align-self:center}
  .showcase .flagship h3 {max-width:620px;margin-top:8px;font-size:46px;line-height:1.02}
  .showcase .flagship .copy>p:not(.model-price) {max-width:620px}
  .showcase .flagship img {width:100%;max-width:440px;max-height:360px;margin:0 auto;padding:0;object-fit:contain;align-self:center}
  .showcase>.model:not(.flagship) {display:flex;flex-direction:column;min-height:520px;padding:30px 32px 26px}
  .showcase>.model:not(.flagship) h3 {font-size:30px;line-height:1.1}
  .showcase>.model:not(.flagship)>p:not(.model-price) {max-width:520px;margin-bottom:0}
  .showcase>.model:not(.flagship) .pills {margin-bottom:0}
  .showcase>.model:not(.flagship) img {width:100%;max-width:310px;height:235px;max-height:none;margin:26px auto 20px;padding:0;object-fit:contain}
  .showcase>.model:not(.flagship) .btn {align-self:flex-start;margin-top:auto}
}
.choice-intro {display:flex;align-items:flex-start;gap:14px;max-width:820px;margin:26px 0 18px;padding:17px 20px;border:1px solid #ffffff1a;border-radius:18px;background:#ffffff08}
.choice-intro-light {border-color:#dce5ee;background:#f7faff}
.choice-step {flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:28px;padding:0 10px;border-radius:999px;background:linear-gradient(135deg,#ff6500,#ff8a3d);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.choice-intro strong {display:block;margin:1px 0 4px;color:#fff;font-size:15px;line-height:1.35}
.choice-intro p {margin:0;color:#9eafc1;font-size:12px;line-height:1.55}
.choice-intro-light strong {color:#172131}
.choice-intro-light p {color:#6e7b8e}
.continuity-tabs,.usecase-switcher {position:relative;margin-top:14px}
.continuity-tab,.usecase-tab {position:relative;padding-left:34px}
.continuity-tab:before,.usecase-tab:before {content:"";position:absolute;left:13px;top:50%;width:10px;height:10px;border-radius:50%;transform:translateY(-50%);border:2px solid currentColor;opacity:.65}
.continuity-tab.active:before,.usecase-tab.active:before {border-color:#ff6500;background:#ff6500;box-shadow:0 0 0 4px #ff650022;opacity:1}
.continuity-tab.active:after,.usecase-tab.active:after {content:"Выбрано";margin-left:9px;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.65}
@media(max-width:640px) {
  .choice-intro {padding:14px;gap:10px}
  .choice-step {min-width:50px;height:25px;font-size:8px}
  .choice-intro strong {font-size:13px}
  .choice-intro p {font-size:10px}
  .continuity-tab,.usecase-tab {padding-left:28px}
  .continuity-tab:before,.usecase-tab:before {left:10px;width:8px;height:8px}
  .continuity-tab.active:after,.usecase-tab.active:after {display:none}
}
.cta-main-button {position:relative;min-width:290px;min-height:72px;padding:13px 18px 13px 22px;justify-content:space-between;gap:18px;border:2px solid rgba(255,255,255,.7);background:#fff;color:#c94f00;box-shadow:0 16px 34px rgba(134,46,0,.22),0 0 0 7px rgba(255,255,255,.12);overflow:hidden}
.cta-main-button:before {content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0,rgba(255,255,255,.8) 42%,transparent 62% );transform:translateX(-120%);transition:transform .7s ease}
.cta-main-button:hover:before {transform:translateX(120%)}
.cta-main-button:hover {transform:translateY(-3px) scale(1.015);box-shadow:0 22px 44px rgba(134,46,0,.3),0 0 0 8px rgba(255,255,255,.16)}
.cta-main-button-text {position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.cta-main-button-text strong {font-size:17px;line-height:1.15;font-weight:900}
.cta-main-button-text small {margin-top:4px;color:#8a5d48;font-size:10px;line-height:1.3;font-weight:700}
.cta-main-button-arrow {position:relative;z-index:2;flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff6500,#ff934d);color:#fff;font-size:24px;line-height:1;box-shadow:0 9px 20px rgba(255,101,0,.28);transition:transform .25s ease}
.cta-main-button:hover .cta-main-button-arrow {transform:translateX(4px)}
@media(max-width:640px) {
  .cta {gap:20px}
  .cta-main-button {width:100%;min-width:0;min-height:68px;padding:12px 14px 12px 18px}
  .cta-main-button-text strong {font-size:15px}
  .cta-main-button-text small {font-size:9px}
  .cta-main-button-arrow {width:36px;height:36px;font-size:21px}
}
.article-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:30px 0 8px}
.article-link-card {display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:#fafbfc;border:1px solid #e6e8eb;border-radius:12px;text-decoration:none;color:#2d3748;transition:.2s ease}
.article-link-card:hover {background:#f3f7ff;border-color:#bfd4ff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,60,255,.08)}
.article-link-title {font-size:14px;font-weight:600;line-height:1.45}
.article-link-arrow {margin-left:16px;color:#0b57d0;font-size:18px;font-weight:700;flex-shrink:0}
@media (max-width:768px) {
  .article-links {grid-template-columns:1fr}
}
.landing-legal-links {width:min(1180px,calc(100% - 32px));margin:24px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.landing-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}
.landing-legal-link:hover {background:#f7faff;border-color:#b9ceff;box-shadow:0 8px 22px rgba(0,60,255,.09);transform:translateY(-2px)}
.landing-legal-arrow {flex:0 0 auto;margin-left:18px;color:#1769e8;font-size:19px;font-weight:700;line-height:1}
@media (max-width:700px) {
  .landing-legal-links {width:min(100% - 24px,1180px);grid-template-columns:1fr;gap:10px;margin-top:20px}
  .landing-legal-link {min-height:54px;padding:14px 15px;font-size:13px}
}