:root{
  --bg:#15110d; --surface:#1e1812; --surface-2:#271f17; --border:#3a2e22;
  --text:#f0e9e0; --muted:#a89a8a; --accent:#ff7a1a; --accent-soft:#ff7a1a22;
  --accent-dim:#c25e14; --green:#4caf7d; --red:#e0584f; --radius:10px;
  --content:960px;
  --font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-mono:"SF Mono","Fira Code","Cascadia Code",Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--content);margin:0 auto;padding:0 24px}

header.hero{background:linear-gradient(160deg,#1e1812 0%,#15110d 60%,#1a140f 100%);border-bottom:1px solid var(--border);padding:64px 0 56px;position:relative;overflow:hidden}
header.hero::after{content:"";position:absolute;top:-120px;right:-80px;width:360px;height:360px;background:radial-gradient(circle,var(--accent-soft) 0%,transparent 70%);pointer-events:none}
.hero h1{font-size:clamp(30px,5vw,46px);font-weight:800;letter-spacing:-0.02em;line-height:1.15;margin-bottom:16px}
.hero h1 .accent{color:var(--accent)}
.hero .lead{font-size:clamp(16px,2.5vw,20px);color:var(--muted);max-width:640px;margin-bottom:28px}
.hero .badges{display:flex;flex-wrap:wrap;gap:10px}
.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border);border-radius:30px;font-size:13px;color:var(--muted);background:var(--surface)}
.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}

section{padding:56px 0;border-bottom:1px solid var(--border)}
section h2{font-size:clamp(22px,3.5vw,30px);font-weight:700;letter-spacing:-0.01em;margin-bottom:8px}
section h2 .num{color:var(--accent);font-family:var(--font-mono);font-size:0.7em;margin-right:10px;font-weight:600}
section .subtitle{color:var(--muted);font-size:15px;margin-bottom:32px}
section h3{font-size:18px;font-weight:600;margin:36px 0 16px;color:var(--accent)}

.intro-block{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:28px 32px;margin-bottom:8px}
.intro-block p{margin-bottom:14px;font-size:15.5px;line-height:1.75}
.intro-block p:last-child{margin-bottom:0}
.intro-block strong{color:var(--accent)}

details.level-block{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;overflow:hidden;background:var(--surface)}
details.level-block>summary{cursor:pointer;list-style:none;padding:22px 24px;display:flex;align-items:center;gap:16px;transition:background .2s;user-select:none;flex-wrap:wrap}
details.level-block>summary::-webkit-details-marker{display:none}
details.level-block>summary::marker{display:none}
details.level-block>summary:hover{background:var(--surface-2)}
details.level-block[open]>summary{border-bottom:1px solid var(--border)}
.lvl-tag{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--accent);white-space:nowrap}
.lvl-name{font-size:18px;font-weight:700;white-space:nowrap}
.lvl-goal{color:var(--muted);font-size:14px;flex:1;min-width:120px}
.lvl-price{font-family:var(--font-mono);font-size:18px;font-weight:700;white-space:nowrap}
.lvl-format{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;background:var(--accent-soft);color:var(--accent);white-space:nowrap}
.expand-icon{width:30px;height:30px;border:1px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:20px;font-weight:300;transition:transform .25s;flex-shrink:0}
details.level-block[open]>summary .expand-icon{transform:rotate(45deg)}
.level-content{padding:20px 24px}

table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border)}
th{color:var(--accent);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:0.06em;background:var(--surface-2)}
td{color:var(--text)}
tr:hover td{background:var(--surface)}
td.num-col{font-family:var(--font-mono);color:var(--accent);font-weight:600;text-align:center;width:40px}
td.price-col{font-family:var(--font-mono);font-weight:600;white-space:nowrap}

.services{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px;margin:16px 0}
.services ul{list-style:none;padding:0}
.services li{padding:8px 0;padding-left:24px;position:relative;font-size:14.5px;color:var(--text);border-bottom:1px solid var(--border)}
.services li:last-child{border-bottom:none}
.services li::before{content:"\25B8";position:absolute;left:0;color:var(--accent);font-weight:700}
.services .svc-title{font-size:12px;text-transform:uppercase;letter-spacing:0.06em;color:var(--accent);font-weight:600;margin-bottom:6px}

.result-box{border-left:3px solid var(--accent);padding:14px 18px;background:var(--accent-soft);border-radius:0 var(--radius) var(--radius) 0;margin:20px 0;font-size:14.5px}
.result-box strong{color:var(--accent)}
.problem-box{border-left:3px solid var(--red);padding:14px 18px;background:#e0584f11;border-radius:0 var(--radius) var(--radius) 0;margin:20px 0;font-size:14.5px;color:var(--muted)}
.problem-box strong{color:var(--red)}

.summary-table th:first-child{width:140px}

.price-highlight{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}
.price-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;text-align:center}
.price-card .pc-level{font-size:13px;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted);margin-bottom:10px}
.price-card .pc-value{font-family:var(--font-mono);font-size:28px;font-weight:800;color:var(--accent);margin-bottom:6px}
.price-card .pc-format{font-size:13px;color:var(--muted)}
.price-card .pc-desc{margin-top:14px;font-size:13.5px;color:var(--text);line-height:1.5}

