@charset "UTF-8";
:root{color-scheme:dark;--bg:#071014;--panel:#0d1a20;--line:#23343c;--muted:#82969f;--ink:#e9f0f1;--accent:#a5d9d0;--card:#0d2c34;font-family:Segoe UI,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 36% 26%,#11242b 0,transparent 52%),var(--bg);color:var(--ink);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0;background:none}a{color:inherit;text-decoration:none}.masthead{padding:27px 3.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:25px}.brand-name{font-size:18px;letter-spacing:3px;white-space:nowrap}.brand-name b{font-weight:400;color:var(--accent);margin-left:8px}.brand-caption{font-size:10px;letter-spacing:1.7px;color:var(--muted);border-left:1px solid #40525a;padding-left:25px}.edition{display:flex;align-items:center;gap:10px;font-size:12px;color:#a1b5bd}.edition i,.screen-tag i{width:5px;height:5px;background:var(--accent);border-radius:50%;display:inline-block}main{max-width:2000px;margin:auto;padding:35px 3.2% 0}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--muted);margin:0 0 11px}h1{font-size:30px;letter-spacing:-.7px;font-weight:450;margin:0}.intro{font-size:12px;color:#9aadb5;line-height:1.65;margin:0;text-align:right}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}.viewer{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#0b171d;min-width:0}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);gap:8px;min-height:58px}.segmented{display:flex;padding:3px;background:#071115;border:1px solid #24343c;border-radius:7px}.segmented button{border-radius:4px;padding:7px 14px;font-size:11px;color:#8fa3ac;transition:background .15s,color .15s}.segmented button.active{background:#29413f;color:#d6eee9}.tools{display:flex;gap:12px;align-items:center}.tools button{font-size:11px;color:#91a6af;display:flex;align-items:center;gap:5px;padding:6px 2px}.tools button[aria-pressed=true]{color:var(--accent)}.hint-symbol{font-size:18px;line-height:14px}.tools svg{width:19px;height:19px}.screen{position:relative;width:100%;aspect-ratio:16/9;container-type:inline-size;overflow:hidden;isolation:isolate;background:#001015;touch-action:pan-y}.source{width:100%;height:100%;display:block;user-select:none}.translations{display:none;position:absolute;inset:0;pointer-events:none}.translated .translations{display:block}.translation{position:absolute;display:flex;align-items:center;background:var(--card);white-space:nowrap;color:#e9f0f3;line-height:1.15;font-weight:400}.media-label{left:22.35%;top:84.45%;width:13.3%;height:2.9%;font-size:.88cqw}.range-value{left:46.1%;top:75.9%;width:8%;height:3.25%;font-size:1.48cqw}.range-value span{font-size:.74cqw;color:#98aab2;margin-left:.3cqw}.range-label{left:46.1%;top:79.25%;width:9.4%;height:2.5%;font-size:.94cqw;color:#99acb3}.consumption-value{left:46.1%;top:82.35%;width:11.2%;height:2.85%;font-size:1.42cqw}.consumption-label{left:46.1%;top:85.45%;width:12.6%;height:2.3%;font-size:.77cqw;color:#99acb3}.battery-label{left:60.7%;top:82.1%;width:3.4%;height:2.1%;justify-content:center;font-size:.88cqw;color:#9aadb5}.calendar-day{left:73.8%;top:75.7%;width:11.3%;height:3.1%;justify-content:center;font-size:1.23cqw}.calendar-lunar{left:73.8%;top:84.2%;width:11.3%;height:2.8%;justify-content:center;font-size:.86cqw;color:#91a6ac}.hotspots{position:absolute;inset:0}.hotspot{position:absolute;z-index:2;border:1px solid transparent;border-radius:8px;transition:background .15s,border-color .15s}.hotspot:hover,.hotspot:focus-visible,.hotspot.selected{border-color:#afe8d7;background:#a0e3d01a;outline-offset:-2px}.show-hints .hotspot{border-color:#a5d9d03d;border-style:dashed}.show-hints .hotspot:hover,.show-hints .hotspot.selected{border-color:#b0e5d9;border-style:solid}.hotspot.wide{border-radius:0}.hotspot:after{content:attr(data-label);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#102b32f5;border:1px solid #53766e;border-radius:5px;padding:5px 8px;font-size:clamp(8px,.8cqw,14px);white-space:nowrap;color:#e1f1ed;opacity:0;pointer-events:none}.hotspot:hover:after,.hotspot:focus-visible:after{opacity:1}.hotspot.wide:after{bottom:auto;top:100%;left:50%}.screen-tag{position:absolute;top:9.6%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;font-size:.75cqw;border:1px solid #6f9f9138;background:#081c22aa;padding:.4cqw .7cqw;border-radius:20px;color:#b5ccc6;opacity:0;transition:opacity .2s;pointer-events:none}.show-hints .screen-tag{opacity:1}.viewer-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:43px;padding:10px 17px;color:#8aa0aa;font-size:10px}.viewer-caption>span{display:flex;align-items:center;gap:7px}.dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.caption-divider{color:#354c55;margin:0 3px}.viewer-caption a:hover{color:var(--accent)}.viewer-caption a span{margin-left:7px}.guide{padding:18px 18px 20px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(130deg,#12232a,#0b171d)}.guide-heading{display:flex;justify-content:space-between;align-items:start;margin:2px 0 11px}.guide-counter{font-size:10px;color:#6f858f;letter-spacing:1px}.chapters{display:grid;gap:5px}.chapter{display:flex;align-items:center;gap:11px;padding:12px 10px;border:1px solid transparent;border-radius:7px;text-align:left;width:100%;color:#b7c6cb;font-size:12px}.chapter.current{background:#1c3538;border-color:#33514f;color:#edf5f2}.chapter:hover{background:#20383e}.chapter-number{font-size:10px;color:#819b9f}.chapter.current .chapter-number{color:var(--accent)}.chapter small{display:block;margin-top:5px;color:#758d97;font-size:10px}.chapter.current small{color:#93b9b0}.chapter-arrow{margin-left:auto;color:#91b4ab}.detail{border-top:1px solid #293e46;margin-top:23px;padding-top:23px;min-height:203px}.detail-kicker{font-size:10px;color:var(--accent);letter-spacing:1.3px;margin:0 0 13px}.detail h2{font-size:19px;font-weight:450;letter-spacing:-.3px;margin:0 0 12px;line-height:1.3}.detail p{font-size:12px;line-height:1.8;color:#a0b4bd;margin:0 0 12px}.detail .original-label{padding:10px 12px;border:1px solid #2d424a;border-radius:6px;font-size:10px;color:#8fa4ae;line-height:1.6}.original-label b{font-weight:400;color:#c8d5da;display:block;font-size:12px;margin-top:3px}.detail .pending{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#c9c0a5;border:1px solid #6c604639;padding:5px 8px;border-radius:4px;margin:0 0 12px}.guide-note{font-size:10px;line-height:1.7;color:#718791;margin-top:22px;border-top:1px solid #233840;padding-top:17px}.below{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:17px 0 35px;font-size:11px;color:#7e969f}.below p{margin:0}.step-mark{font-size:17px;color:var(--accent);margin-right:7px}.below>span{font-size:9px;letter-spacing:1px;white-space:nowrap}.below-dot{margin:0 8px;color:#44616c}footer{max-width:2000px;margin:auto;padding:20px 3.2%;border-top:1px solid #1c2f37;font-size:10px;color:#5f7783;display:flex;justify-content:space-between;gap:15px}.viewer:fullscreen{background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;border:0;border-radius:0}.viewer:fullscreen .toolbar,.viewer:fullscreen .viewer-caption{width:100%}.viewer:fullscreen .screen{width:min(100vw,calc((100vh - 102px) * 16 / 9));flex-shrink:0}.viewer:fullscreen .toolbar{margin-bottom:auto}.viewer:fullscreen .viewer-caption{margin-top:auto}
@media(min-width:1700px){.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:27px}.guide{padding:22px}.detail p{font-size:13px}.chapter{font-size:13px}.page-heading{margin-top:12px;margin-bottom:33px}h1{font-size:36px}}
@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr)}.guide{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 25px}.guide-heading{grid-column:1/-1}.detail{margin-top:0;border-top:0;border-left:1px solid var(--line);padding:5px 0 0 25px;min-height:170px}.guide-note{grid-column:1/-1;margin-top:14px;padding-top:12px}.brand-caption{display:none}.below>span{display:none}}
@media(max-width:600px){.masthead{padding:20px 5%}.brand-name{font-size:15px;letter-spacing:2px}.edition{font-size:10px}.edition i{display:none}main{padding:25px 4% 0}.page-heading{margin-bottom:20px}.eyebrow{font-size:9px}h1{font-size:25px}.intro{display:none}.toolbar{padding:9px 10px;min-height:50px}.segmented button{padding:6px 10px;font-size:10px}.tools{gap:7px}.tools button{font-size:10px}.viewer{border-radius:8px}.viewer-caption{font-size:9px;padding:9px 10px}.caption-divider,#mode-caption{display:none}.guide{display:block;padding:17px}.detail{padding:20px 0 0;border-left:0;border-top:1px solid var(--line);margin-top:15px;min-height:0}.chapters{grid-template-columns:repeat(3,1fr);gap:5px}.chapter{display:block;padding:10px 8px;line-height:1.4;font-size:10px;height:100%}.chapter-number{display:block;margin-bottom:5px}.chapter small{font-size:9px}.chapter-arrow{display:none}.below{font-size:10px;line-height:1.6;margin-bottom:25px}footer{padding:18px 4%;font-size:9px;line-height:1.6}footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.translations::before{content:"";position:absolute;left:46%;top:75.8%;width:12.9%;height:12%;background:var(--card)}
.fullscreen-detail{display:none}.viewer:fullscreen .fullscreen-detail:not([hidden]){display:block;position:absolute;z-index:10;right:24px;top:80px;width:min(340px,90vw);padding:22px;border:1px solid #42645e;border-radius:10px;background:#0b2027f5;box-shadow:0 12px 50px #0008}.fullscreen-detail h2{font-size:18px;font-weight:500;margin:0 20px 10px 0}.fullscreen-detail p{font-size:13px;color:#adc1c9;line-height:1.7;margin:0}.fullscreen-detail button{position:absolute;right:10px;top:8px;font-size:24px;color:#a5d9d0}


@media(max-width:600px){footer{flex-wrap:wrap}footer span:last-child{display:block}}

/* ===== АКСТО фирменный стиль ===== */
:root{--accent:#d4a23c;--accent-2:#e8c069;--bg:#0b0d10;--panel:#12161b;--line:#2a3038;--card:#241d10}
body{background:radial-gradient(ellipse at 36% 22%,#1a1f26 0,transparent 52%),var(--bg)}
.axto-topbar{display:flex;align-items:center;gap:22px;padding:14px 3.2%;background:#0d1013;border-bottom:1px solid var(--line)}
.axto-topbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.axto-topbar-brand img{display:block}
.axto-topbar-name{font-size:15px;font-weight:700;letter-spacing:3px;color:#f2f5f7}
.axto-topbar-caption{font-size:10px;letter-spacing:1.6px;color:var(--muted);border-left:1px solid #3a4148;padding-left:22px}
.axto-topbar-links{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:12px}
.axto-topbar-links a{color:#c3ccd2;text-decoration:none;transition:color .15s}
.axto-topbar-links a:hover{color:var(--accent)}
.axto-topbar-tg{padding:7px 16px;border:1px solid var(--accent);color:var(--accent)!important;font-weight:600}
.axto-topbar-tg:hover{background:var(--accent);color:#000!important}
.axto-topbar-phone{font-family:'JetBrains Mono',Consolas,monospace;color:#e8ecef!important}
@media(max-width:900px){.axto-topbar-caption,.axto-topbar-links a[href$="katalog"],.axto-topbar-links a[href$="price"],.axto-topbar-links a[href$="baza-znany"]{display:none}.axto-topbar{gap:14px}}
@media(max-width:600px){.axto-topbar-links{gap:14px}}
.segmented button.active{background:#3d3320;color:#f0e2c4}
.chapter.current{background:#2b2417;border-color:#4d4128;color:#f4ecd9}
.chapter.current .chapter-number{color:var(--accent)}
.chapter.current small{color:#c9b98f}
.hotspot:hover,.hotspot:focus-visible,.hotspot.selected{border-color:#e8c069;background:#d4a23c1a}
.show-hints .hotspot{border-color:#d4a23c4d}
.show-hints .hotspot:hover,.show-hints .hotspot.selected{border-color:#e8c069}
.translations::before{background:#241d10}
