@font-face{font-family:Manrope;font-weight:400;font-style:normal;font-display:swap;src:url("/fonts/manrope.ttf") format("truetype")}
@font-face{font-family:Manrope;font-weight:600 800;font-style:normal;font-display:swap;src:url("/fonts/manrope-semibold.ttf") format("truetype")}
/* Своеход — shared visual language for the automotive reference. */
:root{--ink:#171b1f;--muted:#696c6d;--line:#dcd8d0;--green:#66583f;--paper:#f3f1ec;--accent:#d3c4aa;--radius:4px;--shadow:none}
body{font-family:Manrope,Arial,sans-serif;background:var(--paper);color:var(--ink)}h1,h2,h3{font-weight:500;letter-spacing:-.045em}h2{font-size:clamp(27px,3vw,42px)}h3{letter-spacing:-.025em}.eyelabel,.eyebrow{color:#7a6b52;letter-spacing:1.8px}.primary,.secondary{border-radius:3px;min-height:48px;font-weight:600}.primary{background:#171b1f;color:#f5f2eb;border:1px solid #171b1f}.primary:hover{background:#33312b;box-shadow:none}.secondary{background:transparent;color:#282b2c;border-color:#c7c2b9}.secondary:hover{background:#e8e3d9;border-color:#a49376}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8d7650;outline-offset:4px}input,select,textarea{background:#faf9f5;border:1px solid #cbc6bd;border-radius:3px;color:#171b1f}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #ad987522}label{color:#50504b}.panel,.search-box,.empty{background:#faf9f6;border-color:var(--line);border-radius:4px;box-shadow:none}.panel{padding:28px}.badge{background:#e9e2d5;color:#67583d;border-radius:2px}.warning{background:#eee6d8;border-color:#d9cbb3;color:#614f32;border-radius:3px}.tagrow span{background:#eeeae2;color:#615b50;border-radius:2px}
body:has(aside)>aside{position:relative;inset:auto;width:100%;height:auto;background:#15171a;color:#f4f1eb;padding:25px max(32px,calc((100vw - 1280px)/2));overflow:visible;border:0;z-index:30;display:flex;flex-direction:column}.brand{font-weight:650;font-size:23px;letter-spacing:-.6px;color:#f4f1eb;gap:14px;min-height:42px}.brand .mark{width:38px;height:38px;border-radius:0;background:transparent;color:#d3c4aa;font-size:31px;font-weight:500;border:2px solid #d3c4aa;clip-path:polygon(23% 0,77% 0,100% 25%,100% 75%,77% 100%,23% 100%,0 75%,0 25%)}.brand-name{display:flex;flex-direction:column;font-size:21px;line-height:1.15;letter-spacing:.5px}.brand-name small{font-size:8px;letter-spacing:2.2px;color:#a9a69e;font-weight:400;margin-top:8px}.beta{color:#d3c4aa;font-size:8px;align-self:center}.side-label{position:absolute;right:max(32px,calc((100vw - 1280px)/2));top:35px;margin:0;color:#b6ad9d;font-size:10px;letter-spacing:1.5px}.side-bottom{display:none}aside nav{flex-direction:row;overflow-x:auto;gap:4px;margin-top:23px;padding-top:15px;border-top:1px solid #ffffff14;scrollbar-width:thin;scrollbar-color:#514d43 transparent}aside nav a{white-space:nowrap;flex-shrink:0;padding:10px 12px;min-height:40px;border-radius:2px;color:#b6b7b5;font-size:11px;gap:7px}aside nav a:first-child{margin-left:-12px}aside nav a:hover{background:#ffffff08;color:#f4f1eb}aside nav a.active{background:#d3c4aa;color:#1c2022;font-weight:650}.nav-icon{width:16px;height:16px;flex-basis:16px}aside nav a b{background:#ffffff12;border-radius:2px}.nav-secondary{color:#aaa9a3}
body:has(aside)>main{margin:0 auto;padding:0 32px;max-width:1344px}header{height:65px;color:#7a776e;border:0;font-size:11px}.edition{color:#8c877b}.edition b{background:#e8e2d6}header .secondary{border-color:#c7c2b9;font-size:11px;border-radius:3px;color:#343631}.hero{margin:0 -32px 0;padding:64px 48px 45px;min-height:510px;border-radius:0;background:#0e1418 url('/images/svoehod-hero.webp') center 58%/cover no-repeat;overflow:hidden}.hero:before{background:linear-gradient(90deg,#090e14e8 0%,#090e14bb 31%,#090e1422 68%,#090e1400);z-index:-1}.hero .eyebrow{color:#c6bba6;font-size:10px;font-weight:600}.hero h1{font-size:clamp(42px,4.8vw,66px);line-height:1.07;font-weight:450;letter-spacing:-2.4px;max-width:60%;margin:30px 0 22px}.hero h1 em{color:#d3c4aa;font-style:normal}.hero p{font-size:14px;line-height:1.8;color:#c4c5c3;max-width:45%;margin-bottom:30px}.hero-drawing{display:none}.hero-actions{gap:16px}.hero-actions .primary{background:#d3c4aa;color:#1e2426;border-color:#d3c4aa;padding:16px 24px}.hero-actions .primary:hover{background:#e0d5c3}.hero-actions .secondary{background:#0e151733;border-color:#8d8b8370;padding:16px 22px}.hero::after{content:'Визуал проекта «Своеход» · концептуальная AI-иллюстрация';position:absolute;bottom:13px;right:18px;font-size:8px;color:#b5b7b8;max-width:45%;text-align:right}.stats{margin:0 -32px 45px;padding:22px 32px;background:#10171b;gap:0;border-radius:0}.stats>div{background:transparent;border:0!important;border-right:1px solid #ffffff20!important;border-radius:0;padding:10px 24px!important;display:flex;color:#f4f1eb}.stats>div:last-child{border-right:0!important}.stats strong{font-size:29px;font-weight:500;letter-spacing:-1px}.stats span{color:#a8aba9;font-size:10px}.hero.compact+.stats{display:none}
.search-box{padding:25px}.search-box input#search{background-color:#f3f1ec;border-color:#d2cdc3;border-radius:3px}.tabs button{color:#76736b}.tabs button.active{color:#5d4c2d;border-color:#7d6845}.card{border-radius:3px;border-color:#d9d4ca;background:#faf9f6;box-shadow:none;padding:25px}.card:hover{border-color:#a3906c;transform:translateY(-2px);box-shadow:0 8px 20px #28201508}.card strong{font-weight:600;letter-spacing:.2px}.monogram{border-radius:2px;background:#eae5da;color:#695a40;font-weight:500}.start-card{background:transparent;border:1px solid #d5cfc3;border-radius:3px;color:#272c2c;padding:23px}.start-card:hover{background:#eae4d9}.start-icon{background:#e5ddcd;color:#7a694a;border-radius:2px}.start-card small{color:#77766f}.chip{border-color:#cdc6b9;background:transparent;color:#55534d;border-radius:3px}.chip.selected{background:#171b1f;border-color:#171b1f;color:white}.region-launch a{border-radius:2px;border-color:#d7d0c3;background:#e9e4da;color:#5f5543}.region-launch a:hover{background:#ded3bf}.region-launch a span{color:#8b7650}.table-wrap{border-radius:3px;border-color:#ddd5c7}th{background:#eae5db;color:#5e574b}td{border-color:#e1dbd0}.library-help{background:#eae4d8;border-color:#ddd2be;border-radius:3px}.library-help summary{color:#615139}.source{border-color:#ded8cd}.empty a{color:#715a32}dialog{background:#f8f6f0;color:#171b1f;border-radius:5px;border:1px solid #c9b99b}footer{border-color:#d6d0c4;color:#79756b}.skip-link{left:25px;background:#d3c4aa;color:#171b1f;border-radius:2px}.seoDirectory a{border-radius:2px;background:#e9e4da;color:#625238;border-color:#d5c9b5}
@media(min-width:801px){.mobile-menu{display:none!important}.nav-backdrop{display:none!important}}
@media(max-width:1100px) and (min-width:801px){aside nav a{font-size:10px;padding:10px}.hero h1{font-size:54px}.hero p{max-width:53%}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){body:has(aside)>aside{position:fixed;inset:0 auto 0 0;width:285px;height:100dvh;padding:28px 20px;overflow:auto;transform:translateX(-100%);visibility:hidden;z-index:70}.navigation-open aside{transform:translateX(0)!important;visibility:visible!important}.brand-name{font-size:19px}.side-label{position:static;margin:26px 0 0;font-size:9px}aside nav{flex-direction:column;overflow:visible;margin-top:18px;padding-top:12px;gap:4px}aside nav a,aside nav a:first-child{margin:0;white-space:normal;font-size:12px;padding:13px 11px;min-height:44px}body:has(aside)>main{margin:0;padding:0 24px}header{height:70px;gap:12px}.mobile-menu{display:inline-grid;background:#171b1f;color:#d3c4aa;border-color:#171b1f;border-radius:3px;flex-shrink:0}.nav-backdrop{background:#050a10aa;z-index:60}.hero{margin:0 -24px;padding:46px 30px 48px;min-height:470px;background-position:59% center}.hero:before{background:linear-gradient(90deg,#0b1116eb,#0b1116b0 55%,#0b111633)}.hero h1{font-size:48px;max-width:85%;letter-spacing:-1.8px}.hero p{max-width:70%;font-size:13px}.hero-actions{max-width:none;flex-direction:row}.stats{margin:0 -24px 32px;padding:17px 15px}.stats>div{padding:10px 12px!important}.stats strong{font-size:23px}.stats span{font-size:9px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){body:has(aside)>main{padding:0 18px}header{height:65px}#breadcrumb{font-size:10px}.hero{margin:0 -18px;padding:35px 24px 38px;min-height:535px;background-position:65% center}.hero:before{background:linear-gradient(90deg,#0a1016eb,#0a1016b5 75%,#0a10167a)}.hero .eyebrow{font-size:8px;letter-spacing:1.3px;max-width:85%}.hero h1{font-size:43px;max-width:100%;margin:25px 0 20px;line-height:1.09}.hero p{max-width:100%;font-size:13px;margin-bottom:26px}.hero-actions{flex-direction:column;max-width:270px;gap:10px}.hero-actions a{min-height:48px;font-size:12px}.hero::after{font-size:7px;max-width:80%;bottom:10px;right:16px}.stats{margin:0 -18px 28px;padding:14px 8px;grid-template-columns:1fr 1fr;gap:0;row-gap:8px}.stats>div{padding:9px 14px!important;gap:10px;flex-direction:row}.stats>div:nth-child(2){border-right:0!important}.stats strong{font-size:25px}.stats span{font-size:9px;max-width:85px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:18px;min-height:145px}.quick-start{grid-template-columns:1fr}.start-card{padding:17px}.search-box,.panel{padding:20px}.region-launch{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.section-head h2{font-size:27px}.badge{font-size:8px}.edition{display:none}}
@media print{body:has(aside)>aside,.hero,.stats{display:none}body:has(aside)>main{margin:0;padding:0}}
.brand .mark{border:0;clip-path:none;width:42px;height:42px}.mark svg{display:block;width:100%;height:100%}
@media(min-width:801px){aside nav{gap:2px}aside nav a{padding:10px 9px;font-size:11px}.nav-icon{width:15px;height:15px;flex-basis:15px}}