@font-face{font-family:Golos;src:url('assets/golos-cyrillic.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Golos;src:url('assets/golos-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--orange:#ff6500;--orange-dark:#e85500;--ink:#101313;--muted:#5f6468;--line:#e9ebec;--peach:#fff0e1;--radius:12px;color-scheme:light;font-family:Golos,Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-size:16px;line-height:1.5}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #1b749f}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%}[hidden]{display:none!important}.container{width:min(1280px,calc(100% - 96px));margin-inline:auto}.button{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:17px 36px;border:0;border-radius:7px;background:linear-gradient(105deg,#ff7500,#ff5e00);color:#fff;font-weight:700;font-size:17px;line-height:1.25;text-align:center;transition:background .2s,box-shadow .2s,transform .2s}.button:hover{background:var(--orange-dark);box-shadow:0 6px 18px #ff65002a;transform:translateY(-1px)}.button:active{transform:translateY(0)}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:12px;background:white;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{height:76px;background:#fff;position:relative;z-index:2}.header-inner{display:flex;align-items:center;height:100%;gap:44px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;line-height:1.1;font-weight:850;letter-spacing:-.5px}.brand img{flex-shrink:0;width:50px;height:50px}.location{display:flex;align-items:center;gap:8px;font-size:14px}.location svg{width:18px;height:22px;fill:var(--orange)}.location svg circle{fill:#fff}.mobile-location{display:none}.header-cta{margin-left:auto;font-size:14px;min-height:48px;padding:13px 26px}
.hero{position:relative;isolation:isolate;color:#fff;overflow:hidden;background:#24331c}.hero-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(9,17,9,.84),rgba(9,17,9,.52) 37%,rgba(9,17,9,.02) 66%)}.hero-inner{min-height:610px;display:flex;align-items:center;padding-block:45px}.hero-copy{max-width:620px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.025em;margin:0 0 20px}.hero h1{font-size:clamp(38px,3.9vw,57px);letter-spacing:-1.8px;line-height:1.055;font-weight:850;margin:0 0 22px}.hero-description{font-size:21px;line-height:1.35;font-weight:650;margin:0 0 25px}.hero-offer{font-size:18px;line-height:1.5;margin:0 0 27px}.hero-cta{min-width:355px;box-shadow:0 5px 25px #ff6a0040}.trust-row{display:flex;align-items:center;gap:25px;margin-top:30px;font-size:14px;line-height:1.4;font-weight:550}.trust-row>div{display:flex;align-items:center;gap:13px}.trust-row>div+div{border-left:1px solid #ffffff80;padding-left:25px}.trust-row svg{width:32px;height:36px;flex-shrink:0;stroke:#fff;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.section{padding:48px 0 52px}.section-heading{margin-bottom:27px}.section-heading h2{font-size:clamp(28px,3.05vw,43px);line-height:1.14;font-weight:800;letter-spacing:-1.3px;margin:0 0 9px}.section-heading p{font-size:21px;line-height:1.4;margin:0}.centered{text-align:center}.quiz-section{background:#fbfaf8}.quiz-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:stretch}.quiz-reward{background:linear-gradient(135deg,#fff0df,#fff4e9);padding:27px 26px 0;border-radius:var(--radius);overflow:hidden;position:relative}.quiz-reward h3{font-size:25px;margin:0 0 20px;letter-spacing:-.7px}.quiz-reward ul{list-style:none;margin:0;padding:0}.quiz-reward li{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;margin:0 0 20px}.quiz-reward li:before{content:'✓';display:grid;place-items:center;border-radius:50%;width:26px;height:26px;background:var(--orange);color:white;flex-shrink:0}.benefit-art{width:100%;aspect-ratio:1;background-image:url('assets/benefits-v2.webp');background-size:200% 200%;background-repeat:no-repeat;mix-blend-mode:multiply}.art-plot{background-position:0 0}.art-tools{background-position:100% 0}.art-estimate{background-position:0 100%}.art-shield{background-position:100% 100%}.reward-art{width:100%;max-width:250px;margin:25px auto 0}.quiz-card{padding:26px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 18px #1d242407;min-width:0}.quiz-progress-heading{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-bottom:9px}.quiz-progress-heading>span:last-child{color:#747b7d}.progress{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:24px}.progress span{height:12px;border-radius:20px;background:#e7eaeb}.progress .active{background:linear-gradient(90deg,#ff7800,#ff6100)}fieldset{padding:0;border:0;margin:0;min-width:0}legend{font-weight:750;font-size:22px;line-height:1.3;margin:0 0 18px;letter-spacing:-.5px;width:100%}.question-hint{font-size:14px;color:var(--muted);margin:-8px 0 18px}.question-hint:empty{display:none}.quiz-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quiz-options.first-question{grid-template-columns:repeat(4,minmax(0,1fr))}.quiz-options.text-options{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-options.two-options{grid-template-columns:repeat(2,minmax(0,1fr))}.option{position:relative;display:flex;flex-direction:column;cursor:pointer;padding:5px;border:1.5px solid #e3e6e8;border-radius:9px;overflow:hidden;transition:border-color .15s,background .15s;min-width:0}.option:hover{border-color:#ff9f60}.option:has(input:checked){border-color:var(--orange);box-shadow:0 0 0 .5px var(--orange);background:#fffaf6}.option:has(input:focus-visible){outline:3px solid #237dab;outline-offset:3px}.option img{width:100%;aspect-ratio:1.1;object-fit:cover;border-radius:5px;background:#f6f5f1}.option.image-contain img{object-fit:contain}.option input{appearance:none;position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:pointer;opacity:0;z-index:1}.option-content{display:flex;align-items:flex-start;gap:8px;padding:10px 3px 7px;font-size:14px;font-weight:600;line-height:1.3}.option-label{min-width:0;overflow-wrap:break-word}.option-indicator{display:grid;place-items:center;flex-shrink:0;width:21px;height:21px;border:2px solid #ced2d6;border-radius:50%;background:white}.option input[type=checkbox]~.option-content .option-indicator{border-radius:5px}.option input:checked~.option-content .option-indicator{background:var(--orange);border-color:var(--orange)}.option input[type=radio]:checked~.option-content .option-indicator:after{content:'';width:7px;height:7px;background:white;border-radius:50%}.option input[type=checkbox]:checked~.option-content .option-indicator:after{content:'✓';font-size:14px;color:white;line-height:1}.text-options .option{padding:12px}.text-options .option-content{font-size:16px;padding:6px;align-items:center;min-height:42px}.validation-message{font-size:14px;color:#b33116;min-height:21px;margin:14px 0 7px}.quiz-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.estimate-note{font-size:12px;color:#505659;margin:0;max-width:285px}.quiz-navigation{display:flex;align-items:center;gap:18px}.next-button{min-width:155px;min-height:54px}.back-button{min-height:44px;border:0;background:transparent;font-size:15px;padding:10px 4px;color:#51585a;text-decoration:underline;text-underline-offset:4px}.back-button:hover{color:var(--orange-dark)}.quiz-result h3{font-size:27px;line-height:1.2;letter-spacing:-.6px;margin:0 0 14px}.quiz-result>p{color:var(--muted)}.quiz-result dl{margin:20px 0}.quiz-result dt{font-size:14px;color:#656c70;margin:16px 0 5px}.quiz-result dd{font-size:16px;margin:0;font-weight:550}.integration-note{padding:18px;background:var(--peach);border-radius:8px;font-size:14px;margin-bottom:12px}.integration-note p{margin:5px 0 0}
.projects-section{padding-top:40px}.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-photo{display:block;width:100%;aspect-ratio:1.35;border:0;border-radius:7px;background-image:url('assets/projects-v2.webp');background-size:300% 200%;background-repeat:no-repeat;cursor:zoom-in;background-color:#eee;transition:filter .2s}.project-photo:hover{filter:brightness(1.07)}.photo-0{background-position:0 0}.photo-1{background-position:50% 0}.photo-2{background-position:100% 0}.photo-3{background-position:0 100%}.photo-4{background-position:50% 100%}.photo-5{background-position:100% 100%}.demo-photo-note{font-size:12px;color:#6f7477;margin:14px 0 0;text-align:center}.section-action{text-align:center;margin-top:30px}.section-action .button{min-width:325px}.benefits-section{background:#fcfbf9;padding-bottom:58px}.benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.benefit{text-align:center;min-width:0}.benefit-art{max-width:300px;margin-inline:auto}.benefit h3{font-size:23px;font-weight:750;line-height:1.2;letter-spacing:-.7px;margin:18px 0 10px}.benefit p{font-size:17px;line-height:1.4;margin:0;color:#323638}.benefits-section .section-action{margin-top:44px}
.photo-dialog{border:0;border-radius:12px;padding:12px;background:#fff;width:min(760px,calc(100% - 28px));max-height:95dvh;overflow:auto}.photo-dialog::backdrop{background:#000d}.photo-dialog .project-photo{aspect-ratio:1;max-height:78dvh;max-width:78dvh;margin:auto;cursor:default}.dialog-close{position:absolute;right:22px;top:22px;z-index:1;width:44px;height:44px;border:0;border-radius:50%;background:#fff;box-shadow:0 3px 12px #0003;font-size:30px;line-height:1}.dialog-controls{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 0}.dialog-controls button{border:1px solid #ddd;border-radius:6px;background:white;font-size:28px;width:46px;height:44px}.dialog-controls span{font-size:15px}
@media(min-width:1600px){.hero-inner{min-height:690px}.hero h1{font-size:62px}}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.header-inner{gap:24px}.brand{font-size:16px}.hero-inner{min-height:570px}.hero h1{font-size:46px}.hero-description{font-size:19px}.hero-offer{font-size:17px}.hero-copy{max-width:550px}.quiz-layout{grid-template-columns:245px minmax(0,1fr);gap:16px}.quiz-reward{padding:23px 20px 0}.quiz-reward h3{font-size:22px}.quiz-reward li{font-size:14px}.quiz-card{padding:22px}.quiz-options.first-question{grid-template-columns:repeat(2,minmax(0,1fr))}.first-question .option img{aspect-ratio:1.8}.benefit h3{font-size:19px}.benefit p{font-size:16px}.benefits-grid{gap:18px}.location{font-size:12px}.header-cta{padding:12px 18px}.quiz-bottom{align-items:flex-end}.estimate-note{max-width:185px}.quiz-navigation{gap:12px}.next-button{min-width:120px}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.site-header{height:74px}.header-inner{gap:0}.brand{font-size:17px;letter-spacing:-.4px;gap:9px}.brand img{width:44px;height:48px}.mobile-location{display:block;font-size:12px;font-weight:450;letter-spacing:0;margin-top:6px}.mobile-location:before{content:'●';color:var(--orange);font-size:10px;margin-right:7px}.header-cta,.location{display:none}.hero-inner{min-height:800px;align-items:flex-end;padding-top:285px;padding-bottom:28px}.hero-photo{object-position:65% center}.hero-shade{background:linear-gradient(180deg,rgba(9,17,9,0) 12%,rgba(9,17,9,.08) 26%,rgba(9,17,9,.78) 49%,rgba(9,17,9,.91) 100%)}.hero-copy{width:100%;max-width:none}.hero .eyebrow{display:none}.hero h1{font-size:clamp(34px,9.5vw,49px);letter-spacing:-1.2px;line-height:1.04;max-width:520px;margin-bottom:21px}.desktop-break{display:none}.hero-description{font-size:18px;line-height:1.3;font-weight:650;max-width:450px;margin-bottom:24px}.hero-offer{font-size:16px;line-height:1.43;margin-bottom:23px;max-width:480px}.hero-cta{min-width:0;width:100%;min-height:59px;font-size:17px}.trust-row{gap:14px;margin-top:26px;font-size:12px;line-height:1.35;justify-content:space-between}.trust-row>div{gap:8px}.trust-row>div+div{padding-left:14px}.trust-row svg{width:27px;height:31px}.section{padding:35px 0 38px}.section-heading{margin-bottom:23px}.section-heading h2{font-size:34px;line-height:1.08;letter-spacing:-1px;margin-bottom:13px}.section-heading p{font-size:18px;line-height:1.4}.quiz-layout{grid-template-columns:1fr;gap:24px}.quiz-reward{padding:18px 20px;border-radius:12px}.quiz-reward h3,.reward-art{display:none}.quiz-reward li{font-size:16px;gap:12px;margin-bottom:10px}.quiz-reward li:last-child{margin-bottom:0}.quiz-reward li:before{width:25px;height:25px}.quiz-card{padding:0;border:0;box-shadow:none;background:transparent}.quiz-progress-heading{font-size:14px}.progress{margin-bottom:25px}.progress span{height:12px}.quiz-options,.quiz-options.first-question,.quiz-options.two-options{grid-template-columns:1fr;gap:10px}.quiz-options.text-options{grid-template-columns:1fr}.option{flex-direction:row;padding:5px;align-items:center;background:#fff;gap:12px;min-height:100px}.option img,.first-question .option img{width:39%;height:96px;aspect-ratio:auto;object-fit:cover;flex-shrink:0}.option-content{flex:1;align-items:center;justify-content:space-between;flex-direction:row-reverse;padding:8px 8px 8px 0;font-size:15px;gap:9px}.option-indicator{width:23px;height:23px}.text-options .option{min-height:68px}.text-options .option-content{flex-direction:row;padding:5px;font-size:16px}.text-options .option-label{flex:1}.quiz-options.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-grid .option{flex-direction:column;gap:0;align-items:stretch}.image-grid .option img{width:100%;height:auto;aspect-ratio:1.4;object-fit:cover}.image-grid .option-content{flex-direction:row;padding:10px 3px 5px;align-items:flex-start;font-size:14px}.image-grid .option-indicator{width:20px;height:20px}.image-grid .option-label{flex:1}.question-hint{font-size:14px}legend{font-size:21px;line-height:1.3;margin-bottom:16px;letter-spacing:-.3px}.quiz-bottom{flex-direction:column-reverse;align-items:stretch;gap:15px}.quiz-navigation{width:100%}.next-button{flex:1;min-height:58px}.back-button{min-width:60px}.estimate-note{max-width:none;font-size:12px;text-align:center}.validation-message{margin-top:11px;margin-bottom:7px;min-height:18px}.projects-section .section-heading,.benefits-section .section-heading{text-align:left}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.project-photo{aspect-ratio:1;border-radius:7px}.demo-photo-note{font-size:12px;line-height:1.5;text-align:left}.section-action{margin-top:24px}.section-action .button{width:100%;min-width:0}.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.benefit{padding:8px 9px 20px;text-align:left;background:#fff;border:1px solid #ececea;border-radius:10px}.benefit-art{width:calc(100% + 12px);margin-left:-6px;max-width:none}.benefit h3{font-size:17px;line-height:1.2;letter-spacing:-.4px;margin:13px 0 10px}.benefit p{font-size:15px;line-height:1.45}.benefit p br{display:none}.benefits-section .section-action{margin-top:24px}.quiz-result h3{font-size:27px}.photo-dialog{padding:8px}.dialog-close{right:16px;top:16px}.photo-dialog .project-photo{max-width:100%}}
@media(max-width:360px){.container{width:calc(100% - 28px)}.hero h1{font-size:33px}.trust-row{gap:8px;font-size:11px}.trust-row>div+div{padding-left:8px}.section-heading h2{font-size:30px}.benefit h3{font-size:16px}.benefit p{font-size:14px}.option-content{font-size:14px}.hero-inner{padding-top:260px}.brand{font-size:16px}}
.skip-link:not(:focus-visible){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}
.art-estimate,.art-shield{background-size:200% 206%}
@media(max-width:760px){.hero-photo{object-position:82% center}.hero h1{max-width:340px;font-size:40px}.benefit p{overflow-wrap:anywhere}.benefit-art{margin-left:-6px}}
@media(max-width:360px){.hero h1{font-size:35px}}
.is-complete>.container>.section-heading,.is-complete .quiz-reward,.is-complete .quiz-progress-heading,.is-complete .progress{display:none}.is-complete .quiz-layout{display:block}.is-complete .quiz-card{max-width:920px;margin:auto;padding:55px 70px}.is-complete .quiz-result{max-width:620px;margin:auto}.is-complete .quiz-result h3{font-size:44px;line-height:1.12;letter-spacing:-1.3px;text-align:center;margin:0 0 35px}.phone-label{display:block;font-size:21px;font-weight:750;margin-bottom:12px}.phone-field{display:flex;align-items:center;gap:20px;border:2px solid var(--orange);border-radius:10px;background:#fff2e6;padding:0 22px;min-height:84px}.phone-field:focus-within{box-shadow:0 0 0 4px #ff650023}.phone-field>svg{width:32px;height:32px;flex-shrink:0;color:#424952}.phone-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:29px;padding:20px 0;color:#313943;letter-spacing:.025em}.phone-field input::placeholder{color:#70777e;opacity:1}.contact-methods{margin-top:26px}.contact-methods legend{font-size:21px;margin-bottom:14px}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.contact-option{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:100px;padding:20px 12px;border:1.5px solid #e0e4e9;border-radius:9px;font-size:18px;font-weight:600;cursor:pointer}.contact-option input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.contact-option:has(input:checked){border-color:var(--orange);background:#fff2e6}.contact-option:has(input:focus-visible){outline:3px solid #237dab;outline-offset:3px}.contact-option i{position:absolute;right:9px;top:9px;width:17px;height:17px;border-radius:50%;border:1.5px solid #b5bbc3}.contact-option:has(input:checked) i{background:var(--orange);border-color:var(--orange)}.contact-option:has(input:checked) i:after{content:'✓';display:block;color:white;font-size:12px;text-align:center;line-height:15px}.contact-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:15px;flex-shrink:0}.contact-icon svg{width:30px;height:30px}.icon-max{background:linear-gradient(145deg,#5917ee,#a735f0)}.icon-telegram{background:linear-gradient(145deg,#00b8ee,#0093de)}.icon-call{background:linear-gradient(145deg,#00cc50,#00a231)}.icon-call svg{width:26px;height:26px}.lead-submit{width:100%;margin-top:28px;min-height:66px;font-size:22px}.lead-submit:disabled{cursor:default;opacity:.7;transform:none}.consent{display:flex;align-items:flex-start;gap:13px;font-size:14px;line-height:1.6;color:#5e646c;margin-top:24px;cursor:pointer}.consent input{width:24px;height:24px;flex-shrink:0;margin:0;accent-color:var(--orange)}.consent a{color:#0877c7;text-decoration:underline;text-underline-offset:3px}.lead-status{font-size:14px;line-height:1.5;color:#a23c21;margin:16px 0 0}.lead-status:empty{display:none}.lead-status.success{color:#21713c}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:760px){.is-complete .quiz-card{padding:25px 0;background:transparent}.is-complete .quiz-result h3{font-size:22px;letter-spacing:-.8px;margin-bottom:30px}.phone-label,.contact-methods legend{font-size:19px}.phone-field{min-height:72px;padding:0 14px;gap:12px}.phone-field input{font-size:23px;padding:18px 0;letter-spacing:0}.phone-field>svg{width:27px;height:27px}.contact-grid{gap:8px}.contact-option{flex-direction:column;gap:7px;padding:17px 5px 12px;min-height:102px;font-size:15px}.contact-icon{width:38px;height:38px;border-radius:13px}.contact-option i{width:15px;height:15px;right:6px;top:6px}.contact-option:has(input:checked) i:after{font-size:10px;line-height:13px}.lead-submit{font-size:20px;min-height:62px;margin-top:24px}.consent{font-size:12px;gap:10px;margin-top:20px}.consent input{width:22px;height:22px}.lead-status{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Preserve full sunny photos and circular finish samples. */
.quiz-options .option img[src*="v=sunny"]{aspect-ratio:4/3;object-fit:contain;background:#f8f6f2;height:auto}

#lead-form .contact-methods{margin:0 0 26px}


.hero-picture{display:contents}
@media(max-width:760px){.hero{background:#10190f}.hero-photo{object-fit:cover;object-position:center top}.hero-inner{min-height:0;padding-top:clamp(310px,82vw,570px);padding-bottom:28px}.hero h1{font-size:clamp(29px,7.7vw,43px);line-height:1.09;max-width:none;letter-spacing:-.8px}.hero-shade{background:linear-gradient(180deg,transparent 25%,rgba(9,17,9,.1) 39%,rgba(9,17,9,.78) 57%,rgba(9,17,9,.94) 100%)}}


/* Footer */
.site-footer{
  background:#090909;
  color:#fff;
  padding:52px 0 26px;
}
.footer-inner{
  display:grid;
  gap:42px;
}
.footer-brand-block{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.footer-title{
  font-size:22px;
  font-weight:850;
  letter-spacing:.035em;
}
.footer-description{
  color:#9a9a9a;
  font-size:15px;
  line-height:1.5;
}
.footer-info{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:40px;
  padding:28px 0;
  border-top:1px solid #252525;
  border-bottom:1px solid #252525;
}
.footer-info-item{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:#c9c9c9;
  font-size:14px;
  line-height:1.55;
}
.footer-label{
  color:#6f6f6f;
  font-size:12px;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:4px;
}
.footer-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  color:#737373;
  font-size:13px;
}
.footer-bottom a{
  color:#8d8d8d;
  text-decoration:none;
  transition:color .2s ease;
}
.footer-bottom a:hover{
  color:#fff;
}
@media(max-width:760px){
  .site-footer{
    padding:38px 0 22px;
  }
  .footer-inner{
    gap:30px;
  }
  .footer-info{
    grid-template-columns:1fr;
    gap:24px;
    padding:24px 0;
  }
  .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
}


/* ===== Premium "Рассчитать стоимость" CTA ===== */
.cta-calc{
  --cta-radius:999px;
  --cta-glow:rgba(255,101,0,.42);
  position:relative;
  isolation:isolate;
  overflow:visible;
  gap:12px;
  border:1px solid rgba(255,224,167,.72);
  border-radius:var(--cta-radius);
  background:
    linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 34%),
    linear-gradient(105deg,#ff9700 0%,#ff7100 44%,#ff5500 100%);
  box-shadow:
    0 8px 24px rgba(255,88,0,.34),
    0 0 0 1px rgba(255,174,58,.16) inset,
    0 2px 0 rgba(255,255,255,.22) inset;
  text-shadow:0 1px 1px rgba(94,33,0,.16);
  transform:translateZ(0);
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}

.cta-calc::before,
.cta-calc::after{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-7px -12px;
  border:1px solid rgba(255,128,22,.34);
  border-radius:inherit;
  opacity:0;
  pointer-events:none;
  animation:ctaHeatWave 2.6s ease-out infinite;
}

.cta-calc::after{
  animation-delay:1.3s;
}

.cta-calc:hover{
  background:
    linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 34%),
    linear-gradient(105deg,#ffa000 0%,#ff7600 44%,#ff5a00 100%);
  box-shadow:
    0 10px 30px rgba(255,88,0,.42),
    0 0 24px var(--cta-glow),
    0 0 0 1px rgba(255,204,123,.2) inset,
    0 2px 0 rgba(255,255,255,.25) inset;
  transform:translateY(-2px) scale(1.008);
}

.cta-calc:active{
  transform:translateY(0) scale(.995);
}

.cta-fire-icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border-radius:50%;
  filter:drop-shadow(0 3px 7px rgba(129,36,0,.32));
  animation:ctaFireBreath 2.1s ease-in-out infinite;
}

.cta-fire-icon img{
  display:block;
  width:100%;
  height:100%;
}

.cta-label{
  position:relative;
  z-index:1;
}

@keyframes ctaHeatWave{
  0%{
    transform:scale(.985);
    opacity:0;
    box-shadow:0 0 0 rgba(255,102,0,0);
  }
  16%{
    opacity:.45;
  }
  75%{
    opacity:.08;
  }
  100%{
    transform:scale(1.085,1.28);
    opacity:0;
    box-shadow:0 0 22px rgba(255,102,0,.16);
  }
}

@keyframes ctaFireBreath{
  0%,100%{transform:scale(1);filter:drop-shadow(0 3px 7px rgba(129,36,0,.28))}
  50%{transform:scale(1.07);filter:drop-shadow(0 3px 11px rgba(255,89,0,.48))}
}

/* Compact header CTA */
.header-cta.cta-calc{
  gap:8px;
  padding-left:14px;
  padding-right:20px;
}

.header-cta.cta-calc .cta-fire-icon{
  width:28px;
  height:28px;
  flex-basis:28px;
}

/* Hero CTA — strongest visual emphasis */
.hero-cta.cta-calc{
  min-height:66px;
  padding-left:20px;
  padding-right:30px;
  font-size:18px;
  font-weight:800;
}

.hero-cta.cta-calc .cta-fire-icon{
  width:44px;
  height:44px;
  flex-basis:44px;
}

/* Section CTA buttons */
.section-action .cta-calc{
  min-height:62px;
  font-weight:800;
}

/* Mobile sizing */
@media(max-width:760px){
  .hero-cta.cta-calc{
    min-height:72px;
    padding:12px 18px;
    gap:10px;
    font-size:18px;
  }

  .hero-cta.cta-calc .cta-fire-icon{
    width:46px;
    height:46px;
    flex-basis:46px;
  }

  .section-action .cta-calc{
    min-height:64px;
    padding:12px 18px;
  }

  .section-action .cta-calc .cta-fire-icon{
    width:38px;
    height:38px;
    flex-basis:38px;
  }
}

/* Respect accessibility setting */
@media(prefers-reduced-motion:reduce){
  .cta-calc::before,
  .cta-calc::after,
  .cta-fire-icon{
    animation:none!important;
  }
}


/* =========================================================
   FIRST QUIZ QUESTION — VISUAL PROJECT CARDS
   Desktop: 2 x 2
   Mobile: 1 column
   Uses the same images already rendered by app.js
   ========================================================= */

/* Desktop / tablet: 2 large cards per row */
.quiz-options.first-question{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

/* The whole answer is now a large photo card */
.quiz-options.first-question .option{
  position:relative;
  display:block;
  min-height:0;
  padding:0;
  border:2px solid transparent;
  border-radius:16px;
  overflow:hidden;
 background:transparent;
  box-shadow:0 8px 24px rgba(16,19,19,.10);
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    filter .18s ease;
}

/* Large photo fills the card */
.quiz-options.first-question .option img,
.quiz-options.first-question .first-question .option img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  object-fit:cover;
  border-radius:0;
  background:#eee;
  transition:transform .28s ease,filter .22s ease;
}

/* Dark gradient for readable text */
.quiz-options.first-question .option::after{
  content:"";
  position:absolute;
  z-index:1;
  left:0;
  right:0;
  bottom:0;
  height:54%;
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(5,10,7,0) 0%,
    rgba(5,10,7,.18) 26%,
    rgba(5,10,7,.76) 72%,
    rgba(5,10,7,.92) 100%
  );
}

/* Text is placed directly over the photo */
.quiz-options.first-question .option-content{
  position:absolute;
  z-index:3;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  flex-direction:row;
  gap:14px;
  padding:26px 24px 22px;
  color:#fff;
  font-size:clamp(21px,2vw,29px);
  font-weight:800;
  line-height:1.12;
  text-shadow:0 2px 12px rgba(0,0,0,.48);
}

/* Large title */
.quiz-options.first-question .option-label{
  flex:1;
  min-width:0;
  max-width:86%;
  overflow-wrap:normal;
}

/* Turn the existing radio indicator into a select/check badge */
.quiz-options.first-question .option-indicator{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border:2px solid rgba(255,255,255,.82);
  border-radius:50%;
  background:rgba(12,17,14,.32);
  backdrop-filter:blur(6px);
  box-shadow:0 4px 16px rgba(0,0,0,.22);
}

/* Normal radio dot is not needed */
.quiz-options.first-question .option input[type=radio]:checked~.option-content .option-indicator:after{
  content:"✓";
  width:auto;
  height:auto;
  background:none;
  color:#fff;
  font-size:25px;
  line-height:1;
  font-weight:900;
}

/* Selected state */
.quiz-options.first-question .option:has(input:checked){
  border-color:#ff6500;
  background:#171717;
  box-shadow:
    0 0 0 3px rgba(255,101,0,.16),
    0 12px 32px rgba(255,101,0,.22);
  transform:translateY(-2px);
}

.quiz-options.first-question .option:has(input:checked) .option-indicator{
  border-color:#ff6500;
  background:#ff6500;
  box-shadow:0 4px 18px rgba(255,101,0,.42);
}

.quiz-options.first-question .option:hover{
  border-color:#ff8c40;
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(16,19,19,.16);
}

.quiz-options.first-question .option:hover img{
  transform:scale(1.025);
  filter:saturate(1.05);
}

/* Keep the invisible real input over the whole card */
.quiz-options.first-question .option input{
  z-index:5;
}

/* Mobile: one large card in each row */
@media(max-width:760px){
  .quiz-options.first-question{
    grid-template-columns:1fr;
    gap:14px;
  }

  .quiz-options.first-question .option{
    min-height:0;
    display:block;
    padding:0;
    gap:0;
    border-radius:14px;
  }

  .quiz-options.first-question .option img,
  .quiz-options.first-question .first-question .option img{
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    object-fit:cover;
  }

  .quiz-options.first-question .option-content{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    flex-direction:row;
    align-items:flex-end;
    justify-content:space-between;
    padding:40px 18px 17px;
    font-size:23px;
    line-height:1.08;
  }

  .quiz-options.first-question .option-label{
    max-width:82%;
  }

  .quiz-options.first-question .option-indicator{
    width:38px;
    height:38px;
    flex-basis:38px;
  }

  .quiz-options.first-question .option input[type=radio]:checked~.option-content .option-indicator:after{
    font-size:23px;
  }

  /* Slightly stronger gradient on mobile for text clarity */
  .quiz-options.first-question .option::after{
    height:58%;
    background:linear-gradient(
      180deg,
      rgba(5,10,7,0) 0%,
      rgba(5,10,7,.18) 22%,
      rgba(5,10,7,.80) 70%,
      rgba(5,10,7,.94) 100%
    );
  }
}

/* Smaller phones */
@media(max-width:380px){
  .quiz-options.first-question .option-content{
    padding:34px 15px 15px;
    font-size:21px;
  }
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .quiz-options.first-question .option,
  .quiz-options.first-question .option img{
    transition:none!important;
  }
}


/* ===== Quiz reward block: concept 1 (cards with illustrations) ===== */
.quiz-reward{
  background:linear-gradient(180deg,#fff5eb 0%,#fff1e0 100%);
  padding:24px 22px 22px;
  border:1px solid #f4dfc8;
  border-radius:18px;
  overflow:hidden;
  position:relative;
  box-shadow:0 10px 30px rgba(34,24,12,.05);
}

.reward-header{
  margin-bottom:18px;
}

.reward-eyebrow{
  margin:0 0 8px;
  color:var(--orange-dark);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.quiz-reward h3{
  margin:0 0 10px;
  font-size:29px;
  line-height:1.06;
  letter-spacing:-.9px;
}

.reward-subtitle{
  margin:0;
  color:#5f666b;
  font-size:14px;
  line-height:1.5;
}

.reward-cards{
  display:grid;
  gap:12px;
}

.reward-card{
  display:grid;
  grid-template-columns:84px minmax(0,1fr);
  align-items:center;
  gap:14px;
  padding:10px 12px;
  border:1px solid #eedbc6;
  border-radius:14px;
  background:rgba(255,255,255,.84);
  box-shadow:0 4px 14px rgba(18,24,27,.05);
}

.reward-card-media{
  width:84px;
  height:84px;
  border-radius:12px;
  background:linear-gradient(180deg,#fffaf4 0%,#fff4e8 100%);
  display:grid;
  place-items:center;
  overflow:hidden;
  flex-shrink:0;
}

.reward-card-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.reward-card-copy h4{
  margin:0 0 5px;
  font-size:18px;
  line-height:1.15;
  letter-spacing:-.3px;
}

.reward-card-copy p{
  margin:0;
  font-size:14px;
  line-height:1.4;
  color:#626a70;
}

.reward-art{display:none!important;}
.quiz-reward ul{display:none!important;}

/* desktop tune */
@media(min-width:761px){
  .reward-card{
    grid-template-columns:94px minmax(0,1fr);
    gap:16px;
    padding:12px 14px;
  }

  .reward-card-media{
    width:94px;
    height:94px;
  }
}

/* mobile tune */
@media(max-width:760px){
  .quiz-reward{
    padding:16px;
    border-radius:16px;
  }

  .reward-header{
    margin-bottom:14px;
  }

  .reward-eyebrow{
    font-size:11px;
    margin-bottom:7px;
  }

  .quiz-reward h3{
    display:block!important;
    margin:0 0 8px;
    font-size:27px;
    line-height:1.04;
  }

  .reward-subtitle{
    font-size:13px;
    line-height:1.45;
  }

  .reward-cards{
    gap:10px;
  }

  .reward-card{
    grid-template-columns:78px minmax(0,1fr);
    gap:12px;
    padding:10px;
    border-radius:13px;
  }

  .reward-card-media{
    width:78px;
    height:78px;
    border-radius:11px;
  }

  .reward-card-copy h4{
    font-size:16px;
    margin-bottom:4px;
  }

  .reward-card-copy p{
    font-size:13px;
    line-height:1.35;
  }
}

.result-gift-image {
  width: 100%;
  margin: 0 auto 30px;
  text-align: center;
}

.result-gift-image img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 16px;
}

@media (max-width: 760px) {
  .result-gift-image {
    margin-bottom: 22px;
  }

  .result-gift-image img {
    border-radius: 12px;
  }
}

.brush-highlight {
  position: relative;
  display: inline-block;
  z-index: 0;
  padding: 0 .08em;
}

.brush-highlight::before {
  content: "";
  position: absolute;
  z-index: -1;

  left: -6%;
  right: -6%;
  bottom: .05em;

  height: .9em;

  background: #ffd84a;

  transform: rotate(-1.5deg) skewX(-7deg);

  border-radius: 35% 18% 30% 22% / 45% 35% 50% 38%;

  clip-path: polygon(
    0% 18%,
    5% 8%,
    14% 13%,
    21% 5%,
    32% 10%,
    43% 3%,
    55% 10%,
    67% 5%,
    78% 11%,
    91% 4%,
    100% 14%,
    97% 79%,
    89% 88%,
    77% 83%,
    65% 93%,
    52% 86%,
    39% 95%,
    27% 87%,
    14% 93%,
    4% 82%
  );
}

/* =========================================
   ФИНАЛЬНАЯ КНОПКА С ПУЛЬСИРУЮЩИМ ЗАМКОМ
   ========================================= */

.lead-submit {
  position: relative;
  overflow: visible;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  width: 100%;
  min-height: 68px;

  padding: 14px 28px;

  border-radius: 999px;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, .16) 0%,
      rgba(255, 255, 255, 0) 34%
    ),
    linear-gradient(
      105deg,
      #ff9800 0%,
      #ff7600 45%,
      #ff5600 100%
    );

  box-shadow:
    0 10px 28px rgba(255, 91, 0, .32),
    inset 0 2px 0 rgba(255, 255, 255, .22);

  font-weight: 800;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    filter .2s ease;
}


/* Текст кнопки */
.lead-submit-text {
  position: relative;
  z-index: 5;

  display: inline-block;
}


/* Контейнер замка */
.lead-lock-wrap {
  position: relative;

  width: 50px;
  height: 50px;

  flex: 0 0 50px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  overflow: visible;
}


/* Сам замок */
.lead-lock-img {
  position: relative;
  z-index: 4;

  display: block;

  width: 42px;
  height: 42px;

  object-fit: contain;

  transform-origin: center;

  filter:
    drop-shadow(0 3px 5px rgba(120, 45, 0, .22))
    drop-shadow(0 0 8px rgba(255, 245, 200, .55));

  animation:
    leadLockPulse 1.65s ease-in-out infinite,
    leadLockGlow 1.65s ease-in-out infinite;
}


/* =========================================
   ОРБИТА
   ========================================= */

.lead-lock-orbit {
  position: absolute;

  left: 50%;
  top: 50%;

  width: 58px;
  height: 38px;

  margin-left: -29px;
  margin-top: -19px;

  border-radius: 50%;

  border: 2px solid rgba(255, 246, 196, .78);

  box-shadow:
    0 0 7px rgba(255, 244, 190, .48),
    inset 0 0 6px rgba(255, 232, 130, .22);

  transform: rotate(-16deg);

  z-index: 2;

  animation: leadOrbitSpin 2.6s linear infinite;
}


/* Яркая светящаяся точка на орбите */
.lead-lock-orbit::before {
  content: "";

  position: absolute;

  width: 9px;
  height: 9px;

  left: 50%;
  top: -5px;

  margin-left: -4.5px;

  border-radius: 50%;

  background: #fffdf0;

  box-shadow:
    0 0 5px #ffffff,
    0 0 10px rgba(255, 245, 190, .95),
    0 0 18px rgba(255, 203, 65, .85);
}


/* Хвост светящейся точки */
.lead-lock-orbit::after {
  content: "";

  position: absolute;

  width: 18px;
  height: 4px;

  left: calc(50% - 17px);
  top: -2px;

  border-radius: 999px;

  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0),
      rgba(255, 238, 156, .85)
    );

  filter: blur(1px);

  opacity: .8;
}


/* =========================================
   РАСХОДЯЩАЯСЯ ВОЛНА
   ========================================= */

.lead-lock-wrap::after {
  content: "";

  position: absolute;

  left: 50%;
  top: 50%;

  width: 46px;
  height: 46px;

  margin-left: -23px;
  margin-top: -23px;

  border-radius: 50%;

  border: 2px solid rgba(255, 240, 170, .52);

  box-shadow:
    0 0 10px rgba(255, 225, 110, .3);

  z-index: 1;

  animation: leadLockWave 1.65s ease-out infinite;
}


/* =========================================
   АНИМАЦИИ
   ========================================= */

@keyframes leadLockPulse {
  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.13);
  }
}


@keyframes leadLockGlow {
  0%,
  100% {
    filter:
      drop-shadow(0 3px 5px rgba(120, 45, 0, .22))
      drop-shadow(0 0 7px rgba(255, 245, 200, .45));
  }

  50% {
    filter:
      drop-shadow(0 4px 7px rgba(120, 45, 0, .26))
      drop-shadow(0 0 14px rgba(255, 248, 205, .9))
      drop-shadow(0 0 20px rgba(255, 205, 70, .5));
  }
}


@keyframes leadOrbitSpin {
  0% {
    transform: rotate(-16deg) rotateZ(0deg);
  }

  100% {
    transform: rotate(-16deg) rotateZ(360deg);
  }
}


@keyframes leadLockWave {
  0% {
    transform: scale(.72);
    opacity: .65;
  }

  65% {
    opacity: .22;
  }

  100% {
    transform: scale(1.55);
    opacity: 0;
  }
}


/* =========================================
   ЭФФЕКТ КНОПКИ
   ========================================= */

.lead-submit:hover {
  transform: translateY(-2px);

  box-shadow:
    0 13px 34px rgba(255, 91, 0, .42),
    0 0 22px rgba(255, 112, 0, .2),
    inset 0 2px 0 rgba(255, 255, 255, .28);
}


.lead-submit:active {
  transform: translateY(0) scale(.99);
}


/* =========================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================= */

@media (max-width: 760px) {

  .lead-submit {
    gap: 10px;

    min-height: 66px;

    padding: 12px 20px;
  }

  .lead-lock-wrap {
    width: 46px;
    height: 46px;

    flex-basis: 46px;
  }

  .lead-lock-img {
    width: 39px;
    height: 39px;
  }

  .lead-lock-orbit {
    width: 54px;
    height: 35px;

    margin-left: -27px;
    margin-top: -17.5px;
  }

}


/* =========================================
   ОТКЛЮЧЕНИЕ АНИМАЦИИ
   ========================================= */

@media (prefers-reduced-motion: reduce) {

  .lead-lock-img,
  .lead-lock-orbit,
  .lead-lock-wrap::after {
    animation: none;
  }

}
.hero-brush-highlight {
  position: relative;
  display: inline-block;
  z-index: 0;
  padding: 0 .10em;
}

.hero-brush-highlight::before {
  content: "";

  position: absolute;
  z-index: -1;

  left: -5%;
  right: -5%;
  bottom: -.18em;

  height: 1.28em;

  background:
    linear-gradient(
      90deg,
      #ff8a00 0%,
      #ff7900 38%,
      #ff6900 72%,
      #ff5c00 100%
    );

  transform: rotate(-0.8deg);

  clip-path: polygon(
    0% 20%,
    2% 16%,
    5% 18%,
    8% 14%,
    14% 16%,
    22% 13%,
    30% 15%,
    40% 12%,
    51% 14%,
    62% 12%,
    72% 15%,
    81% 13%,
    89% 16%,
    95% 14%,
    100% 18%,

    100% 82%,
    96% 80%,
    92% 84%,
    86% 81%,
    79% 85%,
    70% 82%,
    61% 86%,
    51% 83%,
    41% 86%,
    31% 83%,
    22% 87%,
    14% 84%,
    8% 87%,
    4% 82%,
    0% 84%
  );

  border-radius: 3% / 10%;
}

/* Следы широкой щетины */
.hero-brush-highlight::after {
  content: "";

  position: absolute;
  z-index: -2;

  left: -3%;
  right: -4%;
  bottom: -.11em;

  height: 1.05em;

  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,0) 0 7px,
      rgba(255,255,255,.08) 7px 9px,
      rgba(255,255,255,0) 9px 15px
    );

  opacity: .45;

  transform: rotate(-0.8deg);
}