/* Public site styles are scoped so customer workspaces keep their existing UI. */
.marketing { --cta:#15803d; --cta-hover:#166534; --brand:#2563eb; --brand-dark:#1d4ed8; --ink:#10213f; --muted:#3e5678; --border:#dce6f5; background:#fff; color:var(--ink); }
.marketing [hidden] { display:none!important; }
.marketing h1,.marketing h2,.marketing h3 { letter-spacing:-.045em; }
.marketing a,.marketing button,.marketing summary { -webkit-tap-highlight-color:transparent; }
.marketing :is(a,button,input,textarea,select,summary,[tabindex]):focus-visible,.auth-page--register :focus-visible { outline:3px solid #2563eb; outline-offset:4px; }
.marketing .btn { min-height:44px; border-radius:8px; font-size:14px; padding:12px 20px; box-shadow:none; transition:background .18s,transform .18s; }
.marketing .btn--lg { min-height:52px; padding:16px 24px; font-size:15px; }
.marketing .btn--primary { background:var(--cta); color:#fff; border-color:var(--cta); box-shadow:0 3px 9px #15803d18; }
.marketing .btn--primary:hover { background:var(--cta-hover); border-color:var(--cta-hover); transform:translateY(-1px); box-shadow:0 5px 14px #15803d24; }
.marketing .btn--ghost { border-color:#a9bddc; background:white; color:#10213f; }
.marketing .btn--ghost:hover { background:#eff5ff; }
.marketing .btn span[aria-hidden] { margin-left:12px; font-size:20px; line-height:1; }
.marketing .site-header { position:sticky; top:0; background:rgba(255,255,255,.97); backdrop-filter:blur(12px); border-bottom:1px solid #eff5ff; z-index:30; box-shadow:none; }
.marketing .site-header__inner { width:min(1240px,calc(100% - 64px)); max-width:none; margin:auto; padding:18px 0; gap:24px; }
.marketing .logo { color:#10213f; font-size:20px; letter-spacing:-.7px; white-space:nowrap; }
.marketing .logo__mark { width:32px; height:32px; background:#2563eb; border-radius:7px; box-shadow:none; }
.marketing .site-header__nav { gap:28px; }
.marketing .nav-link { font-size:14px; color:#1e3557; }
.marketing .nav-link.is-active { color:#1d4ed8; text-decoration:none; }
.m-skip { position:fixed; z-index:100; left:20px; top:-90px; padding:12px 18px; background:#fff; color:#10213f; border:2px solid #2563eb; }
.m-skip:focus { top:10px; }
.m-shell { width:min(1240px,calc(100% - 64px)); margin-inline:auto; }
.m-hero { display:grid; grid-template-columns:.93fr 1.07fr; align-items:center; gap:58px; padding-block:62px 70px; }
.m-eyebrow { display:flex; align-items:center; gap:8px; font-size:11px; line-height:1.5; font-weight:700; text-transform:uppercase; letter-spacing:1.65px; margin:0 0 22px; color:#3e5678; }
.m-eyebrow>span { width:7px; height:7px; border-radius:50%; background:#2563eb; }
.m-hero h1 { font-size:clamp(40px,4.3vw,60px); font-weight:600; line-height:1.08; letter-spacing:-3.2px; margin-bottom:25px; }
.m-hero h1 em { font-style:normal; color:#2563eb; position:relative; background:none; }
.m-lead { font-size:17px; line-height:1.8; color:#3e5678; max-width:470px; margin-bottom:27px; }
.m-actions { display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.m-text-link { display:inline-flex; align-items:center; gap:10px; font-size:14px; line-height:1.6; font-weight:600; color:#2563eb; text-underline-offset:5px; padding-block:6px; }
.m-text-link:hover { color:#1d4ed8; }
.m-reassurance { display:flex; flex-wrap:wrap; gap:8px 20px; list-style:none; padding:0; font-size:12px; margin:18px 0 10px; font-weight:500; color:#3e5678; }
.m-reassurance li::before { content:"✓"; margin-right:7px; color:#2563eb; }
.m-eligibility { font-size:11px; color:#526581; margin:0; }
.m-demo { background:white; border:1px solid #dce6f5; border-radius:12px; box-shadow:0 22px 65px -32px #1e40af35; overflow:hidden; scroll-margin-top:100px; }
.m-demo__top { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:17px 20px; background:#f8faff; border-bottom:1px solid #dce6f5; }
.m-demo__brand { font-size:13px; font-weight:700; letter-spacing:-.2px; white-space:nowrap; }
.m-demo__brand>span { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:5px; background:#2563eb; color:#fff; margin-right:6px; }
.m-demo__sample { font-size:9px; font-weight:600; color:#3e5678; text-align:right; }
.m-demo__tabs { display:flex; padding:0 20px; gap:24px; border-bottom:1px solid #dce6f5; }
.m-demo__tabs a { padding:14px 0 12px; font-size:12px; color:#3e5678; border-bottom:2px solid transparent; font-weight:600; }
.m-demo__tabs a[aria-selected=true] { border-color:#2563eb; color:#1d4ed8; }
.m-demo__tabs a:hover { color:#1d4ed8; text-decoration:none; }
.m-demo__panel { padding:23px 22px 14px; min-height:365px; scroll-margin-top:110px; }
.m-demo__heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.m-demo__kicker { font-size:10px; color:#526581; margin-bottom:5px; }
.m-demo__heading h2 { font-size:21px; letter-spacing:-.65px; font-weight:600; margin:0; }
.m-demo__avatar { width:33px; height:33px; background:#dce6f5; color:#1e3557; border-radius:50%; font-size:10px; font-weight:700; display:grid; place-items:center; flex-shrink:0; }
.m-demo__stats { display:grid; grid-template-columns:1fr 1fr 1.2fr; gap:8px; margin-bottom:24px; }
.m-demo__stats>div { border-left:2px solid #dce6f5; padding:4px 10px; }
.m-demo__stats>div:first-child { border-color:#2563eb; }
.m-demo__stats strong { display:block; font-size:23px; line-height:1.3; font-weight:600; letter-spacing:-1px; }
.m-demo__stats span { display:block; font-size:10px; margin-top:4px; color:#526581; }
.m-demo__list-head { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:10px; color:#526581; padding-bottom:9px; border-bottom:1px solid #eff5ff; }
.m-demo__list-head strong { color:#1e3557; }
.m-demo__lead { border-bottom:1px solid #eff5ff; }
.m-demo__lead summary { display:flex; align-items:center; gap:10px; list-style:none; cursor:pointer; padding:15px 0; border-radius:4px; transition:background .18s; }
.m-demo summary::-webkit-details-marker { display:none; }
.m-demo__lead summary:hover { background:#eff5ff; }
.m-demo__initials { background:#f0eedc; color:#716738; width:31px; height:31px; border-radius:7px; display:grid; place-items:center; font-size:10px; font-weight:600; flex-shrink:0; }
.m-demo__initials--blue { background:#e9effa; color:#445f86; }
.m-demo__initials--rose { background:#f7eae5; color:#85543e; }
.m-demo__person { flex:1; min-width:0; }
.m-demo__person strong { display:block; font-size:12px; font-weight:600; }
.m-demo__person small { display:block; font-size:10px; margin-top:3px; color:#526581; }
.m-demo__due { font-size:9px; color:#645327; background:#f5efd9; border-radius:4px; padding:4px 7px; white-space:nowrap; }
.m-demo__chevron { color:#526581; font-size:18px; }
.m-demo__lead[open] .m-demo__chevron { transform:rotate(45deg); }
.m-demo__lead[data-complete] .m-demo__due { background:#e8f3e7; color:#285235; }
.m-demo__detail { padding:0 0 16px 41px; font-size:12px; line-height:1.6; color:#3e5678; }
.m-demo__detail p { margin-bottom:10px; }
.m-demo__detail strong { display:block; color:#1e3557; font-weight:600; margin-bottom:3px; }
.m-demo__complete { border:1px solid #dce6f5; border-radius:5px; min-height:38px; background:#eff5ff; color:#2563eb; font:600 11px/1.3 var(--font); padding:8px 12px; cursor:pointer; }
.m-demo__complete:hover { background:#dce6f5; }
.m-demo__complete:disabled { cursor:default; color:#3e5678; }
.m-demo__feedback { min-height:42px; padding-top:13px; font-size:10px; color:#526581; display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.m-demo__feedback button { border:0; background:none; font:600 11px var(--font); color:#1d4ed8; cursor:pointer; padding:6px; }
.m-demo__bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px 22px; background:#eff5ff; font-size:11px; color:#3e5678; border-top:1px solid #dce6f5; }
.m-demo__bottom a { color:#2563eb; font-weight:600; }
.m-demo__explain { font-size:12px; color:#3e5678; margin-bottom:22px; }
.m-mini-board { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.m-mini-board>div { background:#f8faff; padding:10px 8px; border-radius:6px; }
.m-mini-board h3 { display:flex; align-items:center; gap:4px; font-size:10px; letter-spacing:0; margin:0 0 12px; }
.m-mini-board h3>span { margin-left:auto; color:#526581; }
.m-stage-dot { width:5px; height:5px; background:#526581; border-radius:50%; }
.m-stage-dot--amber { background:#b08842; }.m-stage-dot--green { background:#518866; }
.m-mini-board details { background:white; border:1px solid #dce6f5; border-radius:5px; font-size:10px; }
.m-mini-board summary { cursor:pointer; padding:12px 9px; list-style:none; }
.m-mini-board summary:hover { background:#eff5ff; }
.m-mini-board :is(strong,span,b,small) { display:block; }
.m-mini-board strong { font-size:11px; }.m-mini-board summary span { color:#526581; margin-top:5px; }
.m-mini-board b { font-weight:600; margin-top:20px; }.m-mini-board small { font-size:9px; color:#2563eb; margin-top:14px; }
.m-mini-board p { padding:0 9px 12px; margin:0; line-height:1.6; color:#3e5678; }
.m-lead-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:0 0 22px; padding-bottom:18px; border-bottom:1px solid #dce6f5; }
.m-lead-facts dt { font-size:10px; color:#526581; }.m-lead-facts dd { margin:5px 0 0; font-size:12px; font-weight:600; }
.m-timeline { border-left:1px solid #dce6f5; margin:0 0 0 5px; padding-left:18px; }
.m-timeline>div { position:relative; margin-bottom:16px; }.m-timeline>div::before { content:""; width:7px; height:7px; background:#526581; border-radius:50%; position:absolute; left:-22px; top:7px; }
.m-timeline span { font-size:9px; color:#526581; }.m-timeline h3 { font-size:12px; letter-spacing:0; margin:4px 0; }.m-timeline p { font-size:10px; color:#3e5678; margin:0; }
.m-value-strip { border-block:1px solid #dce6f5; background:#f8faff; padding:25px 0; }
.m-value-strip .m-shell { display:flex; justify-content:space-between; align-items:center; gap:25px; flex-wrap:wrap; }
.m-value-strip p { margin:0; font-size:13px; font-weight:600; color:#3e5678; }
.m-value-strip span { display:flex; align-items:center; gap:9px; font-size:12px; color:#3e5678; }
.m-value-strip span::before { content:"✓"; color:#3e5678; }
.m-section { padding-block:90px; }
.m-section h2,.m-ai-band h2,.m-free-band h2 { font-size:40px; line-height:1.15; font-weight:600; margin-bottom:22px; }
.m-section-heading { display:grid; grid-template-columns:1.1fr .9fr; gap:100px; align-items:end; margin-bottom:38px; }
.m-section-heading>p { color:#526581; font-size:15px; line-height:1.8; margin:0 0 25px; max-width:425px; }
.m-outcomes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.m-outcomes article { padding:24px 0 0; border-top:1px solid #dce6f5; }
.m-number { font-size:10px; letter-spacing:1.25px; color:#3e5678; font-weight:600; }
.m-outcomes h3 { font-size:21px; font-weight:600; margin:25px 0 12px; }
.m-outcomes p { color:#526581; font-size:14px; line-height:1.8; max-width:345px; }
.m-outcome-art { display:flex; flex-direction:column; justify-content:center; padding:22px 30px; gap:10px; height:171px; margin-top:20px; background:#eff5ff; border-radius:6px; user-select:none; text-decoration:none; transition:box-shadow .18s; }
.m-art-note { background:white; border:1px solid #dce6f5; font-size:11px; padding:9px 13px; color:#526581; border-radius:3px; }
.m-art-note:nth-child(2) { margin-left:18px; }.m-art-note:nth-child(3) { margin-left:36px; }.m-art-note b { float:right; color:#3e5678; }
.m-outcome-art--day { background:#eff5ff; gap:8px; }.m-outcome-art--day span { font-size:11px; padding:7px 10px; color:#526581; }.m-outcome-art--day i { display:inline-block; width:7px; height:7px; border:1px solid #a9bddc; border-radius:50%; margin-right:9px; }.m-outcome-art--day .m-art-today { background:white; border:1px solid #dce6f5; border-radius:4px; }.m-art-today b { float:right; font-size:10px; font-weight:500; }
.m-outcome-art--pipeline { background:#eff5ff; flex-direction:row; align-items:flex-start; gap:10px; padding:25px 20px; }.m-outcome-art--pipeline span { flex:1; font-size:9px; color:#526581; }.m-outcome-art--pipeline i { display:block; margin-top:10px; height:37px; border:1px solid #dce6f5; border-left:3px solid #a9bddc; background:#fff; border-radius:3px; }
.m-ai-band { background:#eff5ff; padding-block:70px; border-block:1px solid #dce6f5; }
.m-ai-layout { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:120px; }
.m-ai-layout>div>p:not(.m-eyebrow) { max-width:450px; color:#3e5678; font-size:15px; line-height:1.8; }
.m-ai-layout>div>p.m-small { font-size:12px; }
.m-ai-example { border:1px solid #dce6f5; background:#f8faff; border-radius:10px; padding:28px; }
.m-ai-example blockquote { margin:15px 0 0; font-size:15px; line-height:1.8; color:#3e5678; font-style:normal; }
.m-ai-arrow { text-align:center; font-size:24px; color:#526581; margin:8px; }
.m-ai-example dl { background:#fff; border:1px solid #dce6f5; border-radius:5px; padding:4px 16px; margin:0; }
.m-ai-example dl>div { display:grid; grid-template-columns:85px 1fr; gap:15px; padding:10px 0; font-size:12px; border-bottom:1px solid #eff5ff; }.m-ai-example dl>div:last-child { border:0; }.m-ai-example dt { color:#526581; }.m-ai-example dd { margin:0; color:#1e3557; }
.m-ai-layout .m-ai-example>p:last-child { font-size:11px; margin:15px 0 0; text-align:center; }
.m-start-layout { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }
.m-body-copy { color:#526581; max-width:440px; font-size:15px; line-height:1.8; margin-bottom:25px; }
.m-steps { list-style:none; margin:0; padding:0; }.m-steps li { display:flex; gap:24px; padding:26px 0; border-bottom:1px solid #dce6f5; }.m-steps li:first-child { padding-top:0; }.m-steps li>span { flex-shrink:0; display:grid; place-items:center; background:#eff5ff; color:#3e5678; width:34px; height:34px; border-radius:50%; font-size:12px; }.m-steps h3 { font-size:18px; letter-spacing:-.4px; margin-bottom:8px; }.m-steps p { font-size:13px; line-height:1.8; color:#526581; margin:0; }
.m-free-band { display:grid; grid-template-columns:1.2fr 1fr; gap:100px; padding:50px 60px; background:#eff5ff; border:1px solid #dce6f5; border-radius:10px; }
.m-free-band>div>p:not(.m-eyebrow) { font-size:14px; line-height:1.8; color:#526581; }
.m-free-price { border-left:1px solid #dce6f5; padding-left:70px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }.m-free-price>span { font-size:15px; font-weight:600; }.m-free-price>strong { font-size:72px; font-weight:500; line-height:1.25; letter-spacing:-4px; }.m-free-price small { font-size:11px; margin-top:15px; color:#526581; }
.m-faq-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; }.m-faq-layout>div>p { font-size:14px; color:#526581; line-height:1.9; }
.marketing .faq { max-width:none; margin:0; width:100%; }
.marketing .faq__item { border:0; border-bottom:1px solid #dce6f5; border-radius:0; box-shadow:none; background:transparent; margin:0; padding:0; }
.marketing .faq__item summary { font-size:14px; color:#1e3557; padding:22px 28px 22px 0; }
.marketing .faq__item p { font-size:13px; color:#3e5678; line-height:1.9; padding:0 18px 20px 0; margin:0; }
.m-final { background:#112c60; color:#fff; padding:70px 0 65px; text-align:center; }.m-final .m-eyebrow { color:#bfdbfe; justify-content:center; }.m-final h2 { font-size:48px; font-weight:500; letter-spacing:-2px; line-height:1.12; margin-bottom:28px; }.m-final p:last-child { font-size:12px; color:#dbeafe; margin:18px 0 0; }
.marketing .site-footer { background:#fff; border:0; padding:42px 0; }.marketing .site-footer__inner { max-width:none; width:min(1240px,calc(100% - 64px)); padding:0; align-items:center; }.m-footer-brand p { font-size:12px; color:#526581; margin:8px 0 10px; }.m-footer-brand small { color:#526581; font-size:10px; }.marketing .site-footer__links { flex-wrap:wrap; justify-content:flex-end; max-width:520px; gap:16px 25px; }.marketing .site-footer__links a { color:#3e5678; font-size:12px; }
/* Pricing and contact share the landing page's hierarchy. */
.marketing .section { width:min(1160px,calc(100% - 64px)); max-width:none; padding-inline:0; }
.marketing .page-intro { margin-bottom:38px; }.marketing .page-intro .eyebrow { color:#3e5678; font-size:11px; font-weight:700; letter-spacing:1.7px; text-transform:uppercase; margin-bottom:16px; }.marketing .page-intro h1 { font-size:48px; line-height:1.12; letter-spacing:-2px; font-weight:600; }.marketing .page-intro p { color:#3e5678; font-size:16px; line-height:1.8; max-width:660px; margin-inline:auto; }
.marketing .pricing { padding-top:65px; padding-bottom:44px; }
.m-pricing-promise { display:flex; justify-content:center; gap:28px; flex-wrap:wrap; margin:24px 0 0; font-size:12px; color:#3e5678; }.m-pricing-promise span::before { content:"✓"; margin-right:8px; }
.marketing .plans { gap:22px; align-items:stretch; padding-top:8px; }
.marketing .plan { border:1px solid #dce6f5; border-radius:10px; padding:30px 27px; box-shadow:none; background:#fff; position:relative; display:flex; flex-direction:column; }
.marketing .plan--featured { border:2px solid #2563eb; background:#eff5ff; padding:29px 26px; }
.marketing .plan__ribbon { position:static; align-self:flex-start; transform:none; background:#2563eb; color:#fff; border-radius:4px; padding:5px 9px; font-size:10px; letter-spacing:.2px; margin-bottom:14px; }
.marketing .plan:not(.plan--featured)::before { content:""; height:28px; margin-bottom:14px; }
.marketing .plan__name { font-size:24px; font-weight:600; }.marketing .plan__tagline { color:#3e5678; font-size:13px; line-height:1.7; min-height:44px; }.marketing .plan__price { margin:12px 0 23px; }.marketing .plan__amount { font-size:52px; font-weight:500; letter-spacing:-2px; }.marketing .plan__per { font-size:12px; color:#3e5678; }
.marketing .plan__inherits { font-size:12px; font-weight:600; margin-top:24px; color:#1e3557; }.marketing .plan__list { font-size:12px; gap:13px; margin-top:22px; }.marketing .plan__list li { line-height:1.65; color:#3e5678; }.marketing .plan-check { color:#3e5678; }.marketing .plans__note { max-width:750px; line-height:1.8; font-size:13px; margin:24px auto 0; }
.m-plan-explainer { display:grid; grid-template-columns:1fr 1fr; gap:32px; padding:25px 30px; border:1px solid #dce6f5; background:#f8faff; border-radius:8px; }.m-plan-explainer h3 { font-size:15px; margin:0 0 7px; }.m-plan-explainer p { font-size:12px; line-height:1.8; color:#3e5678; margin:0; }
.marketing .compare-wrap { border:1px solid #dce6f5; border-radius:8px; }.marketing .compare-table { font-size:13px; }.marketing .compare-table .is-featured { background:#eff5ff; }.marketing .compare-table thead th { background:#f8faff; }.marketing .compare-table__group th { background:#eff5ff; }.marketing .compare .page-intro h2 { font-size:33px; }
.marketing .enterprise { background:#eff5ff; border:1px solid #dce6f5; border-radius:8px; box-shadow:none; }.marketing .enterprise p { color:#3e5678; }.marketing .cta-band { background:#112c60; border-radius:10px; box-shadow:none; }.marketing .cta-band h2 { font-size:38px; color:#fff; }.marketing .cta-band p { color:#dbeafe; }.marketing .cta-band .btn--white { background:var(--cta); border-color:var(--cta); color:#fff; }
.m-contact-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; align-items:start; padding:70px 0 90px; }
.m-contact-copy { padding-top:20px; }.m-contact-copy h1 { font-size:51px; line-height:1.12; font-weight:600; letter-spacing:-2px; margin-bottom:24px; }.m-contact-copy>p:not(.m-eyebrow) { font-size:16px; line-height:1.8; color:#526581; }.m-contact-topics { border-top:1px solid #dce6f5; margin-top:32px; padding-top:25px; }.m-contact-topics h2 { font-size:15px; letter-spacing:-.2px; }.m-contact-topics ul { padding-left:18px; color:#3e5678; font-size:14px; line-height:2.2; }.m-contact-email { margin-top:28px; font-size:13px; color:#3e5678; }.m-contact-email a { display:inline-block; margin-block:7px; text-decoration:underline; text-underline-offset:4px; }
.marketing .m-contact-form { border:1px solid #dce6f5; padding:32px; border-radius:10px; background:#f8faff; box-shadow:0 12px 36px -28px #1e40af30; }
.m-contact-form h2 { font-size:22px; font-weight:600; margin-bottom:7px; }.m-contact-form>p { font-size:13px; color:#3e5678; margin-bottom:27px; }.marketing .field label { font-size:12px; font-weight:600; color:#1e3557; }.marketing .field input,.marketing .field textarea,.marketing .field select { background:white; border-color:#dce6f5; border-radius:5px; font-size:14px; min-height:46px; }.marketing .field textarea { min-height:125px; }.m-contact-form .field { margin-bottom:19px; }.marketing .contact-form__note { font-size:11px; color:#3e5678; line-height:1.8; margin-bottom:0; }.m-contact-optional { margin:0 0 20px; }.m-contact-optional summary { font-size:12px; padding:6px 0; color:#3e5678; cursor:pointer; }.m-contact-optional .form-row { margin-top:15px; }.m-contact-alt { border-top:1px solid #dce6f5; padding-top:22px; margin-top:27px; font-size:13px; color:#3e5678; }.m-contact-alt a { font-weight:600; }
.marketing .contact-done { padding:55px 0; }.marketing .contact-done h1 { font-size:40px; font-weight:600; }.marketing .contact-done p { max-width:520px; margin:18px auto 25px; }
.m-success-icon { margin:0 auto 22px; width:55px; height:55px; border-radius:50%; display:grid; place-items:center; background:#eff5ff; color:#3e5678; font-size:25px; }
/* Signup carries the same visual promise, without changing security controls. */
.auth-page.auth-page--register { background:#eff5ff; color:#10213f; }
.auth-page--register .auth-card { border:1px solid #dce6f5; border-radius:12px; box-shadow:0 18px 55px -34px #2563eb20; background:#fff; }
.auth-page--register .auth-hero-h1 { font-size:32px; line-height:1.15; letter-spacing:-1.2px; }
.auth-page--register .auth-sub { font-size:14px; color:#3e5678; line-height:1.75; }
.auth-page--register .m-signup-intro { text-align:center; margin:0 0 25px; }
.m-signup-progress { font-size:11px; color:#3e5678; margin:0 0 17px; text-transform:uppercase; letter-spacing:1px; text-align:center; }
.m-signup-reassurance { margin:17px 0 0; font-size:12px; line-height:1.8; color:#3e5678; text-align:center; }
.m-signup-region { font-size:11px; line-height:1.8; color:#526581; text-align:center; margin:12px 0 0; }
.m-founder-note { max-width:410px; margin:28px auto 0; text-align:center; font-size:12px; line-height:1.8; color:#526581; }.m-founder-note strong { color:#1e3557; }
.marketing .site-main,.marketing .plan,.marketing .page-intro { animation:none!important; }
/* Only real actions get hover treatments; informational illustrations stay still. */
@media (min-width:1700px) { .m-hero { padding-block:100px; } }
@media (max-width:1100px) { .m-hero { gap:32px; }.m-hero h1 { font-size:48px; letter-spacing:-2.5px; }.m-demo__panel { padding:20px 16px 12px; }.m-demo__tabs { gap:20px; }.m-ai-layout { gap:60px; }.m-section-heading,.m-start-layout,.m-faq-layout,.m-contact-layout { gap:50px; }.m-free-band { gap:40px; padding:40px; }.m-free-price { padding-left:40px; }.marketing .site-header__nav { gap:20px; }.m-demo__sample { font-size:8px; } }
@media (max-width:900px) { .m-hero { grid-template-columns:1fr; padding-block:55px; gap:40px; }.m-hero__copy { max-width:650px; }.m-hero h1 { font-size:58px; }.m-hero h1 br { display:none; }.m-lead { max-width:580px; }.m-demo { width:100%; max-width:700px; margin-inline:auto; }.m-demo__panel { min-height:370px; }.m-demo__sample { font-size:10px; }.m-demo__person strong { font-size:13px; }.m-demo__person small { font-size:11px; }.m-demo__stats span { font-size:11px; }.m-section h2,.m-ai-band h2,.m-free-band h2 { font-size:34px; }.m-section-heading { gap:35px; }.m-outcomes { gap:20px; }.m-outcomes h3 { font-size:19px; }.m-outcome-art { padding:18px; }.m-outcome-art--pipeline { padding:22px 10px; gap:5px; }.m-outcome-art--day { padding:14px; }.m-art-today b { float:none; display:block; margin-left:20px; }.marketing .plans { grid-template-columns:1fr; max-width:650px; margin:auto; }.marketing .plan { padding:28px; }.marketing .plan:not(.plan--featured)::before { display:none; }.marketing .plan__tagline { min-height:0; }.marketing .plan__list { display:grid; grid-template-columns:1fr 1fr; gap:13px 24px; }.marketing .plan__price { margin:10px 0 20px; }.m-contact-layout { gap:35px; }.m-contact-copy h1 { font-size:40px; }.marketing .m-contact-form { padding:25px; } }
@media (max-width:700px) { .m-shell,.marketing .section,.marketing .site-header__inner,.marketing .site-footer__inner { width:calc(100% - 40px); }.marketing .site-header__inner { flex-wrap:wrap; gap:12px; padding:13px 0 10px; }.marketing .site-header__nav { width:100%; gap:18px; justify-content:space-between; flex-wrap:wrap; }.marketing .site-header__nav .nav-link { display:inline-flex; font-size:12px; }.marketing .site-header__nav .btn { margin-left:auto; padding:10px 14px; font-size:12px; min-height:40px; }.marketing .site-header__nav .btn span { font-size:16px; margin-left:3px; }.marketing .logo { font-size:18px; }.marketing .logo__mark { width:27px; height:27px; }.m-hero { padding-block:40px 45px; }.m-hero h1 { font-size:45px; line-height:1.1; letter-spacing:-2.1px; max-width:510px; }.m-eyebrow { font-size:10px; margin-bottom:18px; }.m-lead { font-size:16px; line-height:1.75; }.m-actions { gap:15px; }.m-text-link { font-size:13px; }.m-value-strip .m-shell { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.m-value-strip p { grid-column:1/-1; }.m-section { padding-block:55px; }.m-section-heading,.m-start-layout,.m-ai-layout,.m-faq-layout,.m-free-band,.m-contact-layout { grid-template-columns:1fr; gap:28px; }.m-section-heading { margin-bottom:25px; }.m-section-heading>p { margin-bottom:0; max-width:none; }.m-outcomes { grid-template-columns:1fr; gap:34px; }.m-outcomes article { padding-top:20px; }.m-outcome-art { height:160px; padding-inline:35px; }.m-outcome-art--day { padding-inline:35px; }.m-outcome-art--pipeline { padding:24px 35px; gap:20px; }.m-outcomes p { max-width:none; }.m-outcomes h3 { font-size:23px; margin-top:20px; }.m-ai-band { padding-block:50px; }.m-ai-layout>div>p:not(.m-eyebrow) { max-width:none; }.m-ai-example { padding:24px; }.m-start-layout { gap:35px; }.m-free-band { padding:30px 24px; }.m-free-price { border-left:0; border-top:1px solid #dce6f5; padding:25px 0 0; }.m-free-price>strong { font-size:62px; }.m-faq-layout { gap:10px; }.m-final { padding:50px 0; }.m-final h2 { font-size:39px; }.marketing .site-footer__inner { flex-direction:column; align-items:flex-start; gap:25px; }.marketing .site-footer__links { justify-content:flex-start; gap:15px 23px; }.marketing .page-intro h1 { font-size:37px; letter-spacing:-1.5px; }.marketing .page-intro p { font-size:14px; }.marketing .pricing { padding-top:42px; }.m-pricing-promise { gap:12px 22px; }.m-plan-explainer { grid-template-columns:1fr; gap:23px; padding:23px; }.marketing .compare-table { min-width:640px; }.marketing .compare-wrap { overflow-x:auto; }.marketing .enterprise { flex-direction:column; align-items:flex-start; gap:18px; padding:25px; }.marketing .cta-band h2 { font-size:31px; }.m-contact-layout { padding-block:35px 55px; }.m-contact-copy { padding:0; }.m-contact-copy h1 { font-size:42px; }.m-contact-topics { margin-top:22px; padding-top:20px; }.m-contact-form .form-row { grid-template-columns:1fr; gap:0; }.marketing .contact-done h1 { font-size:32px; }.m-demo { scroll-margin-top:150px; }.m-demo__panel { scroll-margin-top:150px; } }
@media (max-width:400px) { .m-shell,.marketing .section,.marketing .site-header__inner,.marketing .site-footer__inner { width:calc(100% - 32px); }.m-hero h1 { font-size:39px; }.marketing .site-header__nav { gap:12px; }.marketing .site-header__nav .nav-link { font-size:11px; }.m-demo__top { padding:14px 12px; }.m-demo__brand { font-size:12px; }.m-demo__sample { font-size:8px; max-width:112px; }.m-demo__tabs { gap:20px; padding-inline:14px; }.m-demo__panel { padding:18px 12px 10px; }.m-demo__heading h2 { font-size:19px; }.m-demo__person small { font-size:9px; }.m-demo__person strong { font-size:11px; }.m-demo__initials { width:27px; height:27px; }.m-demo__lead summary { gap:7px; }.m-demo__stats strong { font-size:21px; }.m-demo__stats span { font-size:9px; }.m-demo__bottom { padding:14px 12px; font-size:10px; }.m-mini-board { gap:5px; }.m-mini-board>div { padding:9px 5px; }.m-mini-board h3 { font-size:9px; }.m-mini-board summary { padding:10px 6px; }.m-mini-board strong { font-size:10px; }.m-mini-board small { font-size:8px; }.marketing .plan__list { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { .marketing *,.auth-page--register * { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }

/* Keep navigation and form actions comfortable to tap. */
.marketing .nav-link { display:inline-flex; align-items:center; min-height:44px; }
.marketing .site-footer__links a { display:inline-flex; align-items:center; min-height:44px; }
.marketing .plan__ribbon { box-shadow:none; }
.marketing .plan:hover { border-color:#dce6f5; box-shadow:none; }
.marketing .plan--featured:hover { border-color:#2563eb; box-shadow:none; }
.m-demo__complete,.m-contact-optional summary { min-height:44px; }
.m-demo__feedback button { min-height:32px; }
.marketing #how-it-works { scroll-margin-top:145px; }
.auth-page--register .logo__mark { background:#2563eb; }
.m-outcome-art:hover { box-shadow:inset 0 0 0 1px #a9bddc; text-decoration:none; }
/* Keep the key phrase intact on narrow phones. */
.m-hero h1 em { display:inline-block; white-space:nowrap; }

/* Blue builds recognition; green consistently identifies the signup action. */
.marketing .site-main { background:linear-gradient(180deg,#f5f9ff 0,#fff 780px); }
.m-hero__copy { align-self:start; padding-top:30px; }
.m-hero .m-actions .btn { min-height:56px; padding-inline:28px; font-size:16px; }
.m-hero .m-eyebrow { color:#1d4ed8; }
.m-hero .m-lead { max-width:460px; font-size:17px; line-height:1.8; margin-bottom:29px; }
.m-demo { border-color:#cbdaf2; border-radius:14px; box-shadow:0 24px 70px -35px #1e40af45,0 2px 8px #1e40af06; }
.m-demo__top { background:#eff5ff; }
.m-demo__sample { font-size:10px; }
.m-demo__bottom { background:#f5f8ff; }
.m-demo__bottom>span { font-size:12px; color:#1e3557; font-weight:600; }
.m-demo__bottom small { display:block; color:#526581; font-weight:400; font-size:10px; margin-top:3px; }
.marketing .m-demo__signup { color:#fff; min-height:42px; padding:11px 15px; font-size:12px; }
.marketing .m-demo__signup span[aria-hidden] { font-size:17px; margin-left:4px; }
.m-value-strip { background:#f7faff; }
.m-outcomes article { border-top-color:#cbdaf2; }
.m-outcome-art { border:1px solid #e0eafb; }
.m-outcome-art:hover { box-shadow:inset 0 0 0 1px #93b4ee; }
.m-ai-band { background:#eff5ff; }
.m-free-band { background:#f0f6ff; border-color:#d5e3fa; }
.m-final { background:#112c60; }
.marketing .cta-band .btn--white:hover { background:var(--cta-hover); border-color:var(--cta-hover); }
.marketing a.btn--ghost[data-track="signup_click"] { color:var(--cta-hover); border-color:#99c7aa; }
.marketing a.btn--ghost[data-track="signup_click"]:hover { background:#f0fdf4; border-color:var(--cta); }
.marketing .plan-check { color:#2563eb; background:#eff6ff; }
.marketing .compare-table__price { color:#526581; }
.auth-page.auth-page--register { --cta:#15803d; --cta-hover:#166534; --ink:#10213f; --muted:#526581; --border:#dce6f5; background:#f2f7ff; }
.auth-page--register .logo__mark { background:#2563eb; }
.auth-page--register .btn--primary { background:var(--cta); border-color:var(--cta); box-shadow:0 3px 9px #15803d18; }
.auth-page--register .btn--primary:hover { background:var(--cta-hover); border-color:var(--cta-hover); }
.auth-page--register .btn--primary:disabled { background:#64748b; border-color:#64748b; box-shadow:none; }
.auth-page--register .auth-card { border-color:#d5e3f6; box-shadow:0 20px 60px -35px #1e40af35; }
.auth-page--register .auth-progress__fill { background:#2563eb; }
.auth-page--register .auth-hero-h1 { margin-bottom:18px; }
@media (max-width:1100px) {
    .m-hero__copy { padding-top:16px; }
    .m-demo__sample { font-size:9px; }
}
@media (max-width:900px) {
    .m-hero__copy { padding-top:0; }
    .m-hero .m-lead { max-width:580px; }
}
@media (max-width:700px) {
    .marketing .site-header__inner { flex-wrap:nowrap; gap:12px; padding-block:13px; }
    .marketing .site-header__nav { width:auto; flex-wrap:nowrap; gap:15px; }
    .marketing .site-header__nav .m-nav-pricing { display:none; }
    .marketing .site-header__nav .btn { min-height:44px; font-size:13px; padding:11px 14px; margin:0; }
    .marketing .site-header__nav .nav-link { font-size:12px; }
    .marketing .logo { font-size:17px; }
    .m-hero { padding-block:35px 45px; }
    .m-hero .m-lead { font-size:16px; margin-bottom:24px; }
    .m-hero .m-actions { display:block; }
    .m-hero .m-actions .btn { min-height:54px; width:100%; font-size:16px; }
    .m-reassurance { justify-content:center; font-size:12px; }
    .m-eligibility { text-align:center; font-size:11px; }
    .m-demo { scroll-margin-top:85px; }
    .m-demo__panel { scroll-margin-top:95px; }
    .m-demo__bottom { flex-wrap:wrap; }
    .marketing #how-it-works { scroll-margin-top:90px; }
}
@media (max-width:400px) {
    .marketing .site-header__inner { gap:8px; }
    .marketing .logo { font-size:16px; gap:7px; }
    .marketing .logo__mark { width:25px; height:25px; }
    .marketing .site-header__nav { gap:10px; }
    .marketing .site-header__nav .btn { font-size:12px; padding:10px 12px; }
    .marketing .site-header__nav .btn span { margin-left:0; }
    .m-demo__sample { font-size:9px; }
    .m-demo__bottom>span { font-size:11px; }
    .marketing .m-demo__signup { font-size:11px; padding:10px 12px; }
}