/* Done by Command v0.9.0 realtor landing page layer. Uses the existing type, colour and spacing system. */

.seo-hero{max-width:900px;padding-block:64px 76px}
.seo-crumb{font:12px/1.6 var(--mono);letter-spacing:.04em;color:var(--muted);margin-bottom:34px}
.seo-crumb a{text-decoration:none;border-bottom:1px solid var(--line)}
.seo-hero h1{font-size:clamp(43px,6vw,76px);line-height:1.03;letter-spacing:-.055em}
.seo-hero h1 span{color:var(--orange)}
.seo-lead{font-size:clamp(20px,2.3vw,25px);line-height:1.42;max-width:34ch;margin-top:28px}
.seo-hero p:not(.eyebrow):not(.seo-crumb):not(.seo-lead):not(.small){max-width:62ch;margin-top:22px;color:#c5c0b4}
.seo-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:32px}
.seo-secondary{font-size:14px;text-decoration:none;border-bottom:1px solid var(--orange);padding-block:8px}
.seo-secondary span{margin-left:10px;color:var(--orange)}
.seo-hero .small{margin-top:24px;max-width:56ch}

.seo-section{padding-block:78px;border-top:1px solid var(--line)}
.seo-section-head{max-width:760px;margin-bottom:42px}
.seo-section-head h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.045em}
.seo-prose{max-width:760px;font-size:17px;color:#c5c0b4}
.seo-prose p+p{margin-top:1.2rem}
.seo-prose strong{color:var(--paper)}

.seo-workflows{background:var(--paper);color:var(--ink);border-top:0;padding-block:84px}
.seo-workflows .eyebrow{color:#686458}
.seo-workflows .seo-section-head{margin-bottom:20px}
.seo-workflow-list article{display:grid;grid-template-columns:64px 1fr;gap:24px;border-top:1px solid #cbc6b9;padding:30px 0;align-items:start}
.seo-workflow-list article:last-child{border-bottom:1px solid #cbc6b9}
.seo-number{font:15px var(--mono);color:#696155;padding-top:5px}
.seo-workflow-list h3{font-size:clamp(21px,2.2vw,27px);font-weight:400;letter-spacing:-.025em}
.seo-workflow-list p{max-width:68ch;margin-top:12px;font-size:15px;line-height:1.7;color:#5a574e}

.seo-steps{list-style:none;counter-reset:seo-step;margin:0;padding:0;display:grid;gap:26px}
.seo-steps li{counter-increment:seo-step;position:relative;padding-left:52px}
.seo-steps li::before{content:counter(seo-step,decimal-leading-zero);position:absolute;left:0;top:2px;font:13px var(--mono);color:var(--orange);letter-spacing:.06em}
.seo-steps strong{display:block;color:var(--paper);font-size:17px;margin-bottom:4px}
.seo-steps li:last-child{margin-bottom:8px}

.seo-founder{background:#171510;border-top:1px solid #353126;padding-block:84px}
.seo-founder-grid{display:grid;grid-template-columns:.8fr 1fr;gap:80px;align-items:center}
.seo-founder figure{margin:0}
.seo-founder figure img{width:100%;height:440px;object-fit:cover;object-position:center 20%;filter:grayscale(1)}
.seo-founder figcaption{font:11px/1.7 var(--mono);padding-top:15px}
.seo-founder figcaption span{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em;margin-top:4px}
.seo-founder h2{font-size:clamp(32px,3.8vw,50px);margin-bottom:24px}
.seo-founder p:not(.eyebrow){max-width:54ch;color:#c5c0b4}
.seo-founder p+p{margin-top:1.15rem}
.seo-links{display:flex;gap:28px;flex-wrap:wrap;margin-top:28px!important}
.seo-links a{font-size:14px;text-decoration:none;border-bottom:1px solid var(--orange);padding-bottom:4px}
.seo-links a span{margin-left:10px;color:var(--orange)}

.seo-cta{max-width:900px;padding-block:84px}
.seo-cta>div{border-left:2px solid var(--orange);padding-left:26px}
.seo-cta h2{font-size:clamp(32px,4vw,52px);margin-bottom:20px}
.seo-cta p:not(.eyebrow){max-width:60ch;color:#c5c0b4;margin-bottom:28px}
.seo-cta .button{margin-top:4px}

@media(max-width:1050px){
  .seo-founder-grid{gap:44px}
}

@media(max-width:760px){
  .seo-hero{padding-block:40px 52px}
  .seo-crumb{margin-bottom:26px;font-size:11px}
  .seo-hero h1{font-size:clamp(38px,10vw,58px)}
  .seo-lead{font-size:20px;margin-top:22px}
  .seo-actions{gap:18px;align-items:flex-start;flex-direction:column}
  .seo-actions .button{width:100%}
  .seo-section{padding-block:56px}
  .seo-section-head{margin-bottom:30px}
  .seo-workflows{padding-block:60px}
  .seo-workflow-list article{grid-template-columns:36px 1fr;gap:14px;padding:24px 0}
  .seo-number{font-size:13px}
  .seo-workflow-list h3{font-size:22px;line-height:1.2}
  .seo-founder{padding-block:60px}
  .seo-founder-grid{grid-template-columns:1fr;gap:36px}
  .seo-founder figure img{height:380px}
  .seo-cta{padding-block:58px}
  .seo-cta>div{padding-left:20px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

/* QA r2: keep the footer email inline and breakable at 200% text. */
.footer a[href^="mailto:"]{display:inline;min-height:0;overflow-wrap:anywhere;word-break:break-word}

/* QA r2: let the single-column founder grid shrink below min-content; wrap the display text only when needed. */
.seo-founder-grid>*{min-width:0}
.seo-founder h2,.seo-founder figcaption span{overflow-wrap:anywhere}