.house-styles-page { background: var(--mkt-bg); }
.hs-hero { padding: 110px 48px 104px; text-align: center; }
.hs-hero-inner { max-width: 930px; }
.hs-hero h1 { max-width: 850px; margin: 20px auto 0; font-family: "Newsreader", Georgia, serif; font-size: clamp(42px, 6vw, 60px); font-weight: 400; line-height: 1.1; letter-spacing: -.015em; }
.hs-hero h1 em { font-weight: 300; }
.hs-hero-lead { max-width: 720px; margin: 26px auto 0; color: var(--mkt-muted); font-size: 18px; line-height: 1.7; }
.hs-hero-actions { display: flex; justify-content: center; gap: 12px; margin-top: 34px; }
.hs-plan-note { margin: 20px 0 0; color: rgba(236,229,216,.55); font-size: 13px; }
.hs-comparison { padding: 92px 48px 104px; background: var(--mkt-paper); color: var(--mkt-paper-ink); }
.hs-section-heading { max-width: 720px; }
.hs-section-heading > p:last-child { margin: 18px 0 0; color: var(--mkt-paper-muted); font-size: 16px; line-height: 1.65; }
.hs-comparison .mkt-eyebrow { color: var(--mkt-paper-accent); }
.hs-centred { margin-inline: auto; text-align: center; }
.hs-toggle { display: flex; width: fit-content; margin: 34px auto 22px; padding: 4px; border: 1px solid var(--mkt-paper-border); border-radius: 99px; background: rgba(38,33,26,.04); }
.hs-toggle button { padding: 10px 18px; border: 0; border-radius: 99px; background: transparent; color: rgba(38,33,26,.64); cursor: pointer; }
.hs-toggle button[aria-pressed="true"] { background: var(--mkt-paper-ink); color: var(--mkt-paper); }
.hs-document-shell { max-width: 780px; margin-inline: auto; overflow: hidden; border: 1px solid var(--mkt-paper-border); border-radius: 8px; background: #fff; box-shadow: 0 28px 70px rgba(38,33,26,.13); transition: transform .25s ease; }
.hs-document-toolbar { display: flex; align-items: center; gap: 6px; padding: 11px 14px; border-bottom: 1px solid rgba(38,33,26,.1); background: #ebe8e1; }
.hs-document-toolbar span { width: 8px; height: 8px; border-radius: 50%; background: rgba(38,33,26,.22); }
.hs-document-toolbar small { margin-left: auto; color: rgba(38,33,26,.55); }
.hs-document { min-height: 390px; padding: 58px 72px; color: #292929; transition: font-family .25s ease, color .25s ease; }
.hs-document h3 { margin: 34px 0 18px; font-size: 20px; }
.hs-document p { margin: 0 0 15px; line-height: 1.7; }
.hs-doc-firm { color: #777; font-size: 11px; letter-spacing: .18em; text-align: center; }
.hs-doc-note { margin-top: 42px !important; color: #777; font-size: 11px; text-align: right; }
.hs-document-shell[data-style-mode="generic"] .hs-document { font-family: Arial, sans-serif; }
.hs-document-shell[data-style-mode="firm"] { transform: translateY(-3px); }
.hs-document-shell[data-style-mode="firm"] .hs-document { border-top: 5px solid #233b5d; color: #172944; font-family: Georgia, serif; }
.hs-document-shell[data-style-mode="firm"] .hs-document h3 { padding-bottom: 9px; border-bottom: 1px solid #b79a5b; color: #172944; font-size: 22px; letter-spacing: .025em; text-transform: uppercase; }
.hs-document-shell[data-style-mode="firm"] .hs-doc-firm { color: #8a6d3b; font-weight: 700; }
.hs-comparison-note { margin: 22px 0 0; color: var(--mkt-paper-muted); font-size: 13px; text-align: center; }
.hs-comparison-note span { color: #58754e; font-weight: 700; }
.hs-learning { padding: 104px 48px; }
.hs-learning .hs-section-heading > p:last-child { color: var(--mkt-muted); }
.hs-learning-grid { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 980px; margin: 50px auto 0; border-top: 1px solid var(--mkt-border); border-left: 1px solid var(--mkt-border); }
.hs-learning-grid article { min-height: 220px; padding: 30px; border-right: 1px solid var(--mkt-border); border-bottom: 1px solid var(--mkt-border); }
.hs-learning-grid article > span { color: var(--mkt-accent); font-family: "Newsreader", Georgia, serif; font-size: 20px; font-style: italic; }
.hs-learning-grid h3 { margin: 28px 0 10px; font-family: "Newsreader", Georgia, serif; font-size: 22px; font-weight: 400; }
.hs-learning-grid p { margin: 0; color: var(--mkt-muted); font-size: 14px; line-height: 1.65; }
.hs-setup { padding: 104px 48px; border-top: 1px solid var(--mkt-border); background: var(--mkt-raised-2); }
.hs-setup .hs-section-heading > p:last-child { color: var(--mkt-muted); }
.house-styles-page .hero-steps { max-width: 920px; margin: 48px auto 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
.house-styles-page .hs-step-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 0; padding: 0; list-style: none; }
.house-styles-page .hs-step-list li { display: grid; grid-template-columns: auto 1fr; gap: 18px; padding: 30px; border: 1px solid var(--mkt-border); border-right: 0; }
.house-styles-page .hs-step-list li:last-child { border-right: 1px solid var(--mkt-border); }
.house-styles-page .step-no { color: var(--mkt-accent); font-family: "Newsreader", Georgia, serif; font-size: 19px; font-style: italic; }
.house-styles-page .hs-step-list h3 { margin: 0 0 10px; font-family: "Newsreader", Georgia, serif; font-size: 20px; font-weight: 400; }
.house-styles-page .hs-step-list p { margin: 0; color: var(--mkt-muted); font-size: 13px; line-height: 1.6; }
.hs-safety { padding: 94px 48px; background: var(--mkt-paper); color: var(--mkt-paper-ink); }
.hs-safety .mkt-eyebrow { color: var(--mkt-paper-accent); }
.hs-safety-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: start; }
.hs-safety-grid > div:last-child > p { color: var(--mkt-paper-muted); font-size: 16px; line-height: 1.7; }
.hs-ledger { display: grid; grid-template-columns: 1fr 1fr; margin-top: 28px; border-top: 1px solid var(--mkt-paper-border); border-left: 1px solid var(--mkt-paper-border); }
.hs-ledger div { display: flex; flex-direction: column; gap: 5px; padding: 20px; border-right: 1px solid var(--mkt-paper-border); border-bottom: 1px solid var(--mkt-paper-border); }
.hs-ledger strong { font-family: "Newsreader", Georgia, serif; font-size: 20px; font-weight: 400; }
.hs-ledger span { color: var(--mkt-paper-muted); font-size: 12px; }
.house-styles-page .safety-note { margin-top: 18px; padding-left: 14px; border-left: 2px solid var(--mkt-paper-accent); font-size: 13px !important; }
.hs-cta { padding: 104px 48px; text-align: center; }
.hs-cta-inner { max-width: 760px; }
.hs-cta p:not(.mkt-eyebrow) { margin: 20px 0 30px; color: var(--mkt-muted); }
@media (prefers-reduced-motion: reduce) { .hs-document-shell { transition: none; } }
@media (max-width: 760px) {
  .hs-hero, .hs-comparison, .hs-learning, .hs-setup, .hs-safety, .hs-cta { padding: 72px 20px; }
  .hs-hero-actions { flex-direction: column; }
  .hs-document { min-height: 360px; padding: 42px 28px; }
  .hs-learning-grid { grid-template-columns: 1fr; }
  .house-styles-page .hs-step-list { grid-template-columns: 1fr; }
  .house-styles-page .hs-step-list li { border-right: 1px solid var(--mkt-border); border-bottom: 0; }
  .house-styles-page .hs-step-list li:last-child { border-bottom: 1px solid var(--mkt-border); }
  .hs-safety-grid { grid-template-columns: 1fr; gap: 36px; }
  .hs-ledger { grid-template-columns: 1fr; }
}