#cta{container:cta / inline-size;--taupe:var(--accent);--hair:var(--line);--ivory:var(--paper);font-family:var(--font-body);color:var(--ink)}
#cta[hidden]{display:none!important}

#cta .cta{background:var(--paper);min-width:0;overflow:hidden}#cta .kicker{font-size:10px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:var(--taupe)}#cta .title{font:400 clamp(36px,5.0cqw,74px)/1.12 'Tenor Sans',Georgia,serif;letter-spacing:-.04em;margin:14px 0 23px}#cta .para{font-size:13px;line-height:1.92;color:var(--taupe);margin:0}#cta .label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--taupe)}#cta .mini{font-size:10px;line-height:1.85;color:#928981}#cta .action{display:inline-flex;justify-content:center;align-items:center;gap:20px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:17px 22px;min-height:55px;font-size:12px;font-weight:700;transition:background .18s,border .18s,transform .18s;text-align:center;line-height:1.3}#cta .action:hover{background:#4c4640;border-color:#4c4640;transform:translateY(-1px)}#cta .action.light{background:var(--paper);border-color:var(--paper);color:var(--ink)}#cta .action.light:hover{background:#eae4db}#cta .action.outline{background:transparent;border-color:#cdc3b9;color:var(--ink)}#cta .action.outline:hover{background:#ede8e1}#cta .action.outline-invert{background:transparent;color:#f7f5f1;border-color:#aeaa9f}#cta .action.outline-invert:hover{background:#ffffff1d}#cta .action svg{width:17px;height:17px;flex:none}#cta .input{height:52px;min-width:0;width:100%;border:1px solid #cec8bf;background:var(--ivory);padding:0 16px;color:var(--ink);border-radius:0;font-size:12px}#cta .input::placeholder{color:#9b9188}#cta .input:focus{border-color:var(--taupe);outline:1px solid var(--taupe)}#cta .sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}#cta .demo-note{color:#8B8279;font-size:9px;line-height:1.7}#cta .form-feedback{color:#51483e;font-size:11px;line-height:1.5;min-height:1px}#cta .nameplate{font:400 16px/1.5 'Marcellus',Georgia,serif;letter-spacing:.14em}#cta .line{height:1px;background:var(--hair)}
/* 01: left lead form / right photo */
/* 02 immersive */
/* 03 two-tone concierge */
/* 04 brochure */
/* 05 guided selector */
#cta .c5{display:grid;grid-template-columns:44% 56%;min-height:614px}#cta .c5 .intro-panel{background:var(--ink);color:var(--paper);padding:55px clamp(35px,5.2cqw,75px) 39px;display:flex;flex-direction:column;position:relative;overflow:hidden}#cta .c5 .intro-panel:after{content:'';position:absolute;right:-70px;bottom:-100px;width:350px;height:350px;border:1px solid #ffffff11;border-radius:50%;box-shadow:0 0 0 50px #ffffff05,0 0 0 100px #ffffff04;pointer-events:none}#cta .c5 .intro-panel .kicker{color:#d7cabe}#cta .c5 .intro-panel .title{font-size:clamp(40px,4.9cqw,70px);margin:22px 0 23px}#cta .c5 .intro-panel .para{color:#d5ccc4;max-width:410px}#cta .c5 .summary{margin-top:auto;border-top:1px solid #6e665f;padding-top:21px;position:relative;z-index:1}#cta .c5 .summary b{display:block;font:400 21px 'Tenor Sans',serif;margin:12px 0 0}#cta .c5 .summary .label{color:#cfc4b9}#cta .c5 .quiz{padding:62px clamp(35px,5cqw,75px) 42px;display:flex;flex-direction:column;background:#fbfaf7}#cta .c5 .progress-head{display:flex;justify-content:space-between;align-items:center;gap:15px}#cta .c5 .count{font:400 20px 'Tenor Sans',serif}#cta .c5 .rail{width:100%;height:1px;background:#c9c2b9;position:relative;margin-top:24px}#cta .c5 .rail .fill{position:absolute;inset:0 auto 0 0;background:var(--ink);width:33.3%;height:2px;top:-.5px;transition:width .2s}#cta .c5 .q-title{font:400 clamp(30px,3.4cqw,49px)/1.2 'Tenor Sans',serif;margin:37px 0 13px}#cta .c5 .q-hint{font-size:12px;color:var(--taupe);line-height:1.85;margin:0 0 23px}#cta .c5 .answers{display:grid;grid-template-columns:1fr 1fr;gap:11px}#cta .c5 .answer{min-height:80px;text-align:left;padding:14px 17px;background:transparent;border:1px solid #cdc7bf;font-size:12px;color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;gap:9px}#cta .c5 .answer:hover{background:#f3f0e9}#cta .c5 .answer.active{background:#eae6df;border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}#cta .c5 .answer small{font-size:9px;color:#8c8176;letter-spacing:.14em}#cta .c5 .quiz-footer{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:auto;padding-top:32px}#cta .c5 .back{font-size:11px;background:transparent;border:0;border-bottom:1px solid #b5aa9e;padding:13px 0;color:var(--taupe)}#cta .c5 .back:disabled{opacity:.35;cursor:not-allowed}#cta .c5 .quiz-footer .action{min-width:204px}
/* Shared modal */
/* responsive all canvases */
@container (max-width:690px){
 #cta .title{font-size:36px!important;line-height:1.15}#cta .para{font-size:12px;line-height:1.85}
 #cta .c5{display:flex;flex-direction:column}
 #cta .c5 .intro-panel{padding:38px 28px 28px;min-height:350px}#cta .c5 .intro-panel .title{font-size:36px!important}#cta .c5 .summary{margin-top:35px}#cta .c5 .summary b{font-size:18px}#cta .c5 .quiz{padding:34px 26px}#cta .c5 .q-title{font-size:30px;margin-top:32px}#cta .c5 .answers{grid-template-columns:1fr 1fr;gap:8px}#cta .c5 .answer{padding:11px;min-height:83px;font-size:11px}#cta .c5 .quiz-footer{padding-top:29px}#cta .c5 .quiz-footer .action{min-width:0;padding:15px 16px}
}

