@font-face{font-family:Golos;src:url('./assets/fonts/golos-text-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#f5f4ef;--surface:#eaece7;--paper:#202628;--muted:#59636a;--accent:#244fc6;--line:#c8ceca;--gutter:clamp(22px,4.5vw,76px);--paint:#4e78ee;color-scheme:light;font-family:Golos,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--paper)}h1,h2,h3,p,fieldset{margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;border:0}fieldset{min-width:0;padding:0;border:0}legend{padding:0}img{max-width:100%;display:block}svg{display:block}input,select,textarea{max-width:100%}[hidden]{display:none!important}::selection{background:#c9d6fb;color:#172339}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--accent);color:#fff;padding:15px}.skip-link:focus{top:15px}
.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px var(--gutter);min-height:84px;background:#f5f4eff5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;letter-spacing:-.05em;line-height:1}.brand>svg{width:30px;height:30px;color:var(--accent)}.brand-sub{display:block;font-size:8px;font-weight:500;letter-spacing:.18em;margin-top:7px;color:var(--muted)}
.site-header nav{display:flex;gap:30px;font-size:13px}.site-header nav a{min-height:44px;display:flex;align-items:center}.site-header nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center}.header-cta{display:flex;align-items:center;gap:25px;font-size:12px;background:var(--accent);color:#fff;min-height:44px;padding:12px 18px}.header-cta:hover{background:#183da0}.header-cta span{font-size:21px}.motion-toggle{display:none}
.experience{padding:30px var(--gutter) 50px;max-width:1680px;margin:auto}.showroom{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 350px auto auto auto;position:relative;isolation:isolate;gap:0 35px}
.scene-backdrop{position:absolute;left:0;right:0;top:150px;height:370px;pointer-events:none;z-index:-1;overflow:hidden;border-radius:50%;background:radial-gradient(ellipse at center,#e0e5e0 0%,#ebede8 40%,#f5f4ef00 72%)}.backdrop-word{position:absolute;left:0;right:0;text-align:center;top:70px;color:#dce1d9;font-size:clamp(90px,17vw,240px);line-height:1;font-weight:700;letter-spacing:-.08em;opacity:.5}.studio-grid{display:none}
.chapter-one{grid-column:1/-1;grid-row:1;text-align:center;max-width:1100px;margin:0 auto;padding:10px 0 4px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:500;line-height:1.5;color:var(--muted)}.chapter-one .eyebrow{margin-bottom:15px}.chapter-copy h1{font-size:clamp(44px,5vw,76px);font-weight:500;line-height:1.02;letter-spacing:-.065em}.chapter-copy h1 br{display:none}.chapter-copy em{font-style:normal;color:var(--accent)}.hero-description{font-size:14px;line-height:1.6;color:var(--muted);margin-top:18px}.chapter-one .hero-description br{display:none}.chapter-one .round-link{display:none}
.scene{grid-column:1/-1;grid-row:2;position:relative;width:100%;height:100%;min-width:0;touch-action:pan-y;cursor:grab;outline-offset:-6px}.scene:active{cursor:grabbing}.scene canvas{width:100%;height:100%;display:block;touch-action:pan-y}.fallback-car{position:absolute;width:70%;max-width:800px;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 20px 18px #12202b22)}.scene.ready .fallback-car{opacity:0;visibility:hidden}.scene.fallback{cursor:default}.scene.fallback .fallback-car{filter:hue-rotate(var(--fallback-hue,0deg)) saturate(var(--fallback-saturation,1)) drop-shadow(0 20px 18px #12202b22)}
.studio-meta,.car-caption{display:none}.scene-assist{grid-column:1/-1;grid-row:3;display:flex;justify-content:center;align-items:center;gap:20px;position:relative;min-height:48px;font-size:11px;color:var(--muted);flex-wrap:wrap}.scene-assist p{display:flex;align-items:center;gap:8px}.drag-icon{font-size:20px;color:var(--accent)}#scene-status:empty{display:none}#scene-status{font-size:11px;line-height:1.4}.rotation-tools{display:flex;gap:3px}.icon-button{background:transparent;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:20px}.icon-button:hover{background:#e1e7ef;color:var(--accent)}.icon-button:disabled{opacity:.4;cursor:default}
.configurator{grid-column:1/-1;grid-row:4;display:grid;grid-template-columns:1.1fr .8fr 1.2fr;gap:36px;padding:24px 30px;margin:12px 0 40px;border:1px solid var(--line);border-radius:7px;background:#ffffffa8;max-width:1200px;width:100%;justify-self:center;box-shadow:0 10px 35px #2e465007}
.configurator fieldset+fieldset{border-left:1px solid var(--line);padding-left:30px}.configurator legend{font-size:10px;color:var(--muted);letter-spacing:.08em;margin-bottom:10px;display:flex;justify-content:space-between;width:100%;gap:12px}.configurator legend span{font-size:11px;color:var(--paper);letter-spacing:0}.swatches{display:flex;gap:9px}.swatch{position:relative;display:grid;place-items:center;width:44px;height:44px;cursor:pointer;flex-shrink:0}.swatch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.swatch span:not(.sr-only){width:27px;height:27px;border-radius:50%;background:var(--swatch);box-shadow:inset -2px -3px 6px #0002;border:1px solid #0002}.swatch input:checked+span{outline:2px solid var(--accent);outline-offset:5px}.swatch input:focus-visible+span{outline:3px solid var(--accent);outline-offset:5px}
.segmented,.light-options{display:flex;gap:4px}.segmented{padding:3px;background:#e8ebe7;border:1px solid var(--line);border-radius:4px}.segmented label,.light-options label{position:relative;flex:1;cursor:pointer;min-width:0}.segmented input,.light-options input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.segmented label>span{display:grid;place-items:center;min-height:44px;padding:10px 16px;font-size:12px;border-radius:2px}.segmented input:checked+span{background:#fff;color:var(--accent);box-shadow:0 1px 5px #293a4420}.light-options label>span{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;min-height:50px;min-width:44px;border:1px solid transparent;padding:8px 6px;border-radius:4px}.light-options svg{width:20px;height:20px;flex-shrink:0}.light-options input:checked+span{background:#e8eefc;border-color:#b4c5f4;color:#163ea9}.segmented input:focus-visible+span,.light-options input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}
.chapter-two,.chapter-three{grid-row:5;border-top:1px solid var(--line);padding:30px 0;position:relative;width:auto;opacity:1;visibility:visible;transform:none}.chapter-two{grid-column:1}.chapter-three{grid-column:2}.chapter-two h2,.chapter-three h2{font-size:clamp(30px,3.3vw,48px);font-weight:500;line-height:1.05;letter-spacing:-.05em;margin-top:15px}.chapter-two h2 br,.chapter-three h2 br{display:none}.chapter-two .hero-description,.chapter-three .hero-description{max-width:450px}.showroom-bottom{display:none}.text-link{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:44px;border-bottom:1px solid var(--line);width:fit-content;font-size:12px;margin-top:18px;background:transparent;padding:0}.text-link:hover{color:var(--accent);border-color:var(--accent)}
.section-pad{padding:80px var(--gutter)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:25px 7%;margin-bottom:44px}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2,.questions h2{font-size:clamp(38px,4.4vw,68px);font-weight:500;letter-spacing:-.055em;line-height:1.06}.section-intro{font-size:15px;line-height:1.7;color:var(--muted);max-width:450px;align-self:end}.muted{color:var(--muted)}
.service{border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service summary{display:grid;grid-template-columns:48px 1fr 240px 44px;gap:20px;align-items:center;padding:28px 0;cursor:pointer;list-style:none}.service summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker{display:none}.service-number{font-size:11px;color:var(--muted)}.service h3{font-size:clamp(25px,2.7vw,42px);font-weight:500;letter-spacing:-.045em;line-height:1.1}.service-short{font-size:12px;color:var(--muted)}.plus{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;font-size:25px}.service[open] .plus{transform:rotate(45deg);border-color:var(--accent);color:var(--accent)}.service-content{display:grid;grid-template-columns:1.3fr 1fr;gap:20px 8%;padding:0 0 30px 68px}.service-content p{font-size:14px;line-height:1.7;color:var(--muted);grid-row:span 2}.service-tags{display:flex;gap:7px;flex-wrap:wrap}.service-tags span{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:7px 10px}.service-content .text-link{margin-top:0}
.process{display:grid;grid-template-columns:1fr 1fr;gap:40px 6%;background:#e5eaf1;color:#202b40}.process-title h2{font-size:clamp(42px,4.5vw,72px);font-weight:500;letter-spacing:-.055em;line-height:1.06;margin:20px 0}.process-title h2 em{font-style:normal;color:var(--accent)}.process-title>p:last-child{font-size:14px;line-height:1.7;max-width:400px;color:#4c5b70}.layer-composition{position:relative;min-height:350px;perspective:1000px;max-width:550px}.layer{position:absolute;left:12%;width:75%;height:180px;border-radius:50% 30% 40% 30%;transform:rotateX(52deg) rotateZ(-28deg);border:1px solid #66779680;box-shadow:0 12px 15px #203a5714}.layer span{position:absolute;right:-40px;top:20px;font-size:10px;transform:rotateZ(28deg);font-weight:600}.layer-one{top:130px;background:#b8c1c6}.layer-two{top:95px;background:#d2d8df}.layer-three{top:60px;background:var(--paint)}.layer-four{top:25px;background:#ffffff70;backdrop-filter:blur(1px)}.layer-note{position:absolute;right:0;bottom:0;font-size:10px;letter-spacing:.05em;color:#4c5b70}.process-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid #8b9db350;padding-top:30px}.step-index{font-size:10px;color:#4c5b70;margin-bottom:20px}.process-steps h3{font-size:19px;font-weight:500;letter-spacing:-.03em}.process-steps p{font-size:12px;line-height:1.7;color:#4c5b70;margin-top:14px}
.questions{display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.questions h2{margin-top:20px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;min-height:85px;gap:20px;padding:22px 0;font-size:15px;cursor:pointer;list-style:none}.faq-list summary>span{font-size:23px;color:var(--accent)}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{font-size:14px;line-height:1.7;color:var(--muted);padding:0 35px 24px 0}
.project{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;border-top:1px solid var(--line);background:#ebeee9}.project h2{font-size:clamp(44px,4.8vw,72px);font-weight:500;letter-spacing:-.06em;line-height:1.05;margin:25px 0}.project h2 em{font-style:normal;color:var(--accent)}.project-intro>p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted);margin:22px 0}.config-summary{display:flex;align-items:center;gap:13px;border-block:1px solid var(--line);padding:14px 0;font-size:12px;max-width:420px}.summary-dot{width:20px;height:20px;flex-shrink:0;border-radius:50%;background:var(--paint)}.config-summary a{margin-left:auto;min-height:44px;display:flex;align-items:center;font-size:11px}.project-intro .demo-note{font-size:11px!important;max-width:400px}.form-topline{font-size:10px;display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:25px}.form-topline>span{color:var(--accent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-field{margin-bottom:24px}.form-field label{display:block;font-size:13px;margin-bottom:10px}.form-field label>span{font-size:11px;color:var(--muted)}.form-field input,.form-field textarea,.form-field select{width:100%;background:#f9faf7;border:1px solid #aeb8af;color:var(--paper);border-radius:3px;min-height:50px;padding:13px;font-size:14px}.form-field textarea{resize:vertical;min-height:110px}.form-field input::placeholder,.form-field textarea::placeholder{color:#6b746d}.form-field [aria-invalid=true]{border-color:#9e1526}.field-error{font-size:12px;color:#9e1526;display:block;margin-top:8px}.submit-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:15px 20px;background:var(--accent);color:#fff;font-size:14px;border-radius:3px}.submit-button:hover{background:#173c9e}.submit-button:disabled{opacity:.4;cursor:not-allowed}.submit-button>span{font-size:24px}.form-hint{font-size:11px;line-height:1.6;color:var(--muted);margin-top:15px}.form-result{padding:22px;border:1px solid #a1b5dc;background:#e1e9f7;border-radius:3px;margin-top:25px}.form-result h3{font-size:24px;color:#183d9f;font-weight:500;margin-bottom:15px}.form-result p{font-size:13px;line-height:1.6;margin-top:12px;overflow-wrap:anywhere}
.site-footer{padding:0 var(--gutter) 30px;background:var(--bg);color:var(--paper)}.footer-brand{border-top:1px solid var(--line);padding-top:35px;font-size:clamp(55px,13vw,210px);line-height:1.1;letter-spacing:-.07em;font-weight:600;display:flex;align-items:center;justify-content:space-between}.footer-brand>span{font-size:.7em;color:var(--accent);font-weight:400}.footer-line{display:flex;justify-content:space-between;gap:25px;font-size:9px;letter-spacing:.07em;color:var(--muted);padding:25px 0}.credits{font-size:11px;border-top:1px solid var(--line);max-width:750px;padding-top:15px;color:var(--muted)}.credits summary{min-height:36px;cursor:pointer}.credits p{font-size:11px;line-height:1.7;margin-top:10px}.credits a{text-decoration:underline}
.no-js .scene{cursor:default}.no-js .rotation-tools{display:none}.no-js #scene-status{font-size:0}.no-js #scene-status::after{content:'Иллюстрация. Включите JavaScript для 3D.';font-size:11px}.no-motion{scroll-behavior:auto}.no-motion *{scroll-behavior:auto!important}
@media(max-width:1100px){.configurator{gap:20px;padding:22px}.configurator fieldset+fieldset{padding-left:18px}.swatches{gap:1px}.light-options label>span{flex-direction:column;gap:3px;font-size:10px}.service summary{grid-template-columns:35px 1fr 160px 44px}.process-steps{grid-template-columns:1fr 1fr}.service-content{padding-left:55px}}
@media(max-width:800px){.site-header nav{display:none}.site-header{min-height:75px;padding-block:16px}.brand{font-size:20px}.header-cta{font-size:11px;gap:14px}.experience{padding-top:25px}.showroom{grid-template-rows:auto 310px auto auto auto;gap:0 24px}.chapter-copy h1{font-size:clamp(50px,8vw,75px)}.configurator{grid-template-columns:1fr 1fr;gap:20px}.paint-control{grid-column:1/-1}.configurator fieldset+fieldset{padding-left:0;border:0}.swatches{gap:12px}.light-options label>span{flex-direction:row}.chapter-two h2,.chapter-three h2{font-size:35px}.section-heading{grid-template-columns:1fr}.section-intro{max-width:600px}.questions,.project{grid-template-columns:1fr;gap:35px}.section-pad{padding-block:65px}.service-short{display:none}.service summary{grid-template-columns:30px 1fr 44px}.service-content{grid-template-columns:1fr;padding-left:50px}.service-content p{grid-row:auto}.process-title h2{font-size:46px}.layer span{right:-20px;font-size:8px}.layer{height:150px}.layer-composition{min-height:310px}.footer-line{font-size:8px;line-height:1.7}}
@media(max-width:600px){.site-header{gap:12px;padding-inline:20px}.brand{font-size:18px;gap:8px}.brand>svg{width:25px;height:25px}.brand-sub{font-size:7px}.header-cta{padding:10px 12px;gap:12px;font-size:10px}.experience{padding:25px 20px 25px}.showroom{grid-template-columns:1fr;grid-template-rows:auto 245px auto auto auto auto;gap:0}.chapter-one{grid-column:1;grid-row:1;padding:0}.chapter-one .eyebrow{font-size:9px;margin-bottom:14px}.chapter-copy h1{font-size:clamp(44px,12vw,68px);line-height:1.03}.chapter-copy h1 br{display:initial}.hero-description{font-size:12px;margin-top:15px}.scene{grid-column:1;grid-row:2}.scene-backdrop{top:180px;height:240px}.backdrop-word{top:45px;font-size:22vw}.fallback-car{width:100%}.scene-assist{grid-column:1;grid-row:3;gap:10px;justify-content:space-between}.scene-assist p{font-size:10px}.rotation-tools{gap:4px}.icon-button{width:44px;height:44px}.configurator{grid-column:1;grid-row:4;margin:18px 0 25px;padding:20px 16px;grid-template-columns:1fr;gap:20px}.paint-control{grid-column:1}.configurator legend{font-size:9px}.swatches{gap:13px}.finish-control,.light-control{grid-column:1}.segmented{max-width:240px}.light-options{gap:9px}.light-options label>span{font-size:11px;min-height:48px}.chapter-two{grid-column:1;grid-row:5;padding:25px 0}.chapter-three{grid-column:1;grid-row:6;padding:25px 0}.chapter-two h2,.chapter-three h2{font-size:34px}.chapter-two .eyebrow,.chapter-three .eyebrow{font-size:9px}.section-pad{padding:55px 22px}.section-heading h2,.questions h2{font-size:39px}.section-heading{margin-bottom:30px;gap:20px}.service summary{grid-template-columns:24px 1fr 36px;gap:9px;padding:23px 0}.service h3{font-size:24px}.plus{width:36px;height:44px;border:0}.service-content{padding-left:33px}.service-content p{font-size:13px}.service-tags span{font-size:9px}.process{grid-template-columns:1fr;gap:25px}.process-title h2{font-size:48px}.layer-composition{min-height:300px;max-width:400px;width:100%;margin:auto}.layer span{display:none}.process-steps{gap:25px}.process-steps h3{font-size:16px}.process-steps p{font-size:12px}.step-index{margin-bottom:14px}.faq-list summary{font-size:14px;min-height:77px}.faq-list p{font-size:13px;padding-right:10px}.project h2{font-size:48px}.form-row{grid-template-columns:1fr;gap:0}.form-field input,.form-field select,.form-field textarea{font-size:16px}.form-topline{font-size:9px}.footer-brand{font-size:13vw;padding-top:25px}.footer-line{flex-direction:column;gap:12px;font-size:8px}.site-footer{padding-inline:22px}.credits{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}