@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --ink:#081328; --blue:#136cf2; --cyan:#16c4ed; --pale:#eef5ff; --line:#d7e2f0; --muted:#5f6e80; --white:#fbfdff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--white); font-family:Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color:inherit; text-decoration:none; }
.site-shell { overflow:hidden; }
.section-pad { padding-left:clamp(24px, 6vw, 96px); padding-right:clamp(24px, 6vw, 96px); }
.topbar { align-items:center; display:flex; justify-content:space-between; margin:0 auto; max-width:1440px; padding:28px clamp(24px, 6vw, 96px); }
.brand { align-items:center; display:flex; font-size:18px; font-weight:800; letter-spacing:-.05em; gap:10px; }
.brand img { height:28px; object-fit:contain; width:38px; }
.brand > span > span { color:var(--blue); }
nav { align-items:center; display:flex; gap:32px; font-size:12px; font-weight:700; }
nav a { color:#526174; transition:color .2s ease; } nav a:hover { color:var(--blue); }
.nav-cta { border:1px solid var(--line); border-radius:999px; color:var(--ink); padding:11px 16px; } .nav-cta span { color:var(--blue); padding-left:6px; }
.hero { align-items:center; display:grid; gap:clamp(36px, 5vw, 100px); grid-template-columns:minmax(0, .92fr) minmax(420px, 1.08fr); margin:0 auto; max-width:1440px; min-height:650px; padding-bottom:72px; padding-top:72px; }
.eyebrow { color:var(--blue); font-family:"DM Mono", monospace; font-size:10px; letter-spacing:.12em; margin:0 0 22px; text-transform:uppercase; }
.eyebrow-dot, .status-dot { background:var(--cyan); border-radius:50%; display:inline-block; height:7px; margin-right:8px; width:7px; }
h1,h2,h3,p { margin-top:0; } h1,h2,h3 { letter-spacing:-.065em; }
h1 { font-size:clamp(50px, 6.4vw, 92px); line-height:.98; margin-bottom:28px; } h1 em,h2 em { color:var(--blue); font-style:normal; }
.hero-lede { color:var(--muted); font-size:17px; line-height:1.7; max-width:500px; }
.hero-actions { align-items:center; display:flex; flex-wrap:wrap; gap:24px; margin-top:38px; }
.button { border-radius:999px; display:inline-flex; font-size:12px; font-weight:800; gap:10px; padding:15px 20px; transition:transform .2s ease, box-shadow .2s ease; } .button:hover { box-shadow:0 10px 30px #1471f32b; transform:translateY(-2px); }
.button-primary { background:var(--blue); color:#fff; } .button-light { background:#fff; color:var(--ink); }
.text-link { color:#4f5f73; font-size:12px; font-weight:800; } .text-link span { color:var(--blue); padding-left:8px; }
.hero-note { color:#8592a3; font-family:"DM Mono", monospace; font-size:10px; margin:36px 0 0; } .hero-note span { color:var(--blue); font-size:14px; margin-right:6px; }
.hero-visual { min-height:460px; position:relative; } .visual-glow { background:#52d7f63d; border-radius:50%; filter:blur(42px); height:210px; position:absolute; right:11%; top:15%; width:260px; }
.desktop-frame { background:#102044; border:8px solid #162a50; border-radius:20px; box-shadow:0 28px 55px #0d244b2b; height:350px; left:7%; overflow:hidden; position:absolute; top:55px; transform:rotate(-4deg); width:78%; }
.desktop-toolbar { align-items:center; background:#0a1630; color:#8090ae; display:flex; font-family:"DM Mono", monospace; font-size:8px; height:24px; justify-content:space-between; padding:0 11px; }.traffic-lights { display:flex; gap:4px; }.traffic-lights i { background:#52739b; border-radius:50%; height:5px; width:5px; }.toolbar-menu { color:#32bce9; letter-spacing:2px; }
.window-grid { display:grid; gap:9px; grid-template-columns:1.3fr 1fr; grid-template-rows:1fr 1.1fr; height:284px; padding:16px; }.mini-window { background:#1c335e; border:1px solid #2a4d80; border-radius:7px; overflow:hidden; padding:10px; }.mini-top { background:#7b96c0; display:block; height:4px; margin-bottom:11px; opacity:.55; width:34%; }.mini-lines { background:#4e74aa; display:block; height:4px; margin:7px 0; opacity:.65; width:75%; }.mini-lines.short { width:46%; }.window-blue { background:linear-gradient(145deg,#174d91,#1766c5); }.mini-blocks { display:grid; gap:5px; grid-template-columns:repeat(3,1fr); }.mini-blocks b { background:#42cbe9; border-radius:2px; height:36px; opacity:.75; }.window-dark { background:#132446; }.mini-chart { align-items:end; display:flex; gap:5px; height:74px; }.mini-chart i { background:#1dbbdc; border-radius:2px 2px 0 0; display:block; width:18%; }.mini-chart i:nth-child(1){height:31%;}.mini-chart i:nth-child(2){height:60%;}.mini-chart i:nth-child(3){height:45%;}.mini-chart i:nth-child(4){height:85%;}.window-focus { background:#0f2151; border:1px solid #1abce8; display:flex; flex-direction:column; justify-content:center; }.focus-label { color:#55cfe9; font-family:"DM Mono", monospace; font-size:8px; letter-spacing:.12em; }.window-focus strong { color:#fff; font-size:44px; letter-spacing:-.08em; line-height:1; }.window-focus small { color:#7f99bd; font-size:9px; }.desktop-dock { bottom:8px; display:flex; gap:6px; justify-content:center; left:0; position:absolute; right:0; }.desktop-dock span { background:#38659d; border-radius:3px; height:12px; width:12px; }.floating-dial { align-items:center; background:#f8fcffeb; border:1px solid #bcd7ef; border-radius:50%; box-shadow:0 14px 35px #08285a40; display:flex; height:178px; justify-content:center; position:absolute; right:0; top:180px; width:178px; }.floating-dial:before { border:1px dashed #80bbe3; border-radius:50%; content:""; height:132px; position:absolute; width:132px; }.dial-center { align-items:center; background:var(--blue); border-radius:50%; color:#fff; display:flex; font-family:"DM Mono",monospace; font-size:12px; height:54px; justify-content:center; width:54px; }.dial-label { color:#1768cf; font-family:"DM Mono",monospace; font-size:12px; font-weight:500; position:absolute; }.dial-top{top:18px}.dial-right{right:19px}.dial-bottom{bottom:18px}.dial-left{left:19px}.visual-caption { align-items:center; bottom:4px; color:#66758b; display:flex; font-family:"DM Mono",monospace; font-size:9px; gap:8px; position:absolute; right:26px; }.caption-mark { background:var(--cyan); border-radius:50%; height:6px; width:6px; }
.signal-bar { background:#f0f6fd; display:grid; grid-template-columns:repeat(3,1fr); margin:0 auto; max-width:1248px; }.signal-bar div { align-items:center; border-right:1px solid #d8e5f2; display:flex; gap:16px; padding:22px 30px; }.signal-bar div:last-child { border:0; }.signal-bar strong { color:var(--blue); font-family:"DM Mono",monospace; font-size:10px; }.signal-bar span { color:#647388; font-size:12px; font-weight:700; }
.features { display:grid; gap:80px; grid-template-columns:.8fr 1.2fr; margin:0 auto; max-width:1248px; padding-bottom:130px; padding-top:150px; }.section-intro h2 { font-size:clamp(34px,4vw,52px); line-height:1.06; margin-bottom:22px; }.section-intro > p:last-child { color:var(--muted); font-size:14px; line-height:1.8; max-width:330px; }.feature-list { border-top:1px solid var(--line); }.feature-row { align-items:center; border-bottom:1px solid var(--line); display:grid; gap:20px; grid-template-columns:30px 48px 1fr 20px; padding:24px 0; }.feature-number { color:#8c9bb0; font-family:"DM Mono",monospace; font-size:10px; }.feature-icon { align-items:center; color:var(--blue); display:flex; font-size:30px; height:48px; justify-content:center; width:48px; }.icon-grid { display:grid; gap:4px; grid-template-columns:repeat(2,13px); grid-template-rows:repeat(2,13px); }.icon-grid i { background:var(--blue); border-radius:4px; }.icon-undo { font-size:34px; }.icon-display { font-size:29px; }.feature-row h3 { font-size:16px; letter-spacing:-.03em; margin-bottom:5px; }.feature-row p { color:#657389; font-size:12px; line-height:1.6; margin:0; }.feature-arrow { color:var(--blue); font-size:18px; }
.privacy-band { background:var(--ink); color:#fff; }.privacy-inner { align-items:center; display:grid; gap:80px; grid-template-columns:1fr 1fr; margin:0 auto; max-width:1248px; padding-bottom:100px; padding-top:100px; }.eyebrow-light { color:#41c6ec; }.privacy-inner h2 { font-size:clamp(34px,4vw,56px); line-height:1.04; margin:0; }.privacy-copy p { color:#aebbd0; font-size:15px; line-height:1.85; max-width:470px; }.privacy-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:26px; }.privacy-tags span { border:1px solid #345071; border-radius:999px; color:#aebbd0; font-family:"DM Mono",monospace; font-size:9px; padding:8px 12px; }
.beta { background:#eaf4ff; padding-bottom:110px; padding-top:110px; }.beta-panel { align-items:center; background:linear-gradient(135deg,#0e3882,#105fd2); border-radius:20px; box-shadow:0 22px 55px #0c3c912b; color:#fff; display:grid; gap:34px; grid-template-columns:80px 1fr 240px; margin:0 auto; max-width:1248px; overflow:hidden; padding:58px clamp(28px,5vw,70px); position:relative; }.beta-panel:after { border:1px solid #6fd7f452; border-radius:50%; content:""; height:370px; position:absolute; right:-135px; top:-120px; width:370px; }.beta-mark { background:#fff; border-radius:18px; height:80px; object-fit:contain; padding:17px; width:80px; }.beta-copy { position:relative; z-index:1; }.beta-copy .eyebrow { color:#74e1f7; margin-bottom:14px; }.beta-copy h2 { font-size:clamp(30px,3.6vw,48px); line-height:1; margin-bottom:18px; }.beta-copy p:last-child { color:#c4d9f6; font-size:13px; line-height:1.7; margin:0; max-width:480px; }.beta-action { align-items:flex-start; display:flex; flex-direction:column; gap:14px; position:relative; z-index:1; }.beta-action > span:not(.status-dot) { color:#c4d9f6; font-family:"DM Mono",monospace; font-size:9px; line-height:1.5; max-width:175px; }.beta-action-note { border-top:1px solid #78b8f34d; padding-top:14px; }.status-dot { background:#79e6dd; margin:0; }.beta-action .button { margin-top:15px; }.beta-request { background:#fff; border:1px solid #d9e7f5; border-radius:16px; display:grid; gap:64px; grid-template-columns:.7fr 1.3fr; margin:28px auto 0; max-width:1248px; padding:44px clamp(24px,5vw,64px); }.request-intro h3 { font-size:clamp(24px,3vw,36px); line-height:1.05; margin-bottom:16px; }.request-intro p:last-child { color:#69788c; font-size:12px; line-height:1.75; max-width:300px; }.request-form { display:grid; gap:18px 16px; grid-template-columns:1fr 1fr; }.request-form label { color:#44556c; display:flex; flex-direction:column; font-family:"DM Mono",monospace; font-size:9px; gap:8px; letter-spacing:.04em; text-transform:uppercase; }.request-form input,.request-form select,.request-form textarea { background:#f8fbff; border:1px solid #d3e1ef; border-radius:8px; color:var(--ink); font:500 12px Manrope,sans-serif; letter-spacing:0; padding:12px; text-transform:none; width:100%; }.request-form textarea { resize:vertical; }.request-form input:focus,.request-form select:focus,.request-form textarea:focus { border-color:var(--blue); outline:3px solid #1689f21e; }.field-wide { grid-column:1/-1; }.check-row { align-items:flex-start; flex-direction:row !important; gap:10px !important; line-height:1.5; text-transform:none !important; }.check-row input { accent-color:var(--blue); margin-top:2px; width:auto; }.request-submit { align-items:center; display:flex; flex-wrap:wrap; gap:14px; }.request-submit .button[disabled] { cursor:not-allowed; filter:grayscale(.2); opacity:.6; }.request-submit span { color:#8492a4; font-family:"DM Mono",monospace; font-size:9px; line-height:1.5; max-width:260px; }
.footer { align-items:center; display:flex; gap:30px; justify-content:space-between; margin:0 auto; max-width:1440px; padding-bottom:30px; padding-top:30px; }.brand-footer { font-size:14px; }.brand-footer img { height:22px; width:30px; }.footer p,.footer-note { color:#7b889a; font-family:"DM Mono",monospace; font-size:9px; margin:0; }.footer-note { color:#a4afbd; }
@media (max-width: 860px) { nav a:not(.nav-cta) { display:none; }.hero { grid-template-columns:1fr; padding-bottom:62px; padding-top:58px; }.hero-visual { min-height:390px; }.desktop-frame { left:0; width:85%; }.floating-dial { right:2%; top:155px; transform:scale(.88); }.features,.privacy-inner { grid-template-columns:1fr; gap:45px; padding-bottom:90px; padding-top:90px; }.signal-bar { grid-template-columns:1fr; }.signal-bar div { border-bottom:1px solid #d8e5f2; border-right:0; padding:16px 24px; }.beta-panel { grid-template-columns:62px 1fr; }.beta-mark { height:62px; width:62px; }.beta-action { grid-column:2; }.beta-request { gap:34px; grid-template-columns:1fr; }.request-intro p:last-child { max-width:480px; }.footer { align-items:flex-start; flex-direction:column; gap:14px; } }
@media (max-width: 520px) { .topbar { padding-top:20px; }.nav-cta { padding:9px 12px; }.hero-visual { min-height:320px; }.desktop-frame { border-width:5px; height:250px; top:40px; width:90%; }.window-grid { gap:5px; height:204px; padding:9px; }.mini-window { padding:6px; }.window-focus strong { font-size:30px; }.floating-dial { height:130px; right:-6px; top:140px; width:130px; }.floating-dial:before { height:96px; width:96px; }.dial-center { height:40px; width:40px; }.dial-top{top:11px}.dial-bottom{bottom:11px}.dial-right{right:13px}.dial-left{left:13px}.visual-caption { display:none; }.feature-row { grid-template-columns:24px 38px 1fr 14px; gap:12px; }.feature-icon { height:38px; width:38px; }.feature-row p { font-size:11px; }.beta { padding-bottom:70px; padding-top:70px; }.beta-panel { grid-template-columns:1fr; padding:34px 26px; }.beta-action { grid-column:auto; }.beta-copy h2 { font-size:34px; }.request-form { grid-template-columns:1fr; }.field-wide { grid-column:auto; } }

/* Use the vector mark in compact brand surfaces so the icon stays crisp and optically centered. */
.brand { gap:11px; }
.brand img { display:block; flex:0 0 32px; height:32px; object-fit:contain; width:32px; }
.beta-mark { display:block; padding:10px; }
.brand-footer img { flex-basis:24px; height:24px; width:24px; }
.brand img { flex-basis:39px; height:26px; width:39px; }
.brand-footer img { flex-basis:30px; height:20px; width:30px; }

/* Beta copy and feature marks reflect the current v1 feature set. */
.window-focus { align-items:flex-start; gap:5px; padding:12px; }
.window-focus small { font-size:8px; }
.tidy-preview { display:grid; gap:3px; grid-template-columns:repeat(2,20px); grid-template-rows:repeat(2,12px); margin:2px 0; }
.tidy-preview i { background:#1dbbdc; border-radius:2px; display:block; }
.floating-dial { z-index:2; }
.dial-center { display:grid; gap:2px; grid-template-columns:repeat(2,9px); grid-template-rows:repeat(2,9px); }
.dial-center span { background:#fff; border-radius:2px; }
.visual-caption { bottom:-18px; right:10%; z-index:1; }
.icon-tidy { display:grid; gap:3px; grid-template-columns:repeat(2,15px); grid-template-rows:repeat(2,11px); }
.icon-tidy i { background:#16b7d7; border-radius:2px; display:block; }
.icon-tidy i:nth-child(2) { background:#136cf2; }
.icon-dial { background:radial-gradient(circle, var(--blue) 0 4px, transparent 4.5px); border:1.5px solid var(--blue); border-radius:50%; height:34px; margin:7px; position:relative; width:34px; }
.icon-dial i { background:var(--blue); height:6px; position:absolute; width:6px; }
.icon-dial i:nth-child(1) { left:12px; top:2px; }
.icon-dial i:nth-child(2) { right:2px; top:12px; }
.icon-dial i:nth-child(3) { bottom:2px; left:12px; }
.icon-dial i:nth-child(4) { left:2px; top:12px; }
.icon-undo { font-size:32px; line-height:1; }
.icon-display { height:34px; position:relative; width:44px; }
.icon-display i { border:2px solid var(--blue); border-radius:3px; height:20px; position:absolute; top:2px; width:27px; }
.icon-display i:nth-child(1) { left:0; }
.icon-display i:nth-child(2) { left:8px; top:6px; }
.icon-display i:nth-child(3) { left:16px; top:10px; }
.icon-display:after { background:var(--blue); bottom:1px; content:""; height:2px; left:20px; position:absolute; width:12px; }
@media (max-width:520px) { .visual-caption { display:flex; bottom:-2px; right:7%; } }

/* Keep the feature marks legible even when a browser has stale cached CSS. */
.icon-tidy,.icon-dial,.icon-workspace { display:flex; flex:0 0 48px; height:48px; width:48px; }
.icon-tidy svg,.icon-dial svg,.icon-workspace svg { display:block; height:40px; overflow:visible; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2; width:40px; }
.icon-tidy svg { fill:none; }
.icon-tidy .tidy-spark { fill:var(--cyan); stroke:var(--cyan); }
.icon-dial svg { fill:none; stroke-width:2.4; }
.icon-dial .dial-inner { fill:#eaf4ff; stroke:currentColor; stroke-width:2.4; }
.icon-dial .dial-center-mark { fill:currentColor; stroke:none; }
.icon-workspace svg { fill:none; stroke-width:2.3; }
.icon-dial text:not(.dial-center-mark) { fill:currentColor; font:700 7px "DM Mono",monospace; stroke:none; }
.icon-dial .dial-center-mark { fill:currentColor; font:700 5px Manrope,sans-serif; stroke:none; }
.hero-note { align-items:center; display:flex; gap:7px; }
.hero-note span { display:inline-flex; flex:0 0 auto; line-height:1; margin:0; }
.tidy-preview { grid-template-columns:16px 27px; grid-template-rows:11px 11px; width:46px; }
.tidy-preview i:nth-child(1) { grid-row:1 / 3; }
.tidy-preview i:nth-child(2) { grid-column:2; grid-row:1; }
.tidy-preview i:nth-child(3) { grid-column:2; grid-row:2; }
.beta-panel:after { display:none; }
.beta-window-art { height:220px; opacity:.32; pointer-events:none; position:absolute; right:18px; top:18px; width:300px; z-index:0; }
.art-window { border:1px solid #70dcf4; border-radius:12px; display:block; height:108px; position:absolute; transform:rotate(-7deg); width:145px; }
.art-window-back { right:118px; top:18px; }
.art-window-front { right:46px; top:82px; transform:rotate(5deg); }
.art-window-side { right:174px; top:100px; transform:rotate(-3deg); }
.art-window b { background:#70dcf4; border-radius:50%; height:5px; left:10px; position:absolute; top:10px; width:5px; }
.art-window b:nth-child(2) { left:19px; }
.art-window b:nth-child(3) { left:28px; }
.beta-reward { border-left:2px solid #79e6dd; color:#fff !important; font-family:Manrope,sans-serif !important; font-size:11px !important; font-weight:700; line-height:1.6 !important; max-width:205px !important; padding-left:10px; }
#macos-other-field[hidden] { display:none; }
@media (max-width:860px) { .beta-window-art { right:10px; top:auto; bottom:20px; transform:scale(.82); transform-origin:bottom right; } }
@media (max-width:520px) { .beta-window-art { display:none; }.beta-reward { max-width:260px !important; } }

.hero-note { font-size:9px; }
.hero-note > span:first-child { color:var(--blue); font-size:12px; }
.hero-note > span:last-child { color:var(--ink); font-size:9px; }
.icon-dial { transform:translateX(-5px); }
.floating-dial { background:transparent; border:0; box-shadow:none; filter:drop-shadow(0 12px 20px #08285a38); height:178px; width:178px; }
.floating-dial:before { display:none; }
.floating-dial svg { display:block; height:100%; overflow:visible; width:100%; }
.dial-shell { fill:#111a2b; stroke:#f7fbff; stroke-width:3; }
.dial-outer-band { fill:#29364e; stroke:#7889a4; stroke-width:1.4; }
.dial-window-field { fill:#1b2a46; stroke:#96a7bd; stroke-width:1; }
.dial-window-lines,.dial-count-lines { fill:none; stroke:#a4afbe; stroke-width:1; }
.dial-curved-label { fill:#ecf3fc; font:700 10.5px Manrope,sans-serif; letter-spacing:.25px; }
.dial-inner-label { font-size:6.5px; }
.dial-window-number { fill:#dbe5f4; font:700 13px Manrope,sans-serif; text-anchor:middle; }
.dial-count-band { fill:#3c4654; stroke:#9ba5b1; stroke-width:1; }
.dial-count-field { fill:#4a5058; stroke:#a1a8b0; stroke-width:.8; }
.dial-choice { stroke:#c2cbd6; stroke-width:.7; }
.dial-choice-two,.dial-choice-six,.dial-choice-eight { fill:#717983; }
.dial-choice-four { fill:#20aaf0; }
.dial-option { fill:#fff; font:700 13px Manrope,sans-serif; text-anchor:middle; }
.dial-hub { fill:#111820; stroke:#c6d0dc; stroke-width:1.3; }
.dial-hub-text { fill:#fff; font:700 8.5px Manrope,sans-serif; text-anchor:middle; }
.window-chat { background:#10203e; display:flex; flex-direction:column; justify-content:flex-start; padding:11px; }
.chat-thread { display:flex; flex-direction:column; gap:7px; margin-top:3px; }
.chat-row { align-items:center; display:flex; gap:5px; min-height:19px; }
.chat-row > span:not(.chat-avatar) { background:#1d3763; border-radius:5px; display:flex; flex-direction:column; gap:3px; padding:4px 5px; width:66%; }
.chat-row b { background:#43c7e3; border-radius:2px; display:block; height:3px; opacity:.8; width:80%; }
.chat-row b + b { opacity:.48; width:56%; }
.chat-row-out { justify-content:flex-end; }
.chat-row-out > span { background:#174b8c !important; width:58% !important; }
.chat-row-out b { background:#80dff0; margin-left:auto; width:72%; }
.chat-avatar { background:#18b9d9; border-radius:50%; display:block; flex:0 0 8px; height:8px; }
.chat-row:nth-child(3) .chat-avatar { background:#627eaa; }
.beta-reward { font-size:13px !important; line-height:1.5 !important; max-width:225px !important; }
@media (max-width:520px) { .floating-dial { height:130px; width:130px; }.dial-curved-label { font-size:8px; }.beta-reward { font-size:13px !important; } }

.before-request { border-top:1px solid var(--line); margin-top:24px; max-width:360px; padding-top:18px; }
.before-request h4 { font-size:12px; letter-spacing:0; margin:0 0 10px; }
.before-request ul { color:#69788c; font-size:11px; line-height:1.7; margin:0; padding-left:17px; }
.beta-reward { max-width:235px !important; }
.beta-window-art { opacity:.12; }
.icon-undo svg { display:block; fill:none; height:40px; overflow:visible; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:3; width:40px; }
@media (max-width:860px) { .before-request { max-width:560px; } }

.beta-panel { align-items:center; display:flex; flex-direction:column; gap:24px; text-align:center; }
.beta-mark { flex:0 0 auto; }
.beta-copy { max-width:820px; text-align:left; width:100%; }
.beta-copy .eyebrow { text-align:left; }
.beta-copy .eyebrow,.beta-copy h2 { text-align:center; }
.beta-title-muted { color:#aebbd0; }
.beta-copy p:last-child { margin:0; max-width:none; text-align:left; }
.beta-action { align-items:center; width:100%; }
.beta-action > span:not(.status-dot) { max-width:900px; text-align:center; }
.beta-action-note { width:min(100%, 820px); }
.beta-status-line { align-items:center; display:flex; gap:8px; justify-content:center; max-width:900px; }
.beta-status-line > span:last-child { color:#c4d9f6; font-family:"DM Mono",monospace; font-size:9px; line-height:1.5; }
.beta-action > span.beta-reward { max-width:820px !important; text-align:left; }
.request-intro > .eyebrow,.request-intro h3 { text-align:center; }
.request-form { row-gap:4px; }
.request-submit .form-status { border-radius:8px; padding:9px 11px; transition:background .2s ease,color .2s ease; }
.request-submit .form-status.is-sending { background:#eef5ff; color:#49627f; }
.request-submit .form-status.is-success { background:#e7faf5; color:#08765e; font-weight:700; }
.request-submit .form-status.is-error { background:#fff0f0; color:#a33434; font-weight:700; }

/* Bring the mobile hero closer to the brand header without shifting the header. */
@media (max-width:520px) { .hero { padding-top:12px; } }