*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--c-bg: #0a0e1a;--c-surface: #131929;--c-surface2: #1a2235;--c-border: rgba(255,255,255,.08);--c-text: #f0f4ff;--c-muted: rgba(240,244,255,.5);--c-accent: #f59e0b;--c-accent2: #fbbf24;--c-gold: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--c-green: #22c55e;--c-whatsapp: #25D366;--radius-lg: 1.25rem;--radius-md: .875rem;--radius-sm: .5rem;--shadow-lg: 0 25px 50px rgba(0,0,0,.5);--shadow-md: 0 10px 30px rgba(0,0,0,.3);--transition: all .25s cubic-bezier(.4,0,.2,1);--font-display: "Playfair Display", Georgia, serif;--font-ui: "Inter", system-ui, -apple-system, sans-serif}html,body{height:100%}body{font-family:var(--font-ui);background:var(--c-bg);color:var(--c-text);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column}.fade-enter-active,.fade-leave-active{transition:opacity .4s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:all .45s cubic-bezier(.16,1,.3,1)}.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from{opacity:0;transform:translateY(30px)}.slide-up-leave-to{opacity:0;transform:translateY(-20px)}.slide-left-enter-active{transition:all .35s cubic-bezier(.16,1,.3,1)}.slide-left-leave-active{transition:all .25s ease;position:absolute;width:100%}.slide-left-enter-from{opacity:0;transform:translate(40px)}.slide-left-leave-to{opacity:0;transform:translate(-40px)}.slide-right-enter-active{transition:all .35s cubic-bezier(.16,1,.3,1)}.slide-right-leave-active{transition:all .25s ease;position:absolute;width:100%}.slide-right-enter-from{opacity:0;transform:translate(-40px)}.slide-right-leave-to{opacity:0;transform:translate(40px)}.layer-fade-enter-active,.layer-fade-leave-active{transition:all .5s cubic-bezier(.16,1,.3,1)}.layer-fade-enter-from,.layer-fade-leave-to{opacity:0;transform:scale(.85) translateY(10px)}.c2p-app{min-height:100vh;position:relative;display:flex;flex-direction:column}.landing{min-height:100vh;display:flex;flex-direction:column;background:var(--c-bg);position:relative;overflow:hidden}.landing:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(245,158,11,.12) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(59,130,246,.08) 0%,transparent 60%);pointer-events:none}.landing-inner{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem 1.5rem;text-align:center;position:relative;z-index:1}.landing-badge{display:inline-flex;align-items:center;gap:.5rem;background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);border-radius:9999px;padding:.35rem .875rem;font-size:.8rem;font-weight:600;color:var(--c-accent);letter-spacing:.04em;text-transform:uppercase;margin-bottom:1.5rem;animation:badge-in .8s cubic-bezier(.16,1,.3,1) both}.landing-title{font-family:var(--font-display);font-size:clamp(2rem,8vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:1rem;animation:title-in 1s cubic-bezier(.16,1,.3,1) .1s both}.landing-highlight{background:var(--c-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-sub{font-size:clamp(.9rem,3vw,1.125rem);color:var(--c-muted);max-width:380px;margin-bottom:2rem;animation:title-in 1s cubic-bezier(.16,1,.3,1) .2s both}.btn-start{display:inline-flex;align-items:center;gap:.75rem;background:var(--c-gold);color:#000;border:none;border-radius:var(--radius-md);padding:1rem 2rem;font-size:1.05rem;font-weight:700;cursor:pointer;font-family:var(--font-ui);transition:var(--transition);box-shadow:0 8px 30px #f59e0b59;animation:title-in 1s cubic-bezier(.16,1,.3,1) .3s both;letter-spacing:-.01em}.btn-start:hover{transform:translateY(-2px);box-shadow:0 12px 40px #f59e0b73}.btn-start:active{transform:translateY(0)}.landing-features{display:flex;gap:1rem;margin-top:1.5rem;animation:title-in 1s cubic-bezier(.16,1,.3,1) .4s both}.feature{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:.35rem .875rem;font-size:.8rem;font-weight:500;color:var(--c-muted)}.landing-house-preview{width:100%;max-width:360px;margin-top:2rem;position:relative;animation:title-in 1.2s cubic-bezier(.16,1,.3,1) .5s both}.landing-img{width:100%;height:auto}.house-placeholder{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);height:200px;display:flex;align-items:center;justify-content:center}.house-icon{font-size:4rem;filter:drop-shadow(0 4px 12px rgba(245,158,11,.3))}.landing-footer{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem;border-top:1px solid var(--c-border);font-size:.8rem;color:var(--c-muted)}.logo{height:28px}.configurator-layout{min-height:100vh;display:grid;grid-template-rows:auto auto}@media(min-width:768px){.configurator-layout{grid-template-rows:none;grid-template-columns:1fr 1fr;max-height:100vh;overflow:hidden}}.preview-panel{position:relative;background:var(--c-surface);height:clamp(170px,28vh,240px);overflow:hidden}@media(min-width:768px){.preview-panel{height:auto;min-height:100vh;position:sticky;top:0}}.btn-restart{position:absolute;top:1rem;right:1rem;background:#0006;border:1px solid var(--c-border);color:var(--c-muted);border-radius:var(--radius-sm);padding:.4rem .75rem;font-size:.875rem;cursor:pointer;transition:var(--transition);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-restart:hover{color:var(--c-text);background:#0009}.house-preview{width:100%;height:100%;position:relative;overflow:hidden;background:#1a2235}.house-scene-svg{width:100%;height:100%;display:block}@media(min-width:768px){.house-scene-svg{height:100vh;max-height:100vh}}.quiz-panel{background:var(--c-surface);display:flex;flex-direction:column;padding:1.25rem 1.25rem 2rem;overflow-y:auto;position:relative}@media(min-width:768px){.quiz-panel{padding:2rem;min-height:100vh;overflow-y:auto;justify-content:center}}.progress-wrap{margin-bottom:1.5rem}.progress-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.75rem;font-weight:600;color:var(--c-muted);text-transform:uppercase;letter-spacing:.05em}.progress-pct{color:var(--c-accent)}.progress-track{height:4px;background:var(--c-surface2);border-radius:9999px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:var(--c-gold);border-radius:9999px;transition:width .5s cubic-bezier(.16,1,.3,1)}.stage-tracker{display:flex;justify-content:space-between;gap:.25rem}.stage-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;min-width:0;opacity:.35;transform:scale(.92);transition:all .35s cubic-bezier(.16,1,.3,1)}.stage-item.done{opacity:.75}.stage-item.active{opacity:1;transform:scale(1)}.stage-icon{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;background:var(--c-surface2);border:1.5px solid var(--c-border);transition:all .35s cubic-bezier(.16,1,.3,1)}.stage-item.done .stage-icon{background:#22c55e26;border-color:#22c55e66;color:var(--c-green)}.stage-item.active .stage-icon{background:var(--c-gold);border-color:transparent;color:#000;box-shadow:0 0 0 4px #f59e0b2e;animation:stage-pop .4s cubic-bezier(.34,1.56,.64,1) both}.stage-label{font-size:.6rem;font-weight:600;color:var(--c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stage-item.active .stage-label{color:var(--c-text)}@media(max-width:420px){.stage-label{display:none}}.question-step{position:relative}.question-header{margin-bottom:1.25rem}.question-text{font-size:clamp(1.1rem,4vw,1.5rem);font-weight:700;line-height:1.2;margin-bottom:.35rem}.question-sub{font-size:.8rem;color:var(--c-muted)}.options-grid{display:grid;gap:.75rem;margin-bottom:1.5rem}.options-grid.cols-2{grid-template-columns:1fr 1fr}.options-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.options-grid.cols-4{grid-template-columns:1fr 1fr}@media(min-width:480px){.options-grid.cols-4{grid-template-columns:1fr 1fr 1fr 1fr}}.option-card{position:relative;background:var(--c-surface2);border:2px solid transparent;border-radius:var(--radius-md);padding:1rem .875rem;cursor:pointer;text-align:center;transition:all .2s cubic-bezier(.16,1,.3,1);overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:.3rem;font-family:var(--font-ui);color:var(--c-text);outline:none}.option-card:before{content:"";position:absolute;inset:0;background:var(--c-gold);opacity:0;transition:opacity .2s}.option-card:hover{border-color:#f59e0b66;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.option-card.selected{border-color:var(--c-accent);background:#f59e0b14;box-shadow:0 0 0 1px var(--c-accent),0 8px 24px #f59e0b26;animation:card-select-pop .45s cubic-bezier(.34,1.56,.64,1) both}.option-card:active{transform:scale(.97)}.spark{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:var(--c-accent2);pointer-events:none;opacity:0;animation:spark-fly .55s ease-out both}.spark-1{animation-delay:.02s;--sx: -46px;--sy: -34px}.spark-2{animation-delay:.05s;--sx: 44px;--sy: -30px;background:var(--c-green)}.spark-3{animation-delay:.03s;--sx: -38px;--sy: 32px;background:#60a5fa}.spark-4{animation-delay:.07s;--sx: 42px;--sy: 36px}.option-emoji{font-size:1.75rem;line-height:1}.option-label{font-size:.875rem;font-weight:700;letter-spacing:-.01em}.option-desc{font-size:.7rem;color:var(--c-muted);line-height:1.3}.option-check{position:absolute;top:.5rem;right:.5rem;width:20px;height:20px;background:var(--c-accent);color:#000;border-radius:50%;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;animation:check-pop .3s cubic-bezier(.16,1,.3,1) both}.option-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.option-card.selected .option-ripple:after{content:"";position:absolute;inset:0;border-radius:inherit;animation:ripple .4s ease-out}.step-actions{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.btn-back{background:transparent;border:1px solid var(--c-border);color:var(--c-muted);border-radius:var(--radius-sm);padding:.6rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;font-family:var(--font-ui);transition:var(--transition);white-space:nowrap}.btn-back:hover{color:var(--c-text);border-color:#fff3}.btn-next{flex:1;background:var(--c-surface2);border:2px dashed var(--c-border);color:var(--c-muted);border-radius:var(--radius-sm);padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;font-family:var(--font-ui);transition:var(--transition)}.btn-next.active{background:var(--c-gold);border:2px solid transparent;color:#000;box-shadow:0 4px 16px #f59e0b4d}.btn-next.active:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b66}.choices-trail{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--c-border)}.choices-trail-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--c-muted);margin-bottom:.65rem}.choices-trail-inner{display:flex;flex-wrap:wrap;gap:.5rem}.choice-chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:9999px;padding:.45rem .85rem;font-size:.8rem;font-weight:600;color:var(--c-text)}.choice-chip-icon{font-size:.95rem;line-height:1}.chip-pop-enter-active{animation:chip-pop-in .4s cubic-bezier(.34,1.56,.64,1) both}.chip-pop-leave-active{transition:opacity .2s ease;position:absolute}.chip-pop-leave-to{opacity:0}.chip-pop-move{transition:transform .3s ease}@keyframes chip-pop-in{0%{opacity:0;transform:scale(.5) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:767px){.choices-trail{margin-top:1.25rem;padding-top:1rem}.choices-trail-inner{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.3rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.choices-trail-inner::-webkit-scrollbar{display:none}.choice-chip{flex-shrink:0}}@media(max-width:380px){.btn-next,.btn-back{padding:.65rem .9rem;font-size:.82rem}}@media(min-width:768px){.question-text{font-size:1.85rem}.question-sub{font-size:.95rem}.question-header{margin-bottom:1.75rem}.options-grid{gap:1.1rem;margin-bottom:2rem}.option-card{padding:1.6rem 1.25rem;gap:.5rem}.option-emoji{font-size:2.4rem}.option-label{font-size:1.05rem}.option-desc{font-size:.82rem}.choices-trail{margin-top:2.25rem;padding-top:1.5rem}.choice-chip{padding:.55rem 1rem;font-size:.85rem}}.result-screen{min-height:100vh;display:flex;flex-direction:column;background:var(--c-bg)}.result-inner{display:grid;flex:1}@media(min-width:768px){.result-inner{grid-template-columns:1fr 1fr;min-height:100vh}}.result-preview{min-height:280px;position:relative;overflow:hidden}@media(min-width:768px){.result-preview{min-height:100vh;position:sticky;top:0}}.result-preview-glow{position:absolute;inset:-20%;background:radial-gradient(circle at 50% 55%,#fbbf2459,#fbbf2400 62%);pointer-events:none;animation:title-in 1.4s cubic-bezier(.16,1,.3,1) both}.result-preview-stamp{position:absolute;top:1rem;right:1rem;z-index:2;background:var(--c-gold);color:#000;font-size:.72rem;font-weight:800;letter-spacing:.02em;padding:.4rem .8rem;border-radius:9999px;box-shadow:0 4px 16px #f59e0b66;animation:title-in .8s cubic-bezier(.16,1,.3,1) .3s both}.result-content{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}@media(min-width:768px){.result-content{padding:3rem 2.5rem;justify-content:center}}.result-badge{display:inline-flex;align-items:center;gap:.5rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:9999px;padding:.35rem .875rem;font-size:.8rem;font-weight:600;color:var(--c-green);letter-spacing:.04em;width:fit-content}.result-title{font-family:var(--font-display);font-size:clamp(1.5rem,5vw,2.25rem);font-weight:800;line-height:1.15}.result-sub{color:var(--c-muted);font-size:.95rem;line-height:1.6}.config-pills{display:flex;flex-wrap:wrap;gap:.5rem}.config-pill{background:var(--c-surface);border:1px solid var(--c-border);border-radius:9999px;padding:.3rem .875rem;font-size:.8rem;font-weight:500;color:var(--c-muted)}.estimate-box{background:linear-gradient(135deg,#f59e0b14,#fbbf240f);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);padding:1.25rem}.estimate-label{font-size:.75rem;font-weight:700;color:var(--c-accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem}.estimate-value{font-size:1.35rem;font-weight:800;color:var(--c-text);margin-bottom:.75rem}.estimate-disclaimer{font-size:.72rem;color:var(--c-muted);line-height:1.5;border-top:1px solid var(--c-border);padding-top:.75rem}.next-steps{display:flex;flex-direction:column;gap:.5rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:.9rem 1rem}.next-step{display:flex;align-items:center;gap:.6rem;font-size:.82rem;color:var(--c-muted)}.next-step-icon{flex-shrink:0;font-size:.95rem}.result-ctas{display:flex;flex-direction:column;gap:.75rem}.btn-cta-primary{width:100%;padding:1rem 1.5rem;background:var(--c-gold);color:#000;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;font-family:var(--font-ui);transition:var(--transition);box-shadow:0 4px 20px #f59e0b4d;letter-spacing:-.01em}.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f59e0b66}.btn-cta-whatsapp{width:100%;padding:1rem 1.5rem;background:var(--c-whatsapp);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;font-family:var(--font-ui);transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.75rem;text-decoration:none}.btn-cta-whatsapp:hover{transform:translateY(-2px);filter:brightness(1.1)}.result-social-proof{align-self:center}.btn-restart-sm{background:transparent;border:none;color:var(--c-muted);font-size:.8rem;cursor:pointer;font-family:var(--font-ui);padding:.25rem 0;transition:var(--transition);align-self:center}.btn-restart-sm:hover{color:var(--c-text)}.lead-form-screen{min-height:100vh;background:var(--c-bg);display:flex;align-items:flex-start;justify-content:center;padding:2rem 1.25rem}.lead-form-inner{width:100%;max-width:520px}.btn-back-form{background:transparent;border:1px solid var(--c-border);color:var(--c-muted);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.875rem;cursor:pointer;font-family:var(--font-ui);transition:var(--transition);margin-bottom:1.5rem}.btn-back-form:hover{color:var(--c-text)}.form-header{margin-bottom:1.75rem}.form-badge{display:inline-flex;align-items:center;gap:.4rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:9999px;padding:.3rem .75rem;font-size:.75rem;font-weight:600;color:var(--c-accent);margin-bottom:.75rem}.form-title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;margin-bottom:.5rem}.form-sub{color:var(--c-muted);font-size:.875rem;line-height:1.6}.lead-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.field-group{display:flex;flex-direction:column;gap:.35rem}.field-group label{font-size:.75rem;font-weight:700;color:var(--c-muted);text-transform:uppercase;letter-spacing:.06em}.field-group input,.field-group textarea{width:100%;background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text);padding:.75rem 1rem;font-size:.9rem;font-family:var(--font-ui);transition:border-color .2s;outline:none}.field-group input:focus,.field-group textarea:focus{border-color:var(--c-accent)}.field-group input.error,.field-group textarea.error{border-color:#ef4444}.field-group textarea{resize:vertical;min-height:80px}.field-error{font-size:.75rem;color:#f87171}.submit-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.875rem;color:#fca5a5;white-space:pre-line}.privacy-note{font-size:.75rem;color:var(--c-muted);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:.75rem 1rem;line-height:1.5}.btn-submit{width:100%;padding:1rem;background:var(--c-gold);color:#000;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;font-family:var(--font-ui);transition:var(--transition);box-shadow:0 4px 20px #f59e0b4d}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #f59e0b66}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.loading-dots span{animation:blink 1.4s infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.success-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;background:var(--c-bg);position:relative;overflow:hidden}.success-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(34,197,94,.08) 0%,transparent 70%)}.success-inner{max-width:480px;text-align:center;position:relative;z-index:1;animation:title-in .8s cubic-bezier(.16,1,.3,1) both}.success-icon{font-size:4rem;margin-bottom:1.25rem;animation:bounce-in .8s cubic-bezier(.16,1,.3,1) .1s both}.success-title{font-family:var(--font-display);font-size:2rem;font-weight:800;margin-bottom:.75rem}.success-text{color:var(--c-muted);font-size:.95rem;line-height:1.7;margin-bottom:1.75rem}.success-steps{display:flex;flex-direction:column;gap:.875rem;margin-bottom:2rem;text-align:left}.success-step{display:flex;align-items:center;gap:1rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:1rem;font-size:.875rem}.step-num{width:28px;height:28px;background:var(--c-gold);color:#000;border-radius:50%;font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-restart-success{background:transparent;border:1.5px solid var(--c-border);color:var(--c-muted);border-radius:var(--radius-sm);padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;font-family:var(--font-ui);transition:var(--transition)}.btn-restart-success:hover{color:var(--c-text);border-color:#ffffff40}@keyframes badge-in{0%{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes title-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes check-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ripple{0%{box-shadow:0 0 #f59e0b66}to{box-shadow:0 0 0 20px #f59e0b00}}@keyframes bounce-in{0%{opacity:0;transform:scale(.5) rotate(-10deg)}60%{transform:scale(1.2) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes card-select-pop{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-4px) scale(1.09)}70%{transform:translateY(-1px) scale(.99)}to{transform:translateY(-2px) scale(1.02)}}@keyframes spark-fly{0%{opacity:1;transform:translate(-50%,-50%) translate(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translate(var(--sx),var(--sy)) scale(.3)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:9999px}.btn-cta-personalize{width:100%;background:linear-gradient(135deg,#f59e0b1f,#fbbf2414);border:1.5px solid rgba(245,158,11,.35);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-ui);transition:var(--transition);padding:0;overflow:hidden;text-align:left}.btn-cta-personalize:hover{border-color:var(--c-accent);background:linear-gradient(135deg,#f59e0b2e,#fbbf241f);transform:translateY(-2px);box-shadow:0 8px 28px #f59e0b33}.cta-personalize-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;gap:1rem}.cta-p-badge{display:inline-block;background:var(--c-accent);color:#000;font-size:.65rem;font-weight:800;letter-spacing:.08em;border-radius:4px;padding:.15rem .45rem;margin-bottom:.4rem}.cta-p-title{font-size:1rem;font-weight:700;color:var(--c-text);margin-bottom:.2rem}.cta-p-sub{font-size:.78rem;color:var(--c-muted)}.cta-p-arrow{font-size:1.5rem;color:var(--c-accent);font-weight:700;flex-shrink:0}.gate-screen{min-height:100vh;background:var(--c-bg);display:flex;align-items:flex-start;justify-content:center;padding:2rem 1.25rem 3rem;position:relative;overflow:hidden}.gate-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(245,158,11,.07) 0%,transparent 65%);pointer-events:none}.gate-inner{width:100%;max-width:480px;position:relative;z-index:1}.btn-back-gate{background:transparent;border:1px solid var(--c-border);color:var(--c-muted);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.875rem;cursor:pointer;font-family:var(--font-ui);transition:var(--transition);margin-bottom:1.75rem}.btn-back-gate:hover{color:var(--c-text)}.gate-icon{font-size:3.5rem;margin-bottom:1rem;animation:bounce-in .7s cubic-bezier(.16,1,.3,1) both}.gate-title{font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800;margin-bottom:.75rem;line-height:1.15}.gate-sub{color:var(--c-muted);font-size:.95rem;line-height:1.65;margin-bottom:1.5rem}.gate-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.gate-feat{background:var(--c-surface);border:1px solid var(--c-border);border-radius:9999px;padding:.3rem .875rem;font-size:.78rem;font-weight:500;color:var(--c-muted)}.gate-form{display:flex;flex-direction:column;gap:1rem}.gate-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:480px){.gate-fields{grid-template-columns:1fr}}.phone-wrap{display:flex;align-items:center;background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--radius-sm);overflow:hidden;transition:border-color .2s}.phone-wrap:focus-within{border-color:var(--c-accent)}.phone-prefix{padding:0 .75rem;font-size:.85rem;color:var(--c-muted);white-space:nowrap;border-right:1px solid var(--c-border);background:#ffffff08}.phone-wrap input{flex:1;background:transparent;border:none;outline:none;padding:.75rem .875rem;color:var(--c-text);font-size:.9rem;font-family:var(--font-ui)}.recaptcha-notice{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--c-muted);line-height:1.5}.recaptcha-notice a{color:var(--c-muted);text-decoration:underline}.recaptcha-notice svg{flex-shrink:0;opacity:.6}.gate-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.875rem;color:#fca5a5}.btn-gate-submit{width:100%;padding:1rem;background:var(--c-gold);color:#000;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;font-family:var(--font-ui);transition:var(--transition);box-shadow:0 4px 20px #f59e0b4d}.btn-gate-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #f59e0b66}.btn-gate-submit:disabled{opacity:.7;cursor:not-allowed}.gate-privacy{font-size:.72rem;color:var(--c-muted);text-align:center;margin-top:.75rem}.dots{letter-spacing:.1em}.adv-layout{min-height:100vh;display:grid;grid-template-rows:auto 1fr}@media(min-width:768px){.adv-layout{grid-template-rows:none;grid-template-columns:1fr 1fr;max-height:100vh;overflow:hidden}}.adv-preview{position:relative;min-height:260px;overflow:hidden;background:var(--c-surface)}@media(min-width:768px){.adv-preview{min-height:100vh;position:sticky;top:0}}.adv-live-tag{position:absolute;top:1rem;left:50%;transform:translate(-50%);background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(34,197,94,.3);border-radius:9999px;padding:.3rem .875rem;font-size:.7rem;font-weight:600;color:var(--c-green);display:flex;align-items:center;gap:.4rem;white-space:nowrap;z-index:10}.live-dot{width:7px;height:7px;background:var(--c-green);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.adv-panel{background:var(--c-surface);display:flex;flex-direction:column;overflow-y:auto;position:relative}.adv-steps-nav{display:flex;padding:1rem 1rem .5rem;gap:.35rem;border-bottom:1px solid var(--c-border);overflow-x:auto;flex-shrink:0;scrollbar-width:none}.adv-steps-nav::-webkit-scrollbar{display:none}.adv-step-pill{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem .75rem;background:transparent;border:1.5px solid var(--c-border);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-ui);color:var(--c-muted);transition:var(--transition);flex-shrink:0;min-width:64px}.adv-step-pill.active{border-color:var(--c-accent);color:var(--c-accent);background:#f59e0b14}.adv-step-pill.done{border-color:var(--c-green);color:var(--c-green);background:#22c55e0f}.pill-icon{font-size:1rem}.pill-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.adv-step-wrap{flex:1;overflow-y:auto;padding:1.25rem;position:relative}@media(min-width:768px){.adv-step-wrap{padding:1.5rem 2rem}}.adv-step-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.adv-step-icon{font-size:2.25rem;flex-shrink:0}.adv-step-title{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.adv-step-sub{font-size:.85rem;color:var(--c-muted)}.adv-section-group{display:flex;flex-direction:column;gap:1.5rem}.adv-section{display:flex;flex-direction:column;gap:.6rem}.adv-section-label{font-size:.72rem;font-weight:700;color:var(--c-muted);text-transform:uppercase;letter-spacing:.08em}.adv-interior{display:flex;flex-direction:column;gap:1.5rem}.swatches-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}@media(min-width:400px){.swatches-grid{grid-template-columns:1fr 1fr 1fr}}@media(min-width:640px){.swatches-grid{grid-template-columns:1fr 1fr 1fr 1fr}}.adv-cards-grid{display:grid;gap:.6rem}.adv-cards-grid.cols-2{grid-template-columns:1fr 1fr}@media(max-width:360px){.adv-cards-grid.cols-2{grid-template-columns:1fr}}.adv-option-card{position:relative;background:#ffffff0a;border:2px solid transparent;border-radius:var(--radius-md);padding:.875rem .75rem;cursor:pointer;text-align:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;gap:.25rem;font-family:var(--font-ui);color:var(--c-text);outline:none}.adv-option-card:hover{border-color:#f59e0b59;background:#ffffff12;transform:translateY(-2px)}.adv-option-card.selected{border-color:var(--c-accent);background:#f59e0b14;box-shadow:0 0 0 1px var(--c-accent),0 6px 20px #f59e0b1f}.aoc-emoji{font-size:1.6rem}.aoc-label{font-size:.8rem;font-weight:700}.aoc-desc{font-size:.68rem;color:var(--c-muted);line-height:1.3}.aoc-check{position:absolute;top:.4rem;right:.4rem;width:18px;height:18px;background:var(--c-accent);color:#000;border-radius:50%;font-size:.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;animation:check-pop .25s cubic-bezier(.16,1,.3,1) both}.adv-multi-hint{font-size:.78rem;color:var(--c-muted);margin-bottom:.75rem;font-style:italic}.adv-textarea{width:100%;background:var(--c-bg);border:1.5px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text);padding:.75rem 1rem;font-size:.875rem;font-family:var(--font-ui);resize:vertical;min-height:80px;outline:none;transition:border-color .2s}.adv-textarea:focus{border-color:var(--c-accent)}.adv-char-count{font-size:.7rem;color:var(--c-muted);text-align:right;margin-top:.25rem}.adv-nav{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--c-border);background:var(--c-surface);flex-shrink:0}@media(min-width:768px){.adv-nav{padding:1rem 2rem}}.btn-adv-back{background:transparent;border:1px solid var(--c-border);color:var(--c-muted);border-radius:var(--radius-sm);padding:.65rem 1.1rem;font-size:.875rem;font-weight:500;cursor:pointer;font-family:var(--font-ui);transition:var(--transition);white-space:nowrap}.btn-adv-back:hover{color:var(--c-text)}.btn-adv-next{flex:1;padding:.75rem 1.25rem;background:var(--c-surface2);border:1.5px solid rgba(245,158,11,.4);color:var(--c-accent);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;font-family:var(--font-ui);transition:var(--transition)}.btn-adv-next:hover{background:#f59e0b14;border-color:var(--c-accent)}.btn-adv-submit{flex:1;padding:.85rem 1.5rem;background:var(--c-gold);color:#000;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:700;cursor:pointer;font-family:var(--font-ui);transition:var(--transition);box-shadow:0 4px 16px #f59e0b4d}.btn-adv-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #f59e0b66}.btn-adv-submit:disabled{opacity:.7;cursor:not-allowed}.adv-submit-error{margin:0 1.25rem .75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.85rem;color:#fca5a5;white-space:pre-line}.adv-progress{height:3px;background:var(--c-bg);flex-shrink:0}.adv-progress-fill{height:100%;background:var(--c-gold);transition:width .5s cubic-bezier(.16,1,.3,1)}.slide-adv-left-enter-active{transition:all .3s cubic-bezier(.16,1,.3,1)}.slide-adv-left-leave-active{transition:all .2s ease;position:absolute;width:100%}.slide-adv-left-enter-from{opacity:0;transform:translate(30px)}.slide-adv-left-leave-to{opacity:0;transform:translate(-25px)}.slide-adv-right-enter-active{transition:all .3s cubic-bezier(.16,1,.3,1)}.slide-adv-right-leave-active{transition:all .2s ease;position:absolute;width:100%}.slide-adv-right-enter-from{opacity:0;transform:translate(-30px)}.slide-adv-right-leave-to{opacity:0;transform:translate(25px)}.quiz-panel-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.btn-mute{background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius-sm);width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:var(--transition)}.btn-mute:hover{border-color:#f59e0b66}.journey-badge{position:relative;display:inline-flex;align-items:center;gap:.4rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.28);border-radius:9999px;padding:.35rem .75rem;font-size:.75rem;font-weight:700;color:var(--c-accent);white-space:nowrap}.journey-icon{font-size:.95rem;line-height:1}.journey-badge.level-up{animation:journey-level-up .7s cubic-bezier(.34,1.56,.64,1)}.confetti-burst.journey-confetti{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.result-journey-badge{align-self:flex-start}.house-preview.pulse{animation:house-kick .5s cubic-bezier(.34,1.56,.64,1)}.house-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,rgba(245,158,11,.35),transparent 65%);opacity:0;pointer-events:none;z-index:2}.house-preview.pulse:before{animation:house-flash .55s ease-out}.confetti-burst{position:absolute;top:0;left:0;width:0;height:0;pointer-events:none}.confetti-piece{position:absolute;top:0;left:0;width:7px;height:7px;border-radius:2px;opacity:0;animation:confetti-fly var(--dur) ease-out var(--delay) both}.confetti-burst.lg .confetti-piece{width:9px;height:9px}.building-reveal{position:fixed;inset:0;z-index:50;background:var(--c-bg);display:flex;flex-direction:column;cursor:pointer}.building-preview{flex:1;min-height:45vh;position:relative;overflow:hidden}.building-pulse{animation:building-pulse-scale 1.8s ease-in-out infinite}.building-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0a0e1a00 40%,#0a0e1ae6);pointer-events:none}.building-content{position:relative;padding:2rem 1.5rem 3rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.building-spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--c-surface2);border-top-color:var(--c-accent);animation:spin .8s linear infinite}.building-phrase{font-size:1.05rem;font-weight:600;color:var(--c-text)}.building-skip-hint{font-size:.75rem;color:var(--c-muted)}.confetti-burst.building-confetti{position:absolute;top:30%;left:50%;width:0;height:0}.social-proof-badge{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.25rem;background:#22c55e14;border:1px solid rgba(34,197,94,.22);border-radius:9999px;padding:.4rem .9rem;font-size:.75rem;color:var(--c-muted);animation:title-in 1s cubic-bezier(.16,1,.3,1) .6s both}.social-proof-badge strong{color:var(--c-green)}.social-proof-dot{width:6px;height:6px;border-radius:50%;background:var(--c-green);flex-shrink:0;animation:pulse-dot 1.6s ease-in-out infinite}@keyframes journey-level-up{0%{transform:scale(1);box-shadow:0 0 #f59e0b80}40%{transform:scale(1.15);box-shadow:0 0 0 8px #f59e0b00}to{transform:scale(1);box-shadow:0 0 #f59e0b00}}@keyframes stage-pop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes house-kick{0%{transform:scale(1)}40%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes house-flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes building-pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes confetti-fly{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(var(--rot))}}