:root { color-scheme: light; --paper:#f6f5f2; --surface:#fff; --surface-blue:#edf3fb; --ink:#111b2d; --muted:#586577; --line:#dce1e8; --blue:#3369c7; --deep-blue:#3351bc; --bright-blue:#4686d4; --navy:#0f1d35; --navy-2:#16294a; --white:#fff; --shadow:0 24px 60px rgba(15,29,53,.12); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; font-size:16px; line-height:1.5; }
a { color:inherit; }
button,input { font:inherit; }
.container { width:min(100% - 40px,1180px); margin-inline:auto; }
.site-header { position:relative; z-index:2; padding:20px 0; background:var(--paper); }
.nav-wrap { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.wordmark { color:var(--ink); font-size:1.02rem; font-weight:900; letter-spacing:.12em; text-decoration:none; }
.site-nav { display:none; align-items:center; gap:24px; margin-left:auto; }
.site-nav a { color:var(--muted); font-size:.84rem; font-weight:700; text-decoration:none; }
.site-nav a:hover { color:var(--blue); }
.nav-cta { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:10px 15px; border:1px solid var(--blue); border-radius:999px; background:var(--blue); color:var(--white); font-size:.84rem; font-weight:800; text-decoration:none; }
.nav-cta:hover { background:var(--deep-blue); border-color:var(--deep-blue); }
.hero-section { padding:54px 0 86px; overflow:hidden; }
.hero-grid { display:grid; gap:54px; align-items:center; }
.eyebrow { margin:0 0 16px; color:var(--blue); font-size:.72rem; font-weight:900; letter-spacing:.15em; line-height:1.2; text-transform:uppercase; }
h1,h2,h3,p { overflow-wrap:break-word; }
h1,h2,h3 { margin-top:0; }
h1 { max-width:700px; margin-bottom:24px; font-size:clamp(4.1rem,16vw,8.8rem); line-height:.86; letter-spacing:-.08em; }
h1 span { color:var(--blue); }
.hero-copy { max-width:520px; margin:0; color:var(--muted); font-size:1.14rem; line-height:1.5; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:14px 20px; border:1px solid transparent; border-radius:999px; font-size:.92rem; font-weight:850; text-align:center; text-decoration:none; transition:transform .18s ease,background-color .18s ease,border-color .18s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { background:var(--blue); border-color:var(--blue); color:var(--white); }
.button-primary:hover { background:var(--deep-blue); border-color:var(--deep-blue); }
.button-secondary { border-color:var(--ink); background:transparent; color:var(--ink); }
.button-secondary:hover { border-color:var(--blue); color:var(--blue); }
.button-light { border-color:rgba(255,255,255,.75); color:var(--white); }
.button-light:hover { background:var(--white); color:var(--navy); }
.hero-context { margin:26px 0 0; color:var(--muted); font-size:.78rem; font-weight:800; letter-spacing:.03em; }
.hero-context span { margin:0 6px; color:var(--blue); }
.hero-demo { margin:14px 0 0; color:var(--muted); font-size:.86rem; }
.hero-demo a { color:var(--ink); font-weight:850; text-underline-offset:4px; }
.hero-demo a:hover { color:var(--blue); }
.hero-workflow { position:relative; max-width:520px; padding:20px; border:1px solid #c7d5ea; border-radius:22px; background:linear-gradient(140deg,#eff4fb,#fff 58%); box-shadow:var(--shadow); }
.workflow-topline { display:flex; align-items:center; gap:8px; margin-bottom:20px; color:var(--muted); font-size:.72rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.status-dot { width:8px; height:8px; border-radius:50%; background:#35a776; box-shadow:0 0 0 4px #35a7761c; }
.workflow-card { display:flex; align-items:center; gap:14px; padding:17px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.workflow-card strong,.workflow-card small { display:block; }
.workflow-card strong { font-size:.95rem; }
.workflow-card small { margin-top:3px; color:var(--muted); font-size:.8rem; }
.workflow-icon { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; border-radius:10px; background:#e5edfb; color:var(--blue); font-weight:900; }
.workflow-agent { border-color:#9eb8eb; background:#f6f9ff; }
.workflow-agent .workflow-icon { background:var(--blue); color:#fff; }
.workflow-connector { display:flex; align-items:center; gap:5px; height:28px; padding-left:19px; }
.workflow-connector span { width:5px; height:5px; border-radius:50%; background:#9db7e4; }
.workflow-connector i { width:1px; height:18px; background:#9db7e4; }
.workflow-outcomes { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.outcome-card { display:flex; align-items:center; gap:8px; padding:13px 12px; border:1px solid #c7d5ea; border-radius:12px; background:#fbfdff; color:var(--ink); font-size:.78rem; font-weight:800; }
.outcome-card b { color:var(--blue); font-size:1.05rem; }
.workflow-note { margin:18px 0 0; color:var(--muted); font-size:.78rem; }
.section { padding:88px 0; }
.section-light { background:var(--surface-blue); }
.section-heading { max-width:640px; margin-bottom:38px; }
.narrow-heading { max-width:740px; }
h2 { margin-bottom:0; font-size:clamp(2.5rem,7vw,5.3rem); line-height:.95; letter-spacing:-.07em; }
.section-lede { max-width:540px; margin:24px 0 28px; color:var(--muted); font-size:1.08rem; line-height:1.55; }
.outcome-grid { display:grid; gap:22px; }
.outcome-column { padding:26px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.76); }
.revenue-column { border-color:#a9c2ee; }
.direction-mark { color:var(--blue); font-size:3.2rem; font-weight:300; line-height:.8; }
.column-label { margin:15px 0 10px; color:var(--blue); font-size:.72rem; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.outcome-column h3 { max-width:410px; margin-bottom:23px; font-size:1.38rem; line-height:1.12; letter-spacing:-.03em; }
.clean-list { display:grid; gap:12px; padding:0; margin:0; list-style:none; color:var(--muted); }
.clean-list li { display:flex; gap:10px; align-items:flex-start; }
.clean-list li::before { content:""; flex:0 0 7px; width:7px; height:7px; margin-top:.58em; border-radius:50%; background:var(--blue); }
.receptionist-section { background:var(--surface); }
.flagship-grid,.calculator-layout,.industry-grid,.trust-grid,.integrations-grid,.founder-grid { display:grid; gap:42px; align-items:center; }
.receptionist-panel { padding:24px; border-radius:20px; background:var(--navy); color:#eef4ff; box-shadow:var(--shadow); }
.panel-header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:28px; }
.panel-live { display:flex; align-items:center; gap:8px; color:#a9d8bd; font-size:.78rem; font-weight:800; }
.panel-live i { width:7px; height:7px; border-radius:50%; background:#56c288; }
.panel-label { color:#9aa9c1; font-size:.68rem; font-weight:900; letter-spacing:.13em; }
.call-preview { display:flex; align-items:center; gap:14px; padding:18px; border:1px solid #2f4163; border-radius:14px; background:#152747; }
.call-avatar { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:var(--blue); color:#fff; font-weight:900; }
.call-preview strong,.call-preview small { display:block; }
.call-preview strong { font-size:.98rem; }
.call-preview small { margin-top:4px; color:#aebbd0; font-size:.78rem; }
.capability-list { display:grid; gap:0; padding:0; margin:22px 0 0; list-style:none; }
.capability-list li { display:flex; align-items:center; gap:14px; padding:14px 0; border-top:1px solid #2f4163; color:#f3f6fb; font-size:.9rem; font-weight:700; }
.capability-list span { color:#86aeea; font-size:.72rem; font-weight:900; letter-spacing:.1em; }
.calculator-section { background:var(--paper); }
.calculator-layout { align-items:stretch; }
.calculator-intro { margin-bottom:0; }
.calculator-support { margin:28px 0 0; color:var(--muted); font-size:.82rem; font-weight:750; }
.loss-calculator { display:grid; gap:24px; padding:24px; border-radius:20px; background:var(--navy); color:#f5f8fd; box-shadow:var(--shadow); }
.calculator-input-group { display:grid; gap:9px; }
.calculator-field-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.calculator-field-heading label { color:#f5f8fd; font-size:.87rem; font-weight:750; }
.calculator-number { width:74px; height:38px; padding:5px 8px; border:1px solid #ffffff45; border-radius:7px; outline:none; background:transparent; color:#f5f8fd; font-size:.95rem; font-weight:850; text-align:right; }
.calculator-price-number { width:100px; }
.calculator-number:focus { border-color:var(--bright-blue); box-shadow:0 0 0 3px #4686d452; }
.calculator-number::-webkit-inner-spin-button,.calculator-number::-webkit-outer-spin-button { margin:0; appearance:none; }
.calculator-number[type="number"] { appearance:textfield; }
.loss-calculator input[type="range"] { width:100%; height:8px; margin:0; appearance:none; cursor:pointer; background:transparent; }
.loss-calculator input[type="range"]::-webkit-slider-runnable-track { height:6px; border-radius:999px; background:linear-gradient(to right,var(--bright-blue) var(--calculator-progress,0%),#ffffff2b var(--calculator-progress,0%)); }
.loss-calculator input[type="range"]::-moz-range-track { height:6px; border-radius:999px; background:#ffffff2b; }
.loss-calculator input[type="range"]::-moz-range-progress { height:6px; border-radius:999px; background:var(--bright-blue); }
.loss-calculator input[type="range"]::-webkit-slider-thumb { width:20px; height:20px; margin-top:-7px; appearance:none; border:3px solid var(--bright-blue); border-radius:50%; background:var(--navy); }
.loss-calculator input[type="range"]::-moz-range-thumb { width:16px; height:16px; border:3px solid var(--bright-blue); border-radius:50%; background:var(--navy); }
.loss-calculator input[type="range"]:focus-visible { outline:3px solid var(--bright-blue); outline-offset:4px; border-radius:999px; }
.calculator-periods { display:flex; flex-wrap:wrap; gap:4px; padding:4px; background:#ffffff14; }
.calculator-periods button { flex:1 1 70px; min-height:42px; padding:9px 10px; border:1px solid transparent; border-radius:5px; background:transparent; color:#c4d0e1; cursor:pointer; font-size:.82rem; font-weight:850; }
.calculator-periods button:hover { color:#fff; }
.calculator-periods button.active { border-color:var(--bright-blue); background:var(--bright-blue); color:var(--navy); }
.calculator-periods button:focus-visible { outline:3px solid #b6d1fa; outline-offset:2px; }
.calculator-result { padding:22px 16px 18px; border-radius:12px; background:#f8fafc; color:var(--ink); text-align:center; }
.calculator-result-label { margin:0 0 8px; color:var(--muted); font-size:.74rem; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.calculator-result-value { margin:0; color:var(--blue); font-size:clamp(2.7rem,8vw,4.8rem); font-weight:900; letter-spacing:-.08em; line-height:1; }
.calculator-result-note { margin:10px 0 0; color:var(--muted); font-size:.87rem; }
.calculator-disclaimer { max-width:340px; margin:14px auto 0; color:#6d7785; font-size:.7rem; line-height:1.4; }
.calculator-cta { display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:12px 16px; border:1px solid #7da9eb; border-radius:999px; color:#dceaff; font-size:.85rem; font-weight:850; text-align:center; text-decoration:none; }
.calculator-cta:hover { border-color:#fff; color:#fff; }
.loss-calculator .calculator-cta.button-primary { background:var(--blue); border-color:var(--blue); color:#fff; }
.loss-calculator .calculator-cta.button-primary:hover { background:var(--deep-blue); border-color:var(--deep-blue); }
.industry-section { background:var(--surface); }
.scenario-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; }
.scenario-tags span { padding:8px 11px; border:1px solid #c8d7ee; border-radius:999px; color:var(--blue); font-size:.75rem; font-weight:800; }
.vertical-flow { display:grid; gap:0; }
.vertical-flow div { display:grid; grid-template-columns:42px 1fr; gap:14px; align-items:center; padding:16px 0; border-top:1px solid var(--line); }
.vertical-flow div:last-child { border-bottom:1px solid var(--line); }
.vertical-flow b { color:var(--blue); font-size:.72rem; letter-spacing:.12em; }
.vertical-flow span { font-weight:800; }
.flow-caption { margin:20px 0 0; color:var(--muted); font-size:.84rem; }
.blue-link { color:var(--blue); }
.real-estate-section { background:var(--navy); color:#f5f8fd; }
.real-estate-section .eyebrow { color:#8fb7f3; }
.dark-heading .section-lede { color:#bcc9dc; }
.draft-label { display:inline-block; margin-right:8px; color:#a8c5f5; font-size:.68em; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.real-estate-grid { display:grid; gap:16px; }
.offer-card { padding:24px; border:1px solid #3b4e70; border-radius:16px; background:#142747; }
.featured-offer { border-color:#6b9ae7; background:linear-gradient(145deg,#1a315a,#142747); }
.offer-number { color:#8fb7f3; font-size:.72rem; font-weight:900; letter-spacing:.12em; }
.offer-card h3 { margin:36px 0 12px; font-size:1.55rem; letter-spacing:-.04em; }
.offer-card p { min-height:72px; margin:0 0 26px; color:#c0cbdd; }
.offer-card .text-link { color:#fff; font-size:.88rem; }
.lead-flow { display:flex; flex-wrap:wrap; gap:10px 14px; align-items:center; margin-top:36px; color:#b9c7dc; font-size:.78rem; font-weight:800; }
.lead-flow i { color:#79a8ed; font-style:normal; }
.agents-section { background:var(--surface-blue); }
.agent-cards { display:grid; gap:16px; }
.agent-cards article { min-height:210px; padding:24px; border:1px solid #ccd9eb; border-radius:16px; background:rgba(255,255,255,.78); }
.card-kicker { color:var(--blue); font-size:.72rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.agent-cards h3 { margin:34px 0 12px; font-size:1.4rem; line-height:1.08; letter-spacing:-.04em; }
.agent-cards p { margin:0; color:var(--muted); font-size:.94rem; }
.proof-card h3 { margin:0 0 12px; }
.process-grid { display:grid; gap:0; padding:0; margin:0; list-style:none; }
.process-grid li { display:grid; grid-template-columns:44px 1fr; column-gap:14px; padding:22px 0; border-top:1px solid var(--line); }
.process-grid li:last-child { border-bottom:1px solid var(--line); }
.process-grid span { grid-row:span 2; color:var(--blue); font-size:.74rem; font-weight:900; letter-spacing:.12em; }
.process-grid h3 { margin:0 0 5px; font-size:1.15rem; }
.process-grid p { max-width:600px; margin:0; color:var(--muted); font-size:.92rem; }
.trust-section { background:var(--surface); }
.trust-copy { max-width:560px; color:var(--muted); font-size:1.1rem; }
.trust-copy p { margin:0 0 18px; }
.trust-copy p:first-child { color:var(--ink); font-weight:850; }
.integrations-section { background:var(--surface-blue); }
.integration-list { display:flex; flex-wrap:wrap; gap:10px; }
.integration-list span { padding:13px 15px; border:1px solid #bdcee7; border-radius:10px; background:rgba(255,255,255,.7); color:var(--ink); font-size:.84rem; font-weight:800; }
.faq-section { background:var(--paper); }
.faq-layout { align-items:start; }
.faq-list details { border-top:1px solid var(--line); }
.faq-list details:last-child { border-bottom:1px solid var(--line); }
.faq-list summary { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:68px; cursor:pointer; list-style:none; font-size:.96rem; font-weight:800; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { content:"+"; color:var(--blue); font-size:1.45rem; font-weight:400; }
.faq-list details[open] summary::after { content:"−"; }
.faq-list details p { max-width:640px; margin:0 38px 24px 0; color:var(--muted); font-size:.94rem; }
.founder-section { background:var(--surface); }
.founder-grid { align-items:center; }
.founder-photo { width:min(100%,300px); aspect-ratio:1; overflow:hidden; border-radius:18px; background:#dce7f7; }
.founder-photo img { display:block; width:100%; height:100%; object-fit:cover; }
.founder-copy { max-width:620px; }
.founder-copy h2 { margin-bottom:22px; }
.founder-copy p:not(.eyebrow) { color:var(--muted); font-size:1.02rem; }
.founder-copy .text-link { margin-top:8px; }
.final-cta { padding:92px 0 104px; background:linear-gradient(135deg,var(--deep-blue),var(--blue)); color:#fff; }
.final-cta .eyebrow { color:#d9e7ff; }
.final-cta h2 { max-width:760px; }
.final-cta p:not(.eyebrow) { max-width:580px; margin:26px 0 0; color:#e1ebfc; font-size:1.08rem; }
.final-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.final-cta .button-primary { background:#fff; border-color:#fff; color:var(--deep-blue); }
.final-cta .button-primary:hover { background:#eaf2ff; border-color:#eaf2ff; }
.site-footer { padding:28px 0 34px; background:var(--paper); }
.footer-inner { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; color:var(--muted); font-size:.78rem; }
.footer-inner .wordmark { color:var(--ink); }
.sticky-cta { display:none; }
:focus-visible { outline:3px solid var(--bright-blue); outline-offset:4px; }
@media (min-width:700px) {
  .container { width:min(100% - 80px,1180px); }
  .site-header { padding:28px 0; }
  .site-nav { display:flex; }
  .hero-section { padding:94px 0 128px; }
  .hero-grid { grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr); gap:80px; }
  .outcome-grid { grid-template-columns:1fr 1fr; gap:26px; }
  .section { padding:132px 0; }
  .flagship-grid,.calculator-layout,.industry-grid,.trust-grid,.integrations-grid,.founder-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:90px; }
  .calculator-layout { align-items:center; }
  .real-estate-grid { grid-template-columns:1fr 1fr; gap:18px; }
  .agent-cards { grid-template-columns:repeat(3,1fr); gap:18px; }
  .process-grid { grid-template-columns:repeat(4,1fr); gap:0; }
  .process-grid li { display:block; min-height:206px; padding:24px 24px 24px 0; border-top:2px solid var(--blue); border-right:1px solid var(--line); }
  .process-grid li + li { padding-left:24px; }
  .process-grid li:last-child { border-bottom:0; border-right:0; }
  .process-grid span { display:block; margin-bottom:48px; }
  .process-grid h3 { font-size:1.25rem; }
  .founder-photo { width:300px; }
  .founder-grid { grid-template-columns:300px 1fr; align-items:center; }
}
@media (max-width:699px) {
  body { padding-bottom:76px; }
  .nav-cta { min-height:42px; padding:9px 12px; font-size:.75rem; }
  .hero-section { padding-top:54px; }
  .hero-workflow { margin-inline:auto; }
  .sticky-cta { position:fixed; z-index:10; right:12px; bottom:12px; left:12px; display:flex; align-items:center; justify-content:center; gap:8px; min-height:52px; border-radius:999px; background:var(--blue); color:#fff; box-shadow:0 12px 28px rgba(15,29,53,.24); font-weight:850; text-decoration:none; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition-duration:.01ms !important; animation-duration:.01ms !important; } }
@media (prefers-color-scheme:dark) {
  :root { color-scheme:dark; --paper:#0f1726; --surface:#141f31; --surface-blue:#142542; --ink:#f1f5fb; --muted:#b3bfd1; --line:#30405a; --navy:#091326; --navy-2:#142747; --blue-text:#7da9eb; --shadow:0 24px 60px rgba(0,0,0,.28); }
  .site-header,.site-footer { background:var(--paper); }
  .nav-cta,.button-primary { color:#fff; }
  .button-secondary { border-color:#cbd7e9; color:#f1f5fb; }
  .hero-workflow { border-color:#2d456d; background:linear-gradient(140deg,#122441,#172b4d); }
  .workflow-card,.outcome-card { border-color:#2f4568; background:#182b4b; color:#f1f5fb; }
  .workflow-card small,.workflow-note { color:#b3bfd1; }
  .section-light,.agents-section,.integrations-section { background:var(--surface-blue); }
  .eyebrow,.blue-link,.column-label,.direction-mark,.card-kicker,.process-grid span { color:var(--blue-text); }
  .outcome-column,.agent-cards article,.integration-list span { border-color:#3a5275; background:#182b49; }
  .calculator-section,.faq-section { background:var(--paper); }
  .founder-section,.receptionist-section,.industry-section,.trust-section { background:var(--surface); }
  .founder-photo { background:#223758; }
  .footer-inner .wordmark { color:var(--ink); }
}

.subpage-hero { padding:76px 0 92px; background:var(--surface-blue); }
.subpage-hero h1 { max-width:780px; margin-bottom:26px; font-size:clamp(3.6rem,10vw,7.4rem); }
.subpage-hero .hero-copy { max-width:650px; }
.subpage-kicker { display:inline-flex; align-items:center; gap:8px; margin-bottom:18px; color:var(--blue); font-size:.74rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.subpage-kicker::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--blue); }
.subpage-intro-grid { display:grid; gap:34px; align-items:end; }
.subpage-card-grid { display:grid; gap:16px; }
.subpage-card { padding:24px; border:1px solid var(--line); border-radius:16px; background:var(--surface); }
.subpage-card h3 { margin:26px 0 10px; font-size:1.35rem; letter-spacing:-.04em; }
.subpage-card p { margin:0; color:var(--muted); }
.subpage-card .card-kicker { color:var(--blue); }
.page-cta { margin-top:38px; }
.page-stat-strip { display:grid; gap:1px; margin-top:36px; border:1px solid var(--line); background:var(--line); }
.page-stat-strip div { padding:18px; background:var(--surface); }
.page-stat-strip strong { display:block; color:var(--blue); font-size:1.2rem; }
.page-stat-strip span { display:block; margin-top:4px; color:var(--muted); font-size:.8rem; }
@media (min-width:700px) {
  .subpage-hero { padding:108px 0 126px; }
  .subpage-intro-grid { grid-template-columns:1.15fr .85fr; gap:80px; }
  .subpage-card-grid { grid-template-columns:repeat(3,1fr); }
  .page-stat-strip { grid-template-columns:repeat(3,1fr); }
}