/* Mare Visuals / Owners Listing Upgrade additions — scoped to owner landing pages. */
.owner-full-staging{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:36px;background:#f6f7f3;border:1px solid #b7c4b6;padding:34px 36px;margin:32px 0 24px;align-items:start}
.owner-full-staging .eyebrow{font-size:10px;letter-spacing:.14em;color:#586e57;margin:0 0 16px}
.owner-full-staging h3{font-size:clamp(27px,3.3vw,40px);font-weight:400;line-height:1.17;letter-spacing:-.025em;margin:0 0 17px;color:#1f2b20}
.owner-full-staging p{font-size:13px;line-height:1.8;color:#4f604d;margin:0 0 13px}
.owner-full-staging .owner-staging-note{font-size:11px;color:#657562}
.owner-staging-rates{border-left:1px solid #cad2c7;padding-left:26px;display:grid;gap:15px}
.owner-staging-rate{border-bottom:1px solid #d3ded0;padding-bottom:12px}
.owner-staging-rate span{display:block;font-size:12px;color:#60715b;margin-bottom:3px}
.owner-staging-rate strong{font-size:24px;color:#222f21;line-height:1.4;font-weight:500}
.owner-staging-rate strong small{font-size:11px;font-weight:400;color:#647561}
.owner-staging-rate p{margin:3px 0 0;font-size:11px}
.owner-staging-rates .btn{width:max-content;max-width:100%}
.owner-staging-rates .fineprint{font-size:11px;margin:0}
.owner-treatment{padding:8px 0 15px;margin:5px 0;border:0;min-width:0}
.owner-treatment legend{font-size:13px!important;font-weight:600!important;letter-spacing:0!important;margin:0 0 10px!important}
.owner-treatment label{cursor:pointer;line-height:1.6}
.owner-treatment .fineprint{font-size:11px;color:#697566;line-height:1.7;margin:10px 0 0}
.owner-staging-form{border:1px solid #cad6c7;padding:18px 19px;margin:17px 0 18px;min-width:0}
.owner-staging-form legend{font-size:13px!important;font-weight:600!important;letter-spacing:0!important;padding:0 5px;margin:0 0 6px!important}
.owner-staging-form>label{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.7;cursor:pointer}
.owner-staging-form>label input{margin-top:4px;flex-shrink:0}
.owner-staging-form>p{font-size:11px;color:#586a57;line-height:1.7;margin:9px 0 2px}
.owner-staging-details[hidden]{display:none!important}
.owner-staging-details{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:15px}
.owner-staging-details .input-group{min-width:0}
.owner-staging-details input,.owner-staging-details select{max-width:100%}
@media(max-width:810px){.owner-full-staging{grid-template-columns:1fr;gap:22px}.owner-staging-rates{border-left:0;border-top:1px solid #cad2c7;padding:17px 0 0;grid-template-columns:1fr 1fr}.owner-staging-rates .btn,.owner-staging-rates .fineprint{grid-column:1/-1}}
@media(max-width:590px){.owner-full-staging{padding:25px 20px}.owner-staging-rates{grid-template-columns:1fr}.owner-staging-rates .btn,.owner-staging-rates .fineprint{grid-column:auto}.owner-staging-details{grid-template-columns:1fr}.owner-staging-rate strong{font-size:23px}}

/* Transparency / EU AI Act — layout exactly follows broker landing, scoped to this section. */
.ai-transparency-section{background:#192019;color:#eff2e9;padding:65px 0 54px}
.ai-transparency-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,94px);align-items:start}
.ai-transparency-intro .eyebrow{color:#b4c2aa;font-size:10px;letter-spacing:.19em;margin:0 0 20px}
.ai-transparency-intro h2{font-size:clamp(29px,3.5vw,48px);font-weight:400;line-height:1.14;letter-spacing:-.03em;color:#f6f5ee;margin:0 0 22px}
.ai-transparency-intro>p:not(.eyebrow){max-width:550px;font-size:14px;line-height:1.85;color:#c5d0c0;margin:0 0 23px}
.ai-transparency-law{display:inline-flex;gap:14px;align-items:center;padding-bottom:8px;border-bottom:1px solid #82937d;color:#ebf0e8;font-size:12px;letter-spacing:.02em;text-decoration:none;transition:color .2s}
.ai-transparency-law:hover{color:#b9d2a9}
.ai-transparency-rules{display:grid;grid-template-columns:1fr;gap:0}
.ai-transparency-rules article{padding:17px 0 19px;border-bottom:1px solid rgba(228,237,222,.23)}
.ai-transparency-rules article:first-child{padding-top:2px}
.ai-transparency-rules article>span{display:block;color:#a5baa2;font-size:10px;letter-spacing:.14em;margin-bottom:9px}
.ai-transparency-rules h3{color:#f5f6f1;font-size:16px;font-weight:500;line-height:1.4;margin:0 0 7px}
.ai-transparency-rules p{color:#bdcabc;font-size:12px;line-height:1.8;margin:0;max-width:610px}
.ai-transparency-legal{margin:40px 0 0;padding-top:16px;border-top:1px solid rgba(228,237,222,.17);max-width:1080px;color:#a9b9a7;font-size:11px;line-height:1.85}
@media(max-width:810px){.ai-transparency-section{padding:49px 0 43px}.ai-transparency-layout{grid-template-columns:1fr;gap:28px}.ai-transparency-rules article:first-child{padding-top:14px;border-top:1px solid rgba(228,237,222,.23)}.ai-transparency-legal{margin-top:28px}}
@media(max-width:590px){.ai-transparency-intro h2{font-size:32px}.ai-transparency-intro>p:not(.eyebrow){font-size:13px}.ai-transparency-rules p{font-size:12px}}

/* v9.12.1 — keep every word intact while fitting the order column. */
.order-layout{align-items:start}
.order-layout > *,.order-aside,.order-card{min-width:0}
.order-aside h2{
  max-width:100%;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  text-wrap:balance;
}
@media (min-width:1025px){
  .order-aside h2{font-size:clamp(36px,3.35vw,58px);line-height:1.09;letter-spacing:-.055em}
}
@media (min-width:1025px) and (max-width:1540px){
  .order-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,3vw,42px)}
  .order-aside{padding-right:10px}
}
@media (max-width:1024px){
  .order-aside h2{font-size:clamp(34px,5vw,50px);line-height:1.1}
}
@media (max-width:480px){
  .order-aside h2{font-size:clamp(29px,8.2vw,38px)}
}
