:root{--red:#c91212;--wine:#6d251d;--ink:#181818;--muted:#66645f;--paper:#f5f3ef;--line:#ddd9d2;--white:#fff;--container:1240px;font-family:Poppins,Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.13}p{line-height:1.55}img{display:block;max-width:100%;object-fit:cover}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:3px}[hidden]{display:none!important}.container{width:min(var(--container),calc(100% - 36px));margin-inline:auto}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:50}.skip:focus{top:0}.section{height:100svh;min-height:0;overflow:auto;overscroll-behavior-y:auto;scrollbar-width:thin}.hero{height:100svh;min-height:100svh;max-height:100svh;overflow:hidden!important;scrollbar-width:none;box-sizing:border-box}.hero{background:var(--paper);padding:12px 0}.hero>.container{height:100%;display:flex;flex-direction:column;gap:12px}.brand-row{display:flex;align-items:center;justify-content:space-between;flex:none}.brand{display:inline-flex;align-items:center;gap:8px;font-size:28px;font-weight:800;letter-spacing:-2px;line-height:1;color:var(--red)}.brand>span{font-size:10px;color:var(--ink);font-weight:700;letter-spacing:1px;border-left:1px solid #c9c4bc;padding-left:8px}.brand small{display:block;font-size:7px;font-weight:400;letter-spacing:0;margin-top:4px}.brand-note{display:none;font-size:10px;color:var(--muted)}.hero-grid{display:grid;gap:12px;flex:1;min-height:0;align-content:start}.eyebrow{font-size:8px;letter-spacing:1.4px;font-weight:600;color:var(--red);line-height:1.5}.hero-copy>.eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:7px}.hero-copy h1{font-size:clamp(23px,6.6vw,31px);font-weight:600;max-width:650px}.hero-copy em{font-style:normal;color:var(--red)}.intro{font-size:11px;color:var(--muted);margin-top:9px;max-width:470px}.slogan,.hero-visual{display:none}.conversion{padding:14px;background:white;border-radius:17px;border:1px solid #e3dfd8;min-width:0;scroll-margin-top:12px;align-self:start}.sim-top{display:flex;justify-content:space-between;align-items:center;gap:5px}.sim-top>.eyebrow{font-size:7px;letter-spacing:1px}.demo-badge{font-size:7px;letter-spacing:.4px;background:#f2ebe5;color:var(--wine);padding:4px 6px;border-radius:3px}.conversion h2{display:none}.mode-switch{display:flex;gap:3px;background:var(--paper);border-radius:7px;padding:3px;margin:10px 0}.mode-switch button{border:0;background:transparent;flex:1;min-height:36px;border-radius:5px;padding:5px;font-size:9px;color:var(--muted)}.mode-switch button[aria-pressed=true]{background:white;color:var(--ink);box-shadow:0 1px 4px #0000000a}.control-label{display:block;font-size:9px;margin-bottom:5px}select,input:not([type=checkbox]){width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:7px;padding:9px 11px;background:white;font-size:13px;color:var(--ink)}select{font-weight:500}.financial{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0 7px}.financial>div>span{font-size:8px;color:var(--muted);display:block;margin-bottom:3px}.financial strong{font-size:clamp(21px,5.6vw,28px);font-weight:600;letter-spacing:-1px;line-height:1.15;white-space:nowrap;font-variant-numeric:tabular-nums}.payment strong{color:var(--red)}.payment strong span{font-size:8px;font-weight:400;letter-spacing:0;color:var(--muted)}.conditions{font-size:9px;color:var(--muted);line-height:1.5}.no-match{font-size:10px;color:var(--wine);margin:4px 0}.plan-disclosure{border:0!important}.plan-disclosure summary{padding:5px 15px 5px 0;font-size:8px;color:var(--muted)}.plan-disclosure summary:after{top:2px;font-size:15px}.plan-disclosure p{padding:4px 0 8px;font-size:9px}.form-area{border-top:1px solid var(--line);margin-top:8px;padding-top:10px}.progress-row{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.7px;color:var(--muted)}.progress{height:2px;background:var(--paper);margin:6px 0 10px}.progress span{display:block;height:100%;width:100%;background:var(--red);transform:scaleX(.333333);transform-origin:left;transition:transform .25s}.form-step>label:not(.consent){font-size:11px;font-weight:600;line-height:1.35;display:block;margin-bottom:7px}.form-step small{display:block;font-size:8px;color:var(--muted);margin-top:5px}.button{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:44px;border:1px solid var(--red);border-radius:7px;background:var(--red);color:#fff;padding:10px 12px;font-size:10px;font-weight:600;line-height:1.4;text-align:left;transition:background .2s}.button:hover{background:#ac0f0f}.button>span{font-size:18px}.error{font-size:9px;color:var(--red);margin:6px 0;line-height:1.35}.error:empty{margin:7px 0 0}.back{border:0;background:transparent;font-size:9px;color:var(--muted);padding:7px 0 0;min-height:27px}.demo-note{font-size:7px;color:var(--muted);margin-top:6px}.trust-line{display:none}.text-button{border:0;background:none;padding:0;text-decoration:underline;text-underline-offset:3px;font-size:inherit;color:inherit}.privacy-copy{font-size:8px;color:var(--muted);margin-top:6px}.consent{display:flex;align-items:flex-start;gap:7px;font-size:8px;line-height:1.4;margin-top:7px}.consent input{width:17px;height:17px;flex:none;margin:0;accent-color:var(--red)}input[aria-invalid=true]{border-color:var(--red);background:#fff9f9}.section{padding:24px 0;display:flex;align-items:center}.section>.container{margin-block:auto}.section-heading{max-width:780px}.section h2{font-size:clamp(23px,5.9vw,32px);font-weight:600;margin:10px 0}.section-heading h2 span{color:var(--muted)}.section-heading>p:last-child{font-size:11px;color:var(--muted);max-width:620px}.comparison-layout{margin-top:20px}.comparison-photo{display:none}.comparison-grid{display:grid;gap:9px}.compare-card{border:1px solid var(--line);border-radius:11px;padding:14px;position:relative}.compare-card h3{font-size:18px;font-weight:600;margin-bottom:7px}.compare-card p{font-size:11px;color:var(--muted);max-width:440px;padding-right:5px}.card-index{position:absolute;top:17px;right:14px;font-size:7px;letter-spacing:.5px;color:var(--muted)}.card-foot{font-size:8px;color:var(--muted);margin-top:7px}.featured{background:#fcf1ee;border-color:#eed1cb}.featured h3,.featured .card-index{color:var(--red)}.comparison-bottom{margin-top:14px;display:grid;gap:10px}.comparison-bottom p{font-size:8px;color:var(--muted);max-width:700px}.inline-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:var(--red);font-weight:600}.inline-cta span{font-size:20px}.journey{background:var(--paper)}.journey>.container{display:grid;gap:16px}.journey-art{height:clamp(90px,17svh,160px);border-radius:12px;overflow:hidden}.journey-art img{width:100%;height:100%;object-position:50% 55%}.journey-steps{display:grid;gap:17px;position:relative}.journey-steps article{position:relative;padding-left:42px;z-index:1}.step-number{position:absolute;left:0;top:0;color:var(--red);font-size:20px;background:var(--paper);padding-bottom:8px;line-height:1.2}.journey-steps h3{font-size:16px;margin-bottom:5px;font-weight:600}.journey-steps p{font-size:10px;color:var(--muted);max-width:440px}.journey-line{position:absolute;left:11px;top:12px;bottom:8px;width:1px;background:#d7d0c6}.journey-line span{display:block;height:100%;width:100%;background:var(--red);transform-origin:top;pointer-events:none}.closing{background:#151515;color:white}.closing .eyebrow{color:#ef7770}.closing h2{font-size:clamp(23px,5.9vw,32px);margin-top:9px}.closing h2 span{color:#aaa6a0}.closing-grid>div>p:not(.eyebrow){font-size:10px;color:#bbb;margin-top:9px;max-width:470px}.institution{display:flex;align-items:center;gap:15px;margin-top:12px}.institution strong{font-size:10px;white-space:nowrap}.institution span{font-size:8px;color:#aaa;border-left:1px solid #444;padding-left:12px;line-height:1.5}.closing-card{background:#242321;border:1px solid #383532;border-radius:13px;padding:17px;margin-top:17px;position:relative}.closing-direction{position:absolute;right:18px;top:13px;color:#e8786c;font-size:24px}.closing-card h3{font-size:23px;font-weight:600;max-width:240px;padding-right:22px}.closing-card p{font-size:10px;color:#bbb;margin:9px 0 12px;max-width:450px}.closing-card small{display:block;text-align:center;color:#aaa;font-size:7px;margin-top:7px}.faq{margin-top:18px}.faq>.eyebrow{margin-bottom:7px}details{border-top:1px solid #3b3935}details:last-child{border-bottom:1px solid #3b3935}summary{cursor:pointer;list-style:none;position:relative;padding:13px 22px 13px 0;font-size:10px;line-height:1.4}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:1px;top:8px;font-size:20px;color:#aaa}details[open] summary:after{content:'−'}details p{font-size:10px;color:#bbb;padding:0 15px 12px 0;max-width:800px}footer{background:var(--paper);padding:24px 0}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px}.footer-top button{font-size:9px;color:var(--muted);max-width:130px;text-align:right}footer p{font-size:8px;color:var(--muted);max-width:1000px;margin-top:7px}.footer-bottom{border-top:1px solid #c9121230;padding-top:13px;margin-top:15px;display:flex;justify-content:space-between;gap:12px;font-size:7px;color:var(--muted)}dialog{max-width:540px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:17px;padding:28px;color:var(--ink)}dialog::backdrop{background:#0009}dialog h2{font-size:23px;padding-right:20px;margin-bottom:15px}dialog p{font-size:12px;color:var(--muted);margin-top:12px}.dialog-close{position:absolute;right:10px;top:8px;border:0;background:none;font-size:28px;min-width:40px;min-height:40px}#official-privacy{display:block;font-size:12px;margin-top:15px;text-decoration:underline}#booking h3{font-size:22px;margin-bottom:10px}#booking p{font-size:11px;margin-bottom:14px}.motion-line-mask{padding-bottom:.12em;margin-bottom:-.12em}
@media(min-width:768px){.container{width:min(var(--container),calc(100% - 64px))}.hero{padding:20px 0}.hero>.container{gap:18px}.brand{font-size:34px}.brand>span{font-size:12px}.brand-note{display:block}.hero-grid{grid-template-columns:1.15fr 1fr;gap:40px;align-content:center;align-items:center}.hero-copy h1{font-size:clamp(30px,3.6vw,52px)}.hero-copy>.eyebrow{font-size:8px;margin-bottom:14px}.intro{font-size:12px;margin-top:16px}.slogan{display:block;font-size:18px;line-height:1.25;font-weight:600;margin-top:18px;letter-spacing:-.7px}.slogan span{color:var(--red)}.hero-visual{display:block;position:relative;margin-top:10px}.hero-visual img{width:100%;max-height:30svh;object-fit:contain}.hero-visual>span{display:block;font-size:8px;letter-spacing:.7px;color:var(--muted);margin-top:4px}.conversion{padding:22px;align-self:center}.conversion h2{display:block;font-size:23px;margin:13px 0}.mode-switch button{font-size:10px;min-height:40px}.control-label{font-size:10px}.financial{padding-top:15px}.financial strong{font-size:clamp(24px,2.8vw,36px)}.financial>div>span{font-size:9px}.form-step>label:not(.consent){font-size:13px}.button{font-size:11px;min-height:47px}.form-area{margin-top:12px;padding-top:13px}.progress{margin-bottom:13px}.form-step small,.privacy-copy,.consent{font-size:9px}.demo-note{font-size:8px}.trust-line{display:block;font-size:8px;text-align:center;color:var(--muted);margin-top:12px}.section{padding:30px 0}.section h2{font-size:clamp(30px,3.2vw,44px)}.section-heading>p:last-child{font-size:12px}.eyebrow{font-size:9px}.comparison-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;margin-top:20px}.comparison-photo{display:block;background:var(--paper);border-radius:20px;padding:20px}.comparison-photo img{width:100%;height:min(34svh,300px);object-fit:contain}.comparison-grid{gap:12px}.compare-card{padding:16px 20px}.compare-card h3{font-size:21px}.compare-card p{font-size:12px}.card-index{right:20px}.card-foot{font-size:9px}.comparison-bottom{grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;margin-top:20px}.comparison-bottom p{font-size:9px}.inline-cta{font-size:12px}.journey>.container{grid-template-columns:1fr 1fr;gap:30px 55px;align-items:center}.journey .section-heading{grid-column:1/-1}.journey-art{height:min(39svh,370px);border-radius:18px}.journey-steps{gap:30px}.journey-steps article{padding-left:54px}.step-number{font-size:27px}.journey-steps h3{font-size:21px;margin-bottom:9px}.journey-steps p{font-size:12px}.journey-line{left:16px}.closing-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.closing h2{font-size:clamp(30px,3.2vw,44px)}.closing-grid>div>p:not(.eyebrow){font-size:12px;margin-top:17px}.institution{margin-top:22px}.institution strong{font-size:13px}.institution span{font-size:10px}.closing-card{padding:27px;margin-top:0}.closing-card h3{font-size:30px;max-width:300px}.closing-card p{font-size:12px;margin:17px 0 22px}.closing-card small{font-size:8px}.closing-direction{right:25px;top:20px;font-size:30px}.faq{display:grid;grid-template-columns:1fr 2fr;column-gap:60px;margin-top:32px}.faq>.eyebrow{grid-row:1/4;padding-top:17px}.faq details{grid-column:2}.faq summary{font-size:12px;padding-block:17px}.faq details p{font-size:11px}.footer-top button{max-width:none}}
@media(min-width:1800px){:root{--container:1480px}.hero-grid{gap:100px}.hero-copy h1{font-size:clamp(48px,3vw,66px)}.intro{font-size:16px}.hero-visual img{max-height:35svh}.conversion{padding:30px}.conversion h2{font-size:28px}.financial strong{font-size:40px}.section h2,.closing h2{font-size:50px}.comparison-photo img{height:37svh}.section-heading{max-width:1000px}.section-heading>p:last-child{font-size:15px}.compare-card p,.journey-steps p{font-size:15px}.compare-card{padding:23px}.journey-art{height:42svh}.closing-card{padding:40px}}
@media(max-width:767px) and (max-height:700px){.hero{padding:9px 0}.hero>.container{gap:8px}.hero-grid{gap:9px}.hero-copy>.eyebrow{display:none}.hero-copy h1{font-size:23px}.intro{font-size:10px;margin-top:5px}.conversion{padding:11px}.mode-switch{margin:7px 0}.mode-switch button{min-height:31px}.financial{padding-top:9px}.form-area{padding-top:7px;margin-top:5px}.progress{margin-bottom:7px}.demo-note{font-size:6.5px}.section{padding:17px 0}.section h2,.closing h2{font-size:23px}.section-heading>p:last-child{font-size:10px}.comparison-layout{margin-top:13px}.compare-card{padding:10px 12px}.compare-card h3{font-size:17px;margin-bottom:5px}.compare-card p{font-size:10px}.card-foot{font-size:7px;margin-top:5px}.card-index{top:12px;right:12px;font-size:6px}.comparison-bottom{margin-top:10px;gap:6px}.journey>.container{gap:12px}.journey-art{height:90px}.journey-steps{gap:14px}.journey-steps h3{font-size:15px}.journey-steps p{font-size:9px}.closing-grid>div>p:not(.eyebrow){font-size:9px}.institution{margin-top:8px}.institution span{font-size:7px}.closing-card{padding:13px;margin-top:12px}.closing-card h3{font-size:21px}.closing-card p{font-size:9px;margin:7px 0 9px}.faq{margin-top:12px}.faq>.eyebrow{font-size:7px}summary{font-size:9px;padding-block:11px}}
@media(min-width:768px) and (max-height:780px){.hero{padding:13px 0}.hero>.container{gap:10px}.brand{font-size:28px}.hero-grid{gap:35px}.hero-copy h1{font-size:clamp(30px,3.3vw,43px)}.hero-visual img{max-height:24svh}.hero-copy>.eyebrow{margin-bottom:10px}.intro{margin-top:10px}.slogan{font-size:16px;margin-top:12px}.conversion{padding:16px 20px}.conversion h2{font-size:20px;margin:10px 0}.mode-switch{margin-block:8px}.mode-switch button{min-height:34px}.form-area{margin-top:8px;padding-top:9px}.financial{padding-top:10px}.trust-line{margin-top:7px}.section{padding:22px 0}.section h2{font-size:34px}.compare-card{padding:12px 17px}.comparison-layout{margin-top:15px}.comparison-bottom{margin-top:15px}.journey-steps{gap:22px}.closing h2{font-size:34px}.closing-card{padding:23px}.faq{margin-top:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Keep touch targets usable while fitting compact viewport compositions. */
select,input:not([type=checkbox]),.button{min-height:48px}
input:not([type=checkbox]){font-size:16px}
.hero{position:relative}
@media(max-width:767px) and (min-height:760px){.hero-visual{display:block;position:absolute;bottom:18px;right:22px;width:48%;pointer-events:none}.hero-visual img{width:100%;height:15svh;object-fit:contain}.hero-visual>span{display:none}}
@media(max-width:350px) and (max-height:620px){.intro{display:none}.hero-copy h1{font-size:22px}.hero-grid{gap:8px}.hero-copy>.eyebrow{display:none}.compare-card .card-foot{display:none}.section h2,.closing h2{font-size:21px}.compare-card{padding:9px 12px}.closing-card{margin-top:9px}.institution{margin-top:6px}.faq{margin-top:9px}.closing .section-heading{margin-bottom:0}}
@media(max-width:767px) and (max-height:700px){.hero[data-form-step="1"] .hero-copy,.hero[data-form-step="2"] .hero-copy{display:none}}
@media(max-width:767px){.hero[data-form-step="1"] .hero-visual,.hero[data-form-step="2"] .hero-visual{display:none}}
/* Apartment imagery fills the composition rather than sitting in a small card. */
.comparison{position:relative;isolation:isolate;background:#fff}
.comparison-photo{display:block;position:absolute;inset:0;z-index:-1;padding:0;border-radius:0;background:none;pointer-events:none}
.comparison-photo img{width:100%;height:100%;object-fit:cover;object-position:38% 50%}
.comparison-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffffe8 0%,#ffffffe3 45%,#fffffff5 100%)}
.comparison .compare-card{background:#ffffffeb}
.comparison .compare-card.featured{background:#fcf1eef2}
.hero-visual img{object-fit:cover}
@media(min-width:768px){
.hero-grid{grid-template-rows:minmax(0,1fr);align-content:stretch;align-items:stretch}
.hero-copy{display:flex;flex-direction:column;min-height:0;padding-top:clamp(12px,3svh,32px)}
.hero-copy .eyebrow,.hero-copy h1,.hero-copy .intro,.hero-copy .slogan{flex:none}
.hero-visual{flex:1;min-height:120px;max-height:48svh;margin-top:14px;margin-left:-32px;width:calc(100% + 45px);position:relative;mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 90%,transparent 100%)}
.hero-visual img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 55%}
.hero-visual>span{position:absolute;bottom:23px;left:25px;font-size:9px;color:#fff;text-shadow:0 1px 6px #000;background:#0005;padding:4px 8px}
.comparison .section-heading,.comparison-layout,.comparison-bottom{width:56%;margin-left:44%}
.comparison .section-heading h2{font-size:clamp(28px,2.9vw,40px)}
.comparison-layout{display:block;margin-top:18px}
.comparison-photo::after{background:linear-gradient(90deg,#fff0 0%,#ffffff18 20%,#ffffffe8 43%,#fff 64%)}
.comparison-grid{gap:10px}
.comparison-bottom{grid-template-columns:1fr;gap:11px;margin-top:16px}
.comparison-bottom p{max-width:none}
.comparison-bottom .inline-cta{justify-content:flex-start;gap:24px}
}
@media(min-width:1800px){.hero-visual{margin-left:-60px;width:calc(100% + 95px);max-height:52svh}.comparison .section-heading h2{font-size:clamp(40px,2.3vw,52px)}}
@media(max-width:767px) and (min-height:760px){
.hero-visual{display:block;position:absolute;bottom:0;left:0;right:auto;width:100%;height:clamp(120px,calc(100svh - 675px),270px);margin:0;mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 100%)}
.hero-visual img{height:100%;width:100%;max-height:none;object-fit:cover;object-position:50% 58%}
}
@media(min-width:768px) and (max-height:780px){.hero-copy{padding-top:6px}.hero-copy h1{font-size:clamp(29px,3.1vw,41px)}.hero-visual{margin-top:8px;min-height:100px}.comparison .section-heading h2{font-size:30px}.comparison-layout{margin-top:12px}.comparison-bottom{margin-top:12px;gap:8px}}
.full-payment{font-size:8px;color:var(--muted);line-height:1.4;margin:1px 0 2px}
@media(min-width:768px){.full-payment{font-size:9px}}
/* The planning photograph also belongs to the section background. */
.journey{position:relative;isolation:isolate}
.journey-art{position:absolute;inset:0;z-index:-1;width:100%;height:100%;margin:0;border-radius:0;overflow:visible;pointer-events:none}
.journey-art img{width:100%;height:100%;object-fit:cover;object-position:30% center}
.journey-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f5f3eff2,#f5f3efd9 45%,#f5f3eff5)}
.journey>.container{display:block}
.journey-steps{margin-top:24px}
@media(min-width:768px){.journey .section-heading,.journey-steps{width:54%;margin-left:46%}.journey-art::after{background:linear-gradient(90deg,#f5f3ef00 0%,#f5f3ef20 20%,#f5f3efed 46%,#f5f3ef 65%)}.journey .section-heading h2{font-size:clamp(28px,2.8vw,40px)}.journey-steps{margin-top:30px}}
@media(min-width:1800px){.journey .section-heading h2{font-size:48px}}
@media(max-width:767px) and (max-height:700px){.full-payment{font-size:7px}.journey-steps{margin-top:20px}}
@media(max-width:350px) and (max-height:620px){.sim-top{display:none}.mode-switch{margin-top:0}}
@media(max-width:767px) and (min-height:760px){.hero-visual{height:clamp(110px,calc(100svh - 700px),255px)}}
/* Progressive disclosure and restrained AOS entrance motion. */
.product-switch{display:flex;gap:4px;margin:12px 0 8px;padding:3px;border:1px solid var(--line);border-radius:9px;background:#f7f6f3}
.product-switch button{flex:1;min-width:0;min-height:44px;border:0;border-radius:6px;background:none;color:var(--muted);font-size:11px;font-weight:500;padding:8px 5px}
.product-switch button[aria-pressed=true]{background:var(--ink);color:white}
.comparison-conditions{border:0!important}.comparison-conditions summary{font-size:10px;color:var(--muted);padding:7px 22px 7px 0}.comparison-conditions p{padding-bottom:8px;color:var(--muted)}
html:not(.aos-ready) [data-aos]{opacity:1!important;transform:none!important;visibility:visible!important}
html.aos-ready [data-aos=fade-up]{transform:translate3d(0,12px,0)}
html.aos-ready [data-aos].aos-animate{transform:none}
@media(max-width:767px){
.hero-copy h1{font-size:clamp(27px,7.5vw,34px);max-width:360px;line-height:1.08}
.hero-copy>.eyebrow,.hero-copy .intro,.sim-top,.trust-line{display:none}
.hero>.container{gap:16px}.hero-grid{gap:16px}
.conversion{padding:14px}.product-switch{margin-top:0;margin-bottom:9px}
.mode-switch{margin:0 0 10px}.mode-switch button{min-height:34px;font-size:10px}
.control-label{font-size:11px}.financial{padding-top:16px;padding-bottom:9px}.financial>div>span{font-size:9px}
.financial strong{font-size:clamp(23px,6vw,29px)}.full-payment{font-size:9px}.plan-disclosure summary{font-size:9px}
.progress-row{font-size:8px}.form-step>label:not(.consent){font-size:13px}.button{font-size:12px}
.section-heading>p:last-child,.card-foot,.institution,.closing-grid>div>p:not(.eyebrow){display:none}
.section h2,.closing h2{font-size:clamp(29px,7.5vw,36px);line-height:1.12}
.compare-card{padding:18px}.compare-card h3{font-size:21px}.compare-card p{font-size:13px;line-height:1.5}
.comparison-layout{margin-top:24px}.comparison-grid{gap:13px}.card-index{font-size:8px}
.comparison-bottom{margin-top:16px;gap:12px}.inline-cta{font-size:12px}
.journey-steps{margin-top:32px;gap:30px}.journey-steps h3{font-size:21px;margin-bottom:8px}.journey-steps p{font-size:13px;line-height:1.55}.step-number{font-size:23px}
.closing-card{margin-top:23px;padding:22px}.closing-card h3{font-size:26px}.closing-card p{font-size:13px;margin:13px 0 18px}.closing-card small{font-size:8px}
.faq{margin-top:24px}.faq>.eyebrow{display:none}.faq summary{font-size:12px;padding-block:15px}.faq details p{font-size:12px}
html.aos-ready [data-aos=fade-up]{transform:translate3d(0,7px,0)}html.aos-ready [data-aos].aos-animate{transform:none}
.hero-visual{height:clamp(100px,calc(100svh - 660px),255px)}
}
@media(max-width:767px) and (max-height:700px){.hero-copy h1{font-size:27px}.hero>.container,.hero-grid{gap:10px}.conversion{padding:11px}.financial{padding-top:10px}.product-switch button{min-height:40px}.hero[data-form-step="1"] .hero-copy,.hero[data-form-step="2"] .hero-copy{display:none}.section h2,.closing h2{font-size:28px}.compare-card{padding:13px}.compare-card p,.journey-steps p{font-size:12px}.comparison-layout{margin-top:15px}.comparison-grid{gap:9px}.comparison-bottom{gap:6px;margin-top:10px}.journey-steps{gap:23px;margin-top:25px}.closing-card{padding:16px;margin-top:15px}.closing-card h3{font-size:24px}.closing-card p{font-size:12px;margin:9px 0 12px}.faq{margin-top:17px}.faq summary{font-size:11px;padding-block:13px}}
@media(prefers-reduced-motion:reduce){html.aos-ready [data-aos],html [data-aos]{opacity:1!important;transform:none!important;transition:none!important;pointer-events:auto!important}}
/* Planning: copy on the left, a full-height photograph on the right. */
@media(min-width:768px){
.journey .section-heading,.journey-steps{margin-left:0;margin-right:46%;width:54%}
.journey-art img{object-position:75% center}
.journey-art::after{background:linear-gradient(90deg,#f5f3ef 0%,#f5f3ef 34%,#f5f3efed 53%,#f5f3ef20 77%,#f5f3ef00 100%)}
.hero-copy{padding-top:clamp(14px,4svh,44px)}
.hero-visual{margin:12px 0 0;width:100%;max-height:none;min-height:0;mask-image:none;display:flex;align-items:flex-end;justify-content:center;position:relative}
.hero-visual img{height:100%;width:100%;max-height:none;object-fit:contain;object-position:center bottom}
.hero-visual>span{display:none}
}
@media(max-width:767px){.hero-copy h1{font-size:clamp(27px,7.5vw,34px)}.mode-switch{background:none;padding:0;margin-bottom:8px;gap:8px}.mode-switch button{min-height:26px;font-size:10px;border-radius:0;border-bottom:2px solid transparent}.mode-switch button[aria-pressed=true]{box-shadow:none;border-bottom-color:var(--red);background:none}.form-step>label:not(.consent){font-size:12px}.hero-visual{mask-image:none}.hero-visual img{object-fit:contain;object-position:center bottom}.hero-visual{height:clamp(100px,calc(100svh - 620px),300px)}}
@media(max-width:350px) and (max-height:620px){.hero-copy h1{font-size:25px}.hero>.container,.hero-grid{gap:7px}.conversion{padding:9px}.financial{padding-top:9px;padding-bottom:5px}.financial>div>span{font-size:8px}.financial strong{font-size:23px}.form-area{margin-top:5px;padding-top:7px}.form-step>label:not(.consent){font-size:11px}.mode-switch button{min-height:22px}.product-switch{margin-bottom:6px}.product-switch button{font-size:10px}.demo-note{font-size:7px}}
@media(max-width:767px) and (max-height:700px){.hero[data-form-step="1"] .mode-switch,.hero[data-form-step="2"] .mode-switch{display:none}}
@media(max-width:767px) and (min-height:760px){.hero-visual{height:clamp(100px,calc(100svh - 650px),280px)}}
/* Comparison uses the page scroll; expanded conditions never create a nested scrollbar. */
.comparison{height:auto;min-height:100svh;overflow:clip}
.comparison>.container{min-width:0}
.comparison-grid,.compare-card{min-width:0}
/* Editorial hierarchy: one headline, one financial emphasis, quiet supporting text. */
:root{--type-hero:clamp(32px,3.1vw,44px);--type-section:clamp(28px,2.6vw,37px);--type-value:clamp(27px,2.6vw,34px)}
.hero-copy h1{font-size:var(--type-hero);line-height:1.12;font-weight:600;letter-spacing:-.045em}
.section h2,.closing h2,.comparison .section-heading h2,.journey .section-heading h2{font-size:var(--type-section);line-height:1.16}
.conversion h2{font-size:21px;line-height:1.25}.compare-card h3,.journey-steps h3{font-size:20px;line-height:1.25}
.financial strong{font-size:var(--type-value);font-weight:600;letter-spacing:-1px}.financial>div>span{font-size:10px}
.closing-card h3{font-size:27px;line-height:1.2}.intro{max-width:440px;line-height:1.65}.slogan{font-size:17px;line-height:1.35}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.amount-control{margin:12px 0 3px}.amount-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.amount-heading .control-label{margin:0;font-size:11px;max-width:58%;line-height:1.35}
#amount-display{font-size:15px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.4px}
#amount{appearance:none;-webkit-appearance:none;display:block;width:100%;height:40px;min-height:40px;padding:0;margin:2px 0 0;border:0;border-radius:0;background:transparent;cursor:pointer;accent-color:var(--red);touch-action:pan-y}
#amount::-webkit-slider-runnable-track{height:5px;border-radius:10px;background:linear-gradient(90deg,var(--red) 0 var(--range-progress,0%),#e4dfd7 var(--range-progress,0%) 100%)}
#amount::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:22px;width:22px;border-radius:50%;background:white;border:5px solid var(--red);margin-top:-8.5px;box-shadow:0 1px 5px #0002}
#amount::-moz-range-track{height:5px;border-radius:10px;background:#e4dfd7}#amount::-moz-range-progress{height:5px;border-radius:10px;background:var(--red)}
#amount::-moz-range-thumb{height:13px;width:13px;border-radius:50%;background:white;border:5px solid var(--red);box-shadow:0 1px 5px #0002}
#amount:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:6px}
.range-limits{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:var(--muted);line-height:1.2;margin-top:-2px}
/* The transparent architecture now belongs to a grounded visual composition. */
.hero-visual{isolation:isolate;overflow:visible}
.hero-visual img{position:relative;z-index:2;filter:drop-shadow(0 14px 12px #453c2e12)}
.visual-orbit{position:absolute;z-index:0;width:72%;height:76%;bottom:8%;left:17%;border-radius:50% 50% 42% 42%;background:radial-gradient(ellipse at 55% 65%,#e9e2d5,#eee9df 65%,#f5f3ef00 75%);border:1px solid #d8cfc17a}
.visual-orbit::after{content:"";position:absolute;inset:13px;border-radius:inherit;border:1px solid #fff9}
.visual-ground{position:absolute;z-index:1;left:10%;right:2%;height:12%;bottom:1%;border-radius:50%;background:#c8bdab30;filter:blur(7px)}
.visual-note{position:absolute;z-index:3;left:0;bottom:22%;display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border:1px solid #e0d9ce;background:#fffffff2;border-radius:10px;box-shadow:0 8px 24px #30271808;color:var(--ink);font-size:11px;font-weight:500;line-height:1.4}
.visual-note small{display:block;color:var(--muted);font-size:9px;font-weight:400;margin-top:3px}.visual-dot{display:block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-top:4px;flex:none}
.hero-visual>.visual-signature{display:block;position:absolute;bottom:7px;right:0;left:auto;background:none;color:var(--muted);font-size:7px;letter-spacing:1.8px;text-shadow:none;padding:0;z-index:3}
@media(min-width:768px){.hero-visual{margin-top:18px}.hero-visual img{width:96%;height:96%;align-self:flex-end}.hero-copy{padding-top:clamp(12px,3svh,32px)}.visual-note{left:0;bottom:24%}.hero-visual>.visual-signature{bottom:4px}}
@media(min-width:1800px){.hero-copy h1{font-size:52px}.section h2,.closing h2,.comparison .section-heading h2,.journey .section-heading h2{font-size:43px}.visual-note{font-size:13px;padding:16px 18px}.visual-note small{font-size:11px}}
@media(max-width:767px){.hero-copy h1{font-size:28px;line-height:1.12}.section h2,.closing h2,.comparison .section-heading h2,.journey .section-heading h2{font-size:28px;line-height:1.17}.compare-card h3,.journey-steps h3{font-size:18px}.closing-card h3{font-size:23px}.financial strong{font-size:25px}.financial>div>span{font-size:9px}.conversion{padding:13px}.product-switch button{font-size:10px}.amount-control{margin-top:8px}.amount-heading .control-label{font-size:10px}.form-step>label:not(.consent){font-size:12px}#amount-display{font-size:14px}.range-limits{font-size:7px}.visual-note{font-size:9px;left:22px;bottom:25%;padding:8px 10px;gap:6px}.visual-note small{font-size:7px}.visual-dot{width:5px;height:5px;margin-top:4px}.visual-orbit{width:64%;left:20%;height:82%;bottom:5%}.visual-ground{left:19%;right:12%}.hero-visual>.visual-signature{display:none}}
@media(max-width:350px) and (max-height:620px){.hero-copy h1{font-size:24px}.conversion{padding:9px}.financial strong{font-size:22px}.financial>div>span{font-size:8px}.amount-control{margin-top:6px}.amount-heading .control-label{font-size:9px}#amount-display{font-size:13px}#amount{height:32px;min-height:32px}.range-limits{font-size:7px}.financial{padding-top:8px}}
@media(max-width:767px) and (min-height:760px){.hero-visual{height:clamp(100px,calc(100svh - 675px),280px)}}
/* Official PH identity, extracted without recoloring or redrawing from the supplied manual. */
:root{--red:#c91212;--wine:#6d251d;--ink:#000;--paper:#f7f7f7;--line:#e1e1e1;--white:#fff;--muted:#626262}
.brand.brand-official{display:inline-flex;gap:18px;align-items:center;letter-spacing:0;line-height:1.4;padding:3px 0}
.brand-official img{display:block;width:64px;height:auto;object-fit:contain;flex:none}
.brand-official>.brand-tagline{border:0;padding:0;letter-spacing:0;font-size:10px;font-weight:400;color:var(--muted)}
.institution-logo{width:62px;height:auto;object-fit:contain;flex:none}
.visual-orbit{background:radial-gradient(ellipse at 55% 65%,#ededed,#f2f2f2 65%,#f7f7f700 75%);border-color:#6d251d24}
.visual-orbit::after{border-color:#c9121214}.visual-ground{background:#0000000b}.visual-note{border-color:#e3e3e3;background:#fffffff2;box-shadow:0 8px 24px #00000006}.visual-dot{background:var(--red)}
.product-switch{background:#f5f5f5}.product-switch button[aria-pressed=true]{background:#000}
.demo-badge{background:#6d251d0c;color:var(--wine)}.conversion{border-color:#e1e1e1}
#amount::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--red) 0 var(--range-progress,0%),#e4e4e4 var(--range-progress,0%) 100%)}
#amount::-moz-range-track{background:#e4e4e4}
.journey{background:var(--paper)}.step-number{background:var(--paper)}
.journey-art::after{background:linear-gradient(180deg,#f7f7f7f2,#f7f7f7d9 45%,#f7f7f7f5)}
.closing{background:#000}.closing-card{background:#161616;border-color:#303030}.closing .eyebrow,.closing-direction{color:#f08080}
@media(min-width:768px){.journey-art::after{background:linear-gradient(90deg,#f7f7f7 0%,#f7f7f7 34%,#f7f7f7ed 53%,#f7f7f720 77%,#f7f7f700 100%)}}
@media(max-width:767px){.brand-official img{width:47px}.brand.brand-official{gap:13px;padding:0}.brand-official>.brand-tagline{font-size:8px}.footer-top .brand-official img{width:55px}}
@media(max-width:350px) and (max-height:620px){.brand-official img{width:40px}}
/* More legible entrance motion, with stable interactive controls. */
html.aos-ready [data-aos=fade-up]{transform:translate3d(0,28px,0)}
html.aos-ready [data-aos=zoom-out]{transform:scale(1.045);transform-origin:center 75%}
html.aos-ready [data-aos=fade]{transform:none}
html.aos-ready [data-aos].aos-animate{transform:none}
html.aos-ready [data-aos]{transition-timing-function:cubic-bezier(.22,.61,.36,1)}
@media(max-width:767px){html.aos-ready [data-aos=fade-up]{transform:translate3d(0,18px,0)}html.aos-ready [data-aos=zoom-out]{transform:scale(1.025)}html.aos-ready [data-aos].aos-animate{transform:none}}
@media(prefers-reduced-motion:reduce){html.aos-ready [data-aos]{opacity:1!important;transform:none!important;transition:none!important}}
/* Hero follows the document flow; motion cannot create a nested scrollbar. */
.hero{height:auto;min-height:100svh;overflow:clip}
.hero>.container{height:auto;min-height:calc(100svh - 24px)}
@media(min-width:768px){.hero>.container{min-height:calc(100svh - 40px)}.hero-visual{flex:none;height:clamp(180px,37svh,480px)}}
@media(min-width:768px) and (max-height:780px){.hero>.container{min-height:calc(100svh - 26px)}.hero-visual{height:32svh}}
@media(max-width:767px) and (max-height:700px){.hero>.container{min-height:calc(100svh - 18px)}}
/* A continuous canvas: shared light surfaces, feathered photos, then a gradual dark close. */
.hero,.comparison,.journey{background-color:var(--paper)}
.comparison-photo::after{background:linear-gradient(180deg,var(--paper) 0%,#f7f7f700 18%,#f7f7f700 80%,var(--paper) 100%),linear-gradient(180deg,#f7f7f7eb 0%,#f7f7f7e3 45%,#f7f7f7f5 100%)}
.journey-art::after{background:linear-gradient(180deg,var(--paper) 0%,#f7f7f700 18%,#f7f7f700 78%,var(--paper) 100%),linear-gradient(180deg,#f7f7f7f2,#f7f7f7d9 45%,#f7f7f7f5)}
.journey::after{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(64px,12svh,160px);background:linear-gradient(180deg,#f7f7f700 0%,#dedbdc 22%,#827d7e 56%,#302a2b 82%,#141011 100%);pointer-events:none;z-index:0}
.journey>.container{position:relative;z-index:1}
.closing{background:linear-gradient(180deg,#141011 0%,#090708 14%,#000 30%,#000 100%)}
footer{background:#000;color:#fff}
footer .brand-official>.brand-tagline,footer .footer-top button,footer p,footer .footer-bottom{color:#aaa}
footer .footer-bottom{border-top-color:#ffffff20}
@media(min-width:768px){
.comparison-photo::after{background:linear-gradient(180deg,var(--paper) 0%,#f7f7f700 18%,#f7f7f700 80%,var(--paper) 100%),linear-gradient(90deg,#f7f7f700 0%,#f7f7f718 20%,#f7f7f7e8 43%,var(--paper) 64%)}
.journey-art::after{background:linear-gradient(180deg,var(--paper) 0%,#f7f7f700 18%,#f7f7f700 78%,var(--paper) 100%),linear-gradient(90deg,var(--paper) 0%,var(--paper) 34%,#f7f7f7ed 53%,#f7f7f720 77%,#f7f7f700 100%)}
}
.journey>.container{position:static;z-index:auto}
.journey .section-heading,.journey-steps{position:relative;z-index:1}
/* Hero: viewport composition with a full-size architectural background. */
.hero{height:auto;min-height:100svh;isolation:isolate;padding:14px 0}
.hero>.container{min-height:calc(100svh - 28px);height:auto;gap:12px}
.hero-grid{align-content:center;align-items:center;position:relative;z-index:1}
.brand-row{position:relative;z-index:2}
.hero-copy{padding-top:0;position:static}
.hero-visual{position:absolute!important;left:-8vw!important;right:auto!important;bottom:-14px!important;top:auto!important;width:66vw!important;height:78svh!important;max-height:none!important;min-height:0!important;margin:0!important;z-index:-1!important;opacity:.95;pointer-events:none;mask-image:linear-gradient(180deg,#0000 0%,#000 23%,#000 100%)!important}
.hero-visual img{width:100%!important;height:100%!important;object-fit:contain;object-position:left bottom;filter:none}
.hero-visual .visual-orbit,.hero-visual .visual-ground,.hero-visual .visual-note,.hero-visual .visual-signature{display:none!important}
.hero-copy .intro{max-width:390px}.hero-copy .slogan{margin-top:16px}
.hero-copy h1,.hero-copy>.eyebrow,.hero-copy>.intro,.hero-copy>.slogan{position:relative;z-index:1}
.hero-copy h1{font-size:clamp(31px,3.2vw,46px)}
.hero-copy{align-self:start;padding-top:22px}
.conversion{position:relative;z-index:2;padding:18px 22px;align-self:center}
.conversion h2{font-size:18px;margin:10px 0 12px}
.product-switch{margin:8px 0 12px}.amount-control{margin:8px 0 2px}
.financial{container-type:inline-size;padding:14px 0 8px;gap:12px}
.financial strong{font-size:clamp(26px,7.4cqi,44px);font-weight:800;letter-spacing:-1.3px;line-height:1.1}
.payment strong span{font-weight:400;font-size:10px;letter-spacing:0}
.form-area{margin-top:9px;padding-top:10px}.trust-line{margin-top:8px}.progress{margin-bottom:10px}
/* Replace the narrow gray stripe with a long neutral fade across the boundary. */
.journey::after{height:clamp(110px,23svh,280px);background:linear-gradient(180deg,#f7f7f700 0%,#eeeeee 27%,#c8c8c8 52%,#8b8b8b 78%,#626262 100%)}
.closing{background:linear-gradient(180deg,#626262 0%,#383838 10%,#161616 23%,#000 40%,#000 100%)}
@media(min-width:768px){.hero-grid{grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,65px);flex:1}.hero-copy{min-height:0;height:100%;justify-content:flex-start}.hero-visual{left:-9vw!important;width:65vw!important;height:77svh!important}.hero-copy .intro{background:#f7f7f7d9;border-radius:5px}.hero-copy .slogan{font-size:16px}.conversion{max-width:620px;justify-self:end;width:100%}.hero-copy h1{max-width:550px}}
@media(min-width:1800px){.hero{padding:20px 0}.hero>.container{min-height:calc(100svh - 40px)}.hero-visual{left:-7vw!important;width:58vw!important}.hero-copy h1{font-size:52px}.conversion{padding:24px 28px}.financial strong{font-size:clamp(38px,7.4cqi,48px)}}
@media(min-width:768px) and (max-height:760px){.hero{padding:10px 0}.hero>.container{min-height:calc(100svh - 20px);gap:8px}.brand-official img{width:48px}.hero-copy{padding-top:12px}.conversion{padding:12px 18px}.sim-top{display:none}.conversion h2{font-size:16px;margin:0 0 8px}.product-switch{margin:5px 0 8px}.product-switch button{min-height:36px}.amount-control{margin-top:5px}#amount{height:32px;min-height:32px}.financial{padding:10px 0 5px}.financial strong{font-size:clamp(28px,7cqi,39px)}.form-area{margin-top:6px;padding-top:8px}.progress{margin:5px 0 8px}.trust-line{display:none}.demo-note{font-size:7px}.privacy-copy,.consent{font-size:8px}}
@media(max-width:767px){.hero{padding:10px 0}.hero>.container{min-height:calc(100svh - 20px);gap:12px}.hero-grid{gap:12px;align-content:start}.hero-copy{padding-top:0}.hero-copy h1{font-size:27px;line-height:1.08}.hero-visual{left:-7vw!important;bottom:-10px!important;width:105vw!important;height:44svh!important;opacity:.5;mask-image:linear-gradient(180deg,#0000 0%,#000 38%,#000 100%)!important}.hero-visual img{object-position:right bottom}.conversion{width:100%;padding:12px}.product-switch{margin:0 0 10px}.product-switch button{min-height:40px}.financial{padding:12px 0 7px;gap:9px}.financial strong{font-size:clamp(24px,7.4cqi,30px)}.financial.large-credit strong{font-size:clamp(19px,6.4cqi,27px)}.financial>div>span{font-size:9px}.form-area{margin-top:7px;padding-top:9px}.hero[data-form-step="1"] .hero-copy,.hero[data-form-step="2"] .hero-copy{display:none}.hero[data-form-step="1"] .hero-visual,.hero[data-form-step="2"] .hero-visual{display:block}.journey::after{height:19svh}.closing{background:linear-gradient(180deg,#626262,#303030 11%,#0b0b0b 24%,#000 40%)}.journey-steps{padding-bottom:20px}}
@media(max-width:350px) and (max-height:620px){.hero-copy h1{font-size:24px}.hero>.container,.hero-grid{gap:8px}.conversion{padding:9px}.product-switch button{min-height:35px}.product-switch{margin-bottom:7px}.financial{padding-top:8px}.financial strong{font-size:24px}.financial.large-credit strong{font-size:19px}.amount-control{margin-top:5px}#amount{height:30px;min-height:30px}.form-area{padding-top:7px;margin-top:5px}}
@media(min-width:768px){.hero-visual{mask-image:linear-gradient(180deg,#0000 0%,#0000 18%,#0006 43%,#000 70%,#000 100%)!important}.hero-copy .intro{background:none}}
/* Credit is the primary number; the reduced payment uses regular Poppins. */
.financial{grid-template-columns:1.2fr 1fr;align-items:end}
.financial #credit-value{font-weight:800;font-size:clamp(34px,8.7cqi,52px);letter-spacing:-1.5px}
.financial #payment-value{font-weight:400;font-size:clamp(27px,7.1cqi,42px);letter-spacing:-1.1px}
@media(max-width:767px){.financial #credit-value{font-size:clamp(26px,8.3cqi,30px);letter-spacing:-1px}.financial #payment-value{font-size:clamp(22px,7.2cqi,26px);letter-spacing:-.8px}.financial.large-credit #credit-value{font-size:clamp(20px,6.9cqi,28px)}.financial.large-credit #payment-value{font-size:clamp(18px,6cqi,24px)}}
/* Full-bleed campaign photograph: an attainable new home, with a calm reading surface. */
.hero{position:relative;isolation:isolate;background:var(--paper)}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:url('assets/hero-novo-lar-ph.webp');background-size:cover;background-repeat:no-repeat;background-position:45% 55%;pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#f7f7f73d 0%,#f7f7f700 65%,var(--paper) 100%),linear-gradient(90deg,#f7f7f7ed 0%,#f7f7f7ad 28%,#f7f7f72e 52%,#f7f7f766 100%);pointer-events:none}
.hero-copy h1,.hero-copy>.eyebrow,.hero-copy>.intro,.hero-copy>.slogan{position:relative}
.hero .conversion{background:#fffffff7;border-color:#ffffffde;box-shadow:0 14px 55px #27180f0a}
.hero .brand-note,.hero-copy .intro{color:#4e4b47}
@media(max-width:767px){.hero::before{background-position:34% center}.hero::after{background:linear-gradient(180deg,#f7f7f7ed 0%,#f7f7f7b3 18%,#f7f7f733 52%,#f7f7f71a 78%,var(--paper) 100%)}.hero .conversion{background:#fffffffa}.hero-copy{padding-bottom:1px}}
/* One-screen landing page: a single hero and a quiet company signature. */
.hero::before{background-image:var(--hero-image,url('assets/hero-novo-lar-ph.webp'))}
.hero[data-product=veiculo]::before{background-position:40% 56%}
.hero[data-product=investimento]::before{background-position:42% 58%}
.hero-curtain{position:absolute;inset:0;z-index:50;background:#000;transform:scaleY(0);transform-origin:top center;pointer-events:none}
.hero.is-switching .hero-curtain{will-change:transform}
.product-switch[aria-busy=true]{border-color:#c9121240}
.compact-footer{padding:18px 0 13px;background:#000;color:#fff}
.footer-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}
.footer-brand{display:block;padding:3px 0}.footer-brand img{width:52px;height:auto;object-fit:contain}
.company-info{font-size:9px;color:#aaa;line-height:1.5}.company-info strong{font-size:10px;font-weight:500;letter-spacing:.25px;color:#e5e5e5}.company-info p{margin:3px 0;font-size:9px;line-height:1.5;max-width:none}.company-info a{font-size:9px;color:#aaa}
.footer-main>.text-button{color:#bbb;font-size:10px;text-align:right;text-decoration-thickness:1px}
.footer-legal{border-top:1px solid #ffffff1c;margin-top:12px;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.footer-legal>p{font-size:8px;line-height:1.5;color:#999;margin:0;max-width:860px}.footer-legal>span{flex:none;font-size:8px;color:#999}
@media(max-width:767px){.compact-footer{padding:15px 0 12px}.footer-main{grid-template-columns:auto 1fr;gap:12px 16px}.footer-brand img{width:45px}.company-info strong{font-size:8px}.company-info p,.company-info a{font-size:8px}.footer-main>.text-button{grid-column:1/-1;justify-self:start;font-size:9px;text-align:left}.footer-legal{display:block;margin-top:10px;padding-top:9px}.footer-legal>p{font-size:7px}.footer-legal>span{display:block;margin-top:7px;font-size:7px}.hero[data-product=veiculo]::before{background-position:32% center}.hero[data-product=investimento]::before{background-position:35% center}}
@media(prefers-reduced-motion:reduce){.hero-curtain{display:none!important}}
/* Oculta os botões quando houver produto específico travado via URL */
.has-locked-product .product-switch,
.locked-product .product-switch,
.hero[data-locked="true"] .product-switch,
.product-switch[hidden] {
  display: none !important;
}

/* Novo layout de formulário direto sem wizard (Nome e WhatsApp juntos em 1 clique) */
.form-area {
  border: 1px solid #c9121226;
  border-left: 3px solid var(--red);
  border-radius: 12px;
  background: #fff8f7;
  margin-top: 10px;
  padding: 12px 14px 10px;
  box-sizing: border-box;
}
.form-invitation {
  margin-bottom: 8px;
}
.form-invitation h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.4px;
  color: #000;
}
.form-invitation p {
  font-size: 10.5px;
  line-height: 1.4;
  color: #625451;
  margin-top: 3px;
  max-width: 430px;
}
.form-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 6px;
}
.form-field-group {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.form-field-group label {
  font-size: 11px;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 4px;
  color: var(--ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-field-group input {
  width: 100%;
  min-width: 0;
  min-height: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #d7cac6;
  border-radius: 7px;
  padding: 6px 10px;
  font-size: 13px;
  color: var(--ink);
  box-shadow: 0 1px 2px #6d251d05;
  box-sizing: border-box;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.form-field-group input:focus {
  border-color: var(--red);
  outline: 2px solid #c9121225;
}
.form-consent-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 6px;
}
.form-consent-row .consent {
  font-size: 8.5px;
  line-height: 1.3;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  cursor: pointer;
}
.form-consent-row .consent input {
  width: 15px;
  height: 15px;
  flex: none;
  margin: 0;
  accent-color: var(--red);
  cursor: pointer;
}
.form-consent-row .privacy-trigger {
  font-size: 8.5px;
  color: var(--muted);
  text-decoration: underline;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  flex: none;
}
.form-area #next {
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  justify-content: center;
  min-height: 44px;
  height: 44px;
  border-radius: 7px;
  box-shadow: 0 4px 12px #c9121215;
  margin-top: 7px;
  transition: background 0.2s;
}
.form-area .demo-note {
  font-size: 7.5px;
  line-height: 1.35;
  margin-top: 4px;
  color: #75615d;
  text-align: center;
}
.trust-line {
  font-size: 8.5px;
  max-width: 390px;
  margin: 7px auto 0;
  line-height: 1.4;
  text-align: center;
  color: var(--muted);
}
.error {
  font-size: 9px;
  color: var(--red);
  margin: 4px 0 0;
  line-height: 1.3;
  text-align: center;
}
.error:empty {
  margin: 0;
}

@media(min-width: 768px) and (max-height: 780px) {
  .hero {
    padding: 8px 0 !important;
  }
  .hero > .container {
    gap: 6px !important;
  }
  .conversion {
    padding: 10px 16px !important;
  }
  .conversion h2 {
    display: none !important;
  }
  .sim-top {
    display: none !important;
  }
  .amount-control {
    margin-top: 3px !important;
  }
  #amount {
    height: 28px !important;
    min-height: 28px !important;
  }
  .financial {
    padding: 6px 0 3px !important;
  }
  .financial strong {
    font-size: 26px !important;
  }
  .form-area {
    margin-top: 6px !important;
    padding: 8px 10px 6px !important;
  }
  .form-invitation {
    margin-bottom: 5px !important;
  }
  .form-invitation h3 {
    font-size: 14px !important;
  }
  .form-invitation p {
    font-size: 9px !important;
    margin-top: 2px !important;
  }
  .form-field-group label {
    font-size: 10px !important;
    margin-bottom: 2px !important;
  }
  .form-field-group input {
    min-height: 36px !important;
    height: 36px !important;
    font-size: 12px !important;
    padding: 5px 8px !important;
  }
  .form-area #next {
    min-height: 40px !important;
    height: 40px !important;
    font-size: 11px !important;
    margin-top: 5px !important;
  }
  .form-area .demo-note {
    font-size: 7px !important;
    margin-top: 3px !important;
  }
  .trust-line {
    display: none !important;
  }
}

@media(max-width: 767px) {
  .hero {
    padding: 6px 0 !important;
    height: 100svh !important;
    min-height: 100svh !important;
    max-height: 100svh !important;
    overflow: hidden !important;
  }
  .hero > .container {
    height: 100% !important;
    gap: 6px !important;
    justify-content: space-between !important;
  }
  .brand-row {
    flex: 0 0 auto !important;
  }
  .brand img {
    height: 26px !important;
    width: auto !important;
  }
  .hero-grid {
    gap: 6px !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    align-content: center !important;
  }
  .hero-copy h1 {
    font-size: clamp(19px, 5.2vw, 24px) !important;
    line-height: 1.08 !important;
    margin: 0 !important;
  }
  .conversion {
    padding: 8px 10px !important;
    border-radius: 13px !important;
  }
  .product-switch {
    margin: 0 0 6px !important;
  }
  .product-switch button {
    min-height: 32px !important;
    font-size: 10px !important;
    padding: 4px !important;
  }
  .amount-control {
    margin-top: 2px !important;
  }
  #amount {
    height: 26px !important;
    min-height: 26px !important;
  }
  .financial {
    padding: 4px 0 2px !important;
    gap: 6px !important;
  }
  .financial strong {
    font-size: clamp(19px, 5.5vw, 23px) !important;
  }
  .full-payment {
    font-size: 7.5px !important;
    margin: 1px 0 !important;
  }
  .plan-disclosure summary {
    font-size: 7.5px !important;
    padding: 2px 14px 2px 0 !important;
  }
  .form-area {
    padding: 7px 9px 6px !important;
    margin-top: 5px !important;
    border-radius: 9px !important;
  }
  .form-invitation {
    margin-bottom: 4px !important;
  }
  .form-invitation h3 {
    font-size: 13px !important;
  }
  .form-invitation p {
    font-size: 8.5px !important;
    margin-top: 1px !important;
  }
  .form-fields {
    gap: 6px !important;
    margin-top: 4px !important;
  }
  .form-field-group label {
    font-size: 9.5px !important;
    margin-bottom: 2px !important;
  }
  .form-field-group input {
    min-height: 34px !important;
    height: 34px !important;
    font-size: 11.5px !important;
    padding: 4px 7px !important;
    border-radius: 6px !important;
  }
  .form-consent-row {
    margin-top: 3px !important;
  }
  .form-consent-row .consent {
    font-size: 7px !important;
  }
  .form-consent-row .privacy-trigger {
    font-size: 7px !important;
  }
  .form-area #next {
    font-size: 11px !important;
    min-height: 36px !important;
    height: 36px !important;
    margin-top: 4px !important;
    border-radius: 6px !important;
  }
  .form-area .demo-note {
    font-size: 6.5px !important;
    margin-top: 2px !important;
  }
  .trust-line {
    display: none !important;
  }
}

@media(max-height: 600px) {
  .hero-copy {
    display: none !important;
  }
  .conversion {
    padding: 8px 10px !important;
  }
  .form-area {
    padding: 6px 8px !important;
    margin-top: 4px !important;
  }
}

/* Marca-texto animado em amarelo com negrito */
.highlight-marker {
  font-weight: 700;
  color: #111;
  display: inline;
  background-image: linear-gradient(104deg, #ffe600ed 0%, #ffd000e6 100%);
  background-repeat: no-repeat;
  background-size: 0% 76%;
  background-position: 0 88%;
  padding: 1px 4px;
  border-radius: 3px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  animation: highlightSweep 1s cubic-bezier(0.25, 1, 0.5, 1) 0.35s forwards;
}

@keyframes highlightSweep {
  0% {
    background-size: 0% 76%;
  }
  100% {
    background-size: 100% 76%;
  }
}

.brand-official > .brand-tagline {
  font-size: 11px;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.2px;
}

.brand-official img {
  display: block;
  width: 72px;
  height: auto;
  object-fit: contain;
  flex: none;
}

.footer-brand img {
  width: 65px;
  height: auto;
  object-fit: contain;
}

@media(max-width: 767px) {
  .brand-official img {
    width: 54px !important;
  }
  .brand-official > .brand-tagline {
    font-size: 10px !important;
  }
  .footer-brand img {
    width: 50px !important;
  }
}