@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url(body-0.ttf?v=20261107.2) format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url(body-2.ttf?v=20261107.2) format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700 900;font-display:swap;src:url(body-3.ttf?v=20261107.2) format('truetype')}

/* BZZKNOWAI colors. */
:root {
  --ink: #14213c;
  --blue: #2453e6;
  --blue-hover: #173dc0;
  --paper: #fff;
  --muted: #566277;
  --line: #d8dfec;
  --tint: #eef3fc;
  --deep: #0d1730;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:21px;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,h4{font-weight:700;line-height:1.08;letter-spacing:-.045em}
h2{font-size:clamp(39px,4.1vw,57px)}
h3{font-size:32px}
p{color:var(--muted)}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:inherit}
img{max-width:100%;height:auto;display:block}
svg{width:24px;height:24px;flex-shrink:0}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
[hidden]{display:none!important}
.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}
.accent{color:var(--blue)}
.section{padding-block:110px}
.section-intro{display:grid;grid-template-columns:1.5fr 1fr;column-gap:80px;row-gap:16px;margin-bottom:56px}
.section-intro>.eyebrow{grid-column:1/-1;margin:0;justify-self:start}
.section-intro>p:last-child{font-size:22px;line-height:1.55;align-self:end;max-width:460px}
.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.1em;font-weight:700;text-transform:uppercase;color:var(--blue);margin-bottom:18px}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ink);margin-right:7px}
.brand{display:inline-flex;align-items:center;font-size:30px;letter-spacing:-1.5px;font-weight:700;line-height:1;color:var(--ink)}
.brand-ai,.brand-symbol{color:var(--blue)}
.brand-symbol{margin-right:8px}
.brand-symbol svg{width:22px;height:30px;display:block}
.brand.small{font-size:24px}
.masthead{background:var(--paper);color:var(--ink)}
.site-header{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.site-header .brand{color:var(--ink)}
.site-header .brand-ai,.site-header .brand-symbol{color:var(--blue)}
.header-cta{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:700;border:1px solid #b8c7ef;color:var(--blue);border-radius:5px;padding:13px 20px}
.header-cta svg{width:18px;height:18px}
.header-cta:hover{background:#edf2ff}
.skip-link{position:fixed;z-index:100;left:16px;top:-90px;background:var(--paper);padding:12px 20px;color:var(--ink)}
.skip-link:focus{top:12px}

/* Hero and strategy call. */
.hero{background:var(--paper);color:var(--ink);text-align:center;padding:56px 0 60px}
.hero .eyebrow{font-size:12px;letter-spacing:.075em;color:var(--muted);margin-bottom:24px}
.hero .status-dot{background:var(--blue)}
.hero-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px 10px;
  margin: -8px auto 21px;
}
.hero-trust p {
  color: var(--ink);
  font-size: 14px;
  line-height: 1.4;
}
.trust-stars {
  display: inline-flex;
  flex-shrink: 0;
  gap: 2px;
  color: var(--paper);
}
.trust-stars svg {
  width: 17px;
  height: 17px;
  background: #00875f;
}
.hero h1{font-size:clamp(48px,5.7vw,82px);text-transform:uppercase;letter-spacing:-.055em;line-height:.99;margin:0 auto 28px;max-width:1120px}
.hero h1 span{color:var(--blue)}
.hero-pain{max-width:810px;margin-inline:auto;font-size:24px;font-weight:600;color:var(--ink);line-height:1.4}
.hero-intro{max-width:810px;margin:22px auto 34px;font-size:21px;line-height:1.55;color:var(--muted)}
.hero-intro strong{color:var(--ink)}

.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:64px;padding:19px 30px;border:1px solid var(--blue);border-radius:5px;background:var(--blue);color:var(--paper);font-size:18px;font-weight:700;line-height:1.25;text-align:center;text-transform:uppercase;letter-spacing:.01em;box-shadow:0 3px 0 var(--blue-hover);transition:background .18s,transform .18s}
.button:hover{background:var(--blue-hover);transform:translateY(-2px)}
.button:active{transform:translateY(1px);box-shadow:none}
.button svg{width:24px;height:24px}

.button-small{min-height:44px;padding:12px 18px;font-size:12px;box-shadow:none;gap:10px}
.cta-group{margin-top:36px;text-align:center}
.cta-group>p{font-size:14px;margin-top:17px}
.hero>.wrap>.cta-group>p{max-width:510px;margin-inline:auto;color:var(--muted);line-height:1.5}
.founder-signoff{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:25px;text-align:left}
.avatar{width:48px;height:48px;background:#dce6ff;border-radius:50%;overflow:hidden;flex-shrink:0}
.avatar img{width:53px;max-width:none;margin:-2px 0 0 -3px}
.founder-signoff p{font-size:13px;line-height:1.5;color:var(--muted)}
.founder-signoff strong{color:var(--ink)}

/* The same highlighted number style across the landing. */
.metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.hero-metrics {
  max-width: 1010px;
  margin: 40px auto 0;
  text-align: left;
}
.metric-callout {
  min-width: 0;
  padding: clamp(19px, 3vw, 32px);
  border: 1px solid #e5dcc2;
  border-radius: 8px;
  background: #fffaf0;
}
.metric-label {
  display: block;
  margin-bottom: 10px;
  color: #6d5425;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.metric-callout .metric-number {
  color: var(--blue);
  background: linear-gradient(transparent 63%, #f9df8b 63%, #f9df8b 94%, transparent 94%);
  font-size: clamp(39px, 6vw, 72px);
  line-height: 1.08;
  letter-spacing: -.06em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.metric-callout .metric-comparison {
  font-size: clamp(26px, 4vw, 50px);
  white-space: nowrap;
}
.metric-from {
  font-size: .72em;
  color: var(--ink);
}
.metric-callout p {
  max-width: 430px;
  margin: 12px 0 0;
  color: var(--ink);
  font-size: 17px;
  line-height: 1.5;
}
.dashboard-outcomes { margin-bottom: 24px; }
.proof-section .section-intro { grid-template-columns: 1fr; }

.workflow-film {
  max-width: 1010px;
  margin: 32px auto 0;
  text-align: left;
}

.film-player { position: relative; overflow: hidden; isolation: isolate; border-radius: clamp(18px, 2.8vw, 30px); background: var(--deep); box-shadow: 0 16px 45px #0d173014; }
.workflow-film video { display: block; width: 100%; aspect-ratio: 16 / 9; background: var(--deep); border-radius: inherit; }
.film-play { position: absolute; isolation: isolate; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 9px; width: 100%; border: 0; background: #09163338; color: white; text-align: center; cursor: pointer; }
.film-play::before { content: ''; position: absolute; z-index: -1; width: 63%; height: 73%; border-radius: 24px; border: 1px solid #ffffff52; background: #2453e6e8; box-shadow: 0 0 0 12px #2453e61c, 0 15px 50px #0d17302b; transition: background .2s, transform .2s; }
.film-play:hover::before { background: #1c46d5f5; transform: scale(1.015); }
.film-play:focus-visible { outline: 4px solid white; outline-offset: -7px; }
.film-sound-icon { display: block; width: clamp(30px, 5vw, 62px); margin-bottom: 4px; }
.film-sound-icon svg { display: block; width: 100%; height: auto; }
.film-overlay-title { font-size: clamp(16px, 2.65vw, 32px); font-weight: 500; }
.film-play strong { font-size: clamp(24px, 4.2vw, 49px); line-height: 1.05; letter-spacing: -.035em; }
.film-play[hidden] { display: none; }
@media(max-width: 600px) { .film-play { gap: 5px; } .film-play::before { width: 76%; height: 78%; border-radius: 15px; box-shadow: 0 0 0 6px #2453e61c; } .film-sound-icon { margin: 0; } }
/* Quiet section changes, strong headings and aligned columns. */
.tools-strip {
  padding: 32px 0;
  border-block: 1px solid var(--line);
  background: var(--tint);
  text-align: center;
}
.tools-strip h2 {
  color: var(--muted);
  font-size: 14px;
  letter-spacing: 0;
}
.tools {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px 26px;
  margin: 12px 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
  font-weight: 600;
}
.tools li { display: flex; align-items: center; gap: 8px; }
.tools img { object-fit: contain; flex-shrink: 0; }
.tools b { color: var(--blue); font-size: 20px; }
.tools-strip .text-link { font-size: 13px; letter-spacing: .025em; }
.section-intro.stacked-intro {
  grid-template-columns: 1fr;
  max-width: 960px;
}
.stacked-intro > p:last-child { max-width: 710px; }
.section-intro .pain-kicker {
  padding: 8px 14px;
  border-radius: 5px;
  background: var(--blue);
  color: var(--paper);
  font-size: 13px;
}
.pain-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: var(--tint);
  color: var(--blue);
}
.pain-icon svg { stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.pain-grid article{padding:32px 32px 0 0}
.pain-grid article+article{border-left:1px solid var(--line);padding-left:32px}
.pain-grid article:last-child{padding-right:0}

.pain-grid h3{font-size:30px;line-height:1.12;margin:20px 0}
.pain-grid p{font-size:20px;line-height:1.6}
.pain-bottom{font-size:clamp(23px,3vw,35px);text-align:center;color:var(--ink);margin-top:48px;padding:25px 28px;border-block:1px solid var(--line);letter-spacing:-.035em}
.hero-pain,
.pain-bottom strong {
  text-decoration: underline;
  text-decoration-color: #e2b44f;
  text-decoration-thickness: .15em;
  text-underline-offset: .13em;
}
.solution-section{background:var(--tint);border-block:1px solid var(--line)}
.workflow-row{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding:58px 0;border-bottom:1px solid var(--line)}
.workflow-row:first-child{padding-top:0}
.workflow-row:last-child{border-bottom:0;padding-bottom:0}
.workflow-copy h3{font-size:40px;line-height:1.1;margin:18px 0 22px}
.workflow-copy > p{font-size:21px;line-height:1.6}
.workflow-copy > p + p{margin-top:18px}
.workflow-copy strong{color:var(--ink)}
.industry-answer {
  margin-bottom: 48px;
  padding: clamp(22px, 4vw, 38px);
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--paper);
}
.industry-answer > h3 { font-size: clamp(25px, 3vw, 34px); }
.industry-answer > p { max-width: 780px; margin: 12px 0 24px; }
.industry-questions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
  gap: 24px;
}
.industry-questions article { border-top: 1px solid var(--line); padding-top: 14px; }
.industry-questions h4 { margin-bottom: 8px; font-size: 19px; line-height: 1.25; }
.industry-questions p { font-size: 16px; }
.workflow-copy .metric-callout { margin: 24px 0 22px; }
.workflow-copy .button { max-width: 100%; }
.step-number{font-size:14px;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-weight:700;border-radius:50%;width:38px;height:38px}
.check-list{padding:0;list-style:none;margin:24px 0 0}
.check-list li{display:flex;align-items:flex-start;gap:10px;font-size:17px;line-height:1.5;margin-top:12px}
.check-list svg{width:19px;height:19px;margin-top:3px;color:var(--blue)}
.example-panel{background:var(--paper);border:1px solid var(--line);padding:32px;border-radius:8px}
.example-label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted);margin-bottom:23px}

.mini-brand{display:inline-grid;place-items:center;background:var(--blue);color:var(--paper);font-size:18px;font-weight:700;line-height:1;border-radius:5px;width:28px;height:28px;flex-shrink:0}
.captured{display:flex;gap:8px;font-size:12px;line-height:1.5;margin-top:24px}
.captured svg{width:15px;height:15px;color:var(--ink)}

/* Sample email and estimate use the same fictional company identity. */
.example-panel.email-example {
  padding: 0;
  overflow: hidden;
  box-shadow: 0 12px 30px #14213c0a;
}
.email-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  background: var(--deep);
  color: #dbe5ff;
  font-size: 12px;
}
.email-toolbar span:first-child { font-weight: 700; color: var(--paper); }
.email-thread { padding: 22px 20px 0; }
.email-thread h4 { margin-bottom: 14px; font-size: 23px; }
.email-message { padding: 16px 0; border-top: 1px solid var(--line); }
.email-message header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  font-size: 13px;
}
.email-message header small, .email-message time { display: block; font-size: 11px; color: var(--muted); }
.email-message time { white-space: nowrap; }
.email-avatar, .sample-logo {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
}
.email-avatar { display: grid; place-items: center; border-radius: 50%; background: var(--tint); color: var(--blue); font-size: 11px; font-weight: 700; }
.email-message p { font-size: 14px; line-height: 1.55; }
.email-message p + p { margin-top: 7px; }
.email-signature { margin-top: 14px; }
.sample-brand { display: flex; align-items: center; gap: 9px; color: #103b39; }
.email-signature .sample-brand { margin-top: 8px; font-size: 13px; }
.email-example .captured { margin: 0; padding: 12px 20px; background: var(--tint); }

.estimate-preview {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #dce4f2;
  box-shadow: 0 12px 30px #14213c0a;
}
.document-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: var(--deep);
  color: var(--paper);
  font-size: 12px;
}
.document-toolbar > span:first-child { display: flex; align-items: center; gap: 6px; }
.document-toolbar svg { width: 17px; height: 17px; }
.document-sheet {
  margin: clamp(12px, 2.5vw, 26px);
  padding: clamp(14px, 2.5vw, 30px);
  border-top: 5px solid #103b39;
  background: var(--paper);
  box-shadow: 0 4px 12px #14213c18;
}
.document-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.document-header .sample-brand { font-size: 15px; line-height: 1.25; }
.document-reference { text-align: right; font-size: 10px; color: var(--muted); letter-spacing: .055em; }
.document-reference strong { color: var(--ink); font-size: 15px; letter-spacing: 0; }
.document-client { margin: 24px 0 12px; font-size: 13px; }
.document-client span { display: block; color: var(--muted); font-size: 9px; letter-spacing: .08em; }
.document-sheet h4 { font-size: clamp(19px, 2.2vw, 27px); margin-bottom: 18px; }
.document-items { width: 100%; border-collapse: collapse; font-size: 12px; }
.document-items th, .document-items td { padding: 9px 0; border-bottom: 1px solid var(--line); text-align: left; }
.document-items thead { color: var(--muted); }
.document-items tr > :last-child { padding-left: 8px; text-align: right; white-space: nowrap; }
.document-items tfoot { font-weight: 700; color: #103b39; }
.document-footer { display: flex; justify-content: space-between; gap: 8px; margin-top: 14px; color: var(--muted); font-size: 10px; }
.estimate-dialog { padding: 52px 18px 18px; }

.tag{display:inline-block;color:var(--ink);background:var(--tint);font-size:11px;line-height:1.3;border-radius:4px;padding:6px 9px;font-weight:600;white-space:nowrap}
.tag.amber{color:#6a4b16;background:#f9e7ac}
.tag.neutral{background:#edf0f5;color:var(--muted)}

.timeline>div{display:flex;align-items:flex-start;gap:12px;position:relative;padding-bottom:24px}
.timeline>div:not(:last-child):after{content:'';position:absolute;width:1px;background:var(--line);top:16px;bottom:1px;left:6px}
.timeline-dot{display:block;width:13px;height:13px;border:2px solid var(--line);border-radius:50%;flex-shrink:0;margin-top:4px}
.timeline-dot.done{background:var(--ink);border-color:var(--ink)}
.timeline-dot.active{border-color:var(--ink);box-shadow:0 0 0 4px var(--tint)}
.timeline strong{display:block;font-size:14px;color:var(--ink)}
.timeline small{display:block;font-size:12px;margin-top:4px;color:var(--muted)}
.timeline svg{width:16px;height:16px;margin-left:auto;color:var(--ink)}
.followup-bubble{margin:0 0 25px 25px;font-size:16px;line-height:1.6;background:var(--tint);border-radius:0 8px 8px 8px;padding:20px}
.followup-example>.timeline:last-child>div{padding-bottom:0}
/* Sample workspace: labels are readable at desktop and phone widths. */
.dashboard{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--paper)}
.dashboard-heading{padding:22px 26px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line)}
.dashboard-user{display:flex;align-items:center;gap:12px;margin-left:auto;font-size:12px;font-weight:600}
.dashboard-user>span{background:var(--tint);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11px}
.dashboard-main{display:grid;grid-template-columns:172px 1fr;min-height:430px}
.dashboard-sidebar{display:flex;flex-direction:column;gap:9px;font-size:12px;padding:25px 16px;border-right:1px solid var(--line);color:var(--muted)}
.dashboard-sidebar>strong{font-size:10px;letter-spacing:.1em;padding:0 10px;margin-bottom:12px}
.dashboard-sidebar>div{padding:10px;border-radius:4px}
.dashboard-sidebar>div.active{color:var(--paper);background:var(--ink);font-weight:600}
.dashboard-sidebar .sidebar-bottom{margin-top:auto}
.dashboard-content{padding:27px;background:#f7f9fc;min-width:0}
.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.dashboard-welcome p{font-size:12px;margin-bottom:5px}
.dashboard-welcome h3{font-size:25px;letter-spacing:-.025em}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}
.metrics>div{border:1px solid var(--line);border-radius:5px;background:var(--paper);padding:16px 13px}
.metrics>div>span{font-size:11px;display:block;color:var(--muted);min-height:34px}
.metrics strong{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:33px;letter-spacing:-.05em;margin-top:5px;line-height:1.3}
.metrics small{font-size:10px;letter-spacing:0;color:var(--muted);font-weight:400}
.dashboard-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line)}
.dashboard-tabs button{border:0;background:none;position:relative;padding:13px 0;font-size:12px;color:var(--muted)}
.dashboard-tabs button[aria-selected=true]{color:var(--ink);font-weight:700}
.dashboard-tabs button[aria-selected=true]:after{content:'';position:absolute;height:3px;background:var(--ink);bottom:-1px;left:0;right:0}
.dashboard-tabs button span{font-size:10px;background:var(--tint);padding:2px 5px;border-radius:3px;margin-left:5px}
.tab-panel{min-height:210px}
.customer-table>div{display:grid;grid-template-columns:1.1fr 1.2fr 1fr;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.customer-table>div>span:first-child{display:flex;align-items:center;gap:10px}
.customer-table strong{color:var(--ink);font-size:12px;font-weight:600}
.customer-table .customer-table-head{font-size:9px;letter-spacing:.06em;padding:17px 0 10px}
.customer-table .tag{justify-self:start;font-size:10px}
.initials{width:30px;height:30px;display:grid;place-items:center;font-size:10px;font-style:normal;flex-shrink:0;border-radius:50%}
.lilac{background:#e9e4fb;color:#65518b}
.yellow{background:#f9e7ac;color:#6a4b16}
.mint{background:#d5e1ca;color:#365b3c}
.dashboard-foot{margin-top:20px;font-size:11px;color:var(--muted)}
.dashboard-foot .status-dot{width:6px;height:6px}
.dashboard-caption{text-align:center;margin:24px auto 0;font-size:14px;max-width:760px}
.dashboard-detail{padding:26px 0;display:flex;align-items:center;gap:22px;justify-content:space-between}
.dashboard-detail h4{font-size:23px;margin:15px 0 10px;letter-spacing:-.025em}
.dashboard-detail p{font-size:15px;max-width:460px}
.dashboard-detail .button{flex-shrink:0;font-size:11px;max-width:175px}
.followup-rule{font-size:12px;display:flex;align-items:center;gap:6px;white-space:nowrap}
.followup-rule svg{width:17px;height:17px}

/* Rules, proof and people. */
.custom-section{background:var(--ink);color:var(--paper)}
.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}
.custom-grid h2{font-size:50px;margin-bottom:28px}
.custom-section .eyebrow{color:#b5c8ff}
.custom-grid p:not(.eyebrow){font-size:21px;line-height:1.6;margin-bottom:20px;color:#dce5fb}
.text-link{display:inline-flex;align-items:center;gap:13px;color:var(--ink);font-weight:700;font-size:18px;margin-top:8px;border-bottom:1px solid currentColor;padding-bottom:5px}
.text-link:hover{color:var(--blue)}
.text-link svg{width:21px;height:21px}
.rules-card{background:var(--paper);color:var(--ink);border-radius:8px;padding:32px}
.rules-heading{display:flex;align-items:center;gap:10px;margin-bottom:17px}
.rules-heading strong{font-size:11px;letter-spacing:.04em}
.rules-heading>.tag{margin-left:auto;font-size:10px}
.rules-card>div:not(.rules-heading){display:flex;gap:20px;border-top:1px solid var(--line);padding:24px 0}
.rules-card>div:last-child{padding-bottom:0}
.rules-card>div>span:not(.mini-brand):not(.tag){font-size:12px;font-weight:700;color:var(--blue);padding-top:3px}
.rules-card>div>p{font-size:16px!important;line-height:1.55!important;margin:0!important;color:var(--muted)!important}
.rules-card p strong{display:block;font-size:19px;color:var(--ink);letter-spacing:-.025em;margin-bottom:6px}

.start-section{background:#eaf0ff;border-block:1px solid var(--line)}
.start-section .accent{color:var(--ink)}
.start-section p{color:var(--muted)}
.start-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:12px 0 45px}
.start-steps article{position:relative}
.start-steps article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--blue);color:var(--paper);font-size:18px;font-weight:700;margin-bottom:24px;position:relative;z-index:1}
.start-steps article:not(:last-child):after{content:'';height:1px;background:#b8c7ef;position:absolute;left:65px;right:-30px;top:22px}
.start-steps h3{font-size:28px;letter-spacing:-.035em;margin-bottom:18px}
.start-steps p{font-size:20px;line-height:1.6}
.founder-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}
.founder-photo{align-self:end;position:relative;min-width:0;isolation:isolate}
.portrait-circle{width:100%;aspect-ratio:1;border-radius:50%;background:#dce6ff;position:absolute;bottom:75px;z-index:-1}
.founder-photo>img{width:375px;margin-inline:auto;position:relative}
.founder-name{position:relative;background:var(--paper);padding:22px;border-top:1px solid var(--line);text-align:center}
.founder-name>strong{display:block;font-size:18px}
.founder-name>span{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.founder-copy h2{font-size:48px;line-height:1.1;margin-bottom:28px}
.founder-copy>p:not(.eyebrow){font-size:21px;line-height:1.6;margin-bottom:20px}
.faq-section{background:var(--tint);border-top:1px solid var(--line)}
.faq-wrap{display:grid;grid-template-columns:.85fr 1.4fr;gap:90px;align-items:start}
.faq-wrap>h2{position:sticky;top:45px}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list details:first-child{border-top:1px solid var(--line)}
.faq-list summary{list-style:none;display:flex;align-items:center;gap:22px;justify-content:space-between;padding:24px 0;cursor:pointer;font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.025em}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{font-weight:400;font-size:28px;color:var(--blue);transition:transform .15s;flex-shrink:0}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details>p{padding:0 35px 27px 0;font-size:20px;line-height:1.65}
.closing-section{background:var(--blue);color:var(--paper);text-align:center;padding:95px 0 85px}
.closing-section .wrap{max-width:920px}
.closing-section .eyebrow{color:#dce5fb}
.closing-section h2{font-size:clamp(45px,5.5vw,72px);line-height:1.02;margin:23px auto 28px;max-width:850px}
.closing-section h2+p{color:#dce5fb;font-size:24px;margin-bottom:34px}
.closing-section .button {
  background: var(--paper);
  color: var(--blue);
  border-color: var(--paper);
}
.closing-section .button:hover {
  background: #edf2ff;
}
.closing-section .closing-note{max-width:510px;font-size:14px;color:#dce5fb;margin:20px auto 0}

.site-footer{display:flex;align-items:center;gap:25px;padding-block:32px}
.site-footer>span{font-size:12px;color:var(--muted);margin-left:auto}
.privacy-button{font-size:12px;border:0;background:none;padding:6px;color:var(--muted)}
.privacy-button:hover{text-decoration:underline}
.mobile-booking{display:none}

/* Accessible dialogs. */
dialog{width:min(560px,calc(100% - 36px));border:1px solid var(--line);border-radius:8px;padding:40px;color:var(--ink);background:var(--paper);box-shadow:0 24px 80px #0003}
dialog::backdrop{background:#0d1730cc;backdrop-filter:blur(3px)}
dialog h2{font-size:35px;line-height:1.15;margin:15px 0 22px}
dialog p{font-size:18px;line-height:1.6;margin-bottom:18px}
dialog .eyebrow{font-size:10px;margin-bottom:10px}
dialog a{color:var(--blue);text-decoration:underline}
.dialog-close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:28px;line-height:1;padding:8px}
.privacy-dialog {
  max-height: min(540px, calc(100% - 32px));
  padding: 0;
  overflow: hidden;
}
.privacy-dialog[open] {
  display: flex;
  flex-direction: column;
}
.privacy-header {
  position: relative;
  flex-shrink: 0;
  padding: 20px clamp(20px, 5vw, 32px);
  padding-right: 62px;
  border-bottom: 1px solid var(--line);
}
.privacy-header h2 {
  margin: 0;
  font-size: clamp(26px, 5vw, 32px);
}
.privacy-body {
  min-height: 0;
  padding: 22px clamp(20px, 5vw, 32px) 28px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.privacy-body:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: -3px;
}
.privacy-body h3 {
  margin: 20px 0 6px;
  font-size: 17px;
  letter-spacing: -.02em;
}
.privacy-body p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}

@media(max-width:1100px){
  .wrap{width:calc(100% - 56px)}
  .section{padding-block:85px}
  .section-intro{column-gap:40px;grid-template-columns:1.3fr 1fr}
  .hero h1{font-size:clamp(48px,6.4vw,70px)}

  .workflow-row,.custom-grid{gap:45px}
  .workflow-copy h3{font-size:36px}
  .example-panel,.rules-card{padding:26px}
  .custom-grid h2{font-size:43px}
  .dashboard-sidebar{display:none}.dashboard-main{grid-template-columns:1fr}
  .pain-grid h3{font-size:27px}.pain-grid article{padding-right:24px}.pain-grid article+article{padding-left:24px}

  .founder-section{gap:50px}.founder-copy h2{font-size:41px}
  .faq-wrap{gap:50px;grid-template-columns:.8fr 1.4fr}
.start-steps{gap:35px}.start-steps article:not(:last-child):after{right:-15px}
}
@media(max-width:800px){
  .section-intro{grid-template-columns:1fr;gap:16px;max-width:680px;margin-bottom:42px}
  .section-intro>p:last-child{max-width:620px;font-size:21px}
  .hero{padding-top:40px}.hero-pain{font-size:22px}.hero-intro{font-size:20px}

  .pain-grid{grid-template-columns:1fr}.pain-grid article,.pain-grid article+article{border-left:0;border-bottom:1px solid var(--line);padding:28px 0}
  .pain-grid h3{font-size:30px;margin:15px 0}.pain-grid h3 br{display:none}
  .pain-grid article:last-child{border-bottom:0}.pain-bottom{margin-top:25px}
  .workflow-row{grid-template-columns:1fr;gap:30px}.workflow-copy h3{font-size:32px}.workflow-copy>p{font-size:20px}
  .check-list li{font-size:16px}.example-panel{padding:22px}

  .custom-grid{grid-template-columns:1fr;gap:38px}.custom-grid>div:first-child{max-width:630px}

  .start-steps{gap:25px}.start-steps h3{font-size:25px}.start-steps p{font-size:19px}
  .founder-section{grid-template-columns:.75fr 1.25fr;gap:35px}.founder-copy h2{font-size:37px}.founder-copy>p:not(.eyebrow){font-size:20px}
  .faq-wrap{grid-template-columns:1fr;gap:32px}.faq-wrap>h2{position:static}

}
@media(max-width:600px){
  .metric-grid { grid-template-columns: 1fr; gap: 12px; }
  .hero-metrics { margin-top: 28px; }
  .tools { gap: 9px 18px; font-size: 14px; }
  body{font-size:20px}.wrap{width:calc(100% - 36px)}
  .site-header{min-height:80px;gap:14px}.brand{font-size:26px;letter-spacing:-1.2px}.brand-symbol svg{width:18px;height:26px}
  .header-cta{font-size:10px;padding:11px 12px;gap:7px}.header-cta svg{width:15px;height:15px}
  .hero{padding:32px 0 42px}.hero .eyebrow{font-size:10px;letter-spacing:.07em;max-width:320px;line-height:1.6;margin:0 auto 22px}
  .hero h1{font-size:clamp(37px,9.3vw,53px);line-height:1.02;margin-bottom:24px}.hero h1 br{display:none}.hero h1 span{display:block}
  .hero-pain{font-size:21px;line-height:1.45}.hero-intro{font-size:19px;line-height:1.6;margin:22px auto 28px}

  .button{font-size:15px;min-height:60px;padding:18px 22px;gap:17px}
  .hero .button,.closing-section .button{width:100%;max-width:430px}

  .cta-group{margin-top:28px}.cta-group>p{font-size:13px;margin-top:16px}
  .founder-signoff p{font-size:12px}.founder-signoff{margin-top:24px}

  .section{padding-block:67px}h2{font-size:38px;letter-spacing:-.045em}.eyebrow{font-size:11px;margin-bottom:16px}
  .section-intro{margin-bottom:34px;gap:16px}.section-intro>p:last-child{font-size:20px}
.pain-grid h3{font-size:29px}.pain-grid p{font-size:20px}.pain-bottom{font-size:23px;padding:24px 0;line-height:1.4}
  .workflow-row{gap:30px;padding:40px 0}.workflow-copy h3{font-size:35px;margin:18px 0 21px}.workflow-copy>p{font-size:20px}.check-list li{font-size:17px}
  .example-panel{padding:24px}

  .dashboard-heading{padding:18px 16px;gap:10px;flex-wrap:wrap}.dashboard-heading>.brand{font-size:22px}.dashboard-user{display:none}
  .dashboard-content{padding:22px 16px}.dashboard-welcome{gap:10px;margin-bottom:22px}.dashboard-welcome h3{font-size:23px}.dashboard-welcome p{font-size:12px}.dashboard-welcome>.tag{display:none}
  .metrics{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:24px}.metrics>div{padding:14px 11px}.metrics>div>span{font-size:11px;min-height:0;line-height:1.4}.metrics strong{font-size:32px;gap:9px}.metrics small{font-size:10px}
  .dashboard-tabs{gap:19px}.dashboard-tabs button{font-size:11px}.dashboard-tabs button span{font-size:9px;margin-left:3px}
  .customer-table>div{grid-template-columns:1.2fr 1fr;gap:10px;padding:17px 0;font-size:11px}.customer-table>div>span:nth-child(2){display:none}.customer-table strong{font-size:11px}.customer-table .tag{font-size:9px;white-space:normal;justify-self:end}.initials{width:26px;height:26px;font-size:9px}
  .customer-table .customer-table-head{font-size:9px}.customer-table .customer-table-head>span:last-child{text-align:right}.dashboard-foot{font-size:10px;line-height:1.5}.tab-panel{min-height:190px}
  .dashboard-detail{flex-direction:column;align-items:flex-start;gap:18px}.dashboard-detail h4{font-size:22px}.dashboard-detail p{font-size:15px}.dashboard-detail .button{font-size:11px;min-height:44px;padding:12px 16px}.dashboard-caption{font-size:13px;margin-top:20px}
  .custom-grid{gap:36px}.custom-grid h2{font-size:38px}.custom-grid p:not(.eyebrow){font-size:20px}.text-link{font-size:17px;gap:10px}.rules-card{padding:25px}.rules-heading strong{font-size:10px}.rules-heading>.tag{font-size:9px}.rules-card>div>p{font-size:16px!important}

  .start-steps{grid-template-columns:1fr;gap:30px;margin-bottom:32px}.start-steps article{display:grid;grid-template-columns:40px 1fr;column-gap:17px}.start-steps article>span{grid-row:1/3;margin:0;width:37px;height:37px;font-size:16px}.start-steps h3{font-size:27px;margin-bottom:14px;padding-top:3px}.start-steps p{font-size:20px}.start-steps article:not(:last-child):after{left:18px;top:50px;bottom:-16px;width:1px;height:auto;right:auto}
  .start-section .button{width:100%}
  .founder-section{grid-template-columns:1fr;gap:35px}.founder-photo{max-width:300px;width:100%;margin-inline:auto;order:2}.founder-photo>img{max-height:370px;width:auto}.founder-name>span{font-size:11px}.portrait-circle{bottom:75px}.founder-copy h2{font-size:38px}.founder-copy>p:not(.eyebrow){font-size:20px}
  .faq-wrap{gap:30px}.faq-list summary{font-size:19px;gap:20px;padding:23px 0}.faq-list details>p{font-size:20px;padding-right:0;padding-bottom:25px}
  .closing-section{padding:70px 0 60px}.closing-section h2{font-size:45px;margin-bottom:25px}.closing-section h2+p{font-size:22px;line-height:1.5}.closing-section .closing-note{font-size:13px;margin-bottom:26px}
  .site-footer{padding-block:30px 110px;gap:17px;flex-wrap:wrap;justify-content:space-between}.site-footer .brand{font-size:24px}.site-footer>span{order:3;width:100%;font-size:11px;margin:0}.privacy-button{font-size:12px}
  .mobile-booking{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);padding:11px 18px calc(14px + env(safe-area-inset-bottom));z-index:15;transform:translateY(110%);transition:transform .2s}.mobile-booking.visible{transform:translateY(0)}.mobile-booking .button{width:100%;min-height:49px;padding:13px 20px;font-size:14px}
  dialog{padding:35px 25px 25px}dialog h2{font-size:31px}
  .privacy-dialog{padding:0}.privacy-header h2{font-size:26px}
  .hero-trust p{font-size:13px}.trust-stars svg{width:15px;height:15px}
}
@media(max-width:370px){
  .hero-trust p{font-size:12px}.trust-stars svg{width:14px;height:14px}
  .wrap{width:calc(100% - 28px)}.brand{font-size:23px}.header-cta{padding:10px;font-size:10px}.header-cta svg{display:none}
  .hero h1{font-size:34px}.hero-pain{font-size:20px}

  h2,.custom-grid h2,.founder-copy h2{font-size:34px}.workflow-copy h3{font-size:32px}.dashboard-tabs{gap:12px}.dashboard-tabs button{font-size:10px}.metrics>div>span{font-size:10px}.metrics small{font-size:9px}
.closing-section h2{font-size:39px}.rules-heading{gap:7px}.rules-heading strong{font-size:9px}.rules-heading .tag{font-size:8px}.example-panel{padding:20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}