/* ===== Content-doc round (2026-10-29): sell hero, marketing difference, know your number, multi-step valuation, buy page, agent contact ===== */
/* inline lead form on dark hero */
.hero .lead-inline{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:0;background:#fff;margin-top:34px;max-width:900px;box-shadow:0 30px 60px rgba(0,0,0,.25)}
.hero .lead-inline input{border:0;border-left:1px solid var(--line);padding:22px 20px;font:500 .95rem var(--sans);outline:0;min-width:0}
.hero .lead-inline input:first-of-type{border-left:0}
.hero .lead-inline button{border:0;background:var(--teal);color:#fff;padding:0 30px;font:600 .7rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;cursor:pointer}
.hero .lead-inline button:hover{background:var(--teal-d)}
.hero .lead-ok{display:none;margin-top:30px;padding:22px 26px;border:1px solid var(--gold);background:rgba(18,18,18,.55);max-width:640px}
.hero .lead-ok p{margin:0}
.hero .pre{font-family:var(--serif);font-size:clamp(1.15rem,1.7vw,1.45rem);font-style:italic;color:var(--gold);margin:-4px 0 18px}
@media (max-width:860px){.hero .lead-inline{grid-template-columns:1fr}.hero .lead-inline input{border-left:0;border-top:1px solid var(--line)}.hero .lead-inline button{padding:20px}}
/* marketing difference: expanding panels */
.mdiff{display:flex;gap:10px;height:520px;margin-top:54px}
.mdiff .pn{position:relative;flex:1;min-width:0;overflow:hidden;background:var(--ink);color:#fff;cursor:pointer;transition:flex .7s var(--ease);outline:0}
.mdiff .pn.on{flex:3.4}
.mdiff .pn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;transition:opacity .7s,transform 1.4s var(--ease)}
.mdiff .pn.on img{opacity:.38;transform:scale(1.04)}
.mdiff .pn .tx{position:absolute;left:0;right:0;bottom:0;padding:30px 30px 34px;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.mdiff .num{font-family:var(--serif);font-style:italic;color:var(--gold);font-size:1.2rem}
.mdiff h3{font-size:1.45rem;margin:6px 0 0;color:#fff}
.mdiff .more{max-height:0;opacity:0;overflow:hidden;transition:max-height .7s var(--ease),opacity .5s}
.mdiff .pn.on .more{max-height:260px;opacity:1}
.mdiff .more p{color:rgba(255,255,255,.82);font-size:.95rem;margin:14px 0 0;max-width:560px}
.mdiff .more ul{margin:12px 0 0;padding:0;list-style:none;color:rgba(255,255,255,.82);font-size:.9rem}
.mdiff .more li:before{content:"— ";color:var(--gold)}
.mdiff-nav{display:flex;align-items:center;gap:16px;margin-top:22px}
.mdiff-nav button{width:52px;height:52px;border:1px solid var(--line);background:#fff;font-size:1.1rem;cursor:pointer;transition:background .3s,border-color .3s}
.mdiff-nav button:hover{border-color:var(--gold);background:var(--off)}
.mdiff-nav .cnt{font:500 .66rem/1 var(--sans);letter-spacing:.22em;color:var(--muted)}
@media (max-width:860px){.mdiff{flex-direction:column;height:auto}.mdiff .pn{min-height:90px}.mdiff .pn.on{min-height:380px}}
/* know your number */
.kyn{display:flex;max-width:760px;margin:40px auto 0;background:#fff;border:1px solid var(--line);box-shadow:0 24px 50px rgba(18,18,18,.08)}
.kyn input{flex:1;border:0;padding:22px 24px;font:500 1rem var(--sans);outline:0;min-width:0}
.kyn button{border:0;background:var(--gold);color:var(--ink);padding:0 34px;font:700 .7rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background .3s}
.kyn button:hover{background:#c8913f}
@media (max-width:640px){.kyn{flex-direction:column}.kyn button{padding:20px}}
/* multi-step form */
.steps-bar{display:flex;gap:8px;margin-bottom:34px}
.steps-bar i{flex:1;height:3px;background:var(--line);transition:background .4s}
.steps-bar i.on{background:var(--gold)}
.mstep{display:none}.mstep.on{display:grid}
.mstep .acts2{grid-column:1/-1;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.addr-chip{grid-column:1/-1;padding:16px 20px;background:var(--off);border-left:2px solid var(--gold);font-size:.95rem}
.addr-chip span{display:block;font:600 .58rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.addr-chip a{font-size:.8rem;margin-left:10px;color:var(--teal)}
.done-step{padding:40px;border:1px solid var(--gold);background:var(--off)}
.done-step .d3{margin-bottom:12px}
/* agent contact */
.agent-contact{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(40px,6vw,90px);align-items:start}
@media (max-width:860px){.agent-contact{grid-template-columns:1fr}}
/* buy page calc embed */
.calc-embed .calc{margin-top:40px}
.mdiff .pn .tx{text-align:left}
.mdiff .pn:not(.on) h3{white-space:normal;font-size:1.12rem;line-height:1.25}
.mdiff .pn:not(.on) .tx{padding:22px 20px 28px}
.mdiff .pn,.mdiff .pn *{text-align:left}