@font-face{font-family:Manrope;src:url('./assets/fonts/manrope-cyrillic.woff2') format('woff2');font-display:swap;font-weight:400 800}
:root{--paper:#faf7f3;--surface:#fff;--ink:#3c3433;--muted:#817670;--accent:#986958;--accent-soft:#f2e7df;--line:#e5dcd5;--error:#9b4434;--radius:16px}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}img{display:block;max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h2:focus,h3:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.site-header{height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 40px;background:#fff}.brand{display:flex;align-items:center;width:145px;height:70px}.brand img{width:132px;height:64px;object-fit:contain}.site-header>p{margin:0;font-size:14px}.header-city{color:#75625a}.phone{justify-self:end;display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:15px;font-weight:600}.phone svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.project-quiz{display:grid;grid-template-columns:minmax(0,57%) minmax(0,43%);height:calc(100dvh - 80px);min-height:650px;max-width:1800px;margin:auto;padding:32px 40px}.project-hero{display:flex;flex-direction:column;min-width:0;height:100%;padding:8px 40px 0 0}.project-copy h1{margin:0;font-size:clamp(44px,4.8vw,76px);font-weight:750;line-height:1.13;letter-spacing:-.055em}.project-description{margin:12px 0 0;color:var(--muted);font-size:clamp(14px,1.45vw,21px);line-height:1.5;letter-spacing:-.03em}.project-offer{display:flex;align-items:center;gap:25px;margin:24px 0 27px;flex-wrap:wrap}.project-price,.project-installment{margin:0;font-size:clamp(19px,1.9vw,29px);font-weight:700;line-height:1.3;letter-spacing:-.035em}.project-installment{padding-left:25px;border-left:1px solid #c9b4a8;font-size:clamp(17px,1.65vw,25px)}
.project-gallery{display:flex;flex-direction:column;flex:1;min-height:0;margin:0}.media-frame{position:relative;flex:1;min-height:240px;isolation:isolate;overflow:hidden;border-radius:24px;background:#eee5dc}.project-hero-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;opacity:0;transition:opacity .5s ease,transform .8s ease;transform:scale(1.025);z-index:0}.project-hero-image.is-active{opacity:1;transform:scale(1);z-index:1}.project-gallery figcaption{display:flex;justify-content:space-between;gap:16px;min-height:40px;padding:13px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.partner-line{margin:20px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.mobile-start{display:none}
.quiz-pane{min-width:0;height:100%;border-left:1px solid var(--line);padding-left:40px;overflow:auto;scrollbar-width:thin;scroll-margin-top:20px}.quiz-view,.lead-view,.success-view{min-height:100%;padding:9px 0 0;animation:fade-in .25s ease}.quiz-view{display:flex;flex-direction:column}.progress-track{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 25px}.progress-track span{height:6px;border-radius:8px;background:#e9dfd7;transition:background .25s}.progress-track span.is-active{background:#b6907d}.progress-head{font-size:12px;color:var(--accent);font-weight:650}.question-copy{margin:16px 0 22px}.question-copy h3{margin:0;font-size:clamp(28px,2.6vw,38px);line-height:1.18;font-weight:750;letter-spacing:-.045em}.question-copy p{margin:13px 0 0;color:var(--muted);font-size:14px;line-height:1.55;letter-spacing:-.02em}.question-stage.enter-forward{animation:stage-forward .3s ease}.question-stage.enter-back{animation:stage-back .3s ease}.question-stage.leave-forward{animation:stage-leave .2s ease both;pointer-events:none}
.option-grid{display:grid;grid-template-columns:1fr;gap:10px}.option-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:19px;min-height:82px;padding:16px 20px;border:1px solid #d8c8bc;border-radius:var(--radius);background:#ffffff60;color:var(--ink);text-align:left;transition:background .18s,border-color .18s,transform .18s,opacity .18s}.option-card:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);transform:none}.option-card.is-selected{background:#efe0d4;border-color:var(--accent)}.question-stage.is-confirming .option-card:not(.is-selected){opacity:.45}.option-icon{display:grid;place-items:center;width:38px;height:38px;color:var(--ink)}.option-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.option-copy{min-width:0}.option-label{display:block;font-size:14px;font-weight:750;line-height:1.35;letter-spacing:-.025em}.option-detail{display:block;margin-top:5px;color:var(--muted);font-size:11px;font-weight:400;line-height:1.45;letter-spacing:-.02em}.option-check{display:grid;place-items:center;width:21px;height:21px;border:1.5px solid var(--accent);border-radius:50%;color:transparent}.option-check svg{width:12px;fill:none;stroke:currentColor;stroke-width:2}.option-card.is-selected .option-check{background:var(--accent);color:white}.option-card.is-featured{background:#f6ece4}
.option-grid.has-layouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.has-layouts .option-card.has-plan{min-height:242px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:20px 12px 16px;background:white;overflow:hidden}.has-layouts .has-plan .option-check{position:absolute;right:10px;top:10px;width:18px;height:18px}.plan-image{width:100%;height:144px;object-fit:contain;mix-blend-mode:multiply}.has-plan .option-copy{width:100%}.has-plan .option-detail{font-size:10px}.has-layouts .option-card:last-child{grid-column:1/-1;min-height:72px}.project-note{display:none}.has-layouts+.project-note{display:flex;align-items:flex-start;gap:7px;margin:16px 0 0;font-size:10px;line-height:1.55;color:var(--muted)}.project-note svg{flex:0 0 15px;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.quiz-controls{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:23px;margin-top:auto;padding-top:22px}.auto-advance-hint{margin:0;font-size:11px;color:var(--muted);line-height:1.55}.button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:7px 0;background:none;border:0;color:var(--ink);font-size:13px}.button svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.7}.button:disabled{opacity:.35}.button-next{padding:12px 24px;border-radius:12px;background:var(--accent);color:white}.quiz-controls .button-next{display:none}
.lead-view{display:flex;flex-direction:column;justify-content:center}.lead-back{align-self:flex-start;display:flex;align-items:center;gap:8px;margin:0 0 22px;padding:5px 0;border:0;background:none;color:var(--muted);font-size:11px}.lead-back svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7}.lead-view h2,.success-view h2{margin:0;font-size:clamp(29px,2.5vw,38px);line-height:1.18;font-weight:750;letter-spacing:-.045em}.lead-text{margin:14px 0 16px;font-size:12px;line-height:1.65;color:var(--muted)}.answer-summary{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.summary-chip{padding:6px 10px;border-radius:6px;background:var(--accent-soft);color:var(--ink);font-size:10px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form>label>span{display:block;margin:0 0 7px;color:var(--muted);font-size:10px;font-weight:500}.contact-form input[type=text],.contact-form input[type=tel]{width:100%;height:48px;padding:0 13px;border:1px solid #dacbbf;border-radius:10px;background:#fff;color:var(--ink);font-size:13px}.contact-form .input-error{outline:1px solid var(--error)}.messenger-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 4px}.messenger-grid label{position:relative}.messenger-grid input{position:absolute;opacity:0}.messenger-grid span{height:42px;display:grid;place-items:center;border:1px solid #dacbbf;border-radius:10px;font-size:10px;cursor:pointer}.messenger-grid input:checked+span{background:var(--accent-soft);border-color:var(--accent)}.messenger-grid input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px}.consent input{accent-color:var(--accent);width:15px;height:15px;flex:0 0 15px;margin:1px 0 0}.contact-form>.consent>span{font-size:10px;line-height:1.5;font-weight:400;margin:0}.consent a{text-underline-offset:2px}.submit-button{grid-column:1/-1;min-height:49px;border:0;border-radius:12px;background:var(--accent);color:white;font-size:13px;font-weight:650;transition:background .2s}.submit-button:hover{background:#7b5040}.submit-button:disabled{opacity:.6}.preview-note,.form-error{grid-column:1/-1;margin:0;font-size:10px;line-height:1.55;color:var(--muted)}.preview-note a{white-space:nowrap}.form-error{min-height:14px;color:var(--error)}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.success-view{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.success-icon{width:64px;height:64px;display:grid;place-items:center;margin-bottom:28px;background:var(--accent-soft);color:var(--accent);border-radius:50%}.success-icon svg{width:30px;fill:none;stroke:currentColor;stroke-width:2}.success-view p{margin:18px 0 28px;color:var(--muted);font-size:13px;line-height:1.7}.noscript-note{position:fixed;inset:auto 0 0;padding:16px;background:white;border-top:1px solid var(--line)}
@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes stage-forward{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes stage-back{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes stage-leave{to{opacity:0;transform:translateY(-8px)}}
@media(min-width:1450px){.project-copy h1{font-size:88px}.project-description{font-size:25px}.project-price{font-size:32px}.project-installment{font-size:29px}.question-copy h3{font-size:42px}.project-quiz{padding:38px 48px}.project-hero{padding-right:48px}.quiz-pane{padding-left:48px}.site-header{padding:0 48px}.option-card{min-height:91px}.option-label{font-size:18px}.option-detail{font-size:14px}.question-copy p{font-size:17px}.project-gallery figcaption{font-size:14px}.partner-line,.auto-advance-hint{font-size:12px}.progress-head{font-size:14px}.project-offer{margin:29px 0 30px}}
@media(max-height:800px) and (min-width:801px){.project-quiz{padding-top:24px;padding-bottom:24px;min-height:620px}.project-copy h1{font-size:clamp(44px,4.6vw,64px)}.project-offer{margin:20px 0 22px}.progress-track{margin-bottom:20px}.question-copy{margin:12px 0 18px}.question-copy h3{font-size:30px}.question-copy p{font-size:12px;margin-top:10px}.option-card{min-height:75px;padding-top:12px;padding-bottom:12px}.quiz-controls{gap:14px;padding-top:18px}.lead-back{margin-bottom:13px}.lead-view h2{font-size:31px}.lead-text{margin:11px 0 13px}.answer-summary{margin-bottom:14px}.contact-form{gap:9px}}
@media(max-width:1100px) and (min-width:801px){.site-header{padding:0 26px}.site-header>p{font-size:12px}.phone{font-size:12px}.project-quiz{grid-template-columns:52% 48%;padding-left:26px;padding-right:26px}.project-hero{padding-right:26px}.quiz-pane{padding-left:26px}.project-copy h1{font-size:43px}.project-offer{gap:12px}.project-price{font-size:20px}.project-installment{padding-left:12px;font-size:16px}.option-card{gap:12px;padding-left:15px;padding-right:15px}.option-label{font-size:13px}.option-detail{font-size:10px}.has-layouts .option-card.has-plan{min-height:219px;padding:22px 8px 12px}.plan-image{height:110px}.has-plan .option-detail{font-size:9px}}
@media(max-width:800px){.site-header{height:70px;padding:0 22px;grid-template-columns:1fr auto}.site-header>p{display:none}.brand{height:64px;width:125px}.brand img{height:59px;width:120px}.phone{font-size:12px;gap:7px}.phone svg{width:16px}.project-quiz{display:block;height:auto;min-height:0;padding:22px;max-width:640px}.project-hero{height:auto;padding:0}.project-copy h1{font-size:clamp(36px,7.5vw,52px)}.project-description{font-size:14px;max-width:390px;margin-top:10px}.project-offer{gap:16px;margin:19px 0 20px;flex-wrap:nowrap}.project-price{font-size:22px;white-space:nowrap}.project-installment{font-size:16px;padding-left:16px}.project-gallery{flex:auto}.media-frame{flex:auto;min-height:0;height:260px;border-radius:20px}.project-gallery figcaption{font-size:11px;padding-top:10px;min-height:30px}.partner-line{margin:15px 0 0;font-size:10px}.mobile-start{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;margin-top:14px;border-radius:12px;background:var(--accent);color:white;text-decoration:none;font-size:13px}.mobile-start svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.5}.quiz-pane{height:auto;border-left:0;border-top:1px solid var(--line);margin-top:26px;padding:25px 0 0;overflow:visible}.quiz-view,.lead-view,.success-view{min-height:0;padding:0}.question-copy h3{font-size:30px}.question-copy p{font-size:13px}.option-card{min-height:80px}.quiz-controls{margin-top:20px;padding-top:0;gap:14px}.progress-track{margin-bottom:18px}.project-quiz.has-progress .project-description,.project-quiz.has-progress .partner-line,.project-quiz.has-progress .mobile-start{display:none}.project-quiz.has-progress .project-copy h1{font-size:30px}.project-quiz.has-progress .project-offer{margin:10px 0 15px}.project-quiz.has-progress .project-price{font-size:18px}.project-quiz.has-progress .project-installment{font-size:13px}.project-quiz.has-progress .media-frame{height:180px}.project-quiz.has-progress .quiz-pane{margin-top:18px;padding-top:19px}.has-layouts .option-card.has-plan{min-height:210px;padding:25px 9px 14px;gap:14px}.plan-image{height:115px}.lead-view{padding-top:4px}.lead-back{margin-bottom:17px}.lead-view h2{font-size:32px}.success-view{padding:35px 0}.contact-form input[type=text],.contact-form input[type=tel]{font-size:16px}}
@media(max-width:420px){.site-header{gap:8px}.brand{width:110px}.brand img{width:110px}.site-header{padding:0 18px}.phone{font-size:11px}.project-quiz{padding:22px 18px}.project-copy h1{font-size:37px}.project-offer{gap:12px}.project-price{font-size:20px}.project-installment{font-size:14px;padding-left:12px}.media-frame{height:230px}.option-card{grid-template-columns:30px minmax(0,1fr) 19px;gap:13px;padding:14px}.option-icon,.option-icon svg{width:30px;height:30px}.option-label{font-size:13px}.option-detail{font-size:10px}.option-check{width:19px;height:19px}.question-copy h3{font-size:28px}.has-layouts{gap:7px!important}.has-layouts .option-card.has-plan{min-height:194px;padding:25px 7px 12px}.plan-image{height:100px}.has-plan .option-detail{font-size:9px}.contact-form{grid-template-columns:1fr}.project-quiz.has-progress .project-copy h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.project-hero-image{transform:none}}