:root {
  --ink: #182332;
  --ink-soft: #53606e;
  --ink-muted: #83909e;
  --paper: #f5f7fa;
  --surface: #ffffff;
  --surface-soft: #eef2f6;
  --line: #dbe2e9;
  --blue: #3567ef;
  --blue-dark: #244cca;
  --green: #2d8a63;
  --green-soft: #e5f3eb;
  --orange: #bc7134;
  --orange-soft: #fff0e4;
  --purple: #7560b6;
  --purple-soft: #eeeafd;
  --shadow: 0 24px 60px rgba(23, 37, 54, .12);
  color-scheme: light;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-size: 16px; line-height: 1.55; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.product-site { overflow-x: hidden; }
.page-width { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }

.site-header { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 34px; width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 21px 0; background: rgba(245, 247, 250, .82); transition: padding .2s ease, background .2s ease; backdrop-filter: blur(16px); }
.site-header.is-scrolled { padding: 14px 0; background: rgba(245, 247, 250, .96); }
.brand { display: inline-flex; align-items: center; gap: 10px; }
.brand > span:last-child { display: grid; gap: 2px; }
.brand strong { font-size: 19px; letter-spacing: -.06em; line-height: 1; }
.brand small { color: var(--ink-muted); font-size: 10px; font-weight: 700; letter-spacing: .08em; line-height: 1; text-transform: uppercase; }
.brand-mark { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: var(--ink); color: #fff; font-size: 21px; font-weight: 800; letter-spacing: -.12em; line-height: 1; }
.brand-mark-small { width: 27px; height: 27px; border-radius: 8px; font-size: 16px; }
.site-nav { display: flex; align-items: center; gap: 28px; margin-left: auto; color: var(--ink-soft); font-size: 14px; font-weight: 650; }
.site-nav a, .sign-in, .text-button, .panel-title a, .footer-links a { transition: color .15s ease; }
.site-nav a:hover, .sign-in:hover, .text-button:hover, .panel-title a:hover, .footer-links a:hover { color: var(--blue); }
.header-actions { display: flex; align-items: center; gap: 20px; }
.sign-in { color: var(--ink-soft); font-size: 14px; font-weight: 700; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 21px; border: 0; border-radius: 9px; cursor: pointer; font-size: 14px; font-weight: 800; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 9px 22px rgba(23, 37, 54, .14); }
.button-small { min-height: 40px; padding: 0 15px; font-size: 13px; }
.button-dark { background: var(--ink); color: #fff; }
.button-primary { background: var(--blue); color: #fff; }
.button-primary:hover { background: var(--blue-dark); }
.button-light { width: 100%; background: var(--ink); color: #fff; }
.text-button { display: inline-flex; align-items: center; color: var(--ink); font-size: 14px; font-weight: 800; }
.mobile-menu, .mobile-nav { display: none; }

.hero { display: grid; grid-template-columns: minmax(310px, .78fr) minmax(600px, 1.22fr); gap: 72px; align-items: center; min-height: 680px; padding-top: 52px; padding-bottom: 78px; }
.eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 18px; color: var(--blue); font-size: 12px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.eyebrow span { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); }
.hero h1 { max-width: 530px; margin: 0; font-size: clamp(49px, 5.5vw, 75px); font-weight: 720; letter-spacing: -.075em; line-height: 1.02; }
h1 em, h2 em { color: var(--blue); font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.06em; }
.hero-lede { max-width: 500px; margin: 27px 0 0; color: var(--ink-soft); font-size: 19px; line-height: 1.55; }
.hero-actions { display: flex; align-items: center; gap: 22px; margin-top: 31px; }
.hero-proof { display: grid; gap: 9px; margin-top: 43px; padding-top: 20px; border-top: 1px solid var(--line); color: var(--ink-muted); font-size: 13px; }
.hero-proof span { display: flex; gap: 5px; }
.hero-proof b { color: var(--ink); font-weight: 800; }
.hero-product { min-width: 0; }
.app-window { overflow: hidden; border: 1px solid #ced8e3; border-radius: 13px; background: var(--surface); box-shadow: var(--shadow); }
.window-bar { display: flex; align-items: center; gap: 13px; min-height: 38px; padding: 0 14px; border-bottom: 1px solid #e6ebf0; background: #fbfcfd; color: #8793a0; font-size: 11px; }
.window-bar > span { flex: 1; }
.window-bar > b { color: var(--green); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.window-dots { display: flex; gap: 5px; }
.window-dots i { width: 6px; height: 6px; border-radius: 50%; background: #c9d1da; }
.app-body { display: flex; min-height: 450px; }
.app-sidebar { display: flex; flex: 0 0 155px; flex-direction: column; padding: 20px 13px 15px; background: #182a39; color: #aebbc4; }
.app-brand { display: flex; align-items: center; gap: 7px; margin: 0 7px 30px; color: #fff; font-size: 16px; letter-spacing: -.06em; }
.app-sidebar p { margin: 0 7px 8px; color: #738593; font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.app-sidebar a { display: flex; align-items: center; justify-content: space-between; min-height: 34px; margin: 2px 0; padding: 0 8px; border-radius: 7px; color: #aebbc4; font-size: 12px; font-weight: 650; }
.app-sidebar a:hover, .app-sidebar a.active { background: rgba(255, 255, 255, .1); color: #fff; }
.app-sidebar a b { color: #7e919f; font-size: 11px; }
.app-sidebar a .badge { display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: #e1a06d; color: #fff; font-size: 10px; }
.sidebar-bottom { margin-top: auto; }
.profile { display: flex; align-items: center; gap: 7px; margin-top: 21px; padding: 13px 7px 0; border-top: 1px solid rgba(255, 255, 255, .12); }
.profile > span { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #cfe0d4; color: #326348; font-size: 10px; font-weight: 800; }
.profile strong, .profile small { display: block; white-space: nowrap; }
.profile strong { color: #e4ecef; font-size: 11px; }
.profile small { margin-top: 2px; color: #7d8e99; font-size: 10px; font-weight: 500; }
.app-main { flex: 1; min-width: 0; padding: 25px 24px 23px; background: #f7f9fb; }
.app-heading, .panel-title, .metric { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.app-heading > div > small, .panel-title small { display: block; color: #8b98a5; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.app-heading h2 { margin: 5px 0 0; font-size: 21px; letter-spacing: -.05em; }
.icon-button { position: relative; display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid #dce4eb; border-radius: 8px; background: #fff; color: #778695; }
.icon-button i { position: absolute; top: 6px; right: 6px; width: 5px; height: 5px; border-radius: 50%; background: #db8c57; }
.metric-grid { display: grid; grid-template-columns: 1.15fr .95fr .95fr; gap: 10px; margin-top: 21px; }
.metric { min-height: 115px; flex-direction: column; padding: 13px; border: 1px solid #e0e7ee; border-radius: 9px; background: #fff; }
.metric > span { color: #7e8b98; font-size: 11px; font-weight: 700; }
.metric > strong { margin-top: 8px; font-size: 24px; letter-spacing: -.06em; line-height: 1; }
.metric > small { margin-top: 5px; color: #98a4ae; font-size: 11px; }
.metric > em { margin-top: auto; color: var(--orange); font-size: 10px; font-style: normal; font-weight: 800; }
.metric > em.metric-good { color: var(--green); }
.metric-dark { border-color: #203b4f; background: #1c3445; color: #fff; }
.metric-dark > span { color: #b5c9cf; }
.metric-dark > small { color: #a6c0c6; }
.metric-line { display: flex; align-items: flex-end; gap: 3px; width: 100%; height: 16px; margin-top: auto; }
.metric-line i { flex: 1; height: 38%; border-radius: 2px 2px 0 0; background: #78a49c; }.metric-line i:nth-child(2) { height: 55%; }.metric-line i:nth-child(3) { height: 46%; }.metric-line i:nth-child(4) { height: 70%; }.metric-line i:nth-child(5) { height: 63%; }.metric-line i:nth-child(6) { height: 91%; }
.app-panels { display: grid; grid-template-columns: 1.08fr .92fr; gap: 10px; margin-top: 10px; }
.panel { min-height: 218px; padding: 15px; border: 1px solid #e0e7ee; border-radius: 9px; background: #fff; }
.panel-title { align-items: center; }.panel-title h3 { margin: 3px 0 0; font-size: 14px; letter-spacing: -.03em; }.panel-title a { color: var(--blue); font-size: 11px; font-weight: 800; }
.inbox-row { display: flex; align-items: center; gap: 8px; padding: 12px 0; border-bottom: 1px solid #edf0f3; }.inbox-row:last-child { border-bottom: 0; }.inbox-row > div { min-width: 0; flex: 1; }.inbox-row strong, .inbox-row small { display: block; }.inbox-row strong { overflow: hidden; font-size: 11px; white-space: nowrap; text-overflow: ellipsis; }.inbox-row small { margin-top: 2px; color: #8c98a3; font-size: 10px; }.row-icon { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 6px; font-size: 12px; font-weight: 800; }.row-mail { background: #e5ecff; color: var(--blue); }.row-rent { background: var(--green-soft); color: var(--green); }.row-chat { background: var(--purple-soft); color: var(--purple); }.row-status { flex: 0 0 auto; padding: 4px 6px; border-radius: 4px; font-size: 9px; font-style: normal; font-weight: 800; }.row-warm { background: var(--orange-soft); color: var(--orange); }.row-green { background: var(--green-soft); color: var(--green); }.row-blue { background: #e5ecff; color: var(--blue); }
.mini-property { display: flex; align-items: center; gap: 8px; padding: 9px 0; border-bottom: 1px solid #edf0f3; }.mini-property:last-child { border-bottom: 0; }.mini-property > div { min-width: 0; flex: 1; }.mini-property strong, .mini-property small { display: block; }.mini-property strong { overflow: hidden; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }.mini-property small { margin-top: 2px; color: #8c98a3; font-size: 10px; }.mini-property > b { color: var(--ink); font-size: 10px; }.mini-property > b small { display: inline; color: #8c98a3; font-size: 9px; font-weight: 600; }.mini-photo { width: 30px; height: 30px; border-radius: 6px; background-size: cover; background-position: center; }.mini-photo-one { background: linear-gradient(140deg, #d3e3ce, #8ea995); }.mini-photo-two { background: linear-gradient(140deg, #d3dce5, #8b9dab); }.mini-photo-three { background: linear-gradient(140deg, #e8d9bf, #b68e6a); }

.about-section { padding: 116px 0 121px; border-top: 1px solid var(--line); background: #eaf0f6; }
.about-layout { display: grid; grid-template-columns: 1fr .92fr; gap: 84px; align-items: center; }
.about-company h2 { max-width: 540px; margin: 0; font-size: clamp(38px, 4.5vw, 60px); font-weight: 720; letter-spacing: -.075em; line-height: 1.02; }
.about-company > p:not(.eyebrow) { max-width: 500px; margin: 24px 0 0; color: var(--ink-soft); font-size: 16px; line-height: 1.65; }
.company-meta { display: grid; gap: 4px; margin-top: 30px; color: var(--ink-muted); font-size: 13px; }
.company-meta b { color: var(--ink); font-weight: 800; }
.owner-card { padding: 29px; border-radius: 13px; background: var(--ink); color: #fff; box-shadow: 0 18px 45px rgba(23, 37, 54, .13); }
.owner-motto { margin: 0; color: #9bc5aa; font-family: Georgia, "Times New Roman", serif; font-size: 31px; letter-spacing: -.055em; line-height: 1.04; }
.owner-card > p:not(.owner-motto) { margin: 21px 0 0; color: #c0ccd2; font-size: 15px; line-height: 1.63; }
.owner-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: 27px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, .14); }
.owner-points span { display: grid; gap: 4px; color: #dbe5e9; font-size: 12px; }.owner-points b { color: #86b896; font-size: 11px; letter-spacing: .08em; }
.owner-card > small { display: block; margin-top: 22px; color: #8fa0a8; font-size: 11px; line-height: 1.5; }
.product-section { padding-top: 117px; padding-bottom: 122px; }
.section-heading { display: grid; grid-template-columns: 1fr .84fr; gap: 80px; align-items: end; }.section-heading h2, .how-copy h2, .pricing-section h2, .contact-copy h2 { max-width: 620px; margin: 0; font-size: clamp(38px, 4.5vw, 60px); font-weight: 720; letter-spacing: -.075em; line-height: 1.02; }.section-heading > p { max-width: 420px; margin: 0 0 2px; color: var(--ink-soft); font-size: 16px; line-height: 1.62; }
.workflow-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 51px; }.workflow-card { min-height: 300px; padding: 21px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }.workflow-card-email { background: #edf4ff; border-color: #cedcf8; }.workflow-card-rent { background: #edf8f1; border-color: #cce5d5; }.workflow-card-bills { background: #fff6eb; border-color: #f1dcc0; }.workflow-card-reports { background: #f2effc; border-color: #ded5f3; }.workflow-top { display: flex; align-items: center; justify-content: space-between; }.workflow-top small { color: #8a97a3; font-size: 10px; font-weight: 850; letter-spacing: .08em; }.workflow-icon { display: grid; place-items: center; width: 37px; height: 37px; border-radius: 10px; background: rgba(255, 255, 255, .7); color: var(--blue); font-size: 17px; font-weight: 850; }.workflow-card-rent .workflow-icon { color: var(--green); }.workflow-card-bills .workflow-icon { color: var(--orange); }.workflow-card-reports .workflow-icon { color: var(--purple); }.workflow-card h3 { margin: 25px 0 9px; font-size: 18px; letter-spacing: -.045em; }.workflow-card > p { min-height: 96px; margin: 0; color: var(--ink-soft); font-size: 14px; line-height: 1.55; }.workflow-ui { margin-top: 20px; padding: 11px; border: 1px solid rgba(116, 135, 151, .2); border-radius: 8px; background: rgba(255, 255, 255, .7); }.workflow-ui > div { display: flex; align-items: center; gap: 7px; }.workflow-ui strong { min-width: 0; flex: 1; overflow: hidden; font-size: 11px; white-space: nowrap; text-overflow: ellipsis; }.workflow-ui b { flex: 0 0 auto; color: var(--blue); font-size: 10px; }.workflow-ui small { display: block; margin-top: 5px; color: #87939e; font-size: 10px; }.ui-dot { width: 6px; height: 6px; border-radius: 50%; }.ui-dot-blue { background: var(--blue); }.ui-dot-green { background: var(--green); }.ui-dot-orange { background: var(--orange); }.ui-dot-purple { background: var(--purple); }.ui-good { color: var(--green) !important; }.ui-warm { color: var(--orange) !important; }.ui-purple { color: var(--purple) !important; }

.how-section { padding: 118px 0 123px; background: var(--ink); color: #fff; }.how-layout { display: grid; grid-template-columns: 1.04fr .96fr; gap: 90px; align-items: center; }.how-visual { padding: 13px 0 13px 16px; }.queue-window { overflow: hidden; border: 1px solid #395261; border-radius: 12px; background: #f8fafc; box-shadow: 0 20px 55px rgba(0, 0, 0, .26); color: var(--ink); }.queue-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 17px; border-bottom: 1px solid #e0e6eb; color: #7c8b98; font-size: 10px; font-weight: 850; letter-spacing: .09em; }.queue-head b { color: var(--orange); font-size: 11px; letter-spacing: 0; }.queue-item { display: flex; align-items: center; gap: 10px; padding: 16px 17px; border-bottom: 1px solid #edf0f3; }.queue-item-active { background: #f2f6ff; }.queue-item > div { min-width: 0; flex: 1; }.queue-item strong, .queue-item small { display: block; }.queue-item strong { font-size: 13px; }.queue-item small { margin-top: 4px; color: #8a97a3; font-size: 11px; }.queue-avatar { display: grid; place-items: center; flex: 0 0 auto; width: 29px; height: 29px; border-radius: 8px; background: #e3ebff; color: var(--blue); font-size: 10px; font-weight: 850; }.queue-avatar-green { background: var(--green-soft); color: var(--green); }.queue-avatar-purple { background: var(--purple-soft); color: var(--purple); }.queue-action { padding: 5px 7px; border-radius: 5px; background: var(--orange-soft); color: var(--orange); font-size: 10px; font-weight: 850; }.queue-check { color: var(--green); font-size: 16px; font-weight: 900; }.queue-footer { display: flex; justify-content: space-between; gap: 14px; padding: 14px 17px; color: #8a97a3; font-size: 10px; }.queue-footer b { color: var(--ink); font-size: 10px; }.eyebrow-light { color: #9bc5aa; }.eyebrow-light span { background: #9bc5aa; }.how-copy h2 { color: #fff; }.how-copy h2 em { color: #9bc5aa; }.how-copy > p:not(.eyebrow) { max-width: 425px; margin: 22px 0 0; color: #b9c7cf; font-size: 17px; line-height: 1.58; }.steps { display: grid; gap: 0; margin: 31px 0 0; padding: 0; list-style: none; }.steps li { display: grid; grid-template-columns: 35px 1fr; gap: 12px; padding: 17px 0; border-top: 1px solid rgba(255, 255, 255, .14); }.steps li > span { color: #86b896; font-size: 12px; font-weight: 850; letter-spacing: .08em; }.steps h3 { margin: 0; font-size: 16px; }.steps p { margin: 5px 0 0; color: #aebec6; font-size: 13px; line-height: 1.5; }

.pricing-section { padding-top: 120px; padding-bottom: 120px; }.price-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin-top: 51px; }.price-card { min-height: 355px; padding: 24px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }.price-card-featured { border-color: #b9c9ef; background: #f5f8ff; box-shadow: 0 17px 39px rgba(53, 103, 239, .1); }.price-card > span, .price-card-label > span { color: #87949f; font-size: 11px; font-weight: 850; letter-spacing: .09em; }.price-card-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; }.price-card-label b { padding: 4px 7px; border-radius: 5px; background: #e1eaff; color: var(--blue); font-size: 10px; }.price-card h3 { margin: 26px 0 7px; font-size: 23px; letter-spacing: -.05em; }.price-card > p { min-height: 47px; margin: 0; color: var(--ink-soft); font-size: 14px; }.price-card > strong, .price-card > small { display: block; }.price-card > strong { margin-top: 19px; font-size: 15px; }.price-card > small { margin-top: 2px; color: #87949f; font-size: 11px; }.price-card ul { display: grid; gap: 8px; margin: 21px 0 24px; padding: 0; list-style: none; color: var(--ink-soft); font-size: 13px; }.price-card li { display: flex; gap: 8px; }.price-card li::before { content: '✓'; color: var(--green); font-weight: 900; }.price-card .text-button { font-size: 13px; }.pricing-note { margin: 24px 0 0; color: var(--ink-muted); font-size: 12px; text-align: center; }

.contact-section { padding: 16px 0 96px; }.contact-layout { display: grid; grid-template-columns: 1fr .87fr; gap: 90px; padding: 60px 66px; border-radius: 16px; background: var(--ink); color: #fff; }.contact-copy h2 { max-width: 500px; }.contact-copy > p:not(.eyebrow) { max-width: 410px; margin: 23px 0 0; color: #b8c6cd; font-size: 17px; line-height: 1.58; }.company-note { display: grid; gap: 3px; margin-top: 37px; padding-top: 19px; border-top: 1px solid rgba(255, 255, 255, .13); }.company-note strong { font-size: 14px; }.company-note span { color: #8fa0a8; font-size: 12px; }.contact-form { position: relative; padding: 23px; border-radius: 12px; background: #fff; color: var(--ink); }.form-title { display: grid; gap: 2px; margin-bottom: 16px; }.form-title strong { font-size: 16px; }.form-title span { color: #87949f; font-size: 12px; }.contact-form label { display: grid; gap: 6px; margin-top: 13px; color: #52606e; font-size: 12px; font-weight: 750; }.contact-form input, .contact-form textarea { width: 100%; padding: 10px 11px; border: 1px solid #dce3e9; border-radius: 7px; background: #fbfcfd; color: var(--ink); font-size: 13px; }.contact-form input { min-height: 41px; }.contact-form textarea { min-height: 83px; resize: vertical; }.contact-form input::placeholder, .contact-form textarea::placeholder { color: #a5afb8; }.contact-form .button { margin-top: 17px; }.form-note { margin: 11px 0 0; color: #8d99a3; font-size: 11px; line-height: 1.45; }.form-success { position: absolute; inset: 12px; display: grid; place-content: center; gap: 8px; padding: 22px; border-radius: 9px; background: rgba(255, 255, 255, .98); text-align: center; }.form-success > span { display: grid; place-items: center; width: 32px; height: 32px; margin: 0 auto; border-radius: 50%; background: var(--green-soft); color: var(--green); font-weight: 900; }.form-success strong { font-size: 14px; }.form-success small { color: #8d99a3; font-size: 11px; }

.site-footer { padding: 0 0 26px; }.footer-brand p { margin: 14px 0 0; color: var(--ink-muted); font-size: 13px; }.footer-links { display: flex; justify-content: flex-end; gap: 23px; margin-top: -25px; color: var(--ink-soft); font-size: 13px; font-weight: 650; }.footer-bottom { display: flex; justify-content: space-between; gap: 18px; margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--ink-muted); font-size: 11px; }


.ai-source, .ai-extraction { padding: 23px; border-bottom: 1px solid var(--line); }
.ai-source { background: #fff; }
.ai-caption { display: block; margin-bottom: 15px; color: var(--ink-soft); font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.ai-source > strong { font-size: 16px; letter-spacing: -.03em; }
.ai-source blockquote { margin: 14px 0; padding-left: 13px; border-left: 3px solid #c6d5f8; color: var(--ink-soft); font-size: 14px; line-height: 1.65; }
.ai-attachment { display: inline-block; padding: 6px 10px; border: 1px solid var(--line); border-radius: 6px; color: var(--ink-soft); font-size: 11px; }
.ai-extraction { background: #f0f5ff; }
.ai-extraction .ai-caption { color: var(--blue); }
.ai-extraction dl { display: grid; gap: 10px; margin: 0; }
.ai-extraction dl > div { display: flex; justify-content: space-between; gap: 16px; font-size: 13px; }
.ai-extraction dt { color: var(--ink-soft); }
.ai-extraction dd { margin: 0; font-weight: 750; text-align: right; }
.ai-review { display: flex; align-items: center; gap: 12px; padding: 23px; background: #fff; }
.ai-review strong, .ai-review small { display: block; }
.ai-review strong { font-size: 13px; }
.ai-review small { margin-top: 4px; color: var(--ink-soft); font-size: 11px; }
.how-copy > p.ai-owner-note { margin-top: 21px; padding-top: 16px; border-top: 1px solid #395261; color: #9eb0ba; font-size: 12px; }
.ai-conversation { display: grid; gap: 10px; padding: 23px; background: #fff; }
.ai-conversation .ai-caption { margin-bottom: 2px; }
.ai-conversation > p { max-width: 95%; margin: 0; padding: 12px 14px; border-radius: 10px; color: var(--ink-soft); font-size: 13px; line-height: 1.55; }
.ai-conversation b { display: block; margin-bottom: 3px; color: var(--ink); font-size: 11px; }
.ai-message-owner { justify-self: end; background: #e8efff; }
.ai-message-assistant { justify-self: start; background: var(--surface-soft); }
.enquiry-reference { margin: 12px 0; color: var(--ink-soft); font-size: 12px; }
.enquiry-reference b { display: block; margin-top: 6px; color: var(--ink); font-size: 25px; font-variant-numeric: tabular-nums; letter-spacing: .09em; }
.form-success[hidden], .form-error[hidden] { display: none; }
.form-error { margin: 12px 0 0; color: #a03232; font-size: 13px; }
.contact-form button:disabled { cursor: default; opacity: .65; transform: none; }
section[id] { scroll-margin-top: 90px; }

@media (max-width: 1060px) { .hero { grid-template-columns: 1fr; gap: 48px; padding-top: 42px; }.hero-copy { max-width: 690px; }.hero-product { width: min(100%, 780px); margin-left: auto; }.workflow-grid { grid-template-columns: repeat(2, 1fr); }.how-layout { gap: 55px; }.section-heading { gap: 45px; } }
@media (max-width: 820px) { .about-section { padding-top: 83px; padding-bottom: 83px; } .about-layout { grid-template-columns: 1fr; gap: 42px; } .owner-card { padding: 25px; } .site-header { width: min(100% - 32px, 600px); }.site-nav, .header-actions { display: none; }.mobile-menu { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 13px; border: 1px solid var(--line); border-radius: 8px; background: transparent; color: var(--ink); font-size: 13px; font-weight: 800; }.mobile-nav { position: fixed; z-index: 19; top: 72px; right: 16px; left: 16px; display: grid; gap: 2px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255, 255, 255, .98); box-shadow: var(--shadow); }.mobile-nav[hidden] { display: none; }.mobile-nav a { padding: 12px; border-radius: 7px; font-size: 14px; font-weight: 700; }.mobile-nav a:hover { background: var(--surface-soft); }.page-width { width: min(100% - 32px, 600px); }.hero { min-height: auto; padding-top: 53px; padding-bottom: 76px; }.hero h1 { font-size: clamp(48px, 12vw, 69px); }.hero-lede { font-size: 17px; }.section-heading, .how-layout, .price-grid, .contact-layout { grid-template-columns: 1fr; }.section-heading { gap: 22px; }.workflow-grid { gap: 11px; }.how-section { padding: 81px 0 86px; }.how-visual { padding-left: 0; }.pricing-section { padding-top: 83px; padding-bottom: 83px; }.contact-layout { gap: 43px; padding: 39px 25px; }.contact-section { padding-bottom: 72px; }.footer-links { justify-content: flex-start; margin-top: 39px; }.footer-bottom { display: grid; gap: 5px; margin-top: 38px; } }
@media (max-width: 560px) { .hero-actions { align-items: flex-start; flex-direction: column; gap: 16px; }.app-window { margin-right: -16px; margin-left: -16px; border-radius: 10px; }.app-body { min-height: 395px; }.app-sidebar { flex-basis: 105px; padding-right: 8px; padding-left: 8px; }.app-brand { margin-right: 4px; margin-left: 4px; }.app-sidebar a { padding-right: 5px; padding-left: 5px; font-size: 10px; }.app-sidebar a b { display: none; }.profile { display: none; }.app-main { padding: 17px 12px 13px; }.app-heading h2 { font-size: 17px; }.metric-grid { grid-template-columns: 1fr 1fr; }.metric-dark { grid-column: 1 / -1; }.app-panels { grid-template-columns: 1fr; }.property-panel { display: none; }.workflow-grid { grid-template-columns: 1fr; }.owner-points { gap: 7px; }.owner-points span { font-size: 11px; }.workflow-card { min-height: 0; }.workflow-card > p { min-height: 0; }.queue-item { padding-right: 12px; padding-left: 12px; }.queue-item small { font-size: 10px; }.queue-action { display: none; }.queue-footer { display: grid; gap: 3px; }.price-card { min-height: 0; }.contact-form { padding: 19px; }.footer-links { flex-wrap: wrap; gap: 12px 19px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }

/* Owner enquiries, savings and pilot programme. */
select { font: inherit; }
select:focus-visible, summary:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.source-note { display: block; margin-top: 16px; color: var(--ink-soft); font-size: 12px; line-height: 1.6; }
.how-copy > .button { margin-top: 24px; }
.savings-section { padding-top: 100px; padding-bottom: 32px; }
.savings-layout { display: grid; grid-template-columns: 1.1fr .9fr; gap: 28px; margin-top: 42px; }
.savings-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 26px 24px; align-content: center; padding: 30px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.savings-inputs label { display: flex; flex-direction: column; gap: 7px; min-width: 0; color: var(--ink); font-size: 14px; font-weight: 750; }
.savings-inputs label > span { color: var(--ink-soft); font-size: 11px; font-weight: 500; }
.savings-inputs input { width: 100%; min-width: 0; min-height: 49px; margin-top: auto; padding: 10px 12px; border: 1px solid #c8d2dd; border-radius: 7px; background: #fbfcfd; color: var(--ink); font-size: 17px; }
.savings-inputs input::placeholder { font-size: 13px; }
.savings-result { padding: 30px; border: 1px solid #c7ddce; border-radius: 14px; background: #e6f0e9; }
.savings-result > span { color: #42634d; font-size: 13px; }
.savings-result > strong { display: block; margin: 10px 0 23px; font-size: clamp(34px, 4vw, 54px); line-height: 1.2; letter-spacing: -.05em; overflow-wrap: anywhere; }
.savings-result dl { margin: 0; }
.savings-result dl > div { display: flex; justify-content: space-between; gap: 20px; padding: 12px 0; border-top: 1px solid #c4d6c9; font-size: 13px; }
.savings-result dd { margin: 0; text-align: right; font-weight: 750; }
.savings-net { color: #255d3d; }
.savings-result > p { min-height: 48px; color: #42634d; font-size: 12px; }
.savings-result > .button { margin-top: 10px; }
.savings-method { margin-top: 20px; color: var(--ink-soft); font-size: 13px; }
.savings-method summary, .help-questions summary { cursor: pointer; font-weight: 750; }
.savings-method p { max-width: 900px; line-height: 1.7; }
.pilot-section { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; margin-bottom: 100px; padding: 54px; border: 1px solid #d3dfd7; border-radius: 16px; background: #eaf0ec; }
.pilot-intro h2 { margin: 0; font-size: clamp(38px, 4.5vw, 60px); letter-spacing: -.065em; line-height: 1.06; }
.pilot-intro h2 em { color: #377352; }
.pilot-intro > p:not(.eyebrow) { max-width: 420px; margin: 24px 0; color: var(--ink-soft); }
.pilot-intro > small { display: block; max-width: 360px; margin-top: 15px; color: var(--ink-soft); font-size: 12px; }
.pilot-plan article { display: flex; gap: 20px; padding: 22px 0; border-bottom: 1px solid #cad8cf; }
.pilot-plan article > span { color: #377352; font-size: 12px; font-weight: 800; }
.pilot-plan h3 { margin: 0 0 8px; font-size: 17px; }
.pilot-plan article p, .pilot-note { margin: 0; color: var(--ink-soft); font-size: 14px; }
.pilot-note { margin-top: 22px; font-size: 12px; }
.help-section { display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; padding-bottom: 90px; }
.help-section h2 { margin: 0; font-size: 34px; letter-spacing: -.04em; }
.help-questions details { padding: 19px 0; border-bottom: 1px solid var(--line); }
.help-questions details:first-child { padding-top: 0; }
.help-questions summary { font-size: 15px; }
.help-questions p { color: var(--ink-soft); font-size: 14px; }
.contact-form select { width: 100%; min-width: 0; min-height: 43px; padding: 8px; border: 1px solid #dce3e9; border-radius: 7px; background: #fbfcfd; color: var(--ink); font-size: 13px; }
.form-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.form-pair label { min-width: 0; }
.form-pair label > span { color: var(--ink-muted); font-size: 10px; font-weight: 500; }
.footer-links { justify-content: flex-start; flex-wrap: wrap; margin-top: 28px; }
@media (max-width: 1060px) { .savings-layout { gap: 18px; }.savings-inputs { padding: 22px; gap: 20px 16px; }.pilot-section { gap: 40px; padding: 40px; } }
@media (max-width: 820px) { .savings-section { padding-top: 80px; }.savings-layout, .pilot-section, .help-section { grid-template-columns: 1fr; }.savings-result > p { min-height: 0; }.pilot-section { gap: 24px; padding: 30px 25px; margin-bottom: 75px; }.help-section { gap: 30px; padding-bottom: 65px; }.contact-form input, .contact-form textarea, .contact-form select { font-size: 16px; }.form-pair { grid-template-columns: 1fr; gap: 0; } }
@media (max-width: 420px) { .savings-inputs { grid-template-columns: 1fr; }.savings-result { padding: 24px; }.ai-extraction dl > div { flex-wrap: wrap; gap: 3px 12px; } }

.hero-price { margin: 19px 0 0; color: var(--ink-soft); font-size: 14px; }
.hero-price strong { color: var(--ink); }
.hero-price a { margin-left: 8px; color: var(--blue); font-size: 12px; font-weight: 750; }
.savings-price { grid-column: 1 / -1; padding: 20px; border: 1px solid #d7e1f7; border-radius: 10px; background: #f0f4ff; }
.savings-price > span { color: var(--ink-soft); font-size: 12px; font-weight: 750; }
.savings-price > strong { display: block; margin: 5px 0 8px; font-size: 28px; letter-spacing: -.04em; }
.savings-price small { color: var(--ink-soft); font-size: 14px; font-weight: 500; letter-spacing: 0; }
.savings-price p { margin: 0; color: var(--ink-soft); font-size: 12px; line-height: 1.7; }
.savings-price a { color: var(--blue); font-weight: 750; }
.price-card > strong.plan-price { font-size: 27px; letter-spacing: -.04em; }
.plan-price span { color: var(--ink-soft); font-size: 14px; font-weight: 500; letter-spacing: 0; }
.hero-gst { display: block; margin-top: 4px; color: var(--ink); font-size: 14px; font-weight: 650; }
.hero-price a { display: inline-block; margin: 5px 0 0; }
.inclusive-price { display: block; margin: 6px 0 10px; color: var(--ink); font-size: 16px; font-weight: 750; }

.support-section { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 40px; margin-bottom: 80px; padding: 34px 40px; border: 1px solid #d5dfed; border-radius: 14px; background: #edf2fb; }
.support-copy .eyebrow { margin-bottom: 12px; }
.support-copy h2 { margin: 0; font-size: clamp(28px, 3vw, 38px); line-height: 1.15; letter-spacing: -.045em; }
.support-copy > p:last-child { max-width: 570px; margin: 14px 0 0; color: var(--ink-soft); font-size: 15px; }
.support-actions { text-align: center; }
.support-actions > p { margin: 12px 0 0; color: var(--ink-soft); font-size: 12px; }
.support-actions > p a { color: var(--blue); font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 821px) and (max-width: 1100px) { .site-header { gap: 18px; }.site-nav { gap: 14px; font-size: 12px; }.header-actions { gap: 12px; }.brand small { font-size: 9px; } }
@media (max-width: 820px) { .support-section { grid-template-columns: 1fr; gap: 24px; padding: 28px 25px; margin-bottom: 60px; }.support-actions { text-align: left; } }

.company-card-heading { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; }
.company-card-heading > span { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: #a8cbb6; color: var(--ink); font-size: 22px; font-weight: 750; }
.company-card-heading strong, .company-card-heading small { display: block; }
.company-card-heading small { margin-top: 3px; color: #c0ccd2; font-size: 12px; }
.walkthrough-section { padding: 0 0 92px; }
.walkthrough-player { margin-top: 32px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: #172536; }
.walkthrough-player video { display: block; width: 100%; aspect-ratio: 16 / 9; }
.walkthrough-meta { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-top: 16px; }
.walkthrough-meta > span, .walkthrough-transcript { color: var(--ink-soft); font-size: 13px; }
.walkthrough-transcript { margin-top: 18px; max-width: 780px; }
.walkthrough-transcript summary { cursor: pointer; font-weight: 650; }
.support-copy .support-expectations { max-width: 620px; margin: 12px 0 0; color: var(--ink-soft); font-size: 13px; }
.privacy-section { display: grid; grid-template-columns: 1fr 1.1fr; gap: 72px; padding-bottom: 90px; }
.privacy-section h2 { margin: 0; font-size: 36px; letter-spacing: -.05em; }
.privacy-section > div > p:last-child { color: var(--ink-soft); font-size: 15px; }
.form-note a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 820px) { .walkthrough-section { padding-bottom: 64px; }.walkthrough-meta { align-items: flex-start; flex-direction: column; gap: 10px; }.privacy-section { grid-template-columns: 1fr; gap: 20px; padding-bottom: 60px; }.privacy-section h2 { font-size: 30px; } }