@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Prata&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#23231f;background:#f2eee6;margin:0;font-family:Manrope,Arial,sans-serif}button,a,input{font:inherit}button,a{color:inherit}button{cursor:pointer}.site-header{z-index:5;color:#fff;border-bottom:1px solid #ffffff47;align-items:center;width:100%;height:82px;padding:0 4vw;display:flex;position:absolute}.brand{letter-spacing:.28em;font-size:26px;font-weight:600;text-decoration:none}.brand span{color:#c7a876}.brand.dark{color:#25251f}.header-note{letter-spacing:.12em;text-transform:uppercase;color:#ffffffb5;margin-left:50px;font-size:10px;line-height:1.55}.header-action{color:#fff;text-transform:uppercase;letter-spacing:.14em;background:0 0;border:0;align-items:center;gap:24px;margin-left:auto;font-size:11px;display:flex}.header-action span{border:1px solid #ffffff80;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.hero{color:#fff;background:#393b32;height:min(900px,100svh);min-height:690px;position:relative;overflow:hidden}.hero-image{background:url(/images/reno-hero.png) 50%/cover no-repeat;animation:10s ease-out forwards hero;position:absolute;inset:0;transform:scale(1.02)}.hero-shade{background:linear-gradient(90deg,#161a17da 0%,#1b1f1ab8 36%,#1e221d2c 72%,#191b18a6 100%);position:absolute;inset:0}.hero-copy{z-index:2;max-width:760px;position:absolute;top:50%;left:8vw;transform:translateY(-43%)}.eyebrow{text-transform:uppercase;letter-spacing:.19em;margin:0 0 30px;font-size:11px}.eyebrow span{color:#d9bf93}.hero h1{letter-spacing:-.045em;margin:0;font-family:Prata,Georgia,serif;font-size:clamp(64px,7.4vw,118px);font-weight:400;line-height:.93}.hero h1 i{color:#d6c19d;font-weight:400}.hero-lead{color:#ffffffbf;max-width:520px;margin:30px 0;font-size:16px;line-height:1.75}.primary{color:#1d211d;text-transform:uppercase;letter-spacing:.14em;background:#d3b787;border:0;justify-content:space-between;min-width:228px;padding:19px 24px 19px 26px;font-size:11px;transition:all .25s;display:inline-flex}.primary:hover{background:#e3cfac;transform:translateY(-2px)}.benefits{letter-spacing:.12em;text-transform:uppercase;color:#ffffffb7;gap:32px;margin-top:38px;font-size:10px;display:flex}.benefits span:before{content:"✓";color:#d9bf93;margin-right:8px}.hero-marker{z-index:2;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:20px;font-size:10px;display:flex;position:absolute;bottom:42px;right:4vw}.hero-marker strong{color:#d8c19b;font-family:Prata;font-size:38px;font-weight:400}.quiz-shell{background:#f5f1e9;grid-template-columns:320px 1fr;min-height:100svh;display:grid}.quiz-aside{background:#ded6c8;flex-direction:column;justify-content:space-between;padding:46px 42px;display:flex;position:relative;overflow:hidden}.quiz-aside:after{content:"";opacity:.12;mix-blend-mode:multiply;background:url(/images/reno-renovation.png) 50%/cover;position:absolute;inset:0}.quiz-aside>*{z-index:1;position:relative}.quiz-aside>div p{letter-spacing:.15em;text-transform:uppercase;font-size:10px}.quiz-aside>div strong{margin:12px 0;font:28px Prata,serif;display:block}.quiz-aside>div small{color:#6b675e;font-size:10px}.quiz-aside blockquote{margin:0;font:19px/1.6 Prata,serif}.quiz-main{flex-direction:column;min-width:0;padding:30px 5vw 34px;display:flex}.progress-head{letter-spacing:.12em;text-transform:uppercase;color:#777169;grid-template-columns:90px 1fr 40px;align-items:center;gap:18px;height:44px;font-size:10px;display:grid}.progress-head>div{background:#ddd5c8;height:2px}.progress-head i{background:#997c55;height:100%;transition:width .35s;display:block}.progress-head b{text-align:right;font-weight:500}.step-stage{flex:1;align-items:center;animation:.28s slide;display:flex}.question{width:100%;max-width:1050px;margin:auto}.question-head{margin-bottom:28px}.question-head p,.lead-form>span,.result-top p{letter-spacing:.16em;text-transform:uppercase;color:#9a7c57;font-size:10px}.question-head h2{margin:10px 0;font:clamp(34px,3.5vw,58px)/1.08 Prata,serif}.question-head>span{color:#78736c;font-size:13px}.option-grid,.condition-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.option,.condition{text-align:left;background:#faf8f4;border:1px solid #d9d2c6;grid-template-columns:35px 1fr 28px;align-items:center;min-height:105px;padding:20px;transition:all .2s;display:grid}.option:hover,.condition:hover,.option.selected,.condition.selected{background:#fff;border-color:#8a6c47}.option>span,.condition>span{color:#9a948b;font-size:10px}.option strong,.condition strong{font:19px Prata,serif;display:block}.option small,.condition small{color:#777;margin-top:6px;font-size:10px;display:block}.option b{color:#0000;border:1px solid #cdc5b8;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.option.selected b{color:#fff;background:#8a6c47}.area-panel{background:#e7dfd1;padding:50px clamp(25px,7vw,90px)}.area-value{justify-content:center;align-items:center;gap:50px;margin-bottom:55px;display:flex}.area-value button{background:0 0;border:1px solid #bdb3a4;border-radius:50%;width:46px;height:46px;font-size:22px}.area-value strong{font:clamp(72px,9vw,130px) Prata,serif}.area-value strong span{margin-left:12px;font:18px Manrope}.area-panel input{accent-color:#8a6c47;width:100%}.range-labels{color:#777;justify-content:space-between;margin-top:12px;font-size:10px;display:flex}.visual-grid{gap:10px;display:grid}.repair-grid{grid-template-columns:repeat(4,1fr)}.visual-card,.style-card{text-align:left;background:#e3ddd2;border:1px solid #0000;padding:0 0 16px;transition:all .25s;position:relative;overflow:hidden}.visual-card:hover,.style-card:hover,.visual-card.selected,.style-card.selected{background:#fff;border-color:#826642;transform:translateY(-3px)}.visual-photo{background:url(/images/reno-renovation.png) 50%/cover;height:205px}.visual-card.standard .visual-photo{background-image:url(/images/reno-hero.png);background-position:65%}.visual-card.capital .visual-photo{filter:saturate(.55);background-position:25%}.visual-card.designer .visual-photo{filter:sepia(.15);background-image:url(/images/reno-hero.png);background-position:85%}.visual-card>span,.style-card>span{color:#8a847b;margin:13px 15px 8px;font-size:9px;display:block}.visual-card strong,.visual-card small,.visual-card>b{margin:0 15px;display:block}.visual-card strong,.style-card strong{font:18px Prata,serif}.visual-card small{color:#777;margin-top:5px;font-size:9px}.visual-card>b{color:#8a6c47;margin-top:11px;font-size:9px;font-weight:500}.condition{flex-direction:column;justify-content:center;align-items:flex-start;min-height:140px;display:flex;position:relative}.condition>span{margin-bottom:16px}.condition i{border:1px solid #aaa;border-radius:50%;width:13px;height:13px;position:absolute;top:20px;right:20px}.condition.selected i{background:#8a6c47;box-shadow:inset 0 0 0 3px #fff}.extras-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.extra{text-align:left;background:#faf8f4;border:1px solid #d9d2c6;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:58px;padding:10px 14px;display:grid}.extra i{border:1px solid #b8afa1;border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;display:grid}.extra span{font-size:12px}.extra small{color:#837c71;font-size:9px}.extra.selected{background:#eee5d7;border-color:#8a6c47}.extra.selected i{color:#fff;background:#8a6c47}.styles-grid{grid-template-columns:repeat(3,1fr)}.style-card{padding-bottom:17px}.style-photo{background:url(/images/reno-hero.png) 70%/cover;height:145px}.style-card.minimal .style-photo{filter:saturate(.45)brightness(1.1);background-position:15%}.style-card.classic .style-photo{filter:sepia(.23);background-position:90%}.style-card.loft .style-photo{filter:contrast(1.1)saturate(.5);background-image:url(/images/reno-renovation.png)}.style-card.japandi .style-photo{filter:sepia(.25)brightness(1.08);background-position:40%}.style-card.unknown .style-photo{background:linear-gradient(135deg,#cdc5b7,#f3eee5)}.style-card strong{margin-left:15px}.style-card>b{color:#0000;position:absolute;bottom:15px;right:14px}.style-card.selected>b{color:#8a6c47}.timeline-list{border-top:1px solid #d5cdbf}.timeline{text-align:left;background:0 0;border:0;border-bottom:1px solid #d5cdbf;grid-template-columns:45px 1fr 20px;align-items:center;width:100%;min-height:62px;display:grid}.timeline span{color:#999;font-size:9px}.timeline strong{font:17px Prata,serif}.timeline i{border:1px solid #aaa;border-radius:50%;width:14px;height:14px}.timeline.selected i{background:#8a6c47;box-shadow:inset 0 0 0 3px #f5f1e9}.quiz-nav{justify-content:space-between;align-items:end;height:64px;display:flex}.quiz-nav button{text-transform:uppercase;letter-spacing:.12em;background:0 0;border:0;font-size:10px}.next{justify-content:space-between;width:220px;padding:17px 20px;display:flex;color:#fff!important;background:#252720!important}.result-screen{width:100%;max-width:1100px;margin:auto}.result-top{color:#fff;background:#292c25;justify-content:space-between;align-items:center;padding:28px 34px;display:flex}.result-top h2{margin:8px 0;font:clamp(35px,4.2vw,62px) Prata}.result-top>div>span{color:#ffffff9c;font-size:10px}.result-seal{border:1px solid #ffffff42;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.result-seal span{letter-spacing:.2em}.result-seal small{text-align:center;color:#d8c19b;margin-top:7px;font-size:7px}.result-content{grid-template-columns:1.1fr .9fr;display:grid}.breakdown{background:#fff;padding:25px 32px}.breakdown h3,.lead-form h3{margin:0 0 20px;font:25px Prata}.result-line{margin:13px 0}.result-line>div{justify-content:space-between;font-size:11px;display:flex}.result-line strong{font-weight:600}.result-line>i{background:#eee8de;height:2px;margin-top:8px;display:block}.result-line>i b{background:#a7875d;height:100%;display:block}.breakdown>p{color:#777;margin-top:18px;font-size:10px;line-height:1.6}.restart{text-transform:uppercase;letter-spacing:.1em;background:0 0;border:0;padding:0;font-size:9px}.lead-form{background:#ded6c8;padding:25px 32px}.lead-form label{text-transform:uppercase;letter-spacing:.1em;margin:12px 0;font-size:9px;display:block}.lead-form input:not([type=checkbox]){text-transform:none;background:0 0;border:0;border-bottom:1px solid #aba294;outline:none;width:100%;padding:9px 0;font-size:13px;display:block}.lead-form label small{color:#a14e42;margin-top:4px;display:block}.check{align-items:center;gap:8px;text-transform:none!important;letter-spacing:0!important;display:flex!important}.check input{display:none}.check i{border:1px solid #978d7d;width:15px;height:15px}.check input:checked+i{background:#8a6c47;box-shadow:inset 0 0 0 3px #ded6c8}.dark-button{color:#fff;background:#252720;width:100%;margin-top:8px}.whatsapp{text-align:center;text-transform:uppercase;letter-spacing:.1em;margin-top:13px;font-size:9px;display:block}.success{text-align:center;padding:15px}.success b{color:#fff;background:#8a6c47;border-radius:50%;place-items:center;width:55px;height:55px;margin:auto;font-size:22px;display:grid}.success p{font:16px/1.6 Prata}.success button{background:0 0;border:0;font-size:10px;text-decoration:underline}footer{text-transform:uppercase;letter-spacing:.1em;background:#ece6dc;align-items:center;gap:50px;min-height:120px;padding:35px 4vw;font-size:10px;display:flex}footer>span{margin-left:auto}footer>span a{color:#8a6c47}@keyframes slide{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@keyframes hero{0%{transform:scale(1.08)}to{transform:scale(1.02)}}@media (width<=900px){.site-header{height:68px}.header-note{display:none}.hero{min-height:700px}.hero-copy{top:46%;left:6vw;right:6vw}.hero h1{font-size:clamp(50px,14vw,76px)}.hero-marker{display:none}.benefits{flex-wrap:wrap;gap:12px}.quiz-shell{grid-template-columns:1fr;min-height:100svh}.quiz-aside{display:none}.quiz-main{min-height:100svh;padding:18px 18px 25px}.progress-head{grid-template-columns:74px 1fr 35px}.question-head{margin-bottom:20px}.question-head h2{font-size:32px}.option-grid,.condition-grid{gap:7px}.option{grid-template-columns:24px 1fr 22px;min-height:95px;padding:13px}.option strong,.condition strong{font-size:15px}.repair-grid{grid-template-columns:1fr 1fr}.visual-photo{height:120px}.visual-card strong{font-size:15px}.styles-grid{grid-template-columns:1fr 1fr}.style-photo{height:95px}.extras-grid{gap:5px}.extra{grid-template-columns:23px 1fr;min-height:51px;padding:7px 8px}.extra small{display:none}.area-panel{padding:35px 18px}.area-value{gap:18px;margin-bottom:35px}.area-value strong{font-size:72px}.result-screen{align-self:flex-start}.result-content{grid-template-columns:1fr}.result-top{padding:22px}.result-seal{display:none}.breakdown,.lead-form{padding:20px}.quiz-nav{background:#f5f1e9;padding-top:8px;position:sticky;bottom:0}.next{width:190px}.step-stage{align-items:flex-start;padding-top:28px}footer{flex-direction:column;align-items:flex-start;gap:18px}footer>span{margin:0}}@media (width<=520px){.hero-lead{font-size:14px}.benefits{font-size:8px}.header-action{font-size:0}.header-action span{font-size:12px}.question-head>span{font-size:11px}.condition{min-height:110px;padding:12px}.condition-grid{grid-template-columns:1fr 1fr}.condition small{font-size:8px}.visual-card>span{margin-top:8px}.visual-card{padding-bottom:10px}.style-card{padding-bottom:12px}.style-card strong{font-size:14px}.timeline{min-height:58px}.result-top h2{font-size:32px}.result-content{display:block}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}