/* Generated by scripts/build-homepage-css.mjs; edit the shared source, not this file. */
:root{color-scheme:dark;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Newsreader", ui-serif, Georgia, Cambria, "Times New Roman", serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2.25rem;--text-3xl:3.5rem;--space-2:8px;--space-3:12px;--space-4:20px;--space-5:32px;--space-6:52px;--space-7:88px;--radius-sm:8px;--radius-pill:999px;--container:1120px;--bg:#080d0b;--surface:#101713;--ink:#f3f7ef;--muted:#b7c3b8;--line:#26342d;--brand:#2dd4bf;--brand-strong:#5eead4;--brand-ink:#06110e;--accent:#8ab4ff;--accent-strong:#a8c7ff;--warning:#fbbf24;--dark:#0b1110;--dark-muted:#c2cdc4;--brand-tint-08:rgba(45, 212, 191, 0.08);--brand-tint-10:rgba(45, 212, 191, 0.1);--brand-tint-12:rgba(94, 234, 212, 0.12);--brand-tint-46:rgba(94, 234, 212, 0.46);--muted-tint-36:rgba(183, 195, 184, 0.36);--glass:rgba(255, 255, 255, 0.06);--scrim-88:rgba(8, 13, 11, 0.88);--selection-bg:var(--brand);--selection-ink:var(--brand-ink);--focus-ring:var(--accent-strong);--shadow-soft:0 18px 48px rgba(0, 0, 0, 0.34);--shadow-tight:0 10px 26px rgba(0, 0, 0, 0.24);}*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);line-height:1.6;}::selection{background:var(--selection-bg);color:var(--selection-ink);}*:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;}img{display:block;max-width:100%;}a{color:var(--brand-strong);text-underline-offset:0.18em;}a:not(.btn):not(.brand):not(.nav-cta){background-image:linear-gradient(var(--brand), var(--brand));background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;text-decoration:none;transition:color 140ms ease, background-size 200ms ease;}a:hover{color:var(--accent-strong);}a:not(.btn):not(.brand):not(.nav-cta):hover{background-size:100% 1px;}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--brand-tint-12);background:var(--scrim-88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}.nav{align-items:center;display:flex;gap:var(--space-5);justify-content:space-between;margin:0 auto;max-width:calc(var(--container) + 2 * var(--space-5));padding:14px var(--space-5);}.brand{align-items:center;color:var(--ink);display:inline-flex;gap:var(--space-2);font-weight:850;text-decoration:none;}.brand::before{width:28px;height:28px;flex:0 0 auto;background:url("/assets/pagenarrator-icon.png?v=6c24e1381eb7") center / contain no-repeat;content:"";}.nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;}.nav-links a{color:var(--muted);font-size:0.94rem;font-weight:650;text-decoration:none;}.nav-links a:hover{color:var(--ink);}main{overflow:hidden;}.hero{min-height:68vh;border-bottom:1px solid var(--line);background-color:var(--bg);background-image:radial-gradient(circle at 78% 32%, var(--brand-tint-10), transparent 34%),
    linear-gradient(135deg, var(--bg) 0%, var(--surface) 100%);color:var(--ink);padding:var(--space-7) var(--space-5) 74px;}.hero-inner,