/* UI-kit roles, adaptive type and square controls. */
#cta *,#cta *::before,#cta *::after{box-sizing:border-box}
#cta .cta{width:100%;min-width:0;overflow:visible}
#cta .title{font:400 var(--nf-type-section,var(--cta-section,48px))/1.12 'Tenor Sans',sans-serif!important;letter-spacing:-.025em}
#cta .para,#cta .q-hint{font:400 var(--nf-type-body,16px)/1.75 'Manrope',sans-serif}
#cta .kicker,#cta .label{font:600 var(--nf-type-eyebrow,10px)/1.5 'Manrope',sans-serif;letter-spacing:.14em}
#cta .action,#cta .answer,#cta .back,#cta .input{font-family:'Manrope',sans-serif;font-weight:500;border-radius:0;min-height:44px}
#cta .action{font-size:var(--nf-type-ui,12px);font-weight:500;white-space:normal}
#cta .title,#cta .q-title,#cta .para,#cta .summary b{overflow-wrap:anywhere}
#cta .action svg{width:18px;height:18px;flex:none}
#cta :is(button,input,a):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#cta .c5{grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);min-height:0}
#cta .c5 :is(.intro-panel,.quiz){min-width:0;padding:clamp(24px,4cqw,64px)}
#cta .c5 .quiz{background:var(--surface)}
#cta .c5 .intro-panel{--nf-tone-heading:#F7F5F1;--nf-tone-body:#EBE8E1;--nf-tone-label:#F7F5F1}
#cta .c5 .intro-panel .para{max-width:none;color:var(--paper)}
#cta .c5 .intro-panel::after{display:none}
#cta .c5 .summary{margin-top:40px}
#cta .c5 .summary b{font:400 var(--nf-type-card,20px)/1.3 'Tenor Sans',sans-serif;color:var(--paper)}
#cta .c5 .q-title{font:400 var(--nf-type-subheading,24px)/1.25 'Tenor Sans',sans-serif;letter-spacing:-.025em}
#cta .c5 .answer{padding:16px;min-width:0;min-height:96px;border-color:var(--line);color:var(--ink)}
#cta .c5 .answer small{font-size:var(--nf-type-caption,12px);font-weight:400;letter-spacing:0;color:var(--muted)}
#cta .c5 .answer.active{background:var(--paper);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
#cta .c5 .quiz-footer{flex-wrap:wrap;gap:16px}
#cta .c5 .quiz-footer .action{min-width:0;flex:0 1 auto;max-width:100%;--nf-tone-heading:#F7F5F1}
#cta .c5 .count{font:400 var(--nf-type-value,22px)/1.3 'Tenor Sans',sans-serif;white-space:nowrap}
#cta .c5 .q-title:focus{outline:none}
#cta .form-feedback{margin-top:12px}
@container cta (max-width:800px){#cta .c5{display:flex;flex-direction:column}#cta .c5 .intro-panel{min-height:0}#cta .c5 :is(.intro-panel,.quiz){padding:24px}#cta .c5 .answers{grid-template-columns:repeat(2,minmax(0,1fr))}#cta .c5 .quiz-footer .action{max-width:calc(100% - 70px)}}
@container cta (max-width:340px){#cta .c5 .answers{grid-template-columns:1fr}#cta .c5 .quiz-footer .action{max-width:100%;width:100%}}
@media(prefers-reduced-motion:reduce){#cta *{transition:none!important;animation:none!important}}

#cta [hidden]{display:none!important}
#cta .cta-status{font:400 12px/1.6 var(--font-body)}

#cta :is(.c1 .title,.c2 .body .title,.c3 .title,.c4 .heading .title,.c5 .intro-panel .title){font-size:var(--nf-type-section,var(--cta-section,48px))!important}
@media(max-width:1100px){#cta{--cta-section:40px}}
@media(max-width:700px){#cta{--cta-section:32px}}

#cta .kicker:has(+h2)::before{content:"";display:inline-block;vertical-align:middle;width:36px;height:1px;margin-right:14px;background:currentColor;opacity:.55}