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

:root { --ink:#08111f; --ink-2:#101d30; --paper:#f4f1e8; --muted:#98a4b5; --line:rgba(255,255,255,.14); --line-dark:rgba(8,17,31,.15); --yellow:#ffd33d; --yellow-soft:#fff1ae; --cyan:#94d7d7; --purple:#b7a7ff; --radius:16px; --serif:Georgia,'Times New Roman',serif; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { scroll-behavior:smooth; background:var(--ink); overflow-x:clip; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:'DM Sans',system-ui,sans-serif; font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased; overflow-x:clip; }
body:has(dialog[open]) { overflow:hidden; }
a { color:inherit; text-decoration:none; }
button, input { font:inherit; }
button { color:inherit; }
.sr-only { position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.skip-link { position:fixed; z-index:100; left:16px; top:-100px; background:var(--yellow); color:var(--ink); padding:10px 14px; font-weight:700; border-radius:8px; }
.skip-link:focus { top:16px; }
.section-shell { width:min(1200px, calc(100% - 64px)); margin:0 auto; }
.section-pad { padding:128px 0; }
.site-header { width:min(1200px, calc(100% - 64px)); height:88px; margin:auto; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:20; }
.brand { display:inline-flex; align-items:center; gap:10px; font-family:'Space Grotesk',sans-serif; font-size:18px; font-weight:700; letter-spacing:-.05em; }
.brand-mark { width:26px; height:26px; display:grid; place-items:center; border-radius:8px; background:var(--yellow); color:var(--ink); font-size:15px; letter-spacing:-.12em; }
.primary-nav { display:flex; align-items:center; gap:27px; color:var(--muted); font-size:14px; font-weight:600; }
.primary-nav a { transition:color .2s ease; }
.primary-nav a:hover, .primary-nav a:focus-visible { color:var(--paper); }
.primary-nav .nav-cta { color:var(--ink); background:var(--yellow); border-radius:999px; padding:11px 15px; }
.menu-toggle { display:none; border:0; background:transparent; padding:8px; }
.menu-toggle span:not(.sr-only) { width:24px; height:1px; background:var(--paper); display:block; margin:5px; }
.hero { min-height:690px; padding:86px 0 92px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; position:relative; }
.hero::after { content:""; position:absolute; z-index:-1; pointer-events:none; inset:-90px -100px 0 40%; background:radial-gradient(circle at 73% 36%, rgba(255,211,61,.11), transparent 30%), radial-gradient(circle at 82% 60%, rgba(50,99,117,.22), transparent 33%); }
.hero-copy { max-width:590px; position:relative; z-index:2; }
.eyebrow, .label { color:var(--muted); text-transform:uppercase; letter-spacing:.13em; font-family:'DM Mono',monospace; font-size:11px; font-weight:500; }
.eyebrow { display:flex; align-items:center; gap:8px; margin:0 0 23px; }
h1,h2,h3,h4,p { margin-top:0; }
h1,h2,h3,h4 { font-family:'Space Grotesk',sans-serif; letter-spacing:-.065em; line-height:.98; }
h1 { font-size:clamp(56px, 7vw, 95px); margin:0 0 27px; max-width:680px; }
h2 { font-size:clamp(48px, 5vw, 76px); margin:0 0 23px; }
h3 { font-size:clamp(28px,3vw,44px); margin:0 0 20px; }
h4 { font-size:23px; margin:0; }
em { color:var(--yellow); font-family:var(--serif); font-weight:400; letter-spacing:-.075em; }
.hero-deck { color:#b7c0cd; font-size:18px; line-height:1.55; max-width:520px; margin-bottom:31px; }
.hero-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.button { border:0; border-radius:999px; padding:14px 20px; display:inline-flex; align-items:center; gap:10px; cursor:pointer; font-size:14px; font-weight:700; transition:transform .2s ease,background .2s ease; }
.button:hover,.button:focus-visible { transform:translateY(-2px); }
.button-dark { color:var(--ink); background:var(--yellow); }
.button-yellow { color:var(--ink); background:var(--yellow); }
.button-ghost { background:transparent; border:1px solid var(--line); }
.text-link { color:var(--paper); font-weight:700; font-size:14px; border-bottom:1px solid rgba(255,255,255,.33); padding-bottom:3px; }
.hero-note { color:#7c8899; font-size:12px; margin:21px 0 0; }
.hero-demo { min-height:500px; padding:23px; background:rgba(21,34,53,.9); border:1px solid rgba(255,255,255,.18); border-radius:24px; position:relative; overflow:hidden; box-shadow:0 30px 90px rgba(0,0,0,.25); }
.hero-demo::before { content:""; position:absolute; inset:0; background:url('hero-orb.webp') right center / 130% auto no-repeat; opacity:.34; mix-blend-mode:screen; animation:slow-pulse 14s ease-in-out infinite; }
.hero-demo > * { position:relative; z-index:1; }
.demo-topline { display:flex; justify-content:space-between; color:#79879a; font:11px 'DM Mono',monospace; }
.status-pill { color:#c1ccd9; background:rgba(8,17,31,.65); border:1px solid var(--line); border-radius:999px; padding:5px 9px; display:inline-flex; align-items:center; gap:7px; }
.demo-head { margin:58px 0 21px; display:flex; justify-content:space-between; align-items:flex-end; }
.demo-head h2 { font-size:28px; margin:7px 0 0; }
.demo-avatar { display:grid; place-items:center; width:34px;height:34px;border-radius:50%;background:var(--yellow);color:var(--ink);font-weight:700;font-size:13px; }
.demo-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:11px; }
.demo-card { padding:16px; border:1px solid rgba(255,255,255,.12); background:rgba(19,34,54,.74); border-radius:14px; min-height:122px; min-width:0; overflow:hidden; }
.demo-card-primary { grid-row:span 2; display:flex; gap:11px; align-items:flex-start; position:relative; background:rgba(255,211,61,.1); border-color:rgba(255,211,61,.55); }
.demo-card-primary h3 { font-size:23px; max-width:185px; margin:9px 0 8px; }
.demo-card p { color:#9eabb9; font-size:12px; margin:0; }
.card-icon { display:grid; place-items:center;width:27px;height:27px;border-radius:9px;background:var(--yellow);color:var(--ink);font-size:14px; }
.mini-arrow { position:absolute; right:12px; top:12px; border:0; background:transparent; font-size:19px; color:var(--yellow); }
.email-line { display:flex; gap:8px; align-items:center; margin-top:10px; min-width:0; }
.email-avatar { flex:0 0 22px; width:22px;height:22px;border-radius:50%; display:grid; place-items:center; background:#e7a28a; color:var(--ink);font-size:9px;font-weight:700; }
.email-avatar.blue { background:#7db4df; }.email-line > div { min-width:0; flex:1; }.email-line strong { font-size:11px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }.email-line small { display:block; color:#7f8da0; font-size:10px; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tag { font:9px 'DM Mono',monospace; color:#9eabb9; border:1px solid rgba(255,255,255,.17); padding:3px 5px; border-radius:4px; margin-left:auto; }.tag-yellow { color:var(--yellow);border-color:rgba(255,211,61,.4); }
.demo-card-money { grid-column:2; }.money-row { display:flex; align-items:center; gap:8px; margin:12px 0 10px; }.money-row strong { font:500 25px 'Space Grotesk',sans-serif; }.trend { color:#84db9b; font-size:10px; }.bars { height:34px; display:flex;align-items:end;gap:4px;margin-bottom:7px; }.bars i { display:block; width:9px; background:var(--yellow); border-radius:3px 3px 0 0; opacity:.7; }.demo-card-money small { color:#79879a; font-size:9px; }
.demo-disclaimer { color:#718096; font:10px 'DM Mono',monospace; margin:16px 0 0; }
.proof-strip { border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:86px; color:#a4afbe; font:13px 'DM Mono',monospace; }.proof-strip p { margin:0; display:flex; align-items:center; gap:10px; }.strip-number { color:var(--yellow); }
.section-intro { max-width:620px; margin-bottom:55px; }.section-intro > p:last-child { color:#aeb8c5; font-size:17px; max-width:490px; line-height:1.6; }.section-intro.split { display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:none;align-items:end; }.section-intro.split > p:last-child { margin:0 0 12px; }
.tour-shell { border:1px solid var(--line); border-radius:21px; overflow:hidden; background:#101d30; }.tour-tabs { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--line); }.tour-tab { border:0; border-right:1px solid var(--line); background:transparent; color:#7e8c9e; padding:18px 17px; cursor:pointer; text-align:left; font-size:13px; font-weight:600; }.tour-tab:last-child{border-right:0}.tour-tab span { font:11px 'DM Mono',monospace; color:#576576; margin-right:10px; }.tour-tab.is-active { color:var(--paper); background:#16253a; box-shadow:inset 0 -3px 0 var(--yellow); }.tour-tab.is-active span { color:var(--yellow); }
.tour-panel { padding:52px; display:grid; grid-template-columns:.78fr 1.22fr; gap:48px; align-items:center; min-height:520px; }.panel-copy p { color:#aeb8c5; line-height:1.6; max-width:360px; }.panel-copy h3 { margin-top:12px; }.guardrail { display:flex; gap:10px; align-items:flex-start; margin-top:26px; padding-top:17px; border-top:1px solid var(--line); max-width:340px; }.guardrail-icon { width:23px;height:23px;display:grid;place-items:center;background:rgba(255,211,61,.15);color:var(--yellow);border-radius:7px;font-size:13px; }.guardrail strong,.guardrail small { display:block; }.guardrail strong { font-size:12px; }.guardrail small { margin-top:2px;color:#7f8da0;font-size:11px; }
.product-window,.mail-window { border:1px solid rgba(255,255,255,.14); background:#0a1423; border-radius:13px; box-shadow:0 18px 40px rgba(0,0,0,.25); overflow:hidden; }.window-bar { height:35px; border-bottom:1px solid rgba(255,255,255,.11); display:flex;align-items:center;gap:6px;padding:0 12px; }.window-dot { width:7px;height:7px;border-radius:50%;background:#e56f68; }.window-dot.amber{background:#e4b861}.window-dot.green{background:#78c98c}.window-title { color:#748297; font:10px 'DM Mono',monospace; margin-left:8px; }.window-search { margin-left:auto;color:#66768a;font-size:17px; }.mail-body { display:grid;grid-template-columns:80px 1fr 1.05fr;min-height:355px; }.mail-sidebar { padding:20px 10px; border-right:1px solid rgba(255,255,255,.1); display:flex;flex-direction:column;gap:17px;color:#7d8a9b;font-size:10px; }.mail-sidebar strong {color:#f5f1e8}.mail-sidebar b {float:right;color:var(--yellow);font-weight:400}.mail-list { border-right:1px solid rgba(255,255,255,.1); }.mail-toolbar { display:flex;justify-content:space-between;align-items:center;padding:16px 12px;color:#bdc7d3;font-size:11px;border-bottom:1px solid rgba(255,255,255,.1); }.mail-item { display:grid;grid-template-columns:28px 1fr;gap:8px;padding:15px 12px;position:relative;border-bottom:1px solid rgba(255,255,255,.08); }.mail-item.selected { background:rgba(255,211,61,.1);box-shadow:inset 2px 0 var(--yellow)}.mail-from { width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#dea48c;color:var(--ink);font-size:9px;font-weight:700; }.mail-from.teal{background:var(--cyan)}.mail-from.purple{background:var(--purple)}.mail-item strong { display:block;font-size:11px; }.mail-item p { margin:3px 0;color:#bec7d1;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }.mail-item small { color:#68778c;font-size:9px; }.mail-badge { position:absolute; right:10px;top:10px;color:var(--yellow);font:8px 'DM Mono',monospace; }.mail-badge.quiet { color:#77869a; }.mail-detail { padding:22px 18px; }.mail-detail h4 { margin:14px 0 12px;font-size:19px; }.mail-detail p { color:#9aa7b7;font-size:11px;line-height:1.6; }.detail-actions { display:flex;align-items:center;gap:13px;margin-top:24px; }.detail-actions .button { padding:9px 12px;font-size:11px; }.original-link { color:var(--yellow);font:10px 'DM Mono',monospace; }
.watch-content,.money-content,.call-content { padding:25px; }.watch-header,.money-header { display:flex;justify-content:space-between;align-items:start;margin-bottom:23px; }.watch-header h4,.money-header h4 { margin-top:8px; }.watch-ring { display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--yellow);border-radius:50%;color:var(--yellow);font:17px 'Space Grotesk',sans-serif; }.watch-item { padding:15px 0;border-top:1px solid rgba(255,255,255,.11);display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center; }.step-mark { color:var(--yellow);font:11px 'DM Mono',monospace; }.watch-item strong { font-size:12px; }.watch-item p { margin:3px 0 0;color:#7f8da0;font-size:10px; }.source-pill { border:1px solid rgba(255,211,61,.35);color:var(--yellow);padding:4px 6px;border-radius:5px;font:9px 'DM Mono',monospace;white-space:nowrap; }.money-kpis { display:grid;grid-template-columns:repeat(3,1fr);gap:8px; }.money-kpis > div { padding:13px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px; }.money-kpis strong,.money-kpis small { display:block; }.money-kpis strong { font:21px 'Space Grotesk',sans-serif;margin:8px 0 2px; }.money-kpis small { color:#77869a;font-size:9px; }.money-chart { position:relative;margin-top:22px;height:150px;padding-top:15px;border-bottom:1px solid rgba(255,255,255,.1); }.money-chart svg { width:100%;height:115px; }.chart-labels { display:flex;justify-content:space-between;color:#66768a;font:9px 'DM Mono',monospace; }.chart-callout { position:absolute;right:0;top:52px;color:var(--yellow);font:9px 'DM Mono',monospace; }.window-footnote { color:#66768a;font:9px 'DM Mono',monospace;display:block;margin-top:17px; }.money-filter { border:1px solid rgba(255,255,255,.16);padding:5px 8px;border-radius:5px;color:#9ba8b9;font-size:10px; }.call-status { margin-left:auto;color:#82d09a;font:9px 'DM Mono',monospace; }.call-status i { width:6px;height:6px;display:inline-block;background:#82d09a;border-radius:50%; }.call-meta { display:flex;align-items:center;gap:9px;padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.1); }.call-avatar { display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#dca487;color:var(--ink);font-size:9px;font-weight:700; }.call-meta strong,.call-meta small { display:block; }.call-meta strong { font-size:12px; }.call-meta small,.call-date { color:#748297;font-size:10px; }.call-date { margin-left:auto; }.transcript { padding:20px 0;display:grid;gap:15px; }.transcript-line { display:grid;grid-template-columns:64px 1fr;gap:10px; }.transcript-line > span { color:#7c8a9c;font:10px 'DM Mono',monospace; }.transcript-line.agent > span { color:var(--yellow); }.transcript-line p { margin:0;color:#c0cad5;font-size:11px;line-height:1.5; }.call-summary { padding:14px;border-radius:9px;background:rgba(255,211,61,.1);border:1px solid rgba(255,211,61,.28);display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center; }.call-summary .label { grid-column:span 2; }.call-summary strong { font-size:11px; }
.connected-section { background:#0d1b2e; }.connected-flow { display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }.connected-flow article { padding:25px 22px 20px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#14263e; }.connected-flow article > span { color:var(--yellow);font:11px 'DM Mono',monospace; }.connected-flow h3 { font-size:25px;margin:25px 0 12px; }.connected-flow p { color:#a6b3c2;font-size:16px;line-height:1.55;margin:0; }.model-note { display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:end;margin-top:58px;padding-top:32px;border-top:1px solid var(--line); }.model-note h3 { font-size:32px;margin:10px 0 0; }.model-note p { color:#aeb9c7;font-size:16px;line-height:1.6;margin:0 0 13px; }.model-note small { color:#ffd33d;font-size:12px;line-height:1.5;display:block; }
.scenarios-section { background:var(--paper);color:var(--ink);width:100%;padding-left:max(32px,calc((100% - 1200px)/2));padding-right:max(32px,calc((100% - 1200px)/2)); }.scenarios-section .section-intro > p:last-child { color:#506174; }.scenarios-section .eyebrow,.scenarios-section .label { color:#6c7785; }.scenarios-section em { color:#d19f00; }.scenario-picker { display:flex;gap:8px;margin-bottom:25px;flex-wrap:wrap; }.scenario-chip { border:1px solid var(--line-dark);background:transparent;color:#536174;padding:10px 14px;border-radius:999px;font-size:13px;cursor:pointer; }.scenario-chip.is-active { background:var(--ink);color:var(--paper);border-color:var(--ink); }.scenario-card { display:grid;grid-template-columns:70px 1.5fr .75fr;gap:25px;border-top:1px solid var(--line-dark);padding:42px 0 0;min-height:390px; }.scenario-number { color:#9aa3ad;font:12px 'DM Mono',monospace; }.scenario-main h3 { margin-top:10px; }.scenario-main > p { color:#5f6c7b;max-width:540px;line-height:1.6; }.scenario-tasks { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:40px;border-top:1px solid var(--line-dark);padding-top:16px; }.scenario-tasks > div { min-height:100px; }.scenario-tasks span { display:block;color:#c19700;font:11px 'DM Mono',monospace;margin-bottom:12px; }.scenario-tasks strong,.scenario-tasks small { display:block; }.scenario-tasks strong { font-size:13px;margin-bottom:5px; }.scenario-tasks small { color:#75808c;font-size:11px;line-height:1.4; }.scenario-aside { background:#e9e5da;border-radius:13px;padding:22px;min-height:220px;display:flex;flex-direction:column; }.quote-mark { color:#c19700;font:70px/0.7 Georgia,serif;margin:28px 0 16px; }.scenario-aside p { font:21px/1.16 Georgia,serif;letter-spacing:-.04em; }.aside-foot { color:#7a8590;font:9px 'DM Mono',monospace;margin-top:auto; }
.industry-band { border-top:1px solid var(--line-dark);margin-top:20px;padding:27px 0 0;display:grid;grid-template-columns:auto 1fr;gap:16px 35px;align-items:start; }.industry-items { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }.industry-example { border:1px solid var(--line-dark);border-radius:12px;padding:13px 14px;color:#536174; }.industry-example strong { display:block;font-size:14px;color:var(--ink);margin-bottom:5px; }.industry-example p { color:#677485;font-size:16px;line-height:1.4;margin:0; }.industry-band > p { grid-column:2;color:#677485;font-size:16px;margin:0;max-width:580px; }
.ways-section { background:#0e1a2b; }
.path-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.path-card { padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#15243a;min-height:350px;display:flex;flex-direction:column; }
.path-card-accent { background:#172d3d;border-color:rgba(255,211,61,.42); }
.path-number { color:var(--yellow);font:12px 'DM Mono',monospace;margin-bottom:38px; }
.path-card h3 { font-size:30px;margin:12px 0 15px;max-width:420px; }
.path-card > p { color:#aab6c4;line-height:1.6;max-width:470px; }
.path-example { margin-top:auto;padding:15px;border-top:1px solid rgba(255,255,255,.14);display:grid;gap:8px; }
.path-example span { color:var(--yellow);text-transform:uppercase;font:11px 'DM Mono',monospace;letter-spacing:.1em; }
.path-example strong { font:17px/1.3 Georgia,serif;font-weight:400;color:#e8e4d9; }
.ways-note { color:#8190a3;font:12px/1.5 'DM Mono',monospace;margin:18px 0 90px;max-width:760px; }
.contract-context { display:grid;grid-template-columns:1.1fr .9fr;gap:72px;padding:34px 0 54px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:82px; }.contract-copy h3 { margin:10px 0 18px;font-size:clamp(30px,3.5vw,48px); }.contract-copy > p:not(.eyebrow) { color:#aab6c4;font-size:16px;line-height:1.62;max-width:620px; }.contract-copy .contract-boundary { color:var(--yellow);font-size:14px;margin-top:25px;max-width:520px; }.contract-examples { align-self:end;padding:21px;background:#15243a;border-radius:14px;border:1px solid rgba(255,255,255,.14); }.contract-example { display:grid;grid-template-columns:28px 1fr;gap:10px;padding:15px 0;border-top:1px solid rgba(255,255,255,.12);margin-top:14px; }.contract-example > span { color:var(--yellow);font:11px 'DM Mono',monospace; }.contract-example strong,.contract-example small { display:block; }.contract-example strong { font-size:14px; }.contract-example small { color:#9eacbc;font-size:14px;line-height:1.45;margin-top:4px; }
.catalogue-head { display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:30px; }.catalogue-head h3 { margin:11px 0 0;font-size:33px; }.catalogue-head > p { color:#9faebe;line-height:1.55;margin:0 0 5px;max-width:440px; }
.task-catalogue { border-top:1px solid var(--line); }.task-catalogue details { border-bottom:1px solid var(--line); }.task-catalogue summary { list-style:none;cursor:pointer;display:grid;grid-template-columns:48px minmax(0,1fr) auto 26px;gap:15px;align-items:center;padding:20px 0;font:600 19px 'Space Grotesk',sans-serif; }.task-catalogue summary::-webkit-details-marker { display:none; }.task-catalogue summary::after { content:'+';grid-column:4;color:var(--yellow);font:23px 'DM Mono',monospace;justify-self:end; }.task-catalogue details[open] summary::after { content:'−'; }.catalogue-index { color:var(--yellow);font:11px 'DM Mono',monospace; }.summary-note { grid-column:3;color:#718197;font:11px 'DM Mono',monospace;font-weight:400; }.catalogue-body { display:grid;grid-template-columns:1fr 1fr;gap:42px;padding:3px 48px 25px 63px; }.catalogue-body > div { padding:15px 0 5px;border-top:1px solid rgba(255,255,255,.1); }.catalogue-body strong { font-size:14px; }.catalogue-body p { color:#9daabd;font-size:16px;line-height:1.55;margin:7px 0; }.catalogue-body small { color:#ffd33d;font-size:12px;line-height:1.45;display:block; }.group-review { grid-column:1 / -1;color:#ffd33d;font-size:13px;line-height:1.5;margin:0;padding-top:3px; }
.setup-path { margin-top:105px;padding-top:36px;border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.3fr;gap:70px; }.setup-path-intro h3 { margin-top:10px; }.setup-path-intro > p:last-child { color:#a2afbd;line-height:1.55;max-width:300px; }.setup-stages { list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:13px; }.setup-stages li { border-left:1px solid rgba(255,255,255,.2);padding-left:13px;min-height:128px; }.setup-stages span { display:block;color:var(--yellow);font:11px 'DM Mono',monospace;margin-bottom:18px; }.setup-stages strong,.setup-stages small { display:block; }.setup-stages strong { font-size:13px;margin-bottom:8px; }.setup-stages small { color:#8492a3;font-size:12px;line-height:1.45; }
.planner-section { background:#112036; }.planner-layout { display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start; }.planner-form { display:grid;gap:28px; }.planner-step { margin:0;padding:0;border:0; }.planner-step legend { width:100%;display:flex;align-items:center;gap:13px;font:600 17px 'Space Grotesk',sans-serif;letter-spacing:-.03em;margin-bottom:14px; }.planner-step legend span { color:var(--yellow);font:11px 'DM Mono',monospace; }.field-hint { color:#8090a3;font-size:12px;margin:-4px 0 12px 25px; }.choice-grid { display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-left:25px; }.choice-grid.compact { grid-template-columns:repeat(3,1fr); }.choice { position:relative;cursor:pointer; }.choice input { position:absolute;opacity:0; }.choice span { display:block;padding:12px 11px;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#aab5c3;font-size:12px;transition:border .2s,color .2s,background .2s; }.choice input:checked + span { color:var(--ink);background:var(--yellow);border-color:var(--yellow); }.choice input:focus-visible + span { outline:2px solid var(--yellow);outline-offset:2px; }.selection-note { color:#7e8ca0;font:10px 'DM Mono',monospace;margin:9px 0 0 25px; }.planner-submit { justify-self:start;margin-left:25px;margin-top:2px; }.plan-result { border:1px solid rgba(255,255,255,.17);border-radius:17px;overflow:hidden;background:#172941;min-height:475px;box-shadow:0 25px 60px rgba(0,0,0,.15); }.result-top { display:flex;justify-content:space-between;padding:17px 20px;border-bottom:1px solid rgba(255,255,255,.1); }.result-status { color:#77879a;font:10px 'DM Mono',monospace; }.result-content { padding:27px 25px 15px; }.result-content h3 { font-size:31px; }.result-lead { color:#9cabbc;font-size:14px;max-width:340px; }.result-jobs { margin-top:25px;border-top:1px solid rgba(255,255,255,.1); }.result-job { display:grid;grid-template-columns:28px 1fr;gap:10px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1); }.result-job > span { color:var(--yellow);font:11px 'DM Mono',monospace; }.result-job strong,.result-job small { display:block; }.result-job strong { font-size:13px; }.result-job small { color:#8d9caf;font-size:11px;margin-top:3px; }.result-context { color:#8998aa;font-size:11px;margin:21px 0 0; }.result-context strong { color:var(--yellow);font-weight:500; }.result-actions { display:flex;gap:8px;padding:17px 20px;border-top:1px solid rgba(255,255,255,.1); }.result-actions .button { padding:10px 13px;font-size:11px; }.result-footnote { min-height:16px;color:var(--yellow);font:10px 'DM Mono',monospace;padding:0 20px 15px;margin:0; }
.pricing-section { background:var(--yellow);color:var(--ink);width:100%;padding-left:max(32px,calc((100% - 1200px)/2));padding-right:max(32px,calc((100% - 1200px)/2)); }.pricing-section .eyebrow { color:#655311; }.pricing-section em { color:#5c4a00; }.pricing-frame { display:grid;grid-template-columns:1.3fr .7fr;gap:100px;align-items:center; }.pricing-copy > p:not(.eyebrow) { max-width:520px;color:#564a17;font-size:17px;line-height:1.6; }.pricing-copy .pricing-muted { color:#77651c;font-size:13px; }.price-card { background:#101d30;color:var(--paper);border-radius:16px;padding:26px 25px;box-shadow:0 20px 40px rgba(73,57,0,.18); }.price { font:600 48px 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:13px 0 7px; }.price-card > p { color:#a6b3c2;font-size:12px; }.price-line { border-top:1px solid rgba(255,255,255,.12);margin:22px 0 16px; }.price-card ul { margin:0 0 24px;padding:0;list-style:none;color:#b4c0cc;font-size:12px;display:grid;gap:10px; }.price-card li::before { content:'✓';color:var(--yellow);margin-right:8px; }.price-disclaimer { color:#715f15;font:10px 'DM Mono',monospace;margin:24px 0 0; }
.enterprise-note { border-top:1px solid rgba(255,255,255,.14);margin-top:24px;padding-top:18px;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center; }.enterprise-note .label { grid-column:1 / -1; }.enterprise-note strong { font:20px 'Space Grotesk',sans-serif; }.enterprise-note small { color:#9daabd;font-size:12px;line-height:1.35; }.enterprise-note a { grid-column:2;color:var(--yellow);font-size:12px;margin-top:5px; }
.contact-section { background:#101d30; }.contact-layout { display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:start; }.contact-form { display:grid;grid-template-columns:1fr 1fr;gap:16px; padding:25px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:#15243a; }.form-row { display:grid;gap:7px; }.form-row:nth-child(5),.form-row:nth-child(6),.contact-form button,.form-status { grid-column:1 / -1; }.form-row label { font-size:14px;font-weight:600; }.form-row label span[aria-hidden="true"] { color:var(--yellow); }.form-row .optional { color:#7f8da0;font-size:12px;font-weight:400;margin-left:4px; }.form-row input,.form-row textarea { width:100%;border:1px solid rgba(255,255,255,.17);border-radius:8px;background:#0d192a;color:var(--paper);padding:11px 12px;outline:none;font-size:16px; }.form-row textarea { resize:vertical;min-height:120px; }.form-row input:focus,.form-row textarea:focus { border-color:var(--yellow);box-shadow:0 0 0 2px rgba(255,211,61,.15); }.contact-form button:disabled { cursor:not-allowed;opacity:.55;transform:none; }.form-status { color:#8594a6;font:12px/1.5 'DM Mono',monospace;margin:0; }
.onboarding-section { background:var(--paper);color:var(--ink);width:100%;padding-left:max(32px,calc((100% - 1200px)/2));padding-right:max(32px,calc((100% - 1200px)/2)); }.onboarding-section .eyebrow,.onboarding-section .label { color:#6d7886; }.onboarding-section em { color:#cc9b00; }.steps-row { display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr;gap:24px;align-items:center; }.onboarding-step > span { color:#bf9200;font:12px 'DM Mono',monospace; }.onboarding-step h3 { font-size:24px;margin:16px 0 12px; }.onboarding-step p { color:#677485;font-size:13px;line-height:1.55;max-width:230px; }.step-connector { color:#bf9200;font-size:22px; }
.faq-section { background:#101d30; }.faq-list { border-top:1px solid var(--line); }.faq-list details { border-bottom:1px solid var(--line); }.faq-list summary { list-style:none;cursor:pointer;padding:20px 0;font:500 20px 'Space Grotesk',sans-serif;display:flex;justify-content:space-between;align-items:center; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary::after { content:'+';color:var(--yellow);font:24px 'DM Mono',monospace;transition:transform .2s ease; }.faq-list details[open] summary::after { content:'−'; }.faq-list details p { max-width:650px;color:#9ca9b9;font-size:14px;line-height:1.6;padding:0 35px 22px 0;margin:0; }
.closing-section { padding:0 0 115px; }.closing-card { padding:49px 55px; border-radius:18px; background:#192b43;display:flex;align-items:center;gap:37px;position:relative;overflow:hidden; }.closing-card h2 { margin-bottom:13px; }.closing-card p:last-child { color:#9fadb9;font-size:15px;margin:0; }.closing-card .button { margin-left:auto;position:relative;z-index:1;white-space:nowrap; }.orb-small { width:120px;height:120px;position:relative;flex:0 0 120px; }.orb-small::before,.orb-small::after,.orb-small span { content:"";position:absolute;inset:11px;border:1px solid rgba(255,211,61,.6);border-radius:50%;transform:rotate(40deg); }.orb-small::after { transform:rotate(-43deg);opacity:.35; }.orb-small span { inset:31px;border:0;background:var(--yellow);box-shadow:0 0 35px rgba(255,211,61,.5);border-radius:48% 52% 53% 47%; }
.site-footer { padding:0 0 32px; }.footer-main { padding:40px 0;display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:30px;border-top:1px solid var(--line);align-items:start; }.footer-main > p { color:#7f8c9e;font-size:13px;max-width:220px;margin:3px 0 0; }.footer-cta { display:flex;flex-direction:column;gap:9px;align-items:flex-start;font-size:12px; }.footer-cta span { color:#7f8c9e; }.footer-cta a { color:var(--yellow); }.footer-bottom { padding-top:17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#657388;font:10px 'DM Mono',monospace; }.footer-bottom > div { display:flex;gap:18px; }.footer-link { border:0;background:transparent;color:#7f8da0;padding:0;cursor:pointer;font:inherit; }.footer-link:hover { color:var(--paper); }
.info-dialog { width:min(560px,calc(100% - 32px));border:1px solid rgba(255,255,255,.2);border-radius:16px;background:#15243a;color:var(--paper);padding:26px;box-shadow:0 30px 100px rgba(0,0,0,.5); }.info-dialog::backdrop { background:rgba(0,0,0,.68); }.dialog-head { display:flex;justify-content:space-between;align-items:center; }.dialog-close { border:0;background:transparent;font-size:28px;line-height:1;color:#9aa8ba;cursor:pointer; }.info-dialog h2 { font-size:38px;margin:34px 0 17px; }.info-dialog p { color:#aeb9c7;font-size:14px;line-height:1.65; }.info-dialog p:last-child { color:#8190a3;font-size:12px; }
@keyframes slow-pulse { 0%,100%{transform:scale(1);opacity:.31}50%{transform:scale(1.04);opacity:.4} }
@media (max-width:1100px) and (min-width:901px) { .hero{gap:35px}.demo-grid{grid-template-columns:minmax(0,1fr)}.demo-card-primary{grid-row:auto}.demo-card-money{grid-column:auto} }
@media (max-width:900px) { .section-shell{width:min(100% - 40px,700px)}.hero{grid-template-columns:1fr;gap:43px;padding-top:55px}.hero-demo{min-height:480px}.hero::after{inset:0;background:radial-gradient(circle at 80% 40%,rgba(255,211,61,.14),transparent 28%)}.proof-strip{flex-wrap:wrap;padding:20px 0;gap:12px}.proof-strip p{font-size:11px}.tour-panel{grid-template-columns:1fr;padding:35px 24px;gap:28px}.mail-body{min-height:330px}.section-intro.split{grid-template-columns:1fr;gap:0}.planner-layout,.pricing-frame{grid-template-columns:1fr;gap:45px}.pricing-frame{gap:30px}.scenario-card{grid-template-columns:35px 1fr}.scenario-aside{grid-column:2}.steps-row{grid-template-columns:1fr;gap:23px}.step-connector{transform:rotate(90deg);justify-self:start;margin-left:8px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>p{grid-column:1}.footer-cta{grid-column:2;grid-row:1 / span 2}.closing-card{padding:38px 30px}.orb-small{width:75px;height:75px;flex-basis:75px}.orb-small::before,.orb-small::after{inset:5px}.orb-small span{inset:22px} }
@media (max-width:640px) { .section-shell{width:calc(100% - 32px)}.site-header{width:calc(100% - 32px);height:76px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:0;right:0;top:66px;background:#101d30;border:1px solid var(--line);padding:10px;border-radius:12px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 50px rgba(0,0,0,.4)}.primary-nav.is-open{display:flex}.primary-nav a{padding:13px}.primary-nav .nav-cta{text-align:center;margin-top:6px}.hero{padding-top:47px;min-height:0}.hero-demo{padding:15px;min-height:450px}.orb-stage{right:-8px;top:20px;transform:scale(.78)}.demo-head{margin-top:53px}.demo-grid{grid-template-columns:1fr}.demo-card-primary{grid-row:auto}.demo-card-money{grid-column:auto}.mail-body{grid-template-columns:1fr}.mail-sidebar,.mail-detail{display:none}.tour-tabs{grid-template-columns:1fr 1fr}.tour-tab{border-bottom:1px solid var(--line);padding:14px 11px;font-size:11px}.tour-tab:nth-child(2){border-right:0}.tour-panel{padding:27px 16px}.mail-window{font-size:10px}.scenario-card{gap:13px}.scenario-aside{grid-column:2}.scenario-tasks{grid-template-columns:1fr;gap:0}.scenario-tasks>div{min-height:0;padding:11px 0;border-bottom:1px solid var(--line-dark)}.scenario-tasks span{display:inline;margin-right:10px}.scenario-tasks strong,.scenario-tasks small{display:inline}.scenario-tasks small{margin-left:5px}.choice-grid,.choice-grid.compact{grid-template-columns:1fr 1fr;margin-left:0}.planner-step legend{font-size:15px}.field-hint,.selection-note{margin-left:0}.planner-submit{margin-left:0}.result-content{padding:23px 18px 15px}.result-actions{padding-left:15px;padding-right:15px}.pricing-section,.onboarding-section{padding-left:16px;padding-right:16px}.pricing-section.section-pad,.onboarding-section.section-pad{padding-top:80px;padding-bottom:80px}.price-card{padding:23px 18px}.faq-list summary{font-size:17px}.closing-section{padding-bottom:75px}.closing-card{display:block;padding:31px 23px}.closing-card .orb-small{display:none}.closing-card .button{margin-top:27px}.footer-main{display:block}.footer-main>p{margin:20px 0}.footer-cta{margin-top:22px}.footer-bottom{display:block;line-height:2.1}.footer-bottom>div{margin:6px 0}.info-dialog h2{font-size:32px}.money-kpis{grid-template-columns:1fr 1fr}.money-kpis>div:last-child{grid-column:span 2}.call-content{padding:18px}.call-date{display:none} }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important} }

/* Keep the product illustration legible at a glance. */
.eyebrow,.label { font-size:12px; }
.demo-topline { font-size:12px; }
.tour-tab { font-size:14px; }
.tour-tab span,.step-mark,.strip-number { font-size:12px; }
.email-line strong,.mail-item strong { font-size:12px; }
.email-line small,.demo-card-money small,.demo-disclaimer,.tag,.mail-sidebar,.mail-toolbar,.mail-item p,.mail-item small,.mail-badge,.original-link,.window-footnote,.source-pill,.call-status,.call-meta small,.call-date,.result-status,.result-footnote,.price-disclaimer { font-size:12px; }
.mail-detail p,.watch-item p,.result-job small,.field-hint,.selection-note,.hero-note,.aside-foot { font-size:13px; }
.plan-copy-fallback { padding:0 20px 18px; }.plan-copy-fallback label { display:block;color:#9cabbc;font-size:12px;margin-bottom:7px; }.plan-copy-fallback textarea { width:100%;min-height:132px;resize:vertical;background:#0d192a;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#c8d1db;padding:10px;font:12px/1.5 'DM Mono',monospace; }
@media (max-width:900px) { .connected-flow{grid-template-columns:1fr}.model-note{grid-template-columns:1fr;gap:25px}.path-grid{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr;gap:30px}.contract-context{grid-template-columns:1fr;gap:30px}.catalogue-head{grid-template-columns:1fr;gap:10px}.setup-path{grid-template-columns:1fr;gap:35px}.setup-stages{grid-template-columns:repeat(5,1fr);gap:9px} }
@media (max-width:900px) and (min-width:641px) { .menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:0;right:0;top:76px;background:#101d30;border:1px solid var(--line);padding:10px;border-radius:12px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 50px rgba(0,0,0,.4)}.primary-nav.is-open{display:flex}.primary-nav a{padding:13px}.primary-nav .nav-cta{text-align:center;margin-top:6px} }
@media (max-width:640px) { .path-card{padding:22px;min-height:0}.path-card h3{font-size:27px}.path-number{margin-bottom:28px}.ways-note{margin-bottom:65px}.contract-context{padding:25px 0 35px;margin-bottom:65px}.contract-copy h3{font-size:30px}.contract-copy > p:not(.eyebrow){font-size:16px}.contract-examples{padding:16px}.contact-form{grid-template-columns:1fr;padding:18px}.price{font-size:40px}.task-catalogue summary{grid-template-columns:35px minmax(0,1fr) auto 18px;gap:9px;font-size:16px;align-items:start}.task-catalogue summary > span:nth-child(2){grid-column:2;grid-row:1}.summary-note{grid-column:2;grid-row:2;font-size:11px;margin-top:-5px}.task-catalogue summary::after{grid-column:4;grid-row:1 / span 2;align-self:center}.catalogue-body{grid-template-columns:1fr;gap:18px;padding:0 0 20px 44px}.setup-path{margin-top:75px}.setup-stages{grid-template-columns:1fr;gap:0}.setup-stages li{min-height:0;padding:15px 0 15px 13px}.setup-stages span{display:inline;margin-right:10px}.setup-stages strong,.setup-stages small{display:inline}.setup-stages small{margin-left:6px} }
@media (max-width:640px) { .industry-band{grid-template-columns:1fr;gap:12px}.industry-items{grid-template-columns:1fr}.industry-band > p{grid-column:1} }

/* Compound board demo: a compact, truthful preview of the product shape. */
.hero-board-mini { min-height:500px; padding:20px; background:#181d24; border:1px solid #2b333d; border-radius:22px; position:relative; overflow:hidden; box-shadow:0 30px 90px rgba(0,0,0,.3); }
.hero-board-mini::before { content:""; position:absolute; inset:0; background:url('hero-orb.webp') 94% 44% / 210% auto no-repeat; opacity:.25; mix-blend-mode:screen; animation:slow-pulse 14s ease-in-out infinite; pointer-events:none; }
.hero-board-mini > * { position:relative; z-index:1; }
.board-mini-top,.board-mini-company,.board-context,.board-tabs,.board-rooms,.board-card-head,.view-heading,.tilda-head,.thread-head,.invoice-head { display:flex; align-items:center; }
.board-mini-top { justify-content:space-between; color:#8994a0; font:12px/1.2 'DM Mono',monospace; }
.mini-brand,.board-brand { color:#ffd23f; font:700 12px/1 'DM Mono',monospace; letter-spacing:.15em; }
.mini-time { color:#8994a0; }
.board-mini-company { justify-content:space-between; margin:56px 0 22px; align-items:end; }
.board-mini-company h2 { font-size:29px; margin:8px 0 0; }
.mini-avatar,.mini-facts strong { color:#101318; background:#ffd23f; }
.mini-avatar { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; font-weight:700; }
.mini-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.mini-facts > div { padding:13px 12px; border:1px solid #2b333d; border-radius:10px; background:#12161c; min-width:0; }
.mini-facts span,.mini-facts small { display:block; color:#98a4b5; font-size:12px; }
.mini-facts strong { display:inline-block; margin:8px 0 4px; padding:2px 6px; border-radius:5px; font:600 20px/1 'Space Grotesk',sans-serif; }
.mini-next { width:100%; border:1px solid rgba(255,210,63,.58); border-radius:13px; background:rgba(255,210,63,.1); color:#f5f2ea; text-align:left; padding:15px; margin-top:12px; cursor:pointer; position:relative; }
.mini-next:hover,.mini-next:focus-visible { border-color:#ffd23f; background:rgba(255,210,63,.16); }
.mini-next strong,.mini-next small { display:block; }
.mini-next strong { font-size:17px; margin:6px 24px 5px 0; }
.mini-next small { color:#a2abb5; font-size:12px; }
.mini-next::after { content:'↗'; position:absolute; right:15px; top:19px; color:#ffd23f; font-size:20px; }
.mini-foot { display:flex; gap:20px; margin:23px 0 0; color:#a2abb5; font:12px 'DM Mono',monospace; }
.mini-foot span:first-child { color:#ffd23f; }
.hero-board-mini .demo-disclaimer { color:#8994a0; font-size:12px; margin-top:20px; }

.board-shell { background:#101318; border:1px solid #2b333d; border-radius:20px; overflow:hidden; }
.board-tabs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); background:#12161c; border-bottom:1px solid #2b333d; }
.board-tabs .tour-tab,.board-room-tab { min-width:0; color:#a2abb5; border:0; border-right:1px solid #2b333d; padding:16px 18px; font-size:14px; text-align:left; background:transparent; cursor:pointer; }
.board-tabs .tour-tab:last-child,.board-tabs .board-room-tab:last-child { border-right:0; }
.board-tabs .tour-tab.is-active,.board-tabs .board-room-tab.is-active { color:#f5f2ea; background:#181d24; box-shadow:inset 0 -3px #ffd23f; }
.board-tabs .tour-tab span,.board-tabs .board-room-tab span { color:#6b7480; font:12px 'DM Mono',monospace; margin-right:10px; }
.board-tabs .tour-tab.is-active span,.board-tabs .board-room-tab.is-active span { color:#ffd23f; }
.board-overview[hidden] { display:none; }
.board-demo { display:grid; grid-template-columns:minmax(0,1fr) 305px; min-width:0; }
.board-main { padding:20px; min-width:0; background:#181d24; }
.board-context { justify-content:space-between; gap:14px; margin-bottom:17px; }
.board-company { color:#f5f2ea; font-size:14px; margin-left:18px; }
.board-example { color:#a2abb5; font:12px 'DM Mono',monospace; text-align:right; }
.board-rooms { gap:5px; border-bottom:1px solid #2b333d; padding-bottom:12px; margin-bottom:15px; }
.board-rooms button { color:#a2abb5; background:transparent; border:0; border-radius:6px; padding:7px 11px; cursor:pointer; font-size:14px; }
.board-rooms button:hover,.board-rooms button:focus-visible,.board-rooms button.is-active { color:#101318; background:#ffd23f; }
.board-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.board-kpis article { padding:12px 13px; background:#12161c; border:1px solid #2b333d; border-radius:10px; }
.board-kpis span,.board-kpis small { display:block; color:#a2abb5; font-size:12px; }
.board-kpis strong { display:block; color:#ffd23f; font:600 24px/1.1 'Space Grotesk',sans-serif; margin:8px 0 4px; }
.next-move-card { width:100%; display:flex; justify-content:space-between; gap:20px; text-align:left; color:#f5f2ea; border:1px solid rgba(255,210,63,.55); background:rgba(255,210,63,.1); border-radius:12px; padding:16px; margin:12px 0; cursor:pointer; }
.next-move-card:hover,.next-move-card:focus-visible { border-color:#ffd23f; background:rgba(255,210,63,.16); }
.next-move-card h3 { font-size:24px; margin:7px 0 4px; }
.next-move-card p { color:#a2abb5; font-size:16px; margin:0; }
.move-arrow { color:#ffd23f; font-size:22px; }
.board-eyebrow { color:#ffd23f; font:11px/1.2 'DM Mono',monospace; letter-spacing:.1em; }
.board-columns { display:grid; grid-template-columns:1.1fr 1fr .9fr; gap:8px; }
.board-card { background:#12161c; border:1px solid #2b333d; border-radius:11px; padding:14px; min-width:0; }
.board-card-head { justify-content:space-between; gap:10px; margin-bottom:9px; }
.board-card h3 { font:600 16px/1.1 'Space Grotesk',sans-serif; margin:8px 0 0; letter-spacing:-.02em; }
.count-ring { width:29px; height:29px; display:grid; place-items:center; border:1px solid #ffd23f; border-radius:50%; color:#ffd23f; font:13px 'DM Mono',monospace; }
.prepared-mark { color:#6fbd8e; font-size:18px; }
.board-row { width:100%; display:grid; grid-template-columns:25px minmax(0,1fr) auto; gap:7px; align-items:start; text-align:left; color:#f5f2ea; background:transparent; border:0; border-top:1px solid #2b333d; padding:11px 0 2px; cursor:pointer; }
.board-row:hover strong,.board-row:focus-visible strong,.source-link:hover { color:#ffd23f; }
.row-index { color:#ffd23f; font:11px 'DM Mono',monospace; }
.board-row strong,.board-row small { display:block; }
.board-row strong { font-size:14px; line-height:1.35; }
.board-row small { color:#a2abb5; font-size:12px; margin-top:3px; }
.board-row b { color:#a2abb5; font:11px 'DM Mono',monospace; white-space:nowrap; }
.prepared-item { display:grid; grid-template-columns:25px minmax(0,1fr) auto; gap:7px; align-items:start; border-top:1px solid #2b333d; padding:10px 0 1px; }
.file-icon { color:#ffd23f; font-size:16px; }
.prepared-item strong,.prepared-item small { display:block; }
.prepared-item strong { font-size:13px; line-height:1.35; }
.prepared-item small { color:#a2abb5; font-size:12px; margin-top:3px; }
.small-action,.source-link { border:0; background:transparent; color:#ffd23f; cursor:pointer; font-size:12px; padding:2px 0; white-space:nowrap; }
.signal { display:flex; gap:8px; border-top:1px solid #2b333d; padding:10px 0 1px; }
.signal-dot { width:8px; height:8px; border-radius:50%; margin-top:5px; flex:0 0 auto; background:#ffd23f; }
.signal-dot.blue { background:#7fa8cc; }
.signal p { margin:0; }
.signal strong,.signal small { display:block; }
.signal strong { font-size:13px; line-height:1.3; }
.signal small { color:#a2abb5; font-size:12px; margin-top:3px; }
.money-strip { display:flex; align-items:center; gap:12px; flex-wrap:wrap; border-top:1px solid #2b333d; border-bottom:1px solid #2b333d; margin:13px 0 0; padding:12px 2px; }
.money-strip strong { font-size:14px; }
.money-strip > span:nth-of-type(2) { color:#a2abb5; font-size:12px; }
.money-strip .small-action { margin-left:auto; }
.board-view-panels { margin-top:14px; }
.board-view-panel { background:#12161c; border:1px solid #2b333d; border-radius:11px; padding:17px; }
.view-heading { justify-content:space-between; gap:16px; margin-bottom:16px; }
.view-heading h3 { font:600 21px/1.1 'Space Grotesk',sans-serif; margin:8px 0 0; }
.view-badge,.draft-mode { color:#a2abb5; border:1px solid #2b333d; border-radius:999px; padding:5px 8px; font:11px 'DM Mono',monospace; white-space:nowrap; }
.mail-board { display:grid; grid-template-columns:100px minmax(0,1fr) 185px; border:1px solid #2b333d; border-radius:9px; overflow:hidden; }
.mail-folders { display:flex; flex-direction:column; gap:13px; padding:14px 11px; border-right:1px solid #2b333d; color:#a2abb5; font-size:12px; }
.mail-folders strong { color:#f5f2ea; }
.mail-folders b { float:right; color:#ffd23f; font-weight:500; }
.mail-thread { min-width:0; }
.thread-head { justify-content:space-between; gap:10px; padding:13px; border-bottom:1px solid #2b333d; }
.thread-head strong { font-size:13px; }
.thread-head span { color:#a2abb5; font:11px 'DM Mono',monospace; white-space:nowrap; }
.thread-message { display:flex; gap:9px; padding:14px 13px; border-bottom:1px solid #2b333d; }
.thread-avatar { display:grid; place-items:center; width:27px; height:27px; flex:0 0 auto; border-radius:50%; background:#7fa8cc; color:#101318; font-size:10px; font-weight:700; }
.thread-message strong,.thread-message p,.thread-message small { display:block; }
.thread-message strong { font-size:13px; }
.thread-message p { color:#f5f2ea; font-size:16px; margin:3px 0; }
.thread-message small { color:#a2abb5; font-size:12px; }
.draft-editor { padding:14px; }
.draft-editor > div:first-child { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.draft-editor textarea { width:100%; min-height:96px; resize:vertical; background:#181d24; border:1px solid #2b333d; border-radius:7px; color:#f5f2ea; padding:10px; margin:10px 0; font:14px/1.5 'DM Sans',sans-serif; }
.detail-actions { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:0; }
.detail-actions .button { padding:9px 12px; font-size:12px; }
.tilda-source { padding:14px; border-left:1px solid #2b333d; background:#101318; }
.tilda-source p { color:#a2abb5; font-size:14px; line-height:1.5; margin:11px 0 13px; }
.watch-grid { display:grid; gap:8px; }
.watch-detail { display:grid; grid-template-columns:30px minmax(0,1fr) auto; gap:10px; align-items:start; text-align:left; border:1px solid #2b333d; border-radius:8px; padding:14px; background:#181d24; color:#f5f2ea; cursor:pointer; }
.watch-detail:hover,.watch-detail:focus-visible { border-color:#ffd23f; }
.watch-detail strong,.watch-detail small { display:block; }
.watch-detail strong { font-size:15px; }
.watch-detail small { color:#a2abb5; font-size:13px; margin-top:4px; }
.watch-detail b { color:#ffd23f; font:11px 'DM Mono',monospace; white-space:nowrap; }
.invoice-layout { display:grid; grid-template-columns:1.2fr .8fr; gap:12px; }
.invoice-card { border:1px solid #2b333d; border-radius:9px; padding:16px; }
.invoice-head { justify-content:space-between; }
.invoice-head strong { color:#ffd23f; font:11px 'DM Mono',monospace; text-transform:uppercase; }
.invoice-card h4 { font:600 22px/1.1 'Space Grotesk',sans-serif; margin:17px 0 3px; }
.invoice-card > p { color:#a2abb5; font-size:13px; margin:0 0 15px; }
.invoice-lines { border-top:1px solid #2b333d; }
.invoice-lines > div,.invoice-total { display:flex; justify-content:space-between; gap:15px; border-bottom:1px solid #2b333d; padding:10px 0; font-size:13px; }
.invoice-lines span { color:#a2abb5; }
.invoice-total { border-bottom:0; padding:14px 0 4px; font-size:16px; }
.invoice-total strong { color:#ffd23f; font-size:20px; }
.invoice-actions { display:flex; align-items:center; gap:14px; margin-top:13px; }
.invoice-actions .button { padding:10px 13px; font-size:12px; }
.action-note { color:#a2abb5; font-size:12px !important; margin:13px 0 0 !important; }
.source-stack { display:grid; gap:8px; align-content:start; }
.documents-layout { display:grid; grid-template-columns:1fr 1.25fr; gap:10px; }
.document-list { display:grid; gap:7px; align-content:start; }
.document-item { display:grid; grid-template-columns:30px minmax(0,1fr) 18px; gap:8px; align-items:start; text-align:left; background:#181d24; border:1px solid #2b333d; border-radius:8px; color:#f5f2ea; padding:12px; cursor:pointer; }
.document-item:hover,.document-item:focus-visible,.document-item.is-active { border-color:#ffd23f; }
.document-item .file-icon { color:#ffd23f; font:11px 'DM Mono',monospace; }
.document-item strong,.document-item small { display:block; }
.document-item strong { font-size:14px; }
.document-item small { color:#a2abb5; font-size:12px; margin-top:3px; }
.document-item b { color:#ffd23f; font-weight:400; }
.document-preview { border:1px solid #2b333d; border-radius:8px; padding:16px; }
.document-preview h4 { font-size:22px; margin:13px 0 7px; }
.document-preview > p { color:#a2abb5; font-size:16px; line-height:1.5; }
.document-meta { display:grid; grid-template-columns:70px 1fr; gap:6px 10px; border-top:1px solid #2b333d; margin:16px 0; padding-top:13px; font-size:13px; }
.document-meta span { color:#a2abb5; }
.source-tile { text-align:left; background:#181d24; border:1px solid #2b333d; border-radius:9px; padding:14px; color:#f5f2ea; cursor:pointer; }
.source-tile:hover,.source-tile:focus-visible { border-color:#ffd23f; }
.source-tile strong,.source-tile small { display:block; }
.source-tile strong { font-size:15px; margin:8px 0 4px; }
.source-tile small { color:#a2abb5; font-size:13px; }
.phone-board { display:grid; grid-template-columns:1.2fr .8fr; gap:10px; }
.call-transcript,.call-summary-board { border:1px solid #2b333d; border-radius:9px; padding:15px; }
.call-line { display:grid; grid-template-columns:70px 1fr; gap:12px; padding:11px 0; border-bottom:1px solid #2b333d; }
.call-line:last-child { border-bottom:0; }
.call-line span { color:#a2abb5; font:11px 'DM Mono',monospace; }
.call-line.agent span { color:#ffd23f; }
.call-line p { margin:0; font-size:16px; }
.call-summary-board { display:flex; flex-direction:column; justify-content:center; background:rgba(255,210,63,.08); border-color:rgba(255,210,63,.4); }
.call-summary-board strong { font-size:17px; margin:14px 0 8px; }
.call-summary-board small { color:#a2abb5; font-size:13px; }
.board-tilda { background:#12161c; border-left:1px solid #2b333d; padding:18px; display:flex; flex-direction:column; min-width:0; }
.tilda-head { gap:10px; padding-bottom:16px; border-bottom:1px solid #2b333d; }
.tilda-orb { width:38px; height:38px; flex:0 0 38px; border-radius:50%; background:#ffd23f url('hero-orb.webp') 84% 50% / 220% auto no-repeat; filter:saturate(1.08) brightness(1.04); box-shadow:0 0 23px rgba(255,210,63,.35); animation:tilda-orb-pulse 5.5s ease-in-out infinite; }
.tilda-head strong,.tilda-head span { display:block; }
.tilda-head strong { font-size:15px; }
.tilda-head span { color:#a2abb5; font-size:12px; }
.tilda-scripted { margin-left:auto; color:#6fbd8e !important; font:10px 'DM Mono',monospace !important; }
.tilda-message { background:#181d24; border:1px solid #2b333d; border-radius:9px; padding:13px; margin:15px 0 18px; }
.tilda-message p { color:#f5f2ea; font-size:16px; line-height:1.55; margin:0; }
.tilda-prompts { display:grid; gap:7px; }
.tilda-prompts > .board-eyebrow { margin-bottom:2px; }
.tilda-prompts button { color:#f5f2ea; background:transparent; border:1px solid #2b333d; border-radius:7px; padding:10px; text-align:left; cursor:pointer; font-size:14px; }
.tilda-prompts button:hover,.tilda-prompts button:focus-visible { border-color:#ffd23f; color:#ffd23f; }
.tilda-foot { color:#6b7480; font:11px 'DM Mono',monospace; margin-top:auto; padding-top:20px; }
.source-dialog .source-detail { color:#a2abb5; font-size:14px; line-height:1.6; }
.dialog-draft { width:100%; min-height:145px; resize:vertical; background:#101318; border:1px solid #2b333d; border-radius:8px; color:#f5f2ea; padding:12px; font:14px/1.55 'DM Sans',sans-serif; margin:6px 0 10px; }
@keyframes tilda-orb-pulse { 0%,100% { opacity:.92; transform:scale(.985); } 50% { opacity:1; transform:scale(1); } }

@media (max-width:1050px) { .board-demo { grid-template-columns:minmax(0,1fr) 265px; }.board-columns { grid-template-columns:1fr 1fr; }.signals-card { grid-column:1 / -1; }.mail-board { grid-template-columns:90px minmax(0,1fr); }.tilda-source { display:none; } }
@media (max-width:900px) { .hero-board-mini { min-height:450px; }.board-demo { grid-template-columns:1fr; }.board-tilda { border-left:0; border-top:1px solid #2b333d; min-height:230px; }.tilda-foot { margin-top:15px; }.board-context { align-items:flex-start; flex-direction:column; }.board-example { text-align:left; }.board-columns { grid-template-columns:1fr; }.signals-card { grid-column:auto; }.mail-board { grid-template-columns:100px minmax(0,1fr); }.invoice-layout,.phone-board { grid-template-columns:1fr; } }
@media (max-width:640px) { .hero-board-mini { padding:15px; min-height:440px; }.board-mini-company { margin-top:43px; }.mini-facts { gap:5px; }.mini-facts > div { padding:10px 8px; }.mini-facts strong { font-size:17px; }.mini-facts span,.mini-facts small { font-size:12px; }.board-main { padding:13px; }.board-tabs { grid-template-columns:1fr 1fr; }.board-tabs .tour-tab,.board-room-tab { padding:13px 10px; font-size:14px; }.board-rooms { overflow:auto; }.board-rooms button { font-size:13px; padding:7px 9px; white-space:nowrap; }.board-kpis strong { font-size:20px; }.board-kpis span,.board-kpis small { font-size:12px; }.next-move-card h3 { font-size:20px; }.money-strip .small-action { margin-left:0; width:100%; }.mail-board { grid-template-columns:1fr; }.mail-folders { display:none; }.thread-head { align-items:flex-start; flex-direction:column; }.view-heading { align-items:flex-start; flex-direction:column; }.watch-detail { grid-template-columns:25px minmax(0,1fr); }.watch-detail b { grid-column:2; }.board-tilda { padding:15px; } }
@media (prefers-reduced-motion:reduce) { .tilda-orb { animation:none; opacity:1; transform:none; } }


/* Product demo frame: a compact, scrollable working surface. */
.board-shell { border-color:#2b333d; background:#101318; }
.board-productbar { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:13px 18px; background:#12161c; border-bottom:1px solid #2b333d; }
.product-identity,.product-tools { display:flex; align-items:center; gap:12px; min-width:0; }
.board-brand { color:#f5f2ea; font:600 13px/1 'Space Grotesk',sans-serif; letter-spacing:.12em; }
.board-company { color:#a2abb5; font-size:13px; white-space:nowrap; }
.board-example { color:#a2abb5; font:11px/1.2 'DM Mono',monospace; }
#tilda-theme { border:1px solid #2b333d; border-radius:7px; background:transparent; color:#f5f2ea; cursor:pointer; font:12px 'DM Sans',sans-serif; padding:7px 10px; }
#tilda-theme:hover,#tilda-theme:focus-visible { border-color:#ffd23f; color:#ffd23f; }
.board-tabs { background:#12161c; border-bottom:1px solid #2b333d; }
.board-tabs .tour-tab,.board-tabs .board-room-tab { color:#a2abb5; font-size:14px; }
.board-tabs .tour-tab.is-active,.board-tabs .board-room-tab.is-active { color:#f5f2ea; background:#181d24; }
.board-demo { --demo-bg:#101318; --demo-panel:#181d24; --demo-panel2:#12161c; --demo-line:#2b333d; --demo-text:#f5f2ea; --demo-muted:#a2abb5; --demo-dim:#6b7480; --demo-gold:#ffd23f; height:700px; min-height:650px; display:grid; grid-template-columns:minmax(0,1fr) 380px; background:var(--demo-bg); color:var(--demo-text); }
.board-demo.demo-light { --demo-bg:#eceef1; --demo-panel:#fff; --demo-panel2:#f5f6f8; --demo-line:#e0e3e8; --demo-text:#15181d; --demo-muted:#5c646e; --demo-dim:#98a0aa; --demo-gold:#c99500; }
.board-main { min-height:0; overflow-y:auto; overflow-x:hidden; background:var(--demo-bg); }
.board-main,.board-tilda { scrollbar-color:var(--demo-line) transparent; }
.board-context { border-bottom-color:var(--demo-line); }
.board-room-title,.board-context h3,.board-context strong { color:var(--demo-text); }
.board-room-subtitle,.board-context .board-example { color:var(--demo-muted); }
.board-kpis article,.board-card,.board-view-panel,.next-move-card,.money-strip,.invoice-card,.source-tile,.document-item,.document-preview,.watch-detail,.call-transcript,.call-summary-board { background:var(--demo-panel); border-color:var(--demo-line); color:var(--demo-text); }
.board-kpis article span,.board-kpis article small,.board-row small,.prepared-item small,.signal small,.money-strip > span:nth-of-type(2),.invoice-card > p,.invoice-lines span,.document-item small,.source-tile small,.watch-detail small,.thread-message small,.tilda-source p,.call-summary-board small { color:var(--demo-muted); }
.board-kpis article strong,.next-move-card h3,.board-row strong,.prepared-item strong,.signal strong,.money-strip strong,.invoice-card h4,.watch-detail strong,.document-item strong,.document-preview h4,.source-tile strong,.call-line p,.thread-message p { color:var(--demo-text); }
.board-eyebrow,.board-row b,.small-action,.source-link,.watch-detail b,.file-icon,.invoice-total strong,.call-line.agent span { color:var(--demo-gold); }
.board-columns { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; }
.signals-card { grid-column:1 / -1; }
.board-row,.prepared-item,.signal,.money-strip,.mail-folders,.thread-head,.thread-message,.invoice-lines > div,.invoice-total,.document-meta,.call-line { border-color:var(--demo-line); }
.board-view-panel,.mail-board,.document-item,.document-preview,.source-tile,.watch-detail,.invoice-card,.call-transcript,.call-summary-board { border-color:var(--demo-line); }
.mail-board { background:var(--demo-panel2); }
.mail-folders,.tilda-source { background:var(--demo-panel2); color:var(--demo-muted); }
.mail-folders strong,.thread-head strong { color:var(--demo-text); }
.draft-editor textarea,.dialog-draft { background:var(--demo-panel2); border-color:var(--demo-line); color:var(--demo-text); }
.invoice-head strong,.view-badge,.draft-mode { color:var(--demo-gold); border-color:var(--demo-line); }
.call-summary-board { background:color-mix(in srgb, var(--demo-gold) 10%, var(--demo-panel)); border-color:color-mix(in srgb, var(--demo-gold) 45%, var(--demo-line)); }
.board-tilda { height:700px; min-height:0; overflow:hidden; background:var(--demo-panel2); border-left-color:var(--demo-line); padding:18px; }
.tilda-head,.tilda-toolbar { border-color:var(--demo-line); }
.tilda-head strong { color:var(--demo-text); }
.tilda-head span { color:var(--demo-muted); }
.tilda-toolbar { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:12px 0; border-bottom:1px solid var(--demo-line); }
.tilda-controls { display:flex; gap:6px; flex:0 0 auto; }
.tilda-controls button { border:1px solid var(--demo-line); border-radius:7px; background:transparent; color:var(--demo-muted); cursor:pointer; font:12px 'DM Sans',sans-serif; padding:6px 8px; }
.tilda-controls button:hover,.tilda-controls button:focus-visible { border-color:var(--demo-gold); color:var(--demo-gold); }
.tilda-chat { flex:1 1 auto; min-height:170px; overflow-y:auto; display:flex; flex-direction:column; gap:10px; padding:12px 2px; }
.chat-turn { max-width:94%; border:1px solid var(--demo-line); border-radius:10px; padding:10px 11px; }
.chat-turn.assistant { align-self:flex-start; background:var(--demo-panel); }
.chat-turn.user { align-self:flex-end; background:color-mix(in srgb, var(--demo-gold) 16%, var(--demo-panel)); border-color:color-mix(in srgb, var(--demo-gold) 46%, var(--demo-line)); }
.chat-role { display:block; color:var(--demo-muted); font:11px 'DM Mono',monospace; }
.chat-turn.user .chat-role { color:var(--demo-gold); }
.chat-turn p { color:var(--demo-text); font-size:16px; line-height:1.45; margin:6px 0 0; }
.tilda-prompts { flex:0 0 auto; gap:7px; }
.tilda-prompts button { background:var(--demo-panel); border-color:var(--demo-line); color:var(--demo-text); font-size:14px; }
.tilda-prompts button:hover,.tilda-prompts button:focus-visible { border-color:var(--demo-gold); color:var(--demo-gold); }
.tilda-compose { flex:0 0 auto; display:grid; grid-template-columns:minmax(0,1fr) 36px; gap:8px; padding-top:12px; border-top:1px solid var(--demo-line); }
.tilda-compose textarea { width:100%; min-height:54px; resize:none; background:var(--demo-panel); border:1px solid var(--demo-line); border-radius:8px; color:var(--demo-text); font:14px/1.45 'DM Sans',sans-serif; padding:10px; }
.tilda-compose textarea::placeholder { color:var(--demo-muted); }
.tilda-compose button { align-self:stretch; border:1px solid var(--demo-gold); border-radius:8px; background:var(--demo-gold); color:#101318; cursor:pointer; font-size:18px; }
.tilda-compose button:disabled { cursor:not-allowed; opacity:.35; }
.tilda-compose small { grid-column:1 / -1; color:var(--demo-muted); font-size:11px; }
.tilda-foot { flex:0 0 auto; color:var(--demo-dim); font:11px 'DM Mono',monospace; margin-top:12px; padding-top:0; }
.board-tilda.is-collapsed { height:auto; }
.board-tilda.is-collapsed .tilda-chat,.board-tilda.is-collapsed .tilda-prompts,.board-tilda.is-collapsed .tilda-compose,.board-tilda.is-collapsed .tilda-foot { display:none; }
.board-demo .board-row strong,.board-demo .tilda-prompts button,.board-demo .board-tabs .tour-tab,.board-demo .board-tabs .board-room-tab { font-size:14px; }
.board-demo .next-move-card p,.board-demo .thread-message p,.board-demo .document-preview p,.board-demo .call-line p { font-size:16px; }
.board-demo .board-kpis span,.board-demo .board-kpis small { font-size:12px; }

@media (max-width:1050px) and (min-width:901px) {
  .board-demo { grid-template-columns:minmax(0,1fr) 345px; }
}
@media (max-width:900px) {
  .board-productbar { align-items:flex-start; flex-direction:column; }
  .product-tools { width:100%; justify-content:space-between; }
  .board-demo { height:auto; min-height:0; display:block; }
  .board-main { max-height:none; overflow:visible; }
  .board-tilda { height:auto; min-height:510px; border-left:0; border-top:1px solid var(--demo-line); }
  .tilda-chat { max-height:280px; min-height:175px; }
}
@media (max-width:640px) {
  .board-productbar { padding:12px 14px; }
  .board-company { white-space:normal; }
  .board-demo .board-kpis span { font-size:12px; }
  .board-tilda { min-height:535px; padding:15px; }
  .tilda-toolbar { align-items:flex-start; flex-direction:column; }
  .tilda-controls { width:100%; }
  .tilda-controls button { flex:1; }
}
@media (prefers-reduced-motion:reduce) { .tilda-orb { animation:none; opacity:1; transform:none; } }


.board-demo.demo-light .board-eyebrow,.board-demo.demo-light .board-row b,.board-demo.demo-light .small-action,.board-demo.demo-light .source-link,.board-demo.demo-light .watch-detail b,.board-demo.demo-light .file-icon,.board-demo.demo-light .invoice-total strong,.board-demo.demo-light .call-line.agent span { color:#8f6c06; }
.demo-light-active .info-dialog { background:#fff; color:#15181d; border-color:#e0e3e8; }
.demo-light-active .info-dialog p,.demo-light-active .info-dialog .source-detail { color:#5c646e; }
.demo-light-active .info-dialog textarea { background:#f5f6f8; border-color:#e0e3e8; color:#15181d; }

/* Final demo controls and narrow-panel behavior. */
.board-productbar { position:relative; }
.demo-pane-switch { display:none; gap:5px; }
.demo-pane-switch button { border:1px solid #2b333d; border-radius:7px; background:transparent; color:#a2abb5; cursor:pointer; font:12px 'DM Sans',sans-serif; padding:7px 9px; }
.demo-pane-switch button.is-active,.demo-pane-switch button:focus-visible { border-color:#ffd23f; color:#f5f2ea; }
.board-shell.demo-chat-collapsed .board-demo { grid-template-columns:minmax(0,1fr) 76px; }
.board-shell.demo-chat-collapsed .board-tilda { padding:14px 10px; }
.board-shell.demo-chat-collapsed .tilda-head { justify-content:center; border-bottom:0; padding-bottom:12px; }
.board-shell.demo-chat-collapsed .tilda-head > div:last-child,.board-shell.demo-chat-collapsed .tilda-toolbar > .board-eyebrow { display:none; }
.board-shell.demo-chat-collapsed .tilda-toolbar { justify-content:center; padding:0; border-bottom:0; }
.board-shell.demo-chat-collapsed .tilda-controls { width:100%; }
.board-shell.demo-chat-collapsed .tilda-controls #tilda-new { display:none; }
.board-shell.demo-chat-collapsed .tilda-controls #tilda-toggle { width:100%; font-size:0; }
.board-shell.demo-chat-collapsed .tilda-controls #tilda-toggle::after { content:'Expand'; font-size:12px; }
.demo-light-active .board-shell .board-productbar,.demo-light-active .board-shell .board-tabs { background:#fff; border-color:#e0e3e8; }
.demo-light-active .board-shell .board-brand,.demo-light-active .board-shell .board-tabs .tour-tab.is-active,.demo-light-active .board-shell .board-tabs .board-room-tab.is-active { color:#15181d; }
.demo-light-active .board-shell .board-company,.demo-light-active .board-shell .board-example,.demo-light-active .board-shell .board-tabs .tour-tab,.demo-light-active .board-shell .board-tabs .board-room-tab { color:#5c646e; }
.demo-light-active .board-shell #tilda-theme,.demo-light-active .board-shell .demo-pane-switch button { border-color:#e0e3e8; color:#5c646e; }
.demo-light-active .board-shell .demo-pane-switch button.is-active { color:#8f6c06; border-color:#c99500; }
.demo-light-active .info-dialog .dialog-draft,.demo-light-active .info-dialog textarea { background:#f5f6f8; color:#15181d; border-color:#e0e3e8; }
.info-dialog .dialog-draft,.info-dialog textarea { background:#101318; color:#f5f2ea; border:1px solid #2b333d; }
@media (max-width:900px) {
  .demo-pane-switch { display:flex; width:100%; }
  .demo-pane-switch button { flex:1; }
  .board-demo:not(.mobile-chat-open) .board-tilda { display:none; }
  .board-demo.mobile-chat-open .board-main { display:none; }
  .board-demo.mobile-chat-open .board-tilda { display:flex; min-height:510px; }
  .board-demo.mobile-chat-open { display:block; }
  .board-demo.mobile-chat-open .board-tilda { border-top:0; }
  .board-demo:not(.mobile-chat-open) .board-main { display:block; }
  .board-shell.demo-chat-collapsed .board-demo { grid-template-columns:1fr; }
  .board-shell.demo-chat-collapsed .board-tilda { display:none; }
}
@media (max-width:640px) {
  .board-productbar .product-tools { flex-wrap:wrap; }
  .board-room-title { display:block; }
  .board-room-subtitle { display:block; margin-top:4px; }
}

.board-demo .next-move-card { border-color:rgba(255,210,63,.48); background:linear-gradient(135deg,rgba(255,210,63,.12),var(--demo-panel) 54%); }
.board-demo.demo-light .next-move-card { border-color:rgba(143,108,6,.52); background:linear-gradient(135deg,rgba(201,149,0,.13),var(--demo-panel) 54%); }

.board-context .board-room-title,.board-context .board-room-subtitle { display:block; }
.board-context .board-room-subtitle { margin-top:4px; }

.board-demo.demo-light { --demo-dim:#5c646e; }
.demo-light-active .board-shell .board-tabs .tour-tab.is-active,
.demo-light-active .board-shell .board-tabs .board-room-tab.is-active { background:#f5f6f8; }
.board-demo.demo-light .next-move-card p { color:var(--demo-muted); }
.board-demo.demo-light .count-ring,
.board-demo.demo-light .row-index,
.board-demo.demo-light .board-tabs .tour-tab.is-active span,
.board-demo.demo-light .board-tabs .board-room-tab.is-active span { color:#8f6c06; }
.board-demo.demo-light .count-ring { border-color:#8f6c06; }

.primary-nav .nav-utility { color:#8c98a8; font-size:12px; font-weight:500; }
.primary-nav .nav-utility:hover,.primary-nav .nav-utility:focus-visible { color:var(--paper); }
.footer-utility { text-decoration:none; }

.footer-bottom { flex-wrap:wrap; gap:10px 18px; }
@media (max-width:1100px) and (min-width:641px) {
  .menu-toggle { display:block; }
  .primary-nav { display:none; position:absolute; left:0; right:0; top:76px; background:#101d30; border:1px solid var(--line); padding:10px; border-radius:12px; flex-direction:column; align-items:stretch; gap:0; box-shadow:0 20px 50px rgba(0,0,0,.4); }
  .primary-nav.is-open { display:flex; }
  .primary-nav a { padding:13px; }
  .primary-nav .nav-cta { text-align:center; margin-top:6px; }
}

/* Premium Mail room: fictional queue, readable thread, deliberate status cues. */
.mail-board { display:grid; grid-template-columns:190px minmax(0,1fr); background:var(--demo-panel2); border:1px solid var(--demo-line); border-radius:10px; overflow:hidden; }
.mail-list { min-width:0; background:var(--demo-panel2); border-right:1px solid var(--demo-line); padding:12px 9px; }
.mail-list-head { display:flex; justify-content:space-between; align-items:flex-start; gap:8px; padding:2px 5px 10px; color:var(--demo-muted); font-size:11px; }
.mail-list-head > span:last-child { text-align:right; line-height:1.3; }
.mail-message-select { display:grid; grid-template-columns:19px minmax(0,1fr) auto; gap:7px; width:100%; align-items:start; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--demo-text); cursor:pointer; padding:11px 7px; text-align:left; }
.mail-message-select + .mail-message-select { margin-top:5px; }
.mail-message-select:hover,.mail-message-select:focus-visible { border-color:var(--demo-line); background:var(--demo-panel); }
.mail-message-select.is-active { border-color:var(--demo-gold); background:color-mix(in srgb,var(--demo-gold) 10%,var(--demo-panel)); }
.mail-message-select strong,.mail-message-select small { display:block; }
.mail-message-select strong { font-size:13px; line-height:1.25; }
.mail-message-select small { color:var(--demo-muted); font-size:12px; line-height:1.3; margin-top:4px; }
.mail-message-select time { color:var(--demo-muted); font:10px 'DM Mono',monospace; white-space:nowrap; }
.mail-status { display:grid; place-items:center; width:17px; height:17px; border-radius:50%; font:700 11px/1 'DM Sans',sans-serif; }
.mail-status-urgent { background:#f07167; color:#171a20; }
.mail-status-pending { background:var(--demo-gold); color:#171a20; }
.mail-status-ready { background:#6fbd8e; color:#132018; }
.mail-reading { min-width:0; background:var(--demo-panel); }
.mail-reading .thread-head { padding:16px 17px 10px; align-items:flex-start; }
.mail-reading .thread-head > div { min-width:0; }
.mail-reading .thread-head strong,.mail-reading .thread-head span { display:block; }
.mail-reading .thread-head strong { font-size:16px; line-height:1.25; }
.mail-reading .thread-head span { color:var(--demo-muted); font-size:12px; margin-top:4px; }
.mail-reading .thread-head time { color:var(--demo-muted); font:11px 'DM Mono',monospace; white-space:nowrap; }
.mail-address { display:flex; justify-content:space-between; gap:10px; padding:0 17px 13px; color:var(--demo-muted); font-size:12px; }
.mail-address strong { color:var(--demo-text); font-weight:600; }
.mail-address span:last-child { font:10px 'DM Mono',monospace; }
.mail-reading .thread-message { margin:0 17px; border:1px solid var(--demo-line); border-radius:9px; background:var(--demo-panel2); padding:14px; }
.mail-reading .thread-message p { color:var(--demo-text); font-size:16px; line-height:1.5; margin:5px 0; }
.mail-chips { display:flex; flex-wrap:wrap; gap:7px; padding:11px 17px 0; }
.source-chip { border:1px solid var(--demo-line); border-radius:999px; background:transparent; color:var(--demo-muted); cursor:pointer; font-size:12px; padding:6px 9px; }
.source-chip:hover,.source-chip:focus-visible { border-color:var(--demo-gold); color:var(--demo-gold); }
.mail-reading .draft-editor { margin:13px 17px 17px; border:1px solid var(--demo-line); border-radius:9px; background:var(--demo-panel2); padding:13px; }
.mail-reading .draft-editor textarea { background:var(--demo-panel); }
.mail-reading .draft-editor > div:first-child { margin-bottom:2px; }
.mail-reading .draft-mode { color:var(--demo-muted); }
.demo-light-active .mail-status-urgent { color:#fff; }
.demo-light-active .mail-message-select.is-active { background:#fff8dc; border-color:#c99500; }
.demo-light-active .mail-reading .thread-message,.demo-light-active .mail-reading .draft-editor { background:#f5f6f8; }
@media (max-width:900px) {
  .mail-board { grid-template-columns:1fr; }
  .mail-list { border-right:0; border-bottom:1px solid var(--demo-line); }
  .mail-list-head { padding-bottom:7px; }
  .mail-message-select { display:flex; align-items:center; gap:8px; padding:9px 7px; }
  .mail-message-select > span:nth-child(2) { flex:1; min-width:0; }
  .mail-message-select small { display:inline; margin-left:5px; }
}
@media (max-width:640px) {
  .mail-reading .thread-head,.mail-address { flex-direction:column; gap:5px; }
  .mail-reading .thread-head { padding:14px 13px 9px; }
  .mail-address { padding:0 13px 12px; }
  .mail-reading .thread-message { margin:0 13px; }
  .mail-chips { padding-left:13px; padding-right:13px; }
  .mail-reading .draft-editor { margin-left:13px; margin-right:13px; }
}

.planner-text-input,.planner-textarea { width:100%; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.025); color:var(--paper); font:16px/1.45 'DM Sans',sans-serif; padding:11px 12px; margin-top:8px; }
.planner-text-input::placeholder,.planner-textarea::placeholder { color:#718097; }
.planner-textarea { resize:vertical; min-height:84px; }
.planner-field-label { display:block; color:var(--muted); font-size:14px; margin-top:14px; }
.planner-field-label .optional { color:#7f8c9e; font-size:12px; margin-left:5px; }

/* Demo status language: each tone is paired with visible words or symbols. */
.board-demo .tone-urgent { border-left:3px solid #f07167 !important; }
.board-demo .tone-pending { border-left:3px solid var(--demo-gold) !important; }
.board-demo .tone-ready { border-left:3px solid #6fbd8e !important; }
.board-demo .state-pending { color:var(--demo-gold) !important; }

/* Mail composer: a readable source-backed conversation with explicit draft controls. */
.mail-fields { display:grid; gap:0; margin:0 17px; border-top:1px solid var(--demo-line); border-bottom:1px solid var(--demo-line); }
.mail-fields > div { display:grid; grid-template-columns:76px minmax(0,1fr); gap:10px; align-items:baseline; padding:7px 0; border-bottom:1px solid var(--demo-line); }
.mail-fields > div:last-child { border-bottom:0; }
.mail-fields span { color:var(--demo-muted); font:11px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.05em; }
.mail-fields strong { color:var(--demo-text); font-size:13px; font-weight:600; overflow-wrap:anywhere; }
.mail-history { display:grid; gap:8px; padding:13px 17px 2px; }
.mail-history-item { border-left:2px solid var(--demo-line); padding:10px 12px; background:var(--demo-panel2); border-radius:0 8px 8px 0; }
.mail-history-item.is-latest { border-left-color:var(--demo-gold); }
.mail-history-head { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.mail-history-head strong { color:var(--demo-text); font-size:13px; }
.mail-history-head span { color:var(--demo-muted); font:11px 'DM Mono',monospace; white-space:nowrap; }
.mail-history-item p { color:var(--demo-text); font-size:15px; line-height:1.48; margin:6px 0 0; }
.source-attachment { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:8px; align-items:center; text-align:left; min-width:145px; }
.source-attachment strong,.source-attachment small { display:block; grid-column:1; }
.source-attachment strong { color:var(--demo-text); font-size:12px; }
.source-attachment small { color:var(--demo-muted); font-size:11px; margin-top:3px; }
.source-attachment::after { content:'↗'; grid-column:2; grid-row:1 / span 2; color:var(--demo-gold); }
.draft-editor-head { display:flex; justify-content:space-between; align-items:baseline; gap:10px; margin-bottom:8px !important; }
.draft-save-state { color:var(--demo-muted); font:11px 'DM Mono',monospace; }
.mail-compose-fields { display:grid; gap:0; margin-bottom:10px; border-top:1px solid var(--demo-line); border-bottom:1px solid var(--demo-line); }
.mail-compose-fields > div { display:grid; grid-template-columns:76px minmax(0,1fr); gap:10px; align-items:baseline; padding:6px 0; border-bottom:1px solid var(--demo-line); }
.mail-compose-fields > div:last-child { border-bottom:0; }
.mail-compose-fields span { color:var(--demo-muted); font:11px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.05em; }
.mail-compose-fields strong { color:var(--demo-text); font-size:13px; font-weight:600; overflow-wrap:anywhere; }
.mail-reading .draft-editor textarea { min-height:150px; white-space:pre-wrap; font:15px/1.55 'DM Sans',sans-serif; }
.draft-tools { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:9px; }
.draft-tools .small-action { font-size:12px; }
.rewrite-preview { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; margin-top:11px; padding:11px; border:1px dashed var(--demo-gold); border-radius:8px; background:color-mix(in srgb,var(--demo-gold) 7%,var(--demo-panel2)); }
.rewrite-preview p { color:var(--demo-text); font-size:14px; line-height:1.45; white-space:pre-line; margin:6px 0 0; }
.rewrite-actions { display:flex; flex:0 0 auto; gap:8px; align-items:center; }
.button-outline { border:1px solid var(--demo-line); background:transparent; color:var(--demo-text); }
.button-outline:hover,.button-outline:focus-visible { border-color:var(--demo-gold); color:var(--demo-gold); }
.demo-note { color:var(--demo-muted); font-size:12px; }
.rewrite-undo-row { min-height:20px; margin-top:6px; }
@media (max-width:640px) {
  .mail-fields,.mail-reading .mail-history { margin-left:13px; margin-right:13px; }
  .mail-history { padding-left:13px; padding-right:13px; }
  .mail-history-head { align-items:flex-start; flex-direction:column; gap:3px; }
  .source-attachment { min-width:0; flex:1 1 100%; }
  .rewrite-preview { flex-direction:column; }
  .detail-actions { align-items:flex-start; flex-direction:column; gap:9px; }
}
.board-demo .state-ready { color:#6fbd8e !important; }
.demo-light-active .board-demo .state-pending { color:#8f6c06 !important; }
.demo-light-active .board-demo .tone-urgent { border-left-color:#bf3f38 !important; }
.demo-light-active .board-demo .tone-pending { border-left-color:#8f6c06 !important; }
.demo-light-active .board-demo .tone-ready { border-left-color:#2d7b52 !important; }

.result-inputs { display:grid; gap:6px; border-top:1px solid var(--line); margin-top:18px; padding-top:13px; color:#8996a8; font-size:13px; line-height:1.45; }

.contact-address { color:var(--muted); margin:22px 0 12px; }
.contact-address a { color:var(--yellow); text-decoration:underline; text-underline-offset:3px; }
.contact-email-cta { display:inline-flex; margin-top:2px; }
.contact-fallback-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:14px; }
.contact-fallback-actions .footer-link { color:var(--muted); font:13px 'DM Sans',sans-serif; text-decoration:underline; text-underline-offset:3px; }
.contact-fallback-actions .footer-link:hover,.contact-fallback-actions .footer-link:focus-visible { color:var(--paper); }
.footer-cta small { color:#7f8c9e; font:11px 'DM Mono',monospace; }

.contact-form .contact-fallback-actions,
.contact-form #contact-copy-fallback { grid-column:1 / -1; }
.contact-fallback-actions { align-items:center; gap:10px 16px; }
.contact-form #contact-copy-fallback textarea { width:100%; min-height:140px; font:16px/1.5 'DM Sans',sans-serif; }
.contact-form > textarea { font:16px/1.5 'DM Sans',sans-serif; }
.contact-honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }

.dialog-draft { white-space: pre-wrap; overflow-wrap: anywhere; height: auto; min-height: 220px; }