:root{--page: #f4efe6;--page-soft: #fffaf0;--ink: #161817;--muted: #6b6258;--line: #d8cab8;--panel: rgba(255, 252, 246, .9);--panel-strong: #fffdf8;--nav: #10201d;--nav-2: #1b302b;--accent: #008f83;--accent-2: #ff6b4a;--accent-3: #d6a73f;--success: #15966f;--body-accent: rgba(0, 143, 131, .18);--body-start: #f7eddb;--body-mid: #fffaf0;--body-end: #e8dcc9;--nav-link: #443d34;--hover-surface: rgba(16, 32, 29, .08);--meter-track: #e7ded1;--code-bg: #111918;--code-text: #d9fff5;--shadow: 0 24px 80px rgba(36, 29, 19, .18);--radius: 8px;--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--page)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 82% 4%,var(--body-accent),transparent 32rem),linear-gradient(120deg,var(--body-start) 0%,var(--body-mid) 46%,var(--body-end) 100%);color:var(--ink)}a{color:inherit}button,input,select,textarea{font:inherit}pre,code{font-family:var(--mono)}.beacon-app-shell{min-height:100vh}.site-nav{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1440px;padding:1rem clamp(1rem,4vw,3rem)}.brand-mark{align-items:center;display:flex;gap:.8rem;text-decoration:none}.brand-mark__glyph{border-radius:8px;display:block;flex:0 0 auto;height:42px;width:42px}.brand-mark strong,.brand-mark small{display:block}.brand-mark small{color:var(--muted);font-size:.78rem;margin-top:.05rem}.site-nav__links{align-items:center;display:flex;gap:.35rem}.site-nav__links a{border-radius:999px;color:var(--nav-link);font-size:.94rem;padding:.55rem .8rem;text-decoration:none}.site-nav__links a:hover{background:var(--hover-surface)}main{margin:0 auto;max-width:1440px;padding:0 clamp(1rem,4vw,3rem) 4rem}.hero-section{display:grid;gap:clamp(1.5rem,4vw,3.25rem);grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr);min-height:auto;padding:clamp(.5rem,2.5vw,2rem) 0 clamp(2rem,5vw,4rem)}.hero-copy{align-self:center;padding-top:clamp(.25rem,1.5vw,1rem)}.eyebrow{color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.18em;margin:0 0 1rem;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.9rem,2.8vw,2.6rem);letter-spacing:0;line-height:1.05;margin-bottom:.9rem;max-width:16ch}.hero-copy h1{font-size:clamp(2.2rem,3.8vw,3.25rem);line-height:1.02;max-width:16ch}h2{font-size:clamp(1.3rem,1.9vw,1.75rem);letter-spacing:0;line-height:1.12;margin-bottom:.8rem}h3{font-size:1.02rem;line-height:1.18}.hero-lede{color:var(--muted);font-size:clamp(1.02rem,1.6vw,1.16rem);line-height:1.6;max-width:36rem}.hero-actions,.inline-actions{display:flex;flex-wrap:wrap;gap:.8rem}.btn{align-items:center;border:1px solid var(--ink);border-radius:8px;display:inline-flex;font-weight:800;justify-content:center;min-height:48px;padding:.8rem 1rem;text-decoration:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#00796f}.btn-secondary{background:transparent;color:var(--ink)}.btn-secondary:hover{background:var(--hover-surface)}.product-preview{align-self:center}.preview-window{background:linear-gradient(145deg,var(--nav-2) 0%,var(--nav) 100%);border:1px solid rgba(255,255,255,.18);border-radius:16px;box-shadow:var(--shadow);color:#f7fff9;overflow:hidden}.preview-window__chrome{display:flex;gap:.45rem;padding:1rem}.preview-window__chrome span{background:var(--accent-2);border-radius:999px;height:.75rem;width:.75rem}.preview-window__chrome span:nth-child(2){background:var(--accent-3)}.preview-window__chrome span:nth-child(3){background:var(--success)}.preview-grid{display:grid;grid-template-columns:160px 1fr;min-height:470px}.preview-sidebar{background:#0003;border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:.7rem;padding:1rem}.preview-sidebar strong{margin-bottom:1rem}.preview-sidebar__item{border-radius:8px;color:#ffffffad;padding:.7rem}.preview-sidebar__item.active{background:#ffffff1f;color:#fff}.preview-panel{background:var(--panel-strong);color:var(--ink);margin:1rem;padding:1rem}.preview-panel__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.preview-panel__header>div{min-width:0}.preview-panel__header h2{font-size:clamp(1.25rem,1.8vw,1.65rem);line-height:1.08;margin-bottom:0;white-space:nowrap}.status-pill{background:#dff7ed;border:1px solid #b9e8d7;border-radius:999px;color:#0d765d;font-size:.8rem;font-weight:800;flex:0 0 auto;padding:.4rem .65rem}.preview-band,.variant-list,.metric-strip article,.code-console,.workflow-grid article,.experience-card,.mini-dashboard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.preview-band{margin:1.4rem 0;padding:1rem}.preview-band span,.mini-dashboard span,.metric-strip span{color:var(--muted);display:block;font-size:.88rem}.preview-band strong,.mini-dashboard strong{display:block;font-size:1.45rem;margin:.2rem 0 .7rem}.preview-meter{background:var(--meter-track);border-radius:999px;height:.7rem;overflow:hidden}.preview-meter span{background:var(--accent);border-radius:inherit;display:block;height:100%}.preview-meter.accent span{background:var(--accent-2)}.variant-list{display:grid;gap:1px;grid-template-columns:1fr 1fr;overflow:hidden}.variant-list div{background:var(--panel-strong);padding:1rem}.variant-list strong{display:block;font-size:1.18rem}.preview-panel pre,.code-console pre{background:var(--code-bg);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius);color:var(--code-text);line-height:1.5;margin:1rem 0 0;overflow-x:auto;padding:1rem;white-space:pre}.metric-strip{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:3.5rem}.metric-strip article{padding:1rem}.metric-strip strong{display:block;font-size:clamp(1.15rem,2.2vw,1.55rem);line-height:1;margin:.5rem 0}.metric-strip p,.workflow-grid p,.experience-card p,.split-section p:not(.eyebrow){color:var(--muted);line-height:1.55;margin-bottom:0}.split-section{align-items:start;display:grid;gap:clamp(2rem,4vw,3rem);grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);margin-bottom:3.5rem}.principle-list{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem}.principle-list span{background:var(--panel);border:1px solid var(--line);border-radius:999px;color:var(--ink);padding:.55rem .75rem}.code-console{box-shadow:var(--shadow);overflow:hidden}.code-console__tabs{background:var(--panel-strong);border-bottom:1px solid var(--line);display:flex;gap:.4rem;padding:.65rem}.code-console__tabs button{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--muted);cursor:pointer;font-weight:800;padding:.55rem .8rem;text-transform:capitalize}.code-console__tabs button.active{background:var(--nav);color:#fff}.code-console pre{border:none;border-radius:0;margin:0;min-height:270px}.section-heading{max-width:640px}.workflow-section{margin-bottom:3.5rem}.workflow-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.5rem}.workflow-grid article{min-height:170px;padding:1rem}.workflow-grid article span{color:var(--accent);font-family:var(--mono);font-weight:800}.workflow-grid article h3{margin-top:1.6rem}.preview-section{align-items:stretch;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);margin-bottom:4rem}.experience-card,.mini-dashboard{padding:1.3rem}.mini-dashboard{display:grid;gap:1rem}.site-footer{border-top:1px solid var(--line);max-width:100%}.site-footer__inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1440px;padding:1.25rem clamp(1rem,4vw,3rem) 2rem;width:100%}.site-footer span{color:var(--muted)}.site-footer a{color:var(--accent);font-weight:800;text-decoration:none}.experiment-tester,.processing-mode-tester{background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:none;max-width:340px;padding:1rem;position:fixed;z-index:1000}.experiment-tester,.processing-mode-tester{bottom:1rem;left:1rem}.experiment-tester__title,.processing-mode-tester__title{color:var(--ink);font-size:1rem;font-weight:800;margin:0 0 .75rem}.experiment-tester__controls,.processing-mode-tester__actions,.testing-controls{display:flex;flex-wrap:wrap;gap:.5rem}.experiment-tester__control,.experiment-tester__variant,.processing-mode-tester__action,.testing-controls__btn{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;font-size:.86rem;font-weight:800;padding:.55rem .75rem}.experiment-tester__control:hover,.experiment-tester__variant:hover,.experiment-tester__control.active,.experiment-tester__variant.active,.processing-mode-tester__action:hover,.testing-controls__btn:hover,.testing-controls__btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.processing-mode-tester__stats{background:var(--page-soft);border-radius:8px;display:grid;gap:.45rem;margin-top:.75rem;padding:.75rem}.processing-mode-tester__stat{color:var(--muted);font-size:.85rem}.testing-controls{bottom:1rem;position:fixed;right:1rem;z-index:1000}@media (max-width: 980px){.hero-section,.split-section,.preview-section{grid-template-columns:1fr}.hero-section{min-height:auto}.metric-strip,.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.site-nav{align-items:flex-start;flex-direction:column}.site-nav__links{display:none}h1{font-size:clamp(1.85rem,9vw,2.55rem)}.hero-copy h1{font-size:clamp(2.05rem,10vw,2.85rem)}.preview-grid{grid-template-columns:1fr}.preview-sidebar{border-bottom:1px solid rgba(255,255,255,.12);border-right:none;flex-direction:row;overflow-x:auto}.preview-sidebar strong{margin:0}.metric-strip,.workflow-grid,.variant-list{grid-template-columns:1fr}.site-footer{align-items:flex-start;flex-direction:column;gap:.6rem}}