{IMP}
:root{--red:#dc2626;--accent:'Unbounded','Manrope',sans-serif;--fg:#0a0a0c;--muted:#52525b;--mut2:#71717a;--line:#ececea;--bg:#fbfbfa;--bg2:#f3f3f1;--card:#fff;--green:#16a34a;--blue:#2563eb;--amber:#b45309;--purple:#7c3aed;--e:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Manrope,-apple-system,sans-serif;line-height:1.6;font-size:15px;-webkit-font-smoothing:antialiase;text-wrap:prettyd}
a{color:var(--red);text-decoration:none}
.wrap{display:flex;min-height:100vh}
.side{width:268px;flex:0 0 268px;background:var(--card);border-right:1px solid var(--line);position:sticky;top:0;height:100vh;overflow-y:auto;padding:0 0 30px}
.side .brand{display:flex;align-items:center;justify-content:center;gap:9px;padding:18px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card);z-index:2}
.side .brand svg{width:25px;height:25px}.side .brand .lw{font-weight:800;font-size:15px}.side .brand .lw .d{color:var(--mut2);font-weight:600}
.side .cl{text-align:center;padding:14px 20px 8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut2)}
.nav{padding:4px 12px}
.ni{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:9px;cursor:pointer;font-size:14px;font-weight:600;color:var(--muted);transition:.15s;user-select:none}
.ni:hover{background:var(--bg2);color:var(--fg)}
.ni.on{background:var(--fg);color:#fff}
.ni .e{width:18px;text-align:center}
.sub{margin:2px 0 6px 30px;display:none}
.ni.exp+.sub{display:block}
.si{display:block;padding:6px 10px;font-size:12.5px;color:var(--mut2);border-left:2px solid var(--line);cursor:pointer}
.si:hover{color:var(--red);border-left-color:var(--red)}
.main{flex:1;min-width:0}
.pane{display:none;max-width:880px;margin:0 auto;padding:40px 44px 110px}
.pane.on{display:block;animation:fade .3s var(--e)}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.kicker{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
h1{font-size:33px;font-weight:800;letter-spacing:-.02em;line-height:1.09;margin:0 0 8px}
h1,h2,h3{text-wrap:balance}
h1 em{font-family:var(--accent);font-style:normal;font-weight:700;color:var(--red)}
.intro{font-size:16px;color:var(--muted);margin:0 0 22px;max-width:700px}
h2{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut2);margin:38px 0 14px;padding-top:12px;border-top:1px solid var(--line);scroll-margin-top:14px}
h3{font-size:19px;font-weight:800;letter-spacing:-.01em;margin:24px 0 10px;scroll-margin-top:14px}
h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--amber);margin:14px 0 6px}
p{margin:9px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:12px 0}
.tag{font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;vertical-align:middle}
.tag.green{color:var(--green);background:#e7f6ec}.tag.red{color:var(--red);background:#fdeaea}.tag.blue{color:var(--blue);background:#eef2fc}.tag.amber{color:var(--amber);background:#fbf0e0}.tag.pur{color:var(--purple);background:#f1ebfd}
.src{font-size:10px;font-weight:700;padding:1px 6px;border-radius:6px;margin-left:6px;white-space:nowrap}
.s-say{background:#f3f3f1;color:#6a6a72}.s-data{background:#e7f6ec;color:#15803d}.s-res{background:#eef2fc;color:#1d4ed8}.s-no{background:#fdeaea;color:#b91c1c}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.kpi .v{font-size:23px;font-weight:800;letter-spacing:-.02em}.kpi .l{font-size:12px;color:var(--mut2)}
ul{margin:9px 0;padding-left:20px}li{margin:5px 0}
ol{margin:9px 0;padding-left:22px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
table{width:100%;border-collapse:collapse;font-size:13px;margin:10px 0}
th,td{padding:9px 11px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--bg2);font-weight:700;font-size:12px}
.q{background:#15161a;color:#fff;border-radius:10px;padding:13px 16px;font-size:14.5px;margin:10px 0;line-height:1.5}
.q em{color:#ffd9d9;font-style:normal;font-weight:700}
.box{border:1px solid var(--line);border-radius:11px;padding:13px 16px;margin:9px 0;background:var(--card)}
.box.illu{background:#fdf8ee;border-color:#f0e2c5}.box.obj{background:#fdeeec;border-color:#f3d3cd}.box.ins{background:#eef7f1;border-color:#cfe9d6}
.box b.h{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;color:var(--mut2)}
.box.illu b.h{color:var(--amber)}.box.obj b.h{color:var(--red)}.box.ins b.h{color:var(--green)}
.seg{border-radius:12px;border:1px solid var(--line);border-left:4px solid var(--green);padding:15px 18px;margin:11px 0;background:var(--card)}
.seg.s3{border-left-color:var(--amber)}.seg.s4{border-left-color:var(--blue)}
.seg h3{margin:0 0 4px;font-size:16px}.seg p{margin:6px 0;font-size:13.5px}.seg b{font-weight:700}
.cite{margin:7px 0;padding:8px 14px;background:var(--bg2);border-left:3px solid var(--red);font-style:italic;font-size:13.5px;border-radius:0 8px 8px 0}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.ci{font-size:12.5px;background:var(--bg2);border-radius:8px;padding:6px 11px}
.gl{display:flex;gap:9px;padding:7px 0;font-size:14px}.gl .c{color:var(--green);font-weight:800;flex:0 0 auto}.gl .c.r{color:var(--red)}.gl .c.n{color:var(--mut2)}
.note{background:var(--bg2);border-radius:10px;padding:11px 14px;font-size:13px;color:var(--muted);margin:12px 0}.note b{color:var(--fg)}
.warn{background:#fdeeec;border:1px solid #f3d3cd;border-radius:10px;padding:12px 15px;font-size:13px;color:#7a1414;margin:12px 0}.warn b{color:#5c0f0f}
.lad{display:flex;align-items:flex-end;gap:7px;height:130px;border-bottom:2px solid var(--line);margin:14px 0 6px}
.lad .b{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.lad .b i{width:100%;border-radius:5px 5px 0 0;display:block}
.lad .b small{font-size:10.5px;color:var(--mut2);margin-top:5px;text-align:center;line-height:1.2}
.ch{margin:10px 0}.ch .cn{display:flex;justify-content:space-between;font-size:14px;margin-bottom:4px}.ch .cn b{font-weight:700}.ch .cn .p{color:var(--mut2);font-weight:700}
.ch .bar{height:8px;background:var(--bg2);border-radius:6px;overflow:hidden}.ch .bar i{display:block;height:100%;background:var(--red)}.ch .wy{font-size:12px;color:var(--muted);margin-top:3px}
/* offer cards */
.offer{background:linear-gradient(135deg,#15161a,#241c1c 70%,#dc2626 220%);color:#fff;border-radius:16px;padding:26px 30px;margin:16px 0;position:relative;overflow:hidden}
.offer.o1{border-top:5px solid var(--red)}.offer.o2{border-top:5px solid #b0b0b0}.offer.o3{border-top:5px solid #b87333}
.offer .ot{display:inline-block;background:var(--red);color:#fff;padding:4px 12px;border-radius:14px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.offer.o2 .ot{background:#b0b0b0;color:#15161a}.offer.o3 .ot{background:#b87333}
.offer h3{color:#fff;margin:0 0 5px;font-size:21px}.offer .tgt{color:#ffd9d9;font-size:13px;margin-bottom:14px}
.offer h4{color:#fff;opacity:.7;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:5px;margin:18px 0 8px}
.offer ul{list-style:none;padding:0;margin:0}
.offer li{padding:7px 0 7px 26px;position:relative;border-bottom:1px solid rgba(255,255,255,.07);font-size:13.5px}
.offer li::before{content:'✓';position:absolute;left:0;top:7px;color:#ff8e8e;font-weight:800}
.offer ul.bon li::before{content:'✓';font-size:11px;color:#1f9d57;font-weight:800}.offer ul.war li::before{content:'✓';font-size:11px;color:#1f9d57;font-weight:800}.offer ul.scr li::before{content:'•';color:var(--red)}
.offer .val{display:inline-block;background:rgba(255,255,255,.14);padding:1px 7px;border-radius:9px;font-size:11.5px;margin-left:6px}
.offer .stk{background:rgba(220,38,38,.18);border-left:3px solid var(--red);padding:11px 14px;border-radius:8px;margin-top:12px;font-size:13px}.offer .stk b{color:#ffb3b3}
.offer .prc{margin-top:16px;padding:14px 16px;background:rgba(255,255,255,.07);border-radius:9px}.offer .prc b{font-size:18px;color:#ff8e8e}.offer .prc .st{text-decoration:line-through;opacity:.5;margin-right:8px}
.brick{background:#fdf8ee;border:1px solid #f0e2c5;border-radius:10px;padding:14px 18px;margin:10px 0}.brick h4{color:#b86c1e;margin:0 0 8px}.brick ol{columns:2;column-gap:26px;margin:0;padding-left:20px}.brick li{break-inside:avoid;font-size:13px}

.veq .n{color:#ff8e8e}.veq .d{color:#f0a868}
.magic{display:grid;grid-template-columns:60px 1fr;gap:8px 14px;border:1px solid var(--line);border-radius:9px;padding:12px 14px;margin:6px 0;background:var(--card);font-size:13px}
.magic b{color:var(--red);font-size:15px}
.kpnum{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-top:26px}
.kpprice{border:1px solid var(--line);border-radius:13px;padding:16px 18px;background:var(--card)}
.kpprice.rec{border-color:var(--red);box-shadow:0 0 0 1px var(--red) inset}
.kpprice .pn{font-weight:800;font-size:14.5px}
.kpprice .pp{font-size:26px;font-weight:800;letter-spacing:-.02em;margin-top:4px}
.kpprice .ps{font-size:12px;color:var(--mut2);margin-bottom:8px}
.kpprice ul{margin:0;padding-left:18px}.kpprice li{font-size:12.5px;margin:4px 0}
.kpcase{border:1px solid var(--line);border-radius:11px;padding:13px 15px;background:var(--card)}.kpcase .cn{font-size:11.5px;color:var(--mut2)}.kpcase .cname{font-size:16px;font-weight:800;margin:3px 0}.kpcase .cd{font-size:12.5px;color:var(--muted)}
.crow{position:relative;display:grid;grid-template-columns:228px 1fr 148px;gap:18px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:16px 18px 16px 22px;margin:11px 0;overflow:hidden;background:var(--card);transition:.18s}
.crow::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--red)}
.crow:hover{border-color:var(--red);box-shadow:0 16px 34px -18px rgba(220,38,38,.45);transform:translateY(-2px)}
.crow .logobox{background:#fff;border:1px solid var(--line);border-radius:9px;padding:5px 10px;display:inline-flex;align-items:center;margin-bottom:8px}
.crow .logobox img{height:20px;width:auto;display:block}
.crow .nc{font-size:11px;color:var(--mut2);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.crow .nm{font-weight:800;font-size:16px;margin:2px 0 3px;letter-spacing:-.01em}
.crow .did{font-size:12.5px;color:var(--muted);line-height:1.4}
.crow .thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.crow .thumbs .gi{aspect-ratio:4/5;overflow:hidden;border-radius:9px;background:#000;cursor:zoom-in}
.crow .thumbs .gi img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s var(--e)}
.crow .thumbs .gi:hover img{transform:scale(1.06)}
.crow .cr{text-align:right}
.crow .big{font-size:29px;font-weight:800;color:var(--red);letter-spacing:-.03em;line-height:.95}
.crow .bl{font-size:11.5px;color:var(--mut2);font-weight:600;margin-top:3px}
.crow .m2{font-size:12.5px;color:var(--muted);margin:6px 0 9px}.crow .m2 b{color:var(--fg)}
.crow .pill{display:inline-flex;align-items:center;gap:5px;color:var(--red);font-weight:800;font-size:12.5px;padding:8px 13px;border-radius:9px;cursor:pointer;border:1px solid rgba(220,38,38,.4);background:transparent;font-family:Manrope}
.crow .pill:hover{background:var(--red);color:#fff}
.pfoot{margin-top:18px;padding-top:15px;border-top:1px solid var(--line);text-align:center}
.pfoot .st{font-size:13px;color:var(--mut2);font-weight:600}.pfoot .st b{color:var(--red)}
.pfoot p{font-size:12.5px;color:var(--muted);line-height:1.55;max-width:62ch;margin:7px auto 0}.pfoot p b{color:var(--fg)}
.lb{position:fixed;inset:0;background:rgba(5,5,7,.94);z-index:120;display:none;align-items:center;justify-content:center;padding:30px;cursor:zoom-out}
.lb.on{display:flex}.lb img{max-width:92vw;max-height:90vh;border-radius:10px}
.cm{position:fixed;inset:0;background:rgba(8,8,10,.72);z-index:100;display:none;align-items:flex-start;justify-content:center;padding:28px 18px;overflow-y:auto}
.cm.on{display:flex}
.cm-box{position:relative;background:var(--card);border-radius:18px;max-width:880px;width:100%;margin:auto;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.55)}
.cm-close{position:absolute;top:14px;right:14px;z-index:3;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--card);font-size:16px;cursor:pointer;color:var(--muted)}
.cm-close:hover{border-color:var(--red);color:var(--red)}
.cm-hd{display:flex;align-items:center;gap:14px;padding:22px 26px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.cm-hd .logobox{background:#fff;border:1px solid var(--line);border-radius:9px;padding:6px 11px;display:inline-flex;align-items:center}.cm-hd .logobox img{height:24px;width:auto;display:block}
.cm-hd .nc{font-size:11.5px;color:var(--mut2);text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.cm-hd .nm{font-size:20px;font-weight:800;letter-spacing:-.01em}
.cm-hd .res{margin-left:auto;display:flex;gap:20px}
.cm-hd .res>div{text-align:right}.cm-hd .res .b{font-size:22px;font-weight:800;color:var(--red);letter-spacing:-.02em;line-height:1}.cm-hd .res .l{font-size:11px;color:var(--mut2);font-weight:600}
.cm-did{padding:14px 26px 0;font-size:14px;color:var(--muted)}
.cm-gal{padding:16px 26px;display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.cm-gal .gi{aspect-ratio:4/5;border-radius:11px;overflow:hidden;background:#000;cursor:zoom-in}
.cm-gal .gi img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s var(--e)}
.cm-gal .gi:hover img{transform:scale(1.05)}
.cm-foot{padding:18px 26px 24px;border-top:1px solid var(--line);text-align:center}
.cm-foot .cta{display:inline-block;background:var(--red);color:#fff;font-weight:800;font-size:14px;padding:11px 22px;border-radius:10px}
.cm-foot .pf{font-size:12.5px;color:var(--mut2);margin:11px auto 0;max-width:56ch}
@media(max-width:680px){.cm-gal{grid-template-columns:1fr 1fr}.cm-hd .res{margin-left:0;width:100%}}
@media print{.crow .pill{display:none}}
.kpdl{display:flex;gap:9px;flex-wrap:wrap;margin:2px 0 14px}
.kpdl button{font-family:Manrope;font-weight:700;font-size:13px;border:1px solid var(--line);background:var(--card);color:var(--fg);padding:9px 15px;border-radius:10px;cursor:pointer;transition:.2s}
.kpdl button:hover{border-color:var(--red);color:var(--red)}
.kpdl button.pri{background:var(--red);color:#fff;border-color:var(--red)}.kpdl button.pri:hover{filter:brightness(1.08);color:#fff}
@media print{.side,.mtop,.kpdl,.pane:not(#p9){display:none!important}.main{padding:0}#p9{display:block!important;padding:0 30px}#p9 .warn{display:none}}
.mtop{display:none;position:sticky;top:0;z-index:20;background:var(--card);border-bottom:1px solid var(--line);padding:11px 18px;align-items:center;justify-content:space-between}
.mtop select{font-family:Manrope;font-weight:700;font-size:14px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--bg);max-width:60%}
@media(max-width:900px){.side{display:none}.wrap{display:block}.mtop{display:flex}.pane{padding:24px 18px 80px}.kpis,.grid3{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.brick ol{columns:1}h1{font-size:26px}}
.solo .side{display:none}.solo .main{padding:0}@media(min-width:900px){.solo .main .pane.on{max-width:900px;margin:0 auto;padding:30px 26px}}
.kp-guar{background:#141519;color:#fff;border-radius:16px;padding:24px 26px;position:relative;overflow:hidden;margin:6px 0}.kp-guar::after{content:"";position:absolute;width:280px;height:280px;right:-80px;top:-80px;background:radial-gradient(circle,rgba(220,38,38,.35),transparent 70%);pointer-events:none}.kp-guar .gtitle{color:#fff;font-weight:800;font-size:16px;margin:0 0 6px;position:relative}.kp-guar .gtitle .ac{color:#f0584f}.kp-guar p{position:relative;color:#d4d4d8;margin:0 0 10px;font-size:14.5px;line-height:1.55}.kp-guar p b{color:#fff}.kp-guar .gnote{font-size:13px;color:#a1a1aa}@media print{.side,.kpdl,.warn,#msel,.bgsw{display:none!important}.wrap{display:block}.main{padding:0}.card,.kp-guar,.box,.gl,.crow,.kpi,.step{page-break-inside:avoid}h1,h2,h3,.kpnum{page-break-after:avoid}}
:root{--raz-ease:cubic-bezier(.16,1,.3,1)}
#razNet{position:fixed;inset:0;z-index:0;pointer-events:none}
.wrap{position:relative;z-index:1}
.side{background:rgba(252,252,250,.74);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ni.on{position:relative}
.ni.on::before{content:"";position:absolute;inset:0;background:radial-gradient(140px 44px at 18px 50%,rgba(220,38,38,.10),transparent 72%);border-radius:10px;z-index:-1}
.pane.on>h1{position:relative}
.pane.on>h1::after{content:"";position:absolute;left:-14px;top:-10px;width:200px;height:96px;background:radial-gradient(closest-side,rgba(220,38,38,.10),transparent);z-index:-1;pointer-events:none}
.kpi .v,.big,.case-metric,.tm-stats b{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.card{transition:box-shadow .25s var(--raz-ease),transform .25s var(--raz-ease)}
.card:hover{box-shadow:0 18px 40px -24px rgba(10,10,12,.22)}
@keyframes razPaneIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(14px);transition:opacity .6s var(--raz-ease),transform .6s var(--raz-ease)}
  .rv.rv-in{opacity:1;transform:none}
  .pane.on{animation:razPaneIn .45s var(--raz-ease)}
}
@media print{
  #razNet{display:none!important}
  .side{background:#fff!important;backdrop-filter:none!important}
  .rv,.pane.on{opacity:1!important;transform:none!important;animation:none!important}
  .ni.on::before,.pane.on>h1::after{display:none!important}
}
.ni .e{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex:none;text-align:initial}.ni .e svg{width:18px;height:18px;opacity:.82}.ni.on .e svg{opacity:1}.ni:hover{background:var(--bg2);color:var(--fg)}.ni.on:hover{background:var(--fg);color:#fff}.cta-button,a.cta-button{transition:transform .2s var(--raz-ease),box-shadow .2s var(--raz-ease)}.cta-button:hover{transform:translateY(-2px)}
.src{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:999px;vertical-align:middle;line-height:1.7;white-space:nowrap}.src::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.src.s-data{background:#e7f6ee;color:#1a8f54}.src.s-res{background:#e8eefb;color:#2a5bd0}.src.s-say{background:#fdeede;color:#b3701a}.src.s-no{background:#eef0f2;color:#5a6470}.gl .c svg{width:12px;height:12px;display:block}.ico-ch{width:15px;height:15px;vertical-align:-2px;margin-right:5px;color:var(--red)}.vdot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle;flex:none}.crow{transition:transform .2s var(--raz-ease),box-shadow .2s var(--raz-ease)}.crow:hover{transform:translateY(-3px);box-shadow:0 16px 34px -20px rgba(10,10,12,.28)}.ni.on{box-shadow:inset 3px 0 0 var(--red)}.stars{position:relative;display:inline-block;line-height:0;vertical-align:-3px}.stars .base,.stars .fill{display:inline-flex}.stars .fill{position:absolute;left:0;top:0;width:0;overflow:hidden;transition:width 1.1s var(--raz-ease)}.stars svg{width:15px;height:15px}.stars .base svg{fill:#e3e3e6}.stars .fill svg{fill:#f5b301}@media print{.crow{transform:none!important;box-shadow:none!important}.stars .fill{width:88%!important;transition:none!important}}
.kp-price{margin:8px 0}.kp-pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}@media(max-width:760px){.kp-pgrid{grid-template-columns:1fr}}.kp-pcard{position:relative;border:1px solid var(--line);border-radius:18px;padding:24px 22px;background:#fff;display:flex;flex-direction:column;transition:transform .2s var(--raz-ease),box-shadow .2s var(--raz-ease)}.kp-pcard:not(.rec):hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(10,10,12,.2)}.kp-pcard.rec{border:2px solid var(--red);box-shadow:0 26px 60px -28px rgba(220,38,38,.4)}.kp-pcard .plab{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut2);margin-bottom:7px}.kp-pcard.rec .plab{color:var(--red)}.kp-pcard .pname{font-size:19px;font-weight:800;letter-spacing:-.02em;color:#0a0a0c}.kp-pcard .pprice{margin:12px 0 2px;font-size:13px;color:var(--mut2);font-weight:600}.kp-pcard .pprice b{font-size:34px;font-weight:800;letter-spacing:-.03em;color:#0a0a0c;font-variant-numeric:tabular-nums;margin-right:2px}.kp-pcard .psub{font-size:13.5px;color:var(--mut);margin:10px 0 16px;line-height:1.5}.kp-pcard ul{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:10px}.kp-pcard li{display:flex;gap:9px;align-items:flex-start;font-size:14px;color:#0a0a0c;line-height:1.4}.kp-pcard li svg{width:16px;height:16px;flex:none;color:#16a34a;margin-top:1px}.kp-pcard .pcta{margin-top:auto;text-align:center;display:block;padding:12px;border-radius:11px;font-weight:700;font-size:14.5px;border:1px solid var(--line);color:#0a0a0c;text-decoration:none;transition:.2s var(--raz-ease)}.kp-pcard .pcta:hover{background:var(--bg2)}.kp-pcard.rec .pcta{background:var(--red);color:#fff;border-color:var(--red)}.kp-pcard.rec .pcta:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(220,38,38,.5)}.kp-pbadge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:5px 14px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 20px -6px rgba(220,38,38,.5)}.kp-pfoot{margin-top:18px;background:#fdf2f2;border:1px solid #f6dada;border-radius:14px;padding:14px 18px;text-align:center;font-size:13.5px;color:var(--mut);line-height:1.55}.kp-pfoot b{color:#0a0a0c}@media print{.kp-pcard.rec{box-shadow:none!important}.kp-pcard:hover{transform:none!important;box-shadow:none!important}}
@media print{.kp-faq-sec{display:none!important}}
.tl{position:relative;margin:10px 0;padding-left:2px}.tl::before{content:"";position:absolute;left:19px;top:10px;bottom:24px;width:2px;background:linear-gradient(180deg,var(--red),#e6e6e9)}.tl-item{position:relative;padding:0 0 24px 54px}.tl-dot{position:absolute;left:8px;top:-2px;width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;box-shadow:0 0 0 4px var(--bg),0 6px 16px -6px rgba(220,38,38,.55);font-variant-numeric:tabular-nums}.tl-wk{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--red)}.tl-h{font-size:17px;font-weight:800;letter-spacing:-.02em;color:#0a0a0c;margin:2px 0 9px;line-height:1.2}.tl-item ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px;font-size:14px;color:var(--muted);line-height:1.45}@media print{.tl::before{background:#ccc}}
.bar i{transition:width 1s var(--raz-ease)}.ch .p{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}@media print{.bar i{transition:none!important}}
.hw{--e:cubic-bezier(.16,1,.3,1)}.hw .hw-n{flex:none;width:28px;height:28px;border-radius:8px;background:var(--red);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}.hw .hw-d{font-size:12px;font-weight:800;color:var(--red)}.hw .hw-b b{display:block;font-size:15px;font-weight:800;color:#0a0a0c;margin:5px 0 6px;letter-spacing:-.01em}.hw .hw-x{font-size:12.5px;line-height:1.5;color:var(--muted)}.hw .hw-row{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0 4px;align-items:stretch}.hw .hw-card{flex:1;min-width:132px;position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 16px 18px;transition:.25s var(--e)}.hw .hw-card:hover{border-color:#e0e0dc;box-shadow:0 16px 34px -24px rgba(0,0,0,.25);transform:translateY(-2px)}.hw .hw-card .hw-n{position:absolute;top:-14px;left:18px}.hw .hw-card .hw-b{margin-top:8px}.hw .hw-card::after{content:'';position:absolute;top:0;right:-14px;width:14px;height:2px;background:var(--red);opacity:.55}.hw .hw-card:last-child::after{display:none}@media(max-width:760px){.hw .hw-card::after{display:none}.hw .hw-card{min-width:100%}}@media print{.hw .hw-card{transform:none!important;box-shadow:none!important}.hw .hw-card::after{display:none}}
.hw .hw-col{display:flex;flex-direction:column;gap:0;max-width:700px;margin:16px 0 4px}.hw .hw-vc{display:flex;gap:16px;position:relative;padding:0 0 24px 0}.hw .hw-vc::before{content:'';position:absolute;left:13px;top:30px;bottom:-2px;width:2px;background:var(--line)}.hw .hw-vc:last-child::before{display:none}.hw .hw-vc .hw-b{padding-bottom:4px}.hw .hw-vc ul{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);line-height:1.45}
.cmp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:14px;margin:14px 0 8px}.cmp-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;transition:transform .2s var(--raz-ease),box-shadow .2s var(--raz-ease)}.cmp-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px -22px rgba(10,10,12,.22)}.cmp-name{font-size:15px;font-weight:800;color:#0a0a0c;letter-spacing:-.01em}.cmp-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:11px 0}.cmp-meta span{font-size:12.5px;font-weight:700;color:#0a0a0c}.cmp-meta span i{font-style:normal;display:block;font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;color:#a1a1aa;font-weight:700;margin-bottom:1px}.cmp-strong{font-size:12.5px;color:var(--muted);line-height:1.45;border-top:1px solid var(--line);padding-top:10px}@media print{.cmp-card{transform:none!important;box-shadow:none!important}}
.pane table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;line-height:1.45;margin:14px 0 8px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.pane table th{text-align:left;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#71717a;background:var(--bg2);padding:11px 14px;border-bottom:1px solid var(--line)}.pane table td{padding:11px 14px;border-bottom:1px solid #f0f0ed;color:#0a0a0c;vertical-align:top}.pane table tr:last-child td{border-bottom:0}.pane table tr:hover td{background:#fafafa}@media print{.pane table tr:hover td{background:transparent}}
.veqf{background:#141519;border-radius:16px;padding:26px 22px;text-align:center;position:relative;overflow:hidden;margin:10px 0}.veqf::after{content:'';position:absolute;width:240px;height:240px;right:-70px;top:-70px;background:radial-gradient(circle,rgba(220,38,38,.3),transparent 70%);pointer-events:none}.veqf-row{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;font-size:clamp(15px,2.4vw,19px);font-weight:800;letter-spacing:-.01em}.veqf-row.up span{color:#7ee0b0}.veqf-row.dn span{color:#f0a868}.veqf-row b{color:#8b8b94;font-weight:600}.veqf-bar{position:relative;height:2px;background:rgba(255,255,255,.45);margin:16px auto;max-width:440px;border-radius:2px}.lvl-b{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:22px;border-radius:7px;color:#fff;font-size:12px;font-weight:800;padding:0 7px;margin-right:8px;vertical-align:1px;font-variant-numeric:tabular-nums}
.box,.seg{transition:transform .2s var(--raz-ease),box-shadow .2s var(--raz-ease)}.box:hover,.seg:hover{transform:translateY(-2px);box-shadow:0 14px 30px -24px rgba(10,10,12,.2)}@media print{.box:hover,.seg:hover{transform:none!important;box-shadow:none!important}}
.bf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:6px}@media(max-width:680px){.bf-grid{grid-template-columns:1fr}}.bf-span{grid-column:1/-1}.bf-i{position:relative;background:#fff;border:1px solid #ececf0;border-radius:14px;padding:15px 17px 14px;overflow:hidden;transition:transform .2s var(--raz-ease),box-shadow .2s var(--raz-ease),border-color .2s}.bf-i::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);opacity:.9}.bf-i.warn::before{background:#e0a82e}.bf-i:hover{transform:translateY(-2px);box-shadow:0 16px 34px -26px rgba(10,10,12,.25);border-color:#e2e2e8}.bf-k{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.bf-k>b{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#868c96;font-weight:800;line-height:1.25}.bf-cs{display:inline-flex;gap:5px;flex-shrink:0}.bf-v{font-size:14.5px;line-height:1.5;color:#1a1c20}.bf-c{font-size:10px;font-weight:800;letter-spacing:.02em;padding:3px 8px 3px 7px;border-radius:999px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;text-transform:uppercase}.bf-c.d{background:#e8f6ee;color:#1f8a4c}.bf-c.q{background:#fbeccd;color:#a86a12}.bf-c.s{background:#fdeede;color:#9a5a12}.bf-c i{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block}.bf-q{display:block;margin-top:7px;font-size:13px;font-weight:600;color:#a86a12}.bf-mut{display:block;margin-top:4px;font-size:12.5px;color:var(--mut2)}@media print{.bf-i:hover{transform:none!important;box-shadow:none!important}}
.gl{align-items:flex-start}.gl .c{box-sizing:border-box;width:23px;height:23px;min-width:23px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:#e8f6ee;color:#1f8a4c;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;margin-top:1px;line-height:1}.gl .c svg{width:13px;height:13px;display:block}.gl .c.w{background:#fbeccd;color:#b6841a}.gl .c.x{background:var(--red);color:#fff}.gl .c.q{background:#eef0f2;color:#7a828c}.box.illu,.box.obj,.box.ins{position:relative;border-radius:14px;padding:14px 18px 14px 21px;overflow:hidden}.box.illu{background:#fdf9f0;border-color:#efe2cc}.box.obj{background:#fdf4f1;border-color:#f2d8d1}.box.ins{background:#f1f9f4;border-color:#d4e8db}.box.illu::before,.box.obj::before,.box.ins::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.box.illu::before{background:var(--amber)}.box.obj::before{background:var(--red)}.box.ins::before{background:#1f9d57}.box.illu b.h,.box.obj b.h,.box.ins b.h{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.07em;font-weight:800}.box.illu b.h{color:#b07d12}.box.obj b.h{color:#c0392b}.box.ins b.h{color:#1c8f4f}.box.illu b.h::before,.box.obj b.h::before,.box.ins b.h::before{content:"";width:15px;height:15px;flex:none;background:currentColor;-webkit-mask:var(--bic) center/contain no-repeat;mask:var(--bic) center/contain no-repeat}.box.ins b.h{--bic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M9%2021h6v-1.5H9V21Zm3-19a7%207%200%200%200-4.2%2012.6c.5.4.7.9.7%201.4V17h7v-1c0-.5.2-1%20.7-1.4A7%207%200%200%200%2012%202Z%27/%3E%3C/svg%3E")}.box.obj b.h{--bic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M5%202a1%201%200%200%200-1%201v18h2v-7h11.4a1%201%200%200%200%20.8-1.6L16%209l2.2-3.4A1%201%200%200%200%2017.4%204H6V3a1%201%200%200%200-1-1Z%27/%3E%3C/svg%3E")}.box.illu b.h{--bic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M12%202a10%2010%200%201%200%200%2020%2010%2010%200%200%200%200-20Zm1%2015h-2v-6h2v6Zm0-8h-2V7h2v2Z%27/%3E%3C/svg%3E")}.avoid{display:flex;gap:13px;align-items:flex-start;background:#fdf4f1;border:1px solid #f2d8d1;border-left:4px solid var(--red);border-radius:14px;padding:15px 18px;margin:16px 0}.avoid-ic{flex:none;width:30px;height:30px;border-radius:9px;background:#fbe4e1;color:var(--red);display:flex;align-items:center;justify-content:center}.avoid-ic svg{width:17px;height:17px}.avoid b{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--red);font-weight:800;margin-bottom:4px}.avoid>div>span{font-size:14px;line-height:1.5;color:#0a0a0c}.seg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:14px 0 8px}@media(max-width:680px){.seg-grid{grid-template-columns:1fr}}.seg-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;overflow:hidden;transition:transform .2s var(--raz-ease),box-shadow .2s var(--raz-ease)}.seg-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sa)}.seg-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px -22px rgba(10,10,12,.22)}.seg-h{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:800;color:#0a0a0c;letter-spacing:-.01em;margin-bottom:8px}.seg-b{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:24px;padding:0 8px;border-radius:7px;background:var(--sa);color:#fff;font-size:12.5px;font-weight:800}.seg-card p{margin:0;font-size:13.5px;line-height:1.5;color:var(--muted)}@media print{.seg-card:hover,.box.ins:hover,.box.obj:hover,.box.illu:hover{transform:none!important;box-shadow:none!important}.seg-card,.avoid,.box{break-inside:avoid}}
.tl-item.tl-rv{opacity:0;transform:translateX(-22px);transition:opacity .55s var(--raz-ease),transform .55s var(--raz-ease)}.tl-item.tl-rv.rv-in{opacity:1;transform:none}.tl-item.tl-rv .tl-dot{opacity:0;transform:scale(.35);transition:opacity .4s var(--raz-ease),transform .5s var(--raz-ease)}.tl-item.tl-rv.rv-in .tl-dot{opacity:1;transform:none}.pane table tr.tr-rv{opacity:0;transform:translateY(9px);transition:opacity .5s var(--raz-ease),transform .5s var(--raz-ease)}.pane table tr.tr-rv.rv-in{opacity:1;transform:none}.pane table tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--red)}@media print{.tl-item.tl-rv,.tl-item.tl-rv .tl-dot,.pane table tr.tr-rv{opacity:1!important;transform:none!important}.pane table tr:hover td:first-child{box-shadow:none!important}}
.hw .hw-vc.wk-rv{opacity:0;transform:translateX(-24px);transition:opacity .55s var(--raz-ease),transform .55s var(--raz-ease)}.hw .hw-vc.wk-rv.rv-in{opacity:1;transform:none}.hw .hw-vc.wk-rv .hw-n{opacity:0;transform:scale(.4);transition:opacity .4s var(--raz-ease),transform .5s var(--raz-ease)}.hw .hw-vc.wk-rv.rv-in .hw-n{opacity:1;transform:none}@media print{.hw .hw-vc.wk-rv,.hw .hw-vc.wk-rv .hw-n{opacity:1!important;transform:none!important}}
.box{border-radius:14px}.seg-q,.seg-a{margin:0;font-size:13.5px;line-height:1.5}.seg-q{margin-bottom:7px;color:var(--mut2)}.seg-a{color:#1a1c20}.seg-q>b,.seg-a>b{display:inline-block;font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:#a1a1aa;font-weight:800;margin-right:6px;vertical-align:1px}
.box.illu b.h,.box.obj b.h,.box.ins b.h{display:flex;align-items:center}.box.illu b.h::before,.box.obj b.h::before,.box.ins b.h::before{display:none!important}
.ov-finds,.ov-map{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:14px 0 8px}@media(max-width:680px){.ov-finds,.ov-map{grid-template-columns:1fr}}.ov-find{position:relative;display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 17px;text-decoration:none;color:inherit;overflow:hidden;transition:transform .2s var(--raz-ease),box-shadow .2s var(--raz-ease),border-color .2s}.ov-find::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--red)}.ov-find:hover{transform:translateY(-2px);box-shadow:0 16px 34px -26px rgba(10,10,12,.25);border-color:#e2e2e8}.ov-find .n{flex:none;width:26px;height:26px;border-radius:8px;background:var(--red);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.ov-find .t{font-size:13.5px;line-height:1.5;color:#3a3d44}.ov-find .t b{color:#0a0a0c}.ov-find .go{display:inline-block;margin-top:8px;font-size:12px;font-weight:800;color:var(--red);transition:transform .2s var(--raz-ease)}.ov-find:hover .go{transform:translateX(3px)}.ov-sec{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 17px;text-decoration:none;color:inherit;transition:transform .2s var(--raz-ease),box-shadow .2s var(--raz-ease),border-color .2s}.ov-sec:hover{transform:translateY(-2px);box-shadow:0 16px 34px -26px rgba(10,10,12,.25);border-color:#e2e2e8}.ov-sec .ic{flex:none;width:34px;height:34px;border-radius:10px;background:#fbe9e7;color:var(--red);display:flex;align-items:center;justify-content:center}.ov-sec .ic svg{width:18px;height:18px}.ov-sec .nm{font-size:14.5px;font-weight:800;color:#0a0a0c;letter-spacing:-.01em;display:flex;align-items:center;gap:6px}.ov-sec .nm .ar{color:var(--red);opacity:.55;transition:transform .2s var(--raz-ease)}.ov-sec:hover .nm .ar{opacity:1;transform:translateX(3px)}.ov-sec .vl{font-size:12.5px;line-height:1.45;color:var(--mut);margin-top:3px}.ov-key{position:relative;background:#141519;border-radius:16px;padding:22px 24px;margin:10px 0;overflow:hidden}.ov-key::after{content:"";position:absolute;width:240px;height:240px;right:-70px;top:-70px;background:radial-gradient(circle,rgba(220,38,38,.32),transparent 70%);pointer-events:none}.ov-key .kl{position:relative;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#f0584f;margin-bottom:8px}.ov-key .kt{position:relative;font-size:clamp(16px,2.3vw,20px);font-weight:800;color:#fff;line-height:1.35;letter-spacing:-.01em}.ov-key .kt b{color:#7ee0b0}.ov-key .kn{position:relative;margin-top:11px;font-size:13.5px;color:#a1a1aa;line-height:1.55}.ov-key .kn a{color:#f0a868;font-weight:700;text-decoration:none}.ov-next{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fdf4f1;border:1px solid #f3dcd7;border-left:4px solid var(--red);border-radius:16px;padding:20px 24px;margin:16px 0}.ov-next .nx-t{font-size:15.5px;font-weight:800;color:#0a0a0c}.ov-next .nx-s{font-size:13px;color:var(--mut);margin-top:3px;max-width:520px;line-height:1.5}.ov-next>a{flex:none;background:var(--red);color:#fff;font-weight:700;font-size:14.5px;padding:12px 22px;border-radius:11px;text-decoration:none;transition:transform .2s var(--raz-ease),box-shadow .2s var(--raz-ease)}.ov-next>a:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(220,38,38,.5)}@media print{.ov-find:hover,.ov-sec:hover,.ov-next>a:hover{transform:none!important;box-shadow:none!important}.ov-find,.ov-sec,.ov-key,.ov-next{break-inside:avoid}}
.brick{border-radius:14px;padding-left:21px;position:relative;overflow:hidden}.brick::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--amber)}.brick h4{margin-top:0}
:root{--mono:ui-monospace,'SF Mono','JetBrains Mono','Roboto Mono',monospace;--ink:#0d0d10;--soft:#f4f4f2;--redsoft:#fdecec}.pane h1{font-size:clamp(30px,4.4vw,46px);line-height:1.05;letter-spacing:-.03em;font-weight:830}.pane h2{font-size:clamp(19px,2.3vw,24px);line-height:1.15;letter-spacing:-.02em;font-weight:800;text-transform:none;color:var(--ink);border-top:1px solid var(--line);padding-top:20px;margin:48px 0 14px}.kicker{display:inline-flex;align-items:center;gap:9px}.kicker::before{content:'';width:22px;height:2px;background:var(--red);border-radius:2px}.veqf,.kp-guar,.ov-key{background:linear-gradient(155deg,#1a1113,#0d0d10)!important;border:1px solid #2a1e20}.kpi .v,.lvl-b,.kp-pcard .pprice b,.cr .big,.ch .p,.big{font-family:var(--mono);font-feature-settings:"tnum"}
.veq{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;margin:18px 0;text-align:left;font-family:inherit}.veq-formula{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;text-align:center;margin-bottom:8px}.veq-eq{font-size:26px;font-weight:800}.veq-frac{display:inline-flex;flex-direction:column;align-items:center}.veq-frac .num,.veq-frac .den{padding:6px 12px;font-weight:700;font-size:14px}.veq-frac .num{color:var(--green)}.veq-frac .den{color:var(--red)}.veq-frac .bar{height:2px;background:var(--ink);width:100%;margin:3px 0}.veq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}@media(max-width:680px){.veq-grid{grid-template-columns:1fr}}.lever{border:1px solid var(--line);border-radius:13px;padding:16px 18px;background:var(--soft)}.lever .lh{font-weight:800;font-size:14px;display:flex;align-items:center;gap:8px;margin-bottom:8px}.lever.up .lh{color:var(--green)}.lever.down .lh{color:var(--red)}.lever .arr{font-size:12px}.lever p{font-size:13.5px;color:var(--ink);line-height:1.5;margin:0}.lever p .src{margin-left:4px}.seg-b,.hw-n,.val,.cr .m2 b,.prc b,.kp-pcard .pprice b{font-family:var(--mono)}.pane h2 .src,.pane h2 .tag{vertical-align:middle;position:relative;top:-2px;margin-left:8px}
.box:not(.ins):not(.obj):not(.illu){position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px 16px 20px;overflow:hidden;font-size:14.5px;line-height:1.5;color:var(--ink)}.box:not(.ins):not(.obj):not(.illu)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);opacity:.85}.box:not(.ins):not(.obj):not(.illu) b.h{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--red);font-weight:800;margin-bottom:8px}.src:empty{display:none}
:root{--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Roboto,Arial,sans-serif}.cmp-name{font-size:16.5px}.cmp-meta span{font-family:var(--mono);font-size:13px}.cmp-meta span i{font-family:var(--sans)}.takeaway{position:relative;background:var(--soft);border:1px solid var(--line);border-left:4px solid var(--red);border-radius:14px;padding:16px 20px;margin:18px 0;font-size:14.5px;line-height:1.55;color:var(--ink)}.takeaway .tk-l{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-bottom:6px}.takeaway b{color:var(--ink)}@media print{.takeaway{break-inside:avoid}}
.lad .b{height:100%}.lad .b i{min-height:3px}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0 8px}
.tbl-wrap table{margin:0}
@media(max-width:680px){
.crow{grid-template-columns:1fr;gap:13px;padding:16px}
.crow .cr{text-align:left}
.crow .pill{width:100%;justify-content:center;margin-top:2px}
.tbl-wrap table{min-width:540px}
.pane{padding:20px 16px 72px}
}
/* === ЕДИНЫЙ тёмный блок: градиент + одинаковое красное свечение (все тёмные блоки разборов) === */
.darkcard{position:relative;overflow:hidden;color:#fff;border-radius:16px;padding:24px 26px;margin:6px 0;background:linear-gradient(155deg,#1a1113,#0d0d10);border:1px solid #2a1e20}
.kp-guar::after,.veqf::after,.ov-key::after,.darkcard::after{content:'';position:absolute;width:300px;height:300px;right:-90px;top:-90px;background:radial-gradient(circle,rgba(220,38,38,.33),transparent 70%);pointer-events:none}
.darkcard a,.darkcard p,.darkcard b{position:relative}
/* отчёт: «Скачать PDF» печатает ВСЕ разделы разом (body.print-all) — у разборов нет этого класса */
@media print{.print-all .side,.print-all #msel,.print-all .rep-dl{display:none!important}.print-all .pane{display:block!important;max-width:900px;margin:0 auto}.print-all .pane+.pane{page-break-before:always}}
.rep-dl{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 2px}
.rep-dl button{font-family:Manrope;font-weight:700;font-size:13.5px;padding:9px 15px;border-radius:10px;cursor:pointer;border:1px solid var(--line);background:#fff;color:#0a0a0c;display:inline-flex;align-items:center;gap:6px;transition:.15s}
.rep-dl button:hover{border-color:var(--red);color:var(--red)}
.rep-dl button.pri{background:var(--red);color:#fff;border-color:var(--red)}.rep-dl button.pri:hover{color:#fff;transform:translateY(-1px)}
/* === ФОРМЫ (бриф) — фирменные контролы в едином стиле === */
.field{margin:0 0 16px}
.field>label{display:block;font-weight:700;font-size:14.5px;margin-bottom:6px;color:var(--ink)}
.field .req{color:var(--red);font-weight:800}
.field .hint{font-size:12.5px;color:var(--mut2);margin:-2px 0 7px}
.field input[type=text],.field input[type=email],.field input[type=tel],.field input[type=url],.field textarea,.field select{width:100%;font-family:Manrope;font-size:14.5px;padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);transition:.15s;box-sizing:border-box}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(220,38,38,.12)}
.field textarea{min-height:84px;resize:vertical;line-height:1.5}
.opts{display:flex;flex-direction:column;gap:8px}
.opts.row{flex-direction:row;flex-wrap:wrap}.opts.row .opt{flex:1 1 auto;min-width:150px}
.opt{display:flex;align-items:flex-start;gap:9px;padding:11px 14px;border:1px solid var(--line);border-radius:11px;cursor:pointer;font-size:14px;color:var(--ink);transition:.15s;background:#fff}
.opt:hover{border-color:var(--red)}
.opt input{margin-top:1px;accent-color:var(--red);flex:none}
.brief-submit{background:var(--red);color:#fff;font-weight:700;font-size:15px;padding:14px 30px;border:0;border-radius:12px;cursor:pointer;transition:.2s var(--raz-ease);margin-top:8px}
.brief-submit:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(220,38,38,.55)}
/* динамические поля канала (раскрываются при выборе) + гео-валюта */
.ch-detail{display:none;margin:4px 0 10px 6px;padding:14px 16px;border-left:3px solid var(--red);background:var(--soft);border-radius:0 11px 11px 0}
.ch-detail.open{display:block}
.ch-detail .field{margin-bottom:12px}.ch-detail .field:last-child{margin-bottom:0}
.cur-block{display:none}.cur-block.on{display:block}
.geo-pick{display:flex;gap:10px;margin:6px 0 4px}
.geo-pick label{flex:1;text-align:center;padding:13px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-weight:700;transition:.15s}
.geo-pick label:hover{border-color:var(--red)}
.geo-pick input{display:none}.geo-pick input:checked+span{color:var(--red)}
.geo-pick label:has(input:checked){border-color:var(--red);background:var(--redsoft,#fdecec)}

/* ── Mobile: широкие таблицы (Репорт 20 — блок Вероники Дергачёвой 2026-06-11, адаптирован под наши классы .tbl-wrap / td.n / tr.tot) ── */
@media (max-width:820px){
  .tbl-wrap::-webkit-scrollbar{height:6px}
  .tbl-wrap::-webkit-scrollbar-track{background:var(--bg2)}
  .tbl-wrap::-webkit-scrollbar-thumb{background:var(--red);border-radius:3px}
  /* подсказка «скролл доступен» над таблицей */
  .tbl-wrap::before{content:"← прокрутите таблицу →";display:block;font-size:11px;font-weight:600;color:var(--mut2);text-align:center;padding:6px 0;background:var(--bg2);border-bottom:1px solid var(--line);letter-spacing:.04em;font-family:'Manrope',sans-serif}
  .tbl-wrap table{font-size:12px}
  .tbl-wrap th,.tbl-wrap td{padding:7px 9px}
  /* числа в правой колонке — не переносить */
  .tbl-wrap td.n,.tbl-wrap td.r,.tbl-wrap td[align="right"],.tbl-wrap th.n,.tbl-wrap th.r,.tbl-wrap th[align="right"]{white-space:nowrap;font-variant-numeric:tabular-nums}
  /* первая колонка (название) — закреплена при горизонт. скролле */
  .tbl-wrap table thead th:first-child,.tbl-wrap table tbody td:first-child{position:sticky;left:0;z-index:2;background:var(--card);box-shadow:3px 0 8px -2px rgba(0,0,0,.08);min-width:160px;max-width:220px;white-space:normal;word-break:break-word}
  .tbl-wrap table thead th:first-child{background:var(--bg2)}
  .tbl-wrap table tbody tr:nth-child(even) td:first-child{background:var(--bg2)}
  /* итоговая строка (наш .tot + её .total/tfoot) — тёмная закреплённая ячейка */
  .tbl-wrap table tbody tr.tot td:first-child,.tbl-wrap table tbody tr.total td:first-child,.tbl-wrap table tfoot td:first-child{background:var(--fg);color:#fff}
}
@media (max-width:480px){
  .tbl-wrap table{font-size:11.5px}
  .tbl-wrap table thead th:first-child,.tbl-wrap table tbody td:first-child{min-width:140px;max-width:180px}
  .tbl-wrap th,.tbl-wrap td{padding:6px 7px}
  .tbl-wrap::before{font-size:10.5px;padding:5px 0}
}

/* ===== РЕЖИМ «ПОТОК» — длинный лист (для коротких отчётов). Включается классом <body class="flow">.
   Все разделы видны сразу, сайдбар = якоря + scroll-spy. Большие отчёты класс не ставят → остаются SPA.
   Единый источник: правится здесь, наследуют все отчёты. ===== */
.flow .pane{display:block!important;max-width:900px;margin:0 auto;padding:34px 26px;animation:none!important;opacity:1!important;transform:none!important}
.flow .pane[id]{scroll-margin-top:14px}
.flow .pane+.pane{border-top:1px solid var(--line);margin-top:0}
.flow .pane>h1::after{display:none!important}
/* строки таблиц/таймлайна раскрываются стаггером при активации панели (.on), которого в потоке нет → форсим видимость */
.flow .tr-rv,.flow .wk-rv,.flow .tl-rv,.flow .tl-rv .tl-dot,.flow .wk-rv .hw-n{opacity:1!important;transform:none!important;transition:none!important}
@media(max-width:900px){.flow .pane{padding:26px 18px}.flow .pane[id]{scroll-margin-top:60px}}

/* ссылка «← Все отчёты» в сайдбаре отчёта → хаб клиента (reports.ecomdigital.io/<client>/) */
.side .hublink{display:flex;align-items:center;gap:6px;margin:2px 16px 4px;padding:8px 11px;font-size:12.5px;font-weight:700;color:var(--mut2);text-decoration:none;border:1px solid var(--line);border-radius:9px;transition:.15s}
.side .hublink:hover{color:var(--red);border-color:#e3c4c4;background:#fdf5f5}

/* ===== ТАРИФЫ — карточки рендерятся из pricing-data.js (window.renderPricing). Единый стиль для КП/Разбора. ===== */
.p-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;align-items:stretch;margin:20px 0 0}
@media(max-width:560px){.p-grid{grid-template-columns:1fr;max-width:440px;margin-left:auto;margin-right:auto}}
.p-card{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px 24px 24px;text-align:left}
.p-card .p-tag{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut2)}
.p-card h3{font-size:1.2rem;font-weight:800;letter-spacing:-.02em;margin:8px 0 14px;color:var(--fg)}
.p-price{display:flex;align-items:baseline;gap:5px;margin-bottom:6px}
.p-from{font-size:.85rem;font-weight:700;color:var(--mut2)}
.p-amt{font-size:2.3rem;font-weight:800;letter-spacing:-.04em;color:var(--fg);line-height:1}
.p-per{font-size:.92rem;font-weight:700;color:var(--muted)}
.p-anchor{font-size:12px;font-weight:700;color:var(--red);background:#fdeeee;border:1px solid #f6dada;border-radius:9px;padding:7px 11px;margin:4px 0 12px;line-height:1.35}
.p-lead{font-size:.88rem;line-height:1.5;color:var(--muted);margin:0 0 16px}
.p-feat{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:10px;flex:1}
.p-feat li{display:flex;gap:9px;align-items:flex-start;font-size:.9rem;color:#27272a;line-height:1.4}
.p-feat svg{flex:none;width:18px;height:18px;margin-top:1px}
.p-feat .ck{fill:none;stroke:#16a34a;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.p-cta{display:block;text-align:center;font-size:.92rem;font-weight:800;border-radius:100px;padding:13px 18px;text-decoration:none;border:1.5px solid var(--line);color:var(--fg);transition:.2s}
.p-cta.solid{background:var(--red);border-color:var(--red);color:#fff}
.p-card.best{border:2px solid var(--red);box-shadow:0 30px 60px -36px rgba(220,38,38,.4)}
.p-card.best .p-tag{color:var(--red)}
.p-pop{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:100px;padding:5px 14px;white-space:nowrap}