.chart-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;margin:28px 0}
.chart-block .chart-title{font-size:15px;font-weight:600;margin-bottom:6px}
.chart-block .chart-sub{font-size:13px;color:var(--muted);margin-bottom:20px}
.chart-svg{width:100%;height:auto;display:block}

.comp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}
.comp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}
.comp-card .cc-tag{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--accent);margin-bottom:8px}
.comp-card .cc-name{font-size:16px;font-weight:700;margin-bottom:10px}
.comp-card .cc-row{font-size:13px;margin-bottom:6px}
.comp-card .cc-row .label{color:var(--muted);display:block;font-size:11px;text-transform:uppercase;letter-spacing:0.05em}
.comp-card .cc-row .val{color:var(--text)}
.comp-card .cc-win{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:13px;color:var(--green)}

.assess-table td:nth-child(2){width:120px;text-align:center}
.assess-table .rating-high{color:var(--green);font-weight:600}
.assess-table .rating-mid{color:var(--accent);font-weight:600}
.assess-table .rating-low{color:var(--red);font-weight:600}

.strategy-list{list-style:none;padding:0;counter-reset:s}
.strategy-list li{padding:14px 0 14px 40px;position:relative;border-bottom:1px solid var(--border);font-size:14.5px;counter-increment:s}
.strategy-list li:last-child{border-bottom:none}
.strategy-list li::before{content:counter(s);position:absolute;left:0;top:14px;width:26px;height:26px;background:var(--accent);color:var(--bg);border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono)}

.pitch-ol{list-style:none;counter-reset:p;padding:0}
.pitch-ol li{padding:12px 0 12px 40px;position:relative;counter-increment:p;border-bottom:1px solid var(--border);font-size:14.5px}
.pitch-ol li::before{content:counter(p);position:absolute;left:0;top:12px;font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--accent)}

.key-arg{background:var(--surface);border:1px solid var(--accent-dim);border-radius:var(--radius);padding:20px 24px;margin:24px 0;font-size:15px;font-style:italic}
.key-arg::before{content:"Ключевой аргумент продажи";display:block;font-style:normal;font-size:12px;text-transform:uppercase;letter-spacing:0.08em;color:var(--accent);margin-bottom:8px}

.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.channel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}
.channel-card .ch-num{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--accent);opacity:0.4;margin-bottom:8px}
.channel-card .ch-title{font-size:17px;font-weight:700;margin-bottom:10px}
.channel-card .ch-desc{font-size:14px;color:var(--muted);line-height:1.6}
.channel-card .ch-advantage{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:13px;color:var(--green)}

.payment-box{background:linear-gradient(135deg,var(--accent-soft) 0%,var(--surface) 100%);border:1px solid var(--accent-dim);border-radius:var(--radius);padding:28px 32px;margin:24px 0}
.payment-box .pb-title{font-size:18px;font-weight:700;color:var(--accent);margin-bottom:14px}
.payment-box .pb-text{font-size:15px;line-height:1.7}
.payment-box .pb-text p{margin-bottom:12px}
.payment-box .pb-text p:last-child{margin-bottom:0}
.payment-box .pb-highlight{display:inline-block;background:var(--accent);color:var(--bg);padding:2px 8px;border-radius:4px;font-weight:600;font-size:14px}

.scale-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}
.scale-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}
.scale-card .sc-icon{font-size:24px;margin-bottom:10px}
.scale-card .sc-title{font-size:16px;font-weight:700;margin-bottom:8px}
.scale-card .sc-desc{font-size:14px;color:var(--muted);line-height:1.6}

.back-to-top{position:fixed;bottom:30px;right:30px;width:48px;height:48px;background:var(--accent);color:var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:22px;font-weight:700;z-index:100;box-shadow:0 4px 16px rgba(0,0,0,0.5);transition:transform .2s,background .2s}
.back-to-top:hover{transform:translateY(-3px);background:#ff8a3a}

.nav-sidebar{position:fixed;left:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px;z-index:90}
.nav-item{width:38px;height:38px;border:1px solid var(--border);border-radius:7px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--muted);background:var(--surface);transition:all .2s;position:relative}
.nav-item:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.nav-item .nav-tip{position:absolute;left:46px;top:50%;transform:translateY(-50%);background:var(--surface-2);border:1px solid var(--border);padding:5px 12px;border-radius:5px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;color:var(--text);font-family:var(--font-sans);font-weight:400;z-index:99}
.nav-item:hover .nav-tip{opacity:1}
.nav-item.active-nav{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}

