:root{color-scheme:dark;--bg:#050505;--panel:#101010;--fg:#f2f2f2;--muted:#919191;--line:#292929;--safe-top:0px;font-family:"Helvetica Neue",Arial,sans-serif;font-synthesis:none;background:var(--bg);color:var(--fg)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:#fff}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #ddd;outline-offset:5px}button:disabled{cursor:not-allowed;opacity:.45}button:active:not(:disabled),.pill:active{transform:scale(.98)}[hidden]{display:none!important}.wrap{width:min(1184px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:24px;top:-100px;z-index:5;background:var(--fg);color:var(--bg);padding:12px}.skip:focus{top:12px}.header{display:flex;justify-content:space-between;align-items:center;padding-top:calc(28px + var(--safe-top));gap:24px}.wordmark{font-size:31px;letter-spacing:-1.4px;font-weight:500}.header nav{display:flex;gap:32px;color:#aaa;font-size:14px}.header nav span{margin-left:5px}.hero{min-height:calc(100dvh - 78px);text-align:center;display:flex;flex-direction:column;align-items:center;padding-top:clamp(76px,13vh,140px);padding-bottom:32px}.eyebrow{font-size:11px;font-weight:500;letter-spacing:3px;line-height:1.7;color:var(--muted);margin:0 0 19px}.hero h1{font-size:clamp(48px,6.7vw,88px);line-height:1.06;letter-spacing:-4px;font-weight:500;margin:0}.hero-copy{font-size:clamp(17px,2vw,23px);color:var(--muted);line-height:1.55;margin:24px 0 37px;max-width:580px;letter-spacing:-.35px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:1px solid #777;background:transparent;color:var(--fg);border-radius:100px;padding:20px 31px;min-height:64px;font-size:19px;letter-spacing:-.4px;transition:background .2s,border-color .2s,transform .2s}.pill:hover:not(:disabled){background:#171717;border-color:#dedede}.pill span[aria-hidden]{font-size:25px;line-height:1}.hero-buy{font-size:24px;padding:22px 35px;gap:6px}.hero-buy span[aria-hidden]{margin-left:28px}.quiet{font-size:12px;color:var(--muted);margin:16px 0 0}.availability{font-size:11px;letter-spacing:.4px;color:#aaa;margin:10px 0 0}.scroll-link{color:#888;font-size:12px;padding-top:56px;margin-top:auto;display:flex;align-items:center;gap:16px}.section{padding-top:160px}.section h2{font-weight:500;font-size:clamp(38px,4.2vw,58px);letter-spacing:-2.2px;line-height:1.08;margin:0 0 25px}.inside{display:grid;grid-template-columns:1fr 1.5fr;gap:90px}.section-heading>p:last-child{font-size:17px;line-height:1.6;color:var(--muted);max-width:305px;margin:0}.topics{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:22px;padding:27px 0;font-size:21px;letter-spacing:-.6px;line-height:1.35}summary::-webkit-details-marker{display:none}.number{font-family:"SFMono-Regular",Consolas,monospace;flex:none;font-size:11px;letter-spacing:1px;color:#686868}.plus{position:relative;width:16px;height:16px;flex-shrink:0;margin-left:auto}.plus:before,.plus:after{content:"";position:absolute;left:1px;top:7px;width:14px;height:1px;background:#a4a4a4}.plus:after{transform:rotate(90deg);transition:transform .2s}details[open] .plus:after{transform:rotate(0)}details>p{margin:0 28px 28px 40px;line-height:1.7;font-size:15px;color:var(--muted);max-width:56ch}details p a,.fine a,.scope-note a{text-decoration:underline;text-underline-offset:4px}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.muted{color:var(--muted)}.access-copy{font-size:17px;line-height:1.6;max-width:370px}.purchase-panel{padding:33px 0 0;border-top:1px solid var(--line)}.small-label{font-family:"SFMono-Regular",Consolas,monospace;font-size:10px;letter-spacing:2px;color:#777}.price{font-size:69px;letter-spacing:-4px;font-weight:400;line-height:1.2;margin-top:22px}.purchase-panel>p{color:var(--muted);font-size:14px;margin:13px 0 27px}.wide{width:100%;justify-content:space-between}.purchase-panel>.fine{font-size:11px;line-height:1.65;margin:13px 0}.steps{list-style:none;padding:0;margin:74px 0 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.steps li{border-top:1px solid var(--line);padding-top:22px}.steps h3{font-size:18px;font-weight:400;letter-spacing:-.3px;margin:18px 0 12px}.steps p{font-size:14px;line-height:1.65;color:var(--muted);margin:0;max-width:34ch}.scope-note{color:#767676;font-size:12px;line-height:1.7;max-width:76ch;margin:36px 0 0}.questions h2{margin-bottom:40px}.faq-list{border-top:1px solid var(--line);max-width:850px}.faq-list summary{font-size:19px}.faq-list details>p{margin-left:0;max-width:70ch}.contact{text-align:center;padding-bottom:136px}.contact h2{margin-bottom:34px}.contact .email{display:block;color:var(--muted);font-size:13px;margin-top:20px}.footer{border-top:1px solid var(--line);padding:35px 0 42px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px}.footer .wordmark{font-size:26px}.legal-links{display:flex;gap:27px;align-items:center;color:#a0a0a0;font-size:12px}.text-button{background:none;border:0;padding:0;color:inherit;font-size:inherit;text-align:left}.requisites{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;margin-top:27px;color:#6e6e6e;font-size:11px;line-height:1.9}.requisites p{margin:0}.footer-note{text-align:right}.fine{font-size:12px;color:var(--muted);line-height:1.6}dialog{border:1px solid #393939;background:var(--panel);color:var(--fg);border-radius:22px;width:min(490px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:27px;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:37px}.dialog-top .wordmark{font-size:26px}.close{border:0;background:transparent;color:#aaa;font-size:28px;width:40px;height:40px;border-radius:50%}.close:hover{background:#232323}dialog h2{font-size:36px;line-height:1.15;letter-spacing:-1.5px;font-weight:500;margin:0 0 29px}dialog .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:12px}.order-summary{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin-bottom:27px;font-size:15px;line-height:1.5}.order-summary small{font-size:11px;color:var(--muted)}.order-summary strong{font-size:25px;font-weight:400;letter-spacing:-1px}label{display:block;font-size:13px;margin-bottom:10px}input{width:100%;height:52px;background:#080808;border:1px solid #3d3d3d;border-radius:9px;color:var(--fg);padding:14px;font-size:16px}input::placeholder{color:#595959}#email-help{margin:9px 0 18px}.form-error{font-size:13px;line-height:1.6;color:#e8a3a3;margin:0 0 15px}.form-error:empty{display:none}.notice{font-size:13px;line-height:1.6;color:#aaa;margin:0 0 20px}.terms{margin-bottom:0}dialog .pill{font-size:17px;min-height:58px;padding:16px 23px}.dialog-open{overflow:hidden}#order-message{color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:24px}#claim-link{margin-bottom:14px}.legal-page{max-width:800px;padding:86px 0 100px}.legal-page h1{font-size:44px;font-weight:500;letter-spacing:-1.7px;line-height:1.1;margin-bottom:30px}.legal-page h2{font-size:24px;letter-spacing:-.6px;margin:42px 0 18px}.legal-page p,.legal-page li{font-size:15px;line-height:1.8;color:#b0b0b0}.legal-page li{margin-bottom:9px}.draft-note{padding:15px 20px;border:1px solid #454545;border-radius:10px;font-size:13px!important;color:#d0d0d0!important}.legal-page a{text-decoration:underline;text-underline-offset:4px}

@media(min-width:1600px){.hero{padding-top:15vh}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.header{padding-top:22px}.header nav{gap:18px;font-size:12px}.header .wordmark{font-size:27px}.hero{padding-top:95px;min-height:calc(100dvh - 58px);padding-bottom:29px}.hero h1{font-size:55px;letter-spacing:-2.8px}.hero-copy{font-size:19px;margin:22px 0 31px;max-width:400px}.hero-buy{font-size:21px;padding:19px 28px;min-height:64px}.hero .eyebrow{font-size:9px;letter-spacing:2.5px}.scroll-link{padding-top:40px}.section{padding-top:110px}.section h2{font-size:43px}.inside,.access-grid{grid-template-columns:1fr;gap:43px}.section-heading>p:last-child{max-width:420px}.topics summary{font-size:20px;padding:24px 0;gap:17px}.topics details>p{margin-left:32px}.price{font-size:64px}.purchase-panel{max-width:480px}.steps{grid-template-columns:1fr;margin-top:47px;gap:24px}.steps li{display:grid;grid-template-columns:28px 1fr;column-gap:13px;padding-top:22px}.steps .number{grid-row:1 / 3;padding-top:5px}.steps h3{margin:0 0 10px}.steps p{max-width:50ch}.questions h2{font-size:36px}.faq-list summary{font-size:17px;gap:16px;padding:23px 0}.faq-list details>p{font-size:14px}.contact{padding-bottom:100px}.footer-top{align-items:flex-start;flex-direction:column;gap:28px}.legal-links{flex-wrap:wrap;gap:18px 25px}.requisites{grid-template-columns:1fr;gap:18px;font-size:11px}.footer-note{text-align:left}.legal-page{padding-top:60px}.legal-page h1{font-size:34px}.legal-page p,.legal-page li{font-size:14px}}
@media(max-width:390px){.wrap{width:calc(100% - 36px)}.hero{padding-top:68px}.hero h1{font-size:48px}.hero-copy{font-size:17px}.desktop-br{display:none}.hero-buy{font-size:19px;gap:5px}.section h2{font-size:37px}.topics summary{font-size:18px}.header nav>a:first-child{display:none}dialog{padding:22px}dialog h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* ЦЕХ: собственная геометрическая типографика и прямые линии. */
.hero{padding-top:clamp(110px,18vh,200px)}
.hero-label{margin-bottom:28px;font-size:10px;letter-spacing:3px}
.hero h1.brand-installation{width:min(650px,100%);margin:0;line-height:0}
.brand-installation img{width:100%;height:auto;display:block}
.hero-topics{width:min(650px,100%);display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;padding:0 40px;font-family:"SFMono-Regular",Consolas,monospace;font-size:10px;letter-spacing:2px;color:#656565}
.hero-copy{margin-top:38px;margin-bottom:33px;font-size:20px}
.pill{border-radius:3px;min-height:62px;font-size:17px;border-color:#555;padding:19px 26px}
.hero-buy{font-size:20px;padding:20px 28px;gap:6px;min-width:280px}
.hero-buy:hover:not(:disabled){background:#eee;color:#050505;border-color:#eee}
.hero-buy span[aria-hidden]{margin-left:30px}
.purchase-panel .pill{background:#eee;color:#050505;border-color:#eee}
.purchase-panel .pill:hover{background:#ccc;color:#050505}
.dialog-top .close{border-radius:3px}
.contact .pill{min-width:240px}
.price{font-family:"Helvetica Neue",Arial,sans-serif}
@media(max-width:800px){
 .hero{padding-top:clamp(120px,22vh,195px);padding-bottom:29px}
 .hero-label{font-size:8px;letter-spacing:2.7px;margin-bottom:27px}
 .hero h1.brand-installation{width:100%;max-width:400px}
 .hero-topics{max-width:400px;font-size:8px;padding:0 14px;margin-top:16px;letter-spacing:1.5px}
 .hero-copy{font-size:17px;margin-top:36px;margin-bottom:31px;max-width:360px}
 .hero-buy{font-size:19px;min-width:270px;padding:19px 25px}
 .contact .pill{min-width:230px}
}
@media(max-width:390px){.hero{padding-top:clamp(106px,19vh,160px)}.hero-copy{font-size:16px}.hero-buy{min-width:254px;font-size:18px}.hero-label{font-size:7px;letter-spacing:2.3px}}

/* Навигация и вход: небольшие служебные кнопки и белый пропуск. */
.header nav{gap:10px;align-items:center;font-size:12px}
.header nav>a{min-height:38px;display:inline-flex;align-items:center}
.header nav .nav-materials{gap:13px;padding:0 14px;color:#9b9b9b;border-bottom:1px solid #292929;display:inline-flex}
.header nav .nav-materials span{margin:0;font-size:9px;font-family:"SFMono-Regular",Consolas,monospace;color:#606060}
.header nav .nav-author{gap:8px;padding:0 14px;border:1px solid #303030;color:#bdbdbd}
.header nav .nav-author:hover{border-color:#777;background:#121212}
.header nav .nav-materials:hover{border-color:#999;color:#eee}
.hero-buy.entry-button{background:#ececec;color:#111;border:0;border-radius:0;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));padding:0;gap:0;min-width:0;min-height:66px;justify-content:space-between}
.entry-label{padding:22px 26px;font-size:15px;font-weight:500;letter-spacing:-.2px}
.entry-price{padding:22px 24px;font-size:18px;line-height:1.2;letter-spacing:-.5px;border-left:1px solid #bdbdbd;white-space:nowrap}
.hero-buy.entry-button:hover:not(:disabled){background:#fff;color:#111}
.hero-buy.entry-button:focus-visible{outline:0;box-shadow:inset 0 0 0 3px #777}
.contact .pill{border:0;border-bottom:1px solid #575757;border-radius:0;padding:17px 0;min-width:0;gap:35px;font-size:16px}
.contact .pill:hover{background:transparent;border-color:#ddd}
@media(max-width:800px){.header nav{gap:8px;font-size:11px}.header nav .nav-materials{padding:0 9px;gap:9px}.header nav .nav-author{padding:0 11px;gap:6px}.entry-label{font-size:14px;padding:22px 22px}.entry-price{font-size:17px;padding:22px 20px}.hero-buy.entry-button{min-height:64px}}
@media(max-width:390px){.header .wordmark{font-size:26px}.header nav .nav-materials{display:inline-flex;font-size:10px;padding:0 7px;gap:6px}.header nav .nav-materials span{font-size:8px}.header nav .nav-author{padding:0 8px;font-size:10px}.header nav .nav-author svg{width:15px}.header{gap:14px}.entry-label{padding:21px 18px;font-size:13px}.entry-price{padding:21px 18px;font-size:16px}}