.section-inner{margin:0 auto;max-width:var(--container);}.hero-copy{max-width:720px;}.eyebrow{align-items:center;color:var(--brand-strong);display:inline-flex;gap:var(--space-2);font-size:var(--text-xs);font-weight:800;letter-spacing:0.08em;margin:0 0 14px;text-transform:uppercase;}.eyebrow::before{width:20px;height:20px;flex:0 0 auto;background:url("/assets/pagenarrator-icon.png?v=6c24e1381eb7") center / contain no-repeat;content:"";}h1,
h2,
h3{line-height:1.15;margin:0;}h1,
h2{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:0;}h1{font-size:var(--text-3xl);letter-spacing:0;margin-bottom:var(--space-4);text-wrap:balance;}h2{font-size:var(--text-2xl);letter-spacing:0;margin-bottom:14px;}h3{font-size:var(--text-lg);margin-bottom:var(--space-2);}.hero p,
.page-hero p{font-size:var(--text-lg);}.hero p{color:var(--dark-muted);margin:0 0 26px;max-width:680px;}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);}.trust-list{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:var(--space-4) 0 0;padding:0;list-style:none;color:var(--dark-muted);font-size:var(--text-sm);font-weight:700;}.trust-list li{display:inline-flex;align-items:center;gap:var(--space-2);}.trust-list li::before{color:var(--brand);content:"✓";font-weight:850;}.hero-visual{margin-top:var(--space-6);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-soft);}.hero-visual img{border-bottom:0;}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font:inherit;font-weight:800;justify-content:center;line-height:1.2;min-height:48px;padding:var(--space-3) 18px;text-align:center;text-decoration:none;transition:background 140ms ease, border-color 140ms ease, color 140ms ease, transform 100ms ease;}.btn:hover{transform:translateY(-1px);}.btn.primary{background:var(--brand);color:var(--brand-ink);}.btn.primary:hover{background:var(--brand-strong);}.btn.secondary{border-color:var(--muted-tint-36);background:var(--glass);color:var(--ink);}.btn.secondary:hover{border-color:var(--brand-tint-46);background:var(--brand-tint-10);}.btn:disabled{background:#45514b;color:#c9d3cb;cursor:not-allowed;transform:none;}.section{position:relative;padding:76px var(--space-5);}.section.dark{background:var(--dark);color:var(--ink);}.section.dark p{color:var(--dark-muted);}.section p{color:var(--muted);margin:0 0 16px;}.section .eyebrow{color:var(--brand-strong);margin:0 0 14px;}.section h2::before{display:block;width:20px;height:3px;margin-bottom:var(--space-2);border-radius:var(--radius-pill);background:var(--accent);content:"";}.feature-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--space-4);margin-top:var(--space-5);}.feature-grid article{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-tight);padding:var(--space-4);}.feature-grid h3{color:var(--ink);}.feature-grid p{margin:0;}figure{margin:0;}figure img{width:100%;aspect-ratio:16 / 10;border:0;border-bottom:1px solid var(--line);background:#080d0b;object-fit:contain;object-position:top center;}.section-action{margin-top:22px;}.comparison tr:last-child td{border-bottom:0;}.comparison td:not(:first-child),
.comparison th:not(:first-child){text-align:center;}.page-hero .eyebrow,
.page-hero h1,
.page-hero p:not(.eyebrow){grid-column:1;}.page-hero p:not(.eyebrow){margin:0;}.site-footer{border-top:1px solid var(--line);background:var(--dark);padding:34px var(--space-5);}.footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:var(--container);}.footer-inner p{color:var(--muted);margin:0;}.footer-links{display:flex;flex-wrap:wrap;gap:14px;}.footer-links a{color:var(--muted);text-decoration:none;}.footer-links a:hover{color:var(--brand-strong);}.nav-links a:hover,
.footer-links a:hover{text-decoration:underline;text-decoration-color:var(--brand);}@media (max-width: 820px){.nav{align-items:flex-start;flex-direction:column;}.hero{background-image:radial-gradient(circle at 80% 20%, var(--brand-tint-10), transparent 32%),
      linear-gradient(135deg, var(--bg) 0%, var(--surface) 100%);min-height:auto;padding:72px var(--space-5) 68px;}h1{font-size:var(--text-2xl);}h2{font-size:var(--text-xl);}.feature-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}.feature-grid article:last-child:nth-child(odd){grid-column:1 / -1;}}@media (max-width: 520px){.nav,
  .nav-links{align-items:stretch;}.nav{gap:var(--space-3);padding:14px 20px;}.nav-links{width:100%;}.nav-links{gap:10px 14px;}.nav-links a{font-size:0.88rem;}.btn{width:100%;}.btn{padding:13px 14px;font-size:0.95rem;}h1{font-size:2.28rem;}.hero,
  .section,
  .page-content,
  .site-footer{padding-left:20px;padding-right:20px;}.feature-grid{grid-template-columns:1fr;}.comparison tr > :first-child{grid-column:1 / -1;border-bottom:0;padding-bottom:0;}.comparison thead tr > :first-child{display:none;}.comparison td:first-child{color:var(--ink);font-weight:800;}.hero p,
  .page-hero p{font-size:var(--text-base);}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto;}*,
  *::before,
  *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important;}.btn:hover{transform:none;}}