.guarantee-box{border:2px solid var(--accent);border-radius:var(--radius);padding:24px 28px;margin:20px 0;background:linear-gradient(135deg,var(--accent-soft) 0%,var(--surface) 100%)}
.guarantee-box .gb-title{font-size:17px;font-weight:700;color:var(--accent);margin-bottom:12px}
.guarantee-box .gb-text{font-size:14.5px;line-height:1.7}
.guarantee-box .gb-text p{margin-bottom:10px}
.guarantee-box .gb-text p:last-child{margin-bottom:0}
.guarantee-box .gb-condition{display:inline-block;background:var(--accent);color:var(--bg);padding:2px 8px;border-radius:4px;font-weight:600;font-size:13px}

footer{padding:40px 0;text-align:center;color:var(--muted);font-size:13px;border-top:1px solid var(--border)}
footer .accent{color:var(--accent)}
footer .ai-credit{margin-top:12px;font-size:12px;color:var(--muted);opacity:0.7}
footer .ai-credit .ai-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--muted)}
footer .ai-credit .ai-badge .ai-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}

.version-log{margin-top:20px;text-align:left;border-top:1px solid var(--border);padding-top:16px}
.version-log .ver-title{font-size:12px;text-transform:uppercase;letter-spacing:0.08em;color:var(--accent);font-weight:600;margin-bottom:10px}
.version-log .ver-table{width:100%;border-collapse:collapse;font-size:12px}
.version-log .ver-table th{color:var(--accent);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:0.05em;padding:6px 8px;border-bottom:1px solid var(--border);text-align:left}
.version-log .ver-table td{padding:6px 8px;border-bottom:1px solid var(--border);color:var(--muted)}
.version-log .ver-num{font-family:var(--font-mono);font-weight:700;color:var(--accent);white-space:nowrap}
.version-log .ver-date{font-family:var(--font-mono);white-space:nowrap;color:var(--text)}
.version-log .ver-table tr:last-child td{border-bottom:none}

.formula-box{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:24px 28px;margin:24px 0}
.formula-box .formula-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--accent);margin-bottom:14px}
.formula-box .formula-text p{margin-bottom:8px;font-size:14.5px}
.formula-box .formula-text p:last-child{margin-bottom:0}
.formula-box .formula-text strong{color:var(--accent)}
.calc-note{font-size:13px;color:var(--muted);margin-top:12px;font-style:italic}
.calc-collapse>summary{justify-content:center!important;text-align:center}
.calc-collapse>summary .lvl-goal{display:none}

.efficiency-box{background:linear-gradient(135deg,var(--accent-soft) 0%,var(--surface) 100%);border:1px solid var(--accent-dim);border-radius:var(--radius);padding:28px 32px;margin:24px 0}
.efficiency-box .eff-title{font-size:18px;font-weight:700;color:var(--accent);margin-bottom:16px}
.efficiency-box .eff-text{font-size:15px;line-height:1.7}
.efficiency-box .eff-text p{margin-bottom:12px}
.efficiency-box .eff-text p:last-child{margin-bottom:0}
.efficiency-box .eff-highlight{display:inline-block;background:var(--accent);color:var(--bg);padding:2px 8px;border-radius:4px;font-weight:600;font-size:14px}
.efficiency-box .eff-savings{font-size:24px;font-weight:800;color:var(--green);font-family:var(--font-mono)}

@media(max-width:1100px){.nav-sidebar{display:none}}
@media(max-width:768px){
  .levels-grid,.price-highlight,.comp-grid,.channel-grid,.scale-grid{grid-template-columns:1fr}
  .pilot-grid{grid-template-columns:1fr!important}
  .wrap{padding:0 16px}
  section{padding:40px 0}
  header.hero{padding:40px 0}
  details.level-block>summary{flex-wrap:wrap;gap:8px}
  .lvl-goal{width:100%;order:5}
  .back-to-top{bottom:20px;right:20px;width:42px;height:42px;font-size:18px}
  .nav-sidebar{display:none}
}
@media print{
  body{background:#fff;color:#000}
  section{border-color:#ccc}
  .level-block,.comp-card,.price-card,.chart-block,.services,.result-box,.problem-box,.key-arg,.channel-card,.scale-card,.payment-box,.intro-block{border:1px solid #ccc;background:#fff}
  .badge{border-color:#ccc}
  .back-to-top{display:none}
  .nav-sidebar{display:none}
  details.level-block{display:block!important}
  details.level-block>summary{display:none}
  .level-content{display:block!important}
}