:root{color-scheme:dark;--bg:#000;--panel:#111116;--ink:#e5dfd3;--text:var(--ink-read,#bcb5ac);--muted:var(--ink-meta,#aca294);--gold:#EFC873;--gold-soft:#C9A465;--gold-deep:#D8A33C;--gold-gradient:linear-gradient(135deg,#F5D694,#DCA640);--line:rgba(231,222,210,.14);--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:ui-monospace,'SF Mono',Menlo,monospace}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:160px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--gold)}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:6px;border-radius:3px}::selection{background:#5c4930;color:white}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:12px;background:var(--ink);color:var(--bg);padding:10px 18px;z-index:200;transform:translateY(-150%)}.skip-link:focus{transform:none}.masthead{position:sticky;top:0;z-index:30;background:rgba(0,0,0,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.masthead-inner{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand svg{width:33px;height:36px}.brand-name{font:600 29px/1 var(--serif);letter-spacing:-1px}.brand-by{display:block;font:8px/1.6 var(--mono);letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-top:7px}.main-links{display:flex;align-items:center;gap:28px;font-size:13px}.main-links>a:not(.button){text-decoration:none;color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:11px 23px;border:1px solid var(--gold);border-radius:100px;background:var(--gold-gradient);color:#0B0910;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(120,80,10,.35),0 0 0 1px rgba(239,200,115,.28),0 8px 22px -14px rgba(216,177,93,.35);font-size:13px;font-weight:650;text-decoration:none;line-height:1.4;transition:background .18s,border-color .18s}.button:hover{color:#0B0910;background:var(--gold-gradient);border-color:var(--gold);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(120,80,10,.35),0 0 0 1px rgba(239,200,115,.45),0 10px 26px -12px rgba(216,177,93,.45)}.button.secondary{box-shadow:none;background:transparent;color:var(--ink);border-color:var(--line)}.button.secondary:hover{border-color:var(--gold);color:var(--gold)}.subnav{display:flex;gap:32px;min-height:55px;align-items:stretch;border-top:1px solid rgba(231,222,210,.06);font-size:13px}.subnav a{display:flex;align-items:center;text-decoration:none;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.subnav a[aria-current]{border-color:var(--gold);color:var(--ink)}.hero{padding:76px 0 46px;position:relative}.hero:after{content:'';position:absolute;pointer-events:none;z-index:-1;top:-80px;right:0;width:65%;height:420px;background:radial-gradient(ellipse,rgba(201,164,101,.065),transparent 68%)}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin:0 0 25px;display:flex;gap:16px;align-items:center}.eyebrow:before{content:'';width:28px;height:1px;background:var(--gold);opacity:.55}h1{font:400 clamp(42px,5.2vw,70px)/1.09 var(--serif);letter-spacing:-2px;margin:0;max-width:1000px}h1 em{font-weight:400;color:var(--gold)}.hero-intro{font-size:18px;line-height:1.75;max-width:720px;margin:26px 0 0;color:var(--text)}.page-date{color:var(--muted);font-size:11px;letter-spacing:.04em;margin:22px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 0}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:0 0 70px;background:linear-gradient(120deg,rgba(239,200,115,.035),transparent)}.summary-card{padding:28px 28px 30px}.summary-card+.summary-card{border-left:1px solid var(--line)}.summary-index{font:10px/1 var(--mono);color:var(--gold);letter-spacing:1.5px;display:block;margin-bottom:20px}.summary-card h2{font:400 23px/1.25 var(--serif);letter-spacing:-.4px;margin:0 0 12px}.summary-card p{font-size:14px;color:var(--text);margin:0;line-height:1.65}.reading-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:66px}.toc{align-self:start;position:sticky;top:174px}.toc-label{font:10px/1.4 var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:0 0 20px}.toc a{display:block;text-decoration:none;font-size:12px;line-height:1.5;color:var(--text);padding:8px 0 8px 14px;border-left:1px solid var(--line)}.toc a:hover{border-color:var(--gold);color:var(--gold)}.toc-cta{margin-top:26px;padding-top:25px;border-top:1px solid var(--line)}.toc-cta strong{font:400 22px/1.3 var(--serif)}.toc-cta p{font-size:12px;color:var(--muted);line-height:1.6;margin:10px 0 16px}.toc-cta .button{font-size:12px;min-height:40px;width:100%}.mobile-contents{display:none}.body-copy{min-width:0;padding-bottom:20px}.copy-section{padding:0 0 42px;margin:0 0 38px;border-bottom:1px solid var(--line);scroll-margin-top:10px}.copy-section:last-child{border-bottom:none;margin-bottom:0}.copy-section h2{font:400 32px/1.25 var(--serif);letter-spacing:-.6px;color:var(--ink);margin:0 0 20px}.copy-section h3{font-size:16px;line-height:1.5;margin:24px 0 8px}.copy-section p{margin:0 0 17px;color:var(--text)}.copy-section p:last-child{margin-bottom:0}.copy-section ul,.copy-section ol{padding-left:22px;color:var(--text);margin:15px 0}.copy-section li{padding-left:4px;margin-bottom:10px}.copy-section b,.copy-section strong{font-weight:600;color:var(--ink)}.copy-section a{color:var(--gold)}.copy-section code{font:13px/1.6 var(--mono);background:#202027;border-radius:4px;padding:3px 6px;overflow-wrap:anywhere}.copy-section pre{background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:10px;overflow:auto;max-width:100%;font-size:13px}.copy-section pre code{padding:0;background:none}.copy-section details{border-top:1px solid var(--line);padding:18px 0}.copy-section summary{cursor:pointer;color:var(--ink);font-size:16px;font-weight:550;list-style-position:outside;margin-left:18px}.copy-section details p{margin:15px 0 0}.note{font-size:13px;color:var(--muted)!important;line-height:1.7}.callout{border-left:2px solid var(--gold);padding:5px 0 5px 22px;margin:25px 0;font:400 25px/1.5 var(--serif);color:var(--ink)!important}.compare-table{width:100%;border-collapse:collapse;margin:26px 0 18px;font-size:13px;line-height:1.6}.compare-table th,.compare-table td{padding:21px 15px;vertical-align:top;border-bottom:1px solid var(--line);text-align:left}.compare-table thead th{font:9px/1.4 var(--mono);text-transform:uppercase;letter-spacing:1.2px;color:var(--muted)}.compare-table tbody th{font-size:15px;font-weight:550;width:21%;color:var(--ink)}.compare-table td{color:var(--text)}.compare-table .beam-row{background:rgba(239,200,115,.07)}.compare-table .beam-row th{color:var(--gold)}.compare-table .small-label{display:block;font:9px/1.5 var(--mono);letter-spacing:1px;margin-bottom:6px;color:var(--gold)}.compare-table a{font-size:11px;color:var(--muted);display:block;margin-top:8px}.compare-table p{margin:0}.copy-section table:not(.compare-table){width:100%;border-collapse:collapse;font-size:14px;line-height:1.65;margin:20px 0}.copy-section table:not(.compare-table) th,.copy-section table:not(.compare-table) td{padding:16px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.copy-section table:not(.compare-table) th{color:var(--ink);font-weight:550}.copy-section table:not(.compare-table) td{color:var(--text);overflow-wrap:anywhere}.local-diagram{border:1px solid var(--line);border-radius:15px;padding:26px;margin:26px 0;background:radial-gradient(ellipse at 50% 0,rgba(239,200,115,.06),transparent 80%)}.diagram-label{font:10px/1.4 var(--mono);letter-spacing:2px;color:var(--gold);text-align:center}.diagram-flow{display:flex;align-items:center;gap:14px;justify-content:center;padding:30px 0}.diagram-step{text-align:center;flex:1;font:400 22px/1.3 var(--serif)}.diagram-step small{display:block;font:11px/1.5 var(--sans);color:var(--muted);margin-top:7px}.diagram-arrow{color:var(--gold);font-size:19px;opacity:.65}.diagram-caption{text-align:center;font-size:12px!important;color:var(--muted)!important;border-top:1px solid var(--line);padding-top:17px!important;margin:0!important}.closing{margin:70px 0 65px;padding:57px 35px;border:1px solid var(--line);border-radius:18px;text-align:center;background:radial-gradient(ellipse at 50% 0,rgba(239,200,115,.09),transparent 75%)}.closing .eyebrow{justify-content:center;margin-bottom:20px}.closing h2{font:400 clamp(32px,4vw,46px)/1.15 var(--serif);letter-spacing:-1px;margin:0}.closing h2 em{color:var(--gold);font-weight:400}.closing p{color:var(--text);font-size:15px;margin:20px auto;max-width:610px}.closing-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.closing .fine{font:11px/1.6 var(--sans);color:var(--muted);margin:16px 0 0}.source-links{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:12px}.source-links a{color:var(--muted)}
@media(max-width:1000px){.reading-layout{grid-template-columns:180px minmax(0,1fr);gap:38px}.summary-card{padding:25px 22px}.wrap{width:calc(100% - 52px)}.compare-table th,.compare-table td{padding:17px 10px}}
@media(max-width:760px){html{scroll-padding-top:130px}.wrap{width:calc(100% - 36px)}.masthead-inner{min-height:70px;gap:15px}.brand-name{font-size:26px}.brand svg{width:28px}.main-links{gap:15px}.main-links .home-link{display:none}.main-links .button{min-height:40px;padding:10px 17px;font-size:12px}.subnav{gap:0;justify-content:space-between;min-height:49px;font-size:12px}.hero{padding:48px 0 35px}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:21px}h1{font-size:43px;letter-spacing:-1.2px;line-height:1.1}.hero-intro{font-size:16px;margin-top:21px}.summary-grid{grid-template-columns:1fr;margin-bottom:35px;border-radius:12px}.summary-card{padding:21px 22px;display:grid;grid-template-columns:25px 1fr;gap:0 15px}.summary-card+.summary-card{border-left:0;border-top:1px solid var(--line)}.summary-index{grid-row:1/3;margin-top:5px;margin-bottom:0}.summary-card h2{font-size:23px;margin-bottom:8px}.summary-card p{font-size:13px}.reading-layout{display:block}.toc{display:none}.mobile-contents{display:block;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:0 0 38px;font-size:13px}.mobile-contents summary{cursor:pointer;color:var(--text)}.mobile-contents nav{padding:14px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.mobile-contents a{text-decoration:none;color:var(--muted);font-size:12px}.copy-section{padding-bottom:30px;margin-bottom:29px;scroll-margin-top:10px}.copy-section h2{font-size:29px;margin-bottom:17px}.copy-section p,.copy-section li{font-size:16px;line-height:1.75}.copy-section .note{font-size:12px}.compare-table thead{display:none}.compare-table,.compare-table tbody,.compare-table tr,.compare-table th,.compare-table td{display:block;width:100%}.compare-table tr{border:1px solid var(--line);border-radius:12px;margin-bottom:14px;padding:19px}.compare-table th,.compare-table td{border:0;padding:0}.compare-table tbody th{width:100%;font-size:23px;font-family:var(--serif);margin-bottom:12px}.compare-table td{margin-top:13px;font-size:14px}.compare-table td:before{content:attr(data-label);display:block;font:9px/1.5 var(--mono);letter-spacing:1.3px;text-transform:uppercase;margin-bottom:5px;color:var(--muted)}.compare-table a{margin:3px 0 0;font-family:var(--sans)}.diagram-flow{gap:8px;padding:24px 0}.diagram-step{font-size:19px}.diagram-step small{font-size:10px}.local-diagram{padding:21px 16px}.closing{padding:40px 22px;margin:38px 0 42px;border-radius:14px}.closing h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media print{body{background:white;color:#111;font-size:11pt}.masthead,.toc,.mobile-contents,.closing,.review-bar,#review-toast,.skip-link{display:none!important}.wrap{width:100%;max-width:none}.hero{padding:0 0 25px}.reading-layout{display:block}.summary-grid{margin-bottom:30px}.summary-card{break-inside:avoid}h1,h1 em,.copy-section h2,.copy-section p,.copy-section li,.copy-section strong,.summary-card p,.hero-intro,.footer-company{color:#111!important}.copy-section{break-inside:auto}h2{break-after:avoid}.copy-section a,.footer-links a{color:#333}.site-footer{padding-bottom:0}}

.toc-cta .button{color:#0B0910;border:1px solid var(--gold);padding:11px 20px;display:inline-flex}.toc-cta .button:hover{color:#0B0910;border-color:var(--gold)}.page-compare .reading-layout{display:block}.page-compare .toc{display:none}.page-compare .body-copy{max-width:none;margin-inline:0}.page-compare .compare-table td{width:26%}.page-compare .compare-table tbody th{width:22%}@media(max-width:760px){.page-compare .compare-table td,.page-compare .compare-table tbody th{width:100%}}
/* The shared masthead (beam-masthead.css) replaced this sheet's own on 2026-11-09.
   The column follows the site frame: it starts on the same edge as the pricing
   plans and the homepage demo, and on narrower screens on the masthead's edge.
   The page links sit in their own row under the masthead; nothing is sticky. */
html{scroll-padding-top:32px}
.wrap{width:auto;max-width:calc(var(--page-column,1172px) + 2*var(--frame-gutter,54px));padding-inline:var(--frame-gutter,54px);margin-inline:auto}
.page-links .subnav{gap:32px;min-height:52px;border-top:0;border-bottom:1px solid var(--line);font-size:14px}
.toc{top:32px}
.reading-layout{grid-template-columns:236px minmax(0,1fr);gap:60px}
@media(max-width:1000px){.reading-layout{grid-template-columns:200px minmax(0,1fr);gap:34px}}
@media print{.site-frame,.page-links{display:none!important}}

/* Reading sizes (2026-11-09): on true black, light text under about 14 px draws
   thin. Sentences now hold 13 px and up, labels 11 to 12 px. Sizes only, no copy. */
.eyebrow{font-size:12px}
.page-date{font-size:14px}
.summary-index{font-size:12px}
.summary-card p{font-size:16px}
.toc-label{font-size:12px}
.toc a{font-size:13px}
.toc-cta p{font-size:14px}
.toc-cta .button{font-size:14px}
.copy-section code,.copy-section pre{font-size:14px}
.note{font-size:14px}
.compare-table{font-size:15px}
.compare-table thead th{font-size:12px}
.compare-table .small-label{font-size:11px}
/* Source links stack two to a cell: each keeps a 24 px target (WCAG 2.5.8). */
.compare-table a{display:flex;align-items:center;width:fit-content;min-height:24px;margin-top:6px;font-size:13px}
.copy-section table:not(.compare-table){font-size:15px}
.diagram-label{font-size:12px}
.diagram-step small{font-size:13px}
.diagram-caption{font-size:14px!important}
.hero-intro{font-size:19px}
.closing p{font-size:17px}
.closing .fine{font-size:13px}
.source-links{font-size:13px}
/* On phones the title scales with the screen, so the first half of a two-line
   title ("Know what comes", "More than dictation.") holds one line down to 320 px. */
@media(max-width:760px){html{scroll-padding-top:24px}.page-links .subnav{gap:26px;justify-content:flex-start;min-height:48px;font-size:13px}h1{font-size:clamp(32px,10.2vw,43px)}.hero-intro{font-size:17px}.summary-card p{font-size:15px}.mobile-contents{font-size:14px}.mobile-contents a{display:flex;align-items:center;min-height:32px;font-size:14px}.copy-section .note{font-size:13px}.compare-table td{font-size:15px}.compare-table td:before{font-size:11px}.compare-table a{margin-top:4px}.diagram-step small{font-size:12px}}

/* Compare: the sections hang on the same edge as the title and the three cards
   above them. The table takes the whole column; prose keeps the intro's measure. */
.page-compare .copy-section>:not(.compare-table){max-width:720px}

/* Buttons (2026-11-09): the site's one gold button (tokens in beam-masthead.css),
   so a page button and the masthead's "Try Beam" are the same shape and type. */
.button{gap:12px;min-height:var(--cta-height,50px);padding:var(--cta-pad,13px 23px);border-color:var(--cta-border,#e6c578);border-radius:var(--cta-radius,8px);background:var(--cta-gold);color:var(--cta-ink,#241a0c);font:var(--cta-font);letter-spacing:.01em;box-shadow:var(--cta-shadow)}
.button:hover{color:var(--cta-ink,#241a0c);background:var(--cta-gold-hover);border-color:var(--cta-border,#e6c578);box-shadow:var(--cta-shadow-hover)}
.button.secondary{background:transparent;color:var(--ink);border-color:#efc87359;box-shadow:none}
.button.secondary:hover{background:transparent;color:var(--gold);border-color:var(--gold);box-shadow:none}
.toc-cta .button{min-height:44px;padding:10px 17px;font-size:15px}
.toc-cta .button,.toc-cta .button:hover{color:var(--cta-ink,#241a0c);border-color:var(--cta-border,#e6c578)}
/* The closing note centres under its buttons (its margin had pinned it left). */
.closing .fine{margin-inline:auto}
/* Intros, card sentences and datelines balance their lines, so a long last word
   (a 4-line card sentence ending "information.") never sits alone. */
.hero-intro,.summary-card p,.page-date{text-wrap:balance}
/* Phones: a pair of buttons that cannot share a row takes the full width, one
   above the other, instead of two ragged widths; when they fit, they share it. */
@media(max-width:600px){.hero-actions .button,.closing-actions .button{flex:1 1 auto}}

/* One type system (beam-masthead.css): reading copy grows with the frame from
   1200 px, and the title takes the site's page-title step above phone widths. */
@media(min-width:761px){h1{font-size:var(--h1-page,clamp(42px,5.2vw,70px))}}
@media(min-width:1200px){body,.copy-section p,.copy-section li{font-size:var(--type-read,17px)}}