@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{color:#263330;background:#f7f6f1;font-family:DM Sans,Arial,sans-serif;font-size:16px;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #263330;--ink-soft: #65716a;--paper: #f7f6f1;--paper-bright: #fffefa;--sand: #e8e1d3;--clay: #b6674d;--clay-dark: #97533e;--navy: #102d49;--navy-deep: #081d31;--gold: #9a762e;--line: rgba(38, 51, 48, .16)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}html,body{overscroll-behavior-y:contain}body{min-width:320px;background:var(--paper)}button{font:inherit}.screen{min-height:100vh;overflow:hidden}.intro-screen{position:relative;display:block;min-height:100svh;overflow:hidden;background:var(--navy-deep)}.intro-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:100svh;padding:32px clamp(24px,7vw,116px) 46px;color:#fff}.intro-content{width:min(620px,100%);margin-top:auto}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}.brand-mark{position:relative;display:inline-block;width:28px;height:28px;overflow:hidden;border:1px solid rgba(38,51,48,.7);border-radius:50%}.brand-sun{position:absolute;top:4px;left:9px;width:8px;height:8px;border-radius:50%;background:var(--clay)}.brand-wave{position:absolute;left:-3px;width:31px;height:10px;border-top:1px solid var(--ink);border-radius:50%;transform:rotate(-8deg)}.brand-wave-one{top:13px}.brand-wave-two{top:17px;opacity:.65}.brand-name{font-size:10px;font-weight:600;letter-spacing:.23em}.merlis-brand{display:inline-flex;align-items:center;color:inherit;text-decoration:none}.merlis-logo-wrap{display:inline-flex;width:156px;padding:5px 12px;border-radius:5px;background:#fffffff0;box-shadow:0 8px 24px #081d3129}.merlis-logo-wrap img{display:block;width:100%;height:auto}.intro-kicker{display:flex;align-items:center;gap:12px;margin-top:0;color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.18em}.kicker-line{width:34px;height:1px;background:var(--gold)}h1,p{margin:0}.intro-heading-wrap{margin:30px 0 20px}.intro-heading-wrap h1{color:#fff;font-family:Playfair Display,Georgia,serif;font-size:clamp(50px,5.2vw,80px);font-weight:500;letter-spacing:normal;line-height:.99}h1 em{color:var(--clay);font-weight:500}.intro-heading-wrap h1 em{color:var(--gold);font-weight:500;font-style:italic;text-shadow:none}.intro-subtitle{max-width:390px;color:#ffffffd1;font-size:18px;line-height:1.5}.start-button{display:inline-flex;align-items:center;justify-content:space-between;width:250px;height:56px;margin-top:30px;padding:0 17px 0 24px;border:1px solid rgba(154,118,46,.8);border-radius:999px;color:#fff;background:#102d49f5;cursor:pointer;font-size:18px;font-weight:600;letter-spacing:.05em;text-align:left;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.start-button:hover,.start-button:focus-visible{color:var(--navy-deep);background:var(--gold);box-shadow:0 10px 28px #081d314d;outline:none;transform:translateY(-2px)}.intro-screen .start-button{border-color:var(--gold);color:#fff;background:var(--gold);box-shadow:0 12px 28px #081d314d}.intro-screen .button-arrow{border-color:#ffffffd1;color:#fff}.intro-screen .start-button:hover,.intro-screen .start-button:focus-visible{border-color:#b18a3e;color:#fff;background:#b18a3e;box-shadow:0 14px 32px #081d3166}.button-arrow{display:grid;width:25px;height:25px;place-items:center;border:1px solid rgba(209,173,103,.8);border-radius:50%;font-size:14px;letter-spacing:0}.intro-note{display:flex;align-items:center;gap:8px;margin-top:15px;color:#ffffffa6;font-size:12px;letter-spacing:.04em}.spark{color:var(--gold);font-size:12px}.intro-visual{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--navy-deep)}.intro-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;animation:none}.visual-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(8,29,49,.08),transparent 32%,rgba(8,29,49,.82) 100%),linear-gradient(90deg,rgba(8,29,49,.72) 0%,rgba(8,29,49,.58) 38%,rgba(8,29,49,.14) 70%,transparent 84%);pointer-events:none}.visual-caption{position:absolute;right:clamp(24px,6vw,92px);bottom:28px;left:auto;display:flex;align-items:center;gap:12px;color:#ffffffb3;font-size:9px;font-weight:600;letter-spacing:.18em}.caption-dot{width:4px;height:4px;border-radius:50%;background:var(--gold)}.sun-stamp{position:absolute;top:50%;right:clamp(24px,5vw,82px);display:flex;width:115px;height:115px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid rgba(255,254,250,.7);border-radius:50%;color:#fffefaf0;text-align:center;transform:translateY(-50%) rotate(8deg)}.sun-stamp:before{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(255,254,250,.32);border-radius:50%;content:""}.sun-stamp span{font-size:7px;letter-spacing:.16em}.sun-stamp strong{font-family:Playfair Display,Georgia,serif;font-size:19px;font-style:italic;font-weight:500}.question-screen{display:flex;min-height:100vh;flex-direction:column;padding:39px clamp(24px,6vw,92px) 23px;background:radial-gradient(circle at 84% 4%,rgba(209,173,103,.2),transparent 22%),var(--paper);animation:fade-in .5s ease both}.question-header{display:flex;align-items:center;justify-content:space-between}.question-header .merlis-logo-wrap{width:148px;padding:0;border-radius:0;background:transparent;box-shadow:none}.question-meta{display:flex;align-items:center;gap:13px;color:var(--navy);font-size:9px;font-weight:600;letter-spacing:.17em}.meta-divider{width:26px;height:1px;background:var(--line)}.question-content{width:min(100%,1010px);margin:auto}.progress-wrap{width:min(100%,670px);margin:17px auto 0}.progress-label{display:flex;justify-content:space-between;margin-bottom:9px;color:var(--navy);font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.progress-track{height:3px;overflow:hidden;background:#102d492e}.progress-value{display:block;width:12.5%;height:100%;background:var(--gold)}.question-intro{margin:42px auto 29px;text-align:center}.question-eyebrow{color:var(--navy);font-size:11px;font-weight:600;letter-spacing:.24em}.question-intro h1{margin-top:13px;color:var(--navy-deep);font-family:Playfair Display,Georgia,serif;font-size:clamp(36px,4.2vw,60px);font-weight:500;letter-spacing:-.05em;line-height:1.05}.question-intro p{margin-top:13px;color:var(--ink-soft);font-size:16px;line-height:1.5}.answers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.answer-card{position:relative;min-width:0;aspect-ratio:.95;overflow:hidden;padding:0;border:2px solid transparent;border-radius:3px;color:#fff;background:#d3d4ca;cursor:pointer;text-align:left;transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}.answer-card img,.card-shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.answer-card img{display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.answer-card:hover img{transform:scale(1.05)}.card-shade{background:linear-gradient(180deg,#081d3114 18%,#081d31f0)}.card-copy{position:absolute;right:19px;bottom:17px;left:19px;display:flex;flex-direction:column;gap:6px;padding:0 2px}.card-index{color:#fffefabd;font-size:9px;letter-spacing:.15em;text-shadow:0 1px 8px rgba(8,29,49,.7)}.card-title{max-width:170px;color:#fffefa;font-family:Playfair Display,Georgia,serif;font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.15;text-shadow:0 2px 10px rgba(8,29,49,.72)}.answer-card:after{position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1px solid rgba(255,254,250,.25);content:"";opacity:0;transition:opacity .22s ease}.answer-card:hover,.answer-card:focus-visible{outline:none;transform:translateY(-3px)}.answer-card:hover:after,.answer-card:focus-visible:after{opacity:1}.answer-card.is-selected{border-color:var(--gold);box-shadow:0 10px 28px #081d3133;transform:translateY(-3px)}.answer-card.is-selected:after{border-color:#fffefab8;opacity:1}.selection-feedback{display:flex;min-height:19px;align-items:center;justify-content:center;gap:7px;margin-top:15px;color:var(--navy);font-size:10px;font-weight:600;letter-spacing:.2em;opacity:0;transform:translateY(-5px);transition:opacity .22s ease,transform .22s ease}.selection-feedback.is-visible{opacity:1;transform:translateY(0)}.question-actions{display:grid;min-height:48px;grid-template-columns:1fr auto;align-items:center;margin-top:4px}.back-button,.continue-button{border:0;cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}.back-button{justify-self:start;padding:12px 0;color:var(--navy);background:transparent;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.back-button:before{margin-right:7px;content:"←";font-size:14px;vertical-align:-1px}.back-button:hover,.back-button:focus-visible{color:var(--gold);outline:none}.continue-button{display:inline-flex;min-width:126px;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px 13px 18px;border-radius:2px;color:var(--navy-deep);background:var(--gold);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.continue-button span{font-size:17px;font-weight:400;letter-spacing:0;line-height:.7}.continue-button:hover,.continue-button:focus-visible{background:#b18a3e;outline:none;transform:translateY(-2px)}.feedback-dot{width:5px;height:5px;border-radius:50%;background:var(--gold)}.question-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding-top:18px;color:#102d49a6;font-size:12px;font-weight:600;letter-spacing:.19em}.footer-sun{color:var(--gold);font-size:12px}.preference-screen{display:flex;min-height:100svh;flex-direction:column;overflow:auto;padding:39px clamp(24px,6vw,92px) 54px;background:radial-gradient(circle at 84% 4%,rgba(209,173,103,.2),transparent 22%),var(--paper);animation:fade-in .4s ease both}.preference-content{width:min(760px,100%);margin:auto;padding:40px 0;text-align:center}.preference-progress{margin-top:0}.preference-intro{margin:42px auto 30px}.preference-content:not(:has(.preference-progress)) .preference-intro{margin-top:0}.preference-intro h1{margin:0;color:var(--navy-deep);font-family:Playfair Display,Georgia,serif;font-size:clamp(38px,5vw,62px);font-weight:500;letter-spacing:-.045em;line-height:1.04}.preference-intro p,.preference-count{max-width:610px;margin:18px auto 0;color:var(--ink-soft);font-size:17px;line-height:1.6}.transition-screen .preference-intro p{color:#000;font-size:20px}.preference-count{color:var(--navy);font-weight:600}.preference-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}.preference-options-compact{width:min(620px,100%);margin-right:auto;margin-left:auto}.preference-option{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border:1px solid rgba(16,45,73,.22);border-radius:2px;color:var(--navy-deep);background:#fffefab8;cursor:pointer;font-size:17px;font-weight:600;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease}.preference-option:hover,.preference-option:focus-visible,.preference-option.is-selected{border-color:var(--gold);background:var(--paper-bright);outline:none;transform:translateY(-2px)}.preference-option.is-selected{box-shadow:inset 3px 0 0 var(--gold)}.preference-option-arrow{color:var(--gold);font-size:20px;font-weight:400}.preference-check{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;border:1px solid rgba(16,45,73,.3);border-radius:50%;color:#fff;background:transparent}.preference-option.is-selected .preference-check{border-color:var(--gold);background:var(--gold)}.preference-actions{display:flex;width:min(620px,100%);align-items:center;justify-content:space-between;gap:20px;margin:30px auto 0}.preference-primary-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:22px;margin-top:28px;padding:13px 22px;border:1px solid var(--gold);border-radius:999px;color:#fff;background:var(--gold);cursor:pointer;font-size:16px;font-weight:600;transition:background .18s ease,border-color .18s ease,transform .18s ease}.preference-actions .preference-primary-button{margin-top:0}.preference-primary-button:hover,.preference-primary-button:focus-visible{border-color:#b18a3e;background:#b18a3e;outline:none;transform:translateY(-2px)}.preference-primary-button:disabled{border-color:#102d4929;color:#102d4973;background:#102d4914;cursor:not-allowed;transform:none}.lead-capture-form{display:grid;width:min(520px,100%);gap:18px;margin:30px auto 0;text-align:left}.lead-capture-form label{display:grid;gap:8px;color:var(--navy-deep);font-size:15px;font-weight:600}.lead-capture-form input{min-height:52px;padding:12px 15px;border:1px solid rgba(16,45,73,.25);border-radius:8px;color:var(--ink);background:var(--paper-bright);font:inherit}.lead-capture-form input:focus{border-color:var(--gold);outline:2px solid rgba(154,118,46,.16)}.lead-capture-form .preference-primary-button{justify-self:center;margin-top:8px}.lead-capture-error{margin:0;color:#a34132;font-size:15px;text-align:center}.calculation-indicator{display:flex;justify-content:center;gap:9px;margin-top:32px}.calculation-indicator span{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:calculation-pulse .9s ease-in-out infinite alternate}.calculation-indicator span:nth-child(2){animation-delay:.18s}.calculation-indicator span:nth-child(3){animation-delay:.36s}.complete-screen{position:relative;display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;overflow:auto;padding:39px clamp(24px,6vw,92px) 54px;background:radial-gradient(circle at 78% 30%,rgba(222,204,174,.4),transparent 28%),var(--paper);animation:fade-in .5s ease both}.complete-content{position:relative;z-index:1;width:min(610px,100%);margin:auto 0}.complete-content h1{margin-top:17px;color:var(--ink);font-family:Playfair Display,Georgia,serif;font-size:clamp(48px,6vw,82px);font-weight:500;letter-spacing:-.055em;line-height:.98}.complete-content p{max-width:325px;margin-top:22px;color:var(--ink-soft);font-size:16px;line-height:1.65}.result-content{width:100%;margin:28px 0 0;padding-bottom:28px}.complete-screen>.merlis-brand{align-self:center}.complete-screen>.result-content{align-self:center;width:min(980px,100%)}.result-content h1{width:100%;max-width:none;margin-right:auto;margin-left:auto;text-align:center}.result-section{width:min(840px,100%);margin-top:42px}.result-section--with-photo{display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(250px,38%);align-items:start;column-gap:32px;row-gap:42px;margin-top:0}.result-section--with-photo h1{grid-column:1 / -1;grid-row:1}.result-section--with-photo .result-section-copy{grid-column:1;grid-row:2}.result-section-copy{min-width:0}.result-lifestyle-photo{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:12px}.result-section--with-photo .result-lifestyle-photo{grid-column:2;grid-row:2}.result-label{display:block;color:var(--clay-dark);font-size:14px;font-weight:600;letter-spacing:.22em}.result-section h2{margin:9px 0 0;color:var(--ink);font-family:Playfair Display,Georgia,serif;font-size:clamp(27px,3vw,39px);font-weight:500;letter-spacing:-.04em;line-height:1.05}.result-section p{width:min(780px,100%);max-width:none;margin-top:14px;color:#000;font-size:18px;line-height:1.5}.result-section .result-highlight{margin-top:18px;padding-left:16px;border-left:2px solid var(--clay);color:#000;font-family:Playfair Display,Georgia,serif;font-size:19px;font-style:italic}.consultation-cta{display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(250px,38%);align-items:start;gap:32px;padding-top:38px;border-top:1px solid var(--line)}.consultation-copy{min-width:0}.consultation-copy h2{margin-top:0}.consultation-copy p{max-width:550px}.consultation-copy .preference-primary-button{text-decoration:none}.consultation-visual{display:flex;min-width:0;flex-direction:column;align-items:center}.consultation-portrait{display:block;max-width:100%;height:auto;width:100%;border-radius:12px}.area-section{padding-top:8px;border-top:1px solid var(--line)}.area-list{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none}.area-card{display:grid;gap:5px;padding:15px 17px;border:1px solid var(--line);background:#fffefa85}.area-card strong{color:var(--ink);font-family:Playfair Display,Georgia,serif;font-size:21px;font-weight:600}.area-card span{color:var(--ink-soft);font-size:16px;line-height:1.5}.matching-confirmation,.budget-help{margin-bottom:20px;padding:30px;border:1px solid rgba(154,118,46,.34);background:#fffefaad}.matching-confirmation h2,.budget-help h2{max-width:720px}.preference-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 0}.preference-summary div{padding-top:14px;border-top:1px solid var(--line)}.preference-summary dt{color:var(--clay-dark);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.preference-summary dd{margin:7px 0 0;color:#000;font-size:17px;line-height:1.45}.budget-help .preference-primary-button{margin-top:24px}.budget-help-feedback{color:var(--ink)!important;font-weight:600}@keyframes calculation-pulse{0%{opacity:.35;transform:translateY(0)}to{opacity:1;transform:translateY(-5px)}}@keyframes reveal-image{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:840px){.intro-screen{display:block}.intro-copy{min-height:100svh;padding:28px 24px 34px}.intro-content{width:min(620px,100%)}.intro-visual{min-height:0}.visual-caption{right:24px;bottom:23px}.question-screen,.preference-screen{padding-right:24px;padding-left:24px}.answers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media(max-width:700px){.result-section--with-photo{grid-template-columns:1fr;gap:22px}.consultation-cta{grid-template-columns:1fr;gap:32px}.result-section--with-photo .result-lifestyle-photo{grid-column:1;grid-row:1}.result-section--with-photo h1{grid-column:1;grid-row:2;margin-top:0}.result-section--with-photo .result-section-copy{grid-column:1;grid-row:3}}@media(max-width:560px){.intro-copy{min-height:100svh;padding:23px 20px 28px}.merlis-brand-mark{width:26px}.merlis-logo-wrap{width:148px;padding:5px 11px}.intro-kicker{gap:8px;font-size:11px;letter-spacing:.13em}.kicker-line{width:24px}.intro-heading-wrap{margin:24px 0 18px}.intro-heading-wrap h1{font-size:clamp(34px,10vw,40px);font-weight:600;line-height:1.15}.intro-subtitle{max-width:350px;font-size:18px;line-height:1.5}.start-button{width:min(100%,300px);height:58px;margin-top:25px;font-size:18px}.intro-note{margin-top:13px;font-size:16px}.visual-caption{display:none}.question-screen{padding:24px 16px 18px}.preference-screen{padding:24px 16px 28px}.preference-screen .question-header .merlis-logo-wrap{width:124px}.preference-content{padding:34px 0 12px}.preference-intro{margin:28px auto 22px}.preference-intro h1{font-size:clamp(30px,9vw,40px);line-height:1.08}.preference-intro p,.preference-count{margin-top:14px;font-size:16px;line-height:1.5}.preference-options{grid-template-columns:1fr;gap:9px;margin-top:23px}.preference-option{min-height:56px;padding:12px 15px;font-size:16px}.preference-actions{margin-top:24px}.preference-primary-button{width:100%;margin-top:23px}.preference-actions .preference-primary-button{width:auto}.question-header .brand-name{font-size:10px}.question-header .merlis-logo-wrap{width:124px}.question-meta{gap:0;font-size:14px;letter-spacing:.04em}.question-meta span:first-child,.question-meta .meta-divider{display:none}.meta-divider{width:13px}.progress-wrap{margin-top:22px}.progress-label{margin-bottom:7px;font-size:14px}.question-intro{margin:28px auto 20px}.question-eyebrow{font-size:16px;letter-spacing:.08em}.question-intro h1{margin-top:10px;font-size:clamp(24px,7.5vw,28px);font-weight:600;line-height:1.2}.question-intro p{margin-top:10px;font-size:16px;line-height:1.5}.answers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.answer-card{aspect-ratio:.92}.card-copy{right:14px;bottom:14px;left:14px;gap:6px;padding:0}.card-index{font-size:14px}.card-title{max-width:100%;font-size:clamp(16px,4.5vw,18px);font-weight:600;line-height:1.15}.answer-card:after{top:6px;right:6px;bottom:6px;left:6px}.selection-feedback{margin-top:12px;font-size:14px}.back-button{font-size:14px}.question-footer{padding-top:14px;font-size:16px;letter-spacing:.03em}.complete-content{margin:54px 0 auto}.complete-content h1{font-size:clamp(42px,12vw,58px)}.complete-content p{font-size:16px;line-height:1.5}.result-content{margin-top:24px;padding-bottom:4px}.result-section{margin-top:34px}.result-section h2{font-size:31px}.result-section h3{font-size:22px}.result-section p{font-size:18px;line-height:1.5}.result-section .result-highlight{font-size:18px}.area-card strong{font-size:20px}.area-card span{font-size:16px;line-height:1.5}.matching-confirmation,.budget-help{padding:22px 18px}.preference-summary{grid-template-columns:1fr;gap:12px}}@media(max-height:700px)and (min-width:561px){.question-intro{margin-top:24px;margin-bottom:18px}.question-intro h1{font-size:46px}.question-footer{padding-top:10px}}