.builder-hero { max-width:880px; padding-block:72px 48px; text-align:center; }
.builder-hero h1 { font-size:clamp(48px,7vw,88px); margin:18px 0 24px; }
.builder-subtitle { max-width:730px; margin:auto; font-size:22px; line-height:1.5; color:var(--ink); }
.builder-value { margin:18px auto 0; font-size:17px; }
.builder-actions { display:flex; justify-content:center; align-items:center; gap:28px; margin:28px 0 14px; }
.builder-reassurance { font-size:13px; }
.builder-demo { max-width:1100px; padding-bottom:64px; }
.builder-demo-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:22px; }
.builder-demo-heading .eyebrow { margin-bottom:10px; }
.builder-demo-heading h2 { font-size:28px; }
.builder-demo-label { color:var(--muted); font-size:12px; }
.builder-demo figure { margin:0; }
.builder-demo-frame { position:relative; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:#f8fafc; }
.builder-demo-frame img { width:100%; height:auto; }
.builder-demo-toggle { position:absolute; bottom:12px; right:12px; background:#fff; color:var(--ink); border:1px solid var(--line); padding:8px 14px; border-radius:5px; font-size:12px; }
.builder-demo figcaption { color:var(--muted); font-size:13px; margin-top:14px; }
.builder-demo-links { display:flex; flex-wrap:wrap; gap:12px 28px; margin-top:16px; }
.builder-workflow,.builder-faq { background:#faf9fc; border-block:1px solid var(--line); }
.builder-feature-link { display:inline-block; margin-top:32px; }
.builder-table-scroll { overflow-x:auto; border:1px solid var(--line); border-radius:8px; }
.builder-comparison table { width:100%; min-width:840px; border-collapse:collapse; text-align:left; font-size:14px; line-height:1.6; }
.builder-comparison caption { text-align:left; padding:18px 20px; font-size:13px; color:var(--muted); border-bottom:1px solid var(--line); }
.builder-comparison th,.builder-comparison td { padding:22px 20px; vertical-align:top; border-bottom:1px solid var(--line); }
.builder-comparison thead th { font-size:12px; background:#faf9fc; color:var(--muted); }
.builder-comparison th[scope="row"] { width:12%; font-size:17px; }
.builder-comparison th[scope="row"] span { display:block; font-size:11px; font-weight:400; color:var(--accent); }
.builder-comparison td { width:33%; color:var(--muted); }
.builder-comparison td:last-child { width:22%; }
.builder-comparison td strong { display:block; font-size:14px; color:var(--ink); margin-bottom:8px; }
.builder-comparison td a { display:block; color:var(--accent); font-size:12px; text-decoration:underline; text-underline-offset:3px; }
.builder-comparison tr:last-child > * { border-bottom:0; }
.builder-appjet-row { background:#f5f0ff; }
.builder-comparison-note { font-size:12px; margin-top:16px; max-width:980px; }
.builder-choice { max-width:800px; margin-top:44px; padding-left:24px; border-left:3px solid var(--accent); }
.builder-choice p { margin:14px 0 18px; }
@media(max-width:700px) {
  .builder-hero { padding-block:46px 36px; }
  .builder-subtitle { font-size:19px; }
  .builder-value { font-size:15px; }
  .builder-actions { flex-direction:column; gap:16px; }
  .builder-demo-heading { display:block; }
  .builder-demo-heading h2 { font-size:25px; }
  .builder-demo-label { display:block; margin-top:12px; }
  .builder-demo { padding-bottom:40px; }
  .builder-demo figcaption { font-size:12px; }
  .builder-demo-toggle { bottom:6px; right:6px; padding:5px 9px; }
  .builder-choice { padding-left:18px; }
}