/* Brain website. Native app screenshots remain unmodified source pixels. */
.native-showcase { container:brain-site / inline-size; --ink:#172f3e; --muted:#4d636d; --blue:#155fd1; --teal:#086f74; --paper:#fff; --line:#d5dfdc; background:var(--paper); color:var(--ink); }
[hidden] { display:none!important; }
/* Paired platform captures. Both stories ship in the HTML; the visitor's choice hides one.
   Without JavaScript the gate never closes and both platforms stay readable. */
.native-showcase div[data-for] { display:contents; }
.native-showcase.js[data-platform="mac"] [data-for="windows"], .native-showcase.js[data-platform="windows"] [data-for="mac"] { display:none!important; }
.native-showcase.js .if-no-js { display:none; }
.native-showcase:not(.js) [data-for="windows"] .outcome-links { margin-top:24px; }
.native-showcase:not(.js) .closing-links [data-for] { display:contents; }
[data-for="mac"] .workspace-main img { aspect-ratio:2800/1718; }
.native-showcase *, .agent-guide * { box-sizing:border-box; }
.native-showcase .wrap { width:calc(100% - 96px); max-width:1248px; }
.native-showcase ::selection { color:#103d42; background:#bfe7df; }
.native-showcase a { text-underline-offset:5px; }
.native-showcase button { font:inherit; cursor:pointer; }
.native-showcase :focus-visible, .agent-guide :focus-visible { outline:3px solid var(--blue); outline-offset:5px; }
.native-showcase h1, .native-showcase h2, .native-showcase h3 { text-wrap:balance; }
.native-showcase h1 { font-size:clamp(48px,4.5vw,64px); line-height:1.06; letter-spacing:-.04em; font-weight:750; }
.native-showcase h1 span { color:var(--teal); }
.native-showcase h2 { font-size:clamp(36px,3.5vw,48px); line-height:1.14; letter-spacing:-.035em; font-weight:700; }
.native-showcase h3 { font-size:30px; line-height:1.2; letter-spacing:-.025em; font-weight:700; }
.native-showcase p { text-wrap:pretty; }
.native-showcase .icon { display:inline-block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; vertical-align:middle; flex:0 0 auto; }
.symbol-library { position:absolute; width:0; height:0; overflow:hidden; }
.header-shell { position:sticky; top:0; z-index:20; background:#fff; border-bottom:1px solid #e9eeec; }
.native-showcase .site-header { min-height:88px; }
.native-showcase .brand { font-size:28px; letter-spacing:-.035em; }
.native-showcase .site-header nav { gap:32px; font-size:15px; }
.native-showcase .site-header .nav-download { gap:22px; padding:10px 22px; background:var(--blue); color:#fff; border-radius:6px; text-decoration:none; }
.native-showcase .site-header .nav-download:hover { background:var(--teal); }
.native-showcase .hero { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.28fr); gap:56px; align-items:center; padding-block:70px 72px; }
.hero-content { min-width:0; }
.hero-payoff { font-size:24px; font-weight:600; letter-spacing:-.025em; margin-top:22px; }
.native-showcase .hero-intro { margin:18px 0 0; font-size:17px; line-height:1.65; max-width:420px; }
.native-showcase .platform-toggle { margin-top:28px; background:#f5f7fa; border:1px solid var(--line); }
.native-showcase .platform-option { min-height:38px; padding:6px 22px; font-size:14px; }
.native-showcase .hero-actions { margin-top:16px; gap:20px; }
.native-showcase .button { display:inline-flex; align-items:center; gap:20px; border-radius:6px; background:var(--blue); padding:16px 24px; min-height:54px; font-size:15px; font-weight:750; }
.native-showcase .button:hover { background:var(--teal); }
.native-showcase .hero-actions .text-link { font-size:14px; }
.native-showcase .release-state { font-size:12px; max-width:410px; line-height:1.7; margin-top:14px; }
.hero-tour { display:inline-flex; align-items:center; gap:16px; font-size:15px; font-weight:700; margin-top:24px; text-decoration:none; }
.hero-tour:hover { text-decoration:underline; }
.hero-product { min-width:0; padding:24px; background:#e7f0ed; border-radius:24px; }
.product-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:20px; }
.product-toolbar>p { font-size:13px; font-weight:700; }
.focus-controls { display:flex; gap:2px; padding:4px; background:#fff; border-radius:8px; }
.focus-controls button { border:0; background:transparent; color:var(--muted); padding:8px 10px; min-height:38px; font-size:12px; font-weight:600; border-radius:5px; }
.focus-controls button[aria-pressed="true"] { color:#fff; background:var(--teal); }
.focus-controls button:hover:not([aria-pressed="true"]) { background:#e7f0ed; }
.workspace-stage { position:relative; padding:0 28px 100px 0; perspective:1600px; }
.workspace-main { display:block; background:#17242e; border-radius:8px; overflow:hidden; box-shadow:0 18px 32px -18px #142f3d66; transform-origin:50% 90%; }
.workspace-main img { display:block; width:100%; aspect-ratio:2756/1842; object-fit:contain; }
.workspace-detail { display:block; position:absolute; width:44%; right:-8px; bottom:0; text-decoration:none; }
.workspace-detail img { width:100%; border-radius:7px; box-shadow:0 16px 26px -12px #142f3d80; }
.workspace-detail>span { display:block; font-size:12px; line-height:1.6; font-weight:600; color:var(--teal); margin-top:10px; }
.workspace-stage:not([data-view="workspace"]) { padding:0; min-height:430px; display:grid; align-items:center; }
.workspace-stage:not([data-view="workspace"]) .workspace-detail { display:none; }
.workspace-stage[data-view="transcript"] .workspace-main img { aspect-ratio:auto; }
.workspace-stage[data-view="assistant"] .workspace-main { width:100%; max-width:320px; margin-inline:auto; }
.workspace-stage[data-view="assistant"] .workspace-main img { aspect-ratio:auto; }
.capture-footer { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; font-size:12px; color:var(--muted); padding-top:20px; }
.capture-footer>p { flex-basis:100%; }
.capture-footer a { margin-left:auto; color:var(--muted); }
.capture-footer .icon, .speak-controls .icon { width:15px; height:15px; }
.replay-button { display:inline-flex; align-items:center; gap:8px; border:0; background:transparent; color:var(--teal); padding:8px 0; min-height:40px; font-size:12px!important; }
.replay-button:hover { text-decoration:underline; }
.native-showcase:not(.enhanced) .focus-controls, .native-showcase:not(.enhanced) .step-controls { display:none; }
.feature-path { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; padding:32px 0 44px; border-top:1px solid var(--line); }
.feature-path a { text-decoration:none; }
.feature-path span { display:block; font-size:14px; color:var(--muted); margin-bottom:7px; }
.feature-path strong { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:17px; font-weight:700; }
.feature-path a:hover strong { text-decoration:underline; text-underline-offset:5px; }
.section-pad { padding-block:100px; }
.native-showcase section[id], #download { scroll-margin-top:115px; }
.native-showcase .section-heading { display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:80px; margin-bottom:40px; }
.section-heading>p { font-size:18px; line-height:1.65; color:var(--muted); }
.meeting-story { background:#f5f7fa; }
.step-controls { display:flex; gap:36px; border-bottom:1px solid #b8c9c2; margin-bottom:44px; }
.step-controls button { border:0; border-bottom:3px solid transparent; background:transparent; padding:16px 4px; margin-bottom:-1px; font-size:16px; color:var(--muted); font-weight:600; }
.step-controls button[aria-pressed="true"] { color:var(--teal); border-color:var(--teal); }
.step-controls button:hover { color:var(--blue); }
.demo-scene { display:grid; grid-template-columns:.75fr 1.25fr; align-items:center; gap:72px; min-height:440px; }
.demo-scene+.demo-scene { margin-top:60px; }
.enhanced .demo-scene+.demo-scene { margin-top:0; }
.scene-copy p { margin-top:20px; font-size:17px; line-height:1.75; color:var(--muted); }
.native-showcase .fine-print { font-size:13px; line-height:1.75; }
.scene-copy>a, .feature-copy .text-link { display:inline-flex; align-items:center; gap:16px; margin-top:26px; font-size:15px; font-weight:700; }
.native-figure { margin:0; min-width:0; }
.native-figure>a { display:block; }
.native-figure img { display:block; width:100%; border-radius:8px; box-shadow:0 20px 36px -22px #17392e55; }
.native-figure figcaption { font-size:12px; line-height:1.7; margin-top:16px; color:var(--muted); gap:12px; }
.native-figure figcaption .icon { width:16px; height:16px; }
.demo-scene .native-figure img { max-height:510px; object-fit:contain; }
.demo-scene .popover-figure { max-width:360px; margin-inline:auto; }
.demo-scene .popover-figure figcaption { flex-wrap:wrap; }
.evidence-grid .popover-figure img { max-width:320px; }
#main { scroll-margin-top:96px; }
.memory-section { display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:80px; }
.memory-composition { padding:28px; min-width:0; background:#e7f0ed; border-radius:24px; }
.memory-main img { aspect-ratio:auto; }
.memory-detail { width:60%; max-width:320px; margin:24px 0 0 auto; }
.memory-detail img { width:100%; border-radius:8px; box-shadow:0 18px 30px -16px #17392e77; }
.memory-detail figcaption { font-size:12px; line-height:1.65; color:var(--muted); margin-top:10px; }
.memory-detail figcaption .icon { width:14px; height:14px; vertical-align:middle; }
.feature-copy h2 { margin-bottom:24px; }
.feature-copy p { font-size:18px; line-height:1.75; color:var(--muted); }
.feature-copy p+p { margin-top:18px; }
.feature-copy .fine-print { margin-top:24px; }
.outcomes-section { background:#142c38; color:#f4f8f5; }
.outcomes-section>.wrap { display:grid; grid-template-columns:.75fr 1.25fr; align-items:center; gap:24px 64px; }
.outcomes-section .section-heading { display:block; margin:0; grid-row:1/3; }
.outcomes-section .section-heading>p { color:#bed1d6; margin-top:26px; font-size:17px; }
.outcome-frame { padding:14px; background:#213d49; border-radius:12px; }
.outcome-frame img { box-shadow:none; border-radius:4px; }
.outcome-frame figcaption, .outcome-frame figcaption a { color:#bed1d6; }
.outcome-controls { display:flex; flex-wrap:wrap; gap:4px; grid-column:2; }
.outcome-controls button { padding:10px 13px; min-height:44px; border:1px solid transparent; border-radius:5px; background:transparent; color:#bed1d6; font-size:13px; font-weight:600; }
.outcome-controls button[aria-pressed="true"] { color:#142c38; background:#d8efe7; }
.outcome-controls button:hover:not([aria-pressed="true"]) { border-color:#bed1d6; }
.outcome-links { display:grid; grid-template-columns:1fr 1fr; grid-column:2; gap:24px; }
.enhanced .outcome-links { display:none; }
.outcome-links>a { color:#fff; text-decoration:none; border-top:1px solid #56717a; padding-top:18px; }
.outcome-links strong { font-size:16px; font-weight:650; }
.outcome-links span { display:block; font-size:13px; color:#bed1d6; margin-top:8px; }
.outcomes-section :focus-visible { outline-color:#a2dece; }
.speak-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:64px; align-items:center; padding:64px; margin-block:100px; background:#f0f5ff; border-radius:24px; }
.speak-section h2 { font-size:clamp(40px,3.7vw,52px); }
.speak-composition { min-width:0; }
.speak-main img { aspect-ratio:auto; }
.speak-overlay-layer { position:relative; width:72%; max-width:380px; margin:24px auto 0; filter:drop-shadow(0 8px 10px #15313c26); }
.speak-overlay-layer img { display:block; width:100%; }
.speak-overlay-layer span { display:block; text-align:center; font-size:12px; color:var(--teal); margin-top:12px; }
.speak-controls { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px 18px; margin-top:20px; font-size:12px; }
.speak-controls a { color:var(--muted); }
.speak-composition.is-focused .speak-overlay-layer { display:none; }
.agents-section { background:#e7f0ed; }
.agents-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:28px 72px; align-items:center; }
.command-sheet { background:#fcfefc; border:1px solid #b8cec5; border-radius:10px; padding:32px; min-width:0; }
.command-header { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; padding-bottom:20px; border-bottom:1px solid #d6e5de; margin-bottom:26px; color:#315e4d; font-size:13px; }
.command-header>span:first-child { font-weight:750; }
.command-sheet>p { font-size:14px; color:#436757; margin-bottom:12px; }
.command-row { display:flex; align-items:start; gap:20px; margin-bottom:30px; }
.command-row code { font:14px/1.85 ui-monospace,Consolas,monospace; color:#184534; white-space:pre-wrap; overflow-wrap:anywhere; }
.copy-button { flex:0 0 auto; font:inherit; font-size:12px!important; padding:8px 12px; min-height:40px; border:1px solid #94b9a7; color:#22513e; background:#edf6f1; border-radius:4px; cursor:pointer; }
.copy-button:hover { background:#dcefe4; }
.command-footnote { border-top:1px solid #d6e5de; padding-top:20px; font-size:13px; line-height:1.8; color:#4f6b5e; }
.agent-boundary { grid-column:2; font-size:13px; line-height:1.75; color:#436354; }
.native-showcase .privacy-section { display:grid; grid-template-columns:1fr 1fr; gap:90px; padding-block:90px; border:0; }
.native-showcase .privacy-section h2 { font-size:40px; margin-bottom:24px; }
.native-showcase .privacy-section p { font-size:17px; line-height:1.75; }
.privacy-section>div:last-child { align-self:end; }
.privacy-section a { display:inline-flex; align-items:center; gap:16px; font-size:15px; margin-top:24px; }
.native-showcase .closing-section { display:flex; align-items:center; justify-content:center; text-align:center; padding:64px 32px; border:0; border-radius:24px; background:#e7f0ed; margin-bottom:0; }
.native-showcase .closing-section>img { display:none; }
.native-showcase .closing-section h2 { font-size:64px; }
.native-showcase .closing-section p { font-size:17px; max-width:470px; margin:24px auto 0; }
.closing-section .button { margin-top:26px; }
.native-showcase .closing-links { justify-content:center; font-size:14px; }
.site-evidence { padding-block:32px; font-size:12px; line-height:1.75; color:var(--muted); }
.native-showcase .site-footer { border-top:1px solid var(--line); font-size:13px; }
.sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.agent-guide .reading pre { background:#132c39; color:#b7f2dc; padding:20px; border-radius:8px; white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:1.8; }
.agent-guide .reading code { overflow-wrap:anywhere; }
.agent-guide .code-example { margin-block:18px; }
.agent-guide .code-example .copy-button { margin-top:8px; }
.agent-guide .platform-toggle { margin-top:15px; }
.agent-guide .reading .platform-heading { font-size:12px; font-weight:700; color:var(--teal); }
.evidence-grid { display:grid; gap:35px; }
.evidence-grid figure { margin:0; }
.evidence-grid img { width:100%; border-radius:6px; }
.evidence-grid figcaption { display:block; font-size:13px; line-height:1.8; }
@container brain-site (max-width:1100px) {
  .native-showcase .wrap { width:calc(100% - 64px); }
  .native-showcase .hero { gap:32px; padding-block:50px; }
  .native-showcase h1 { font-size:50px; }
  .hero-product { padding:20px; }
  .workspace-stage { padding-bottom:110px; }
  .workspace-detail { width:54%; }
  .demo-scene, .memory-section, .agents-layout { gap:40px; }
  .native-showcase .section-heading { gap:40px; }
  .outcomes-section>.wrap { gap:24px 40px; }
  .speak-section { padding:40px; gap:40px; }
}
@container brain-site (max-width:850px) {
  .native-showcase .hero { grid-template-columns:1fr; gap:40px; }
  .hero-content { max-width:620px; }
  .native-showcase h1 { font-size:64px; }
  .hero-product { padding:28px; }
  .workspace-detail { width:40%; }
  .feature-path { gap:28px; }
  .feature-path strong { font-size:15px; }
  .native-showcase .section-heading { grid-template-columns:1fr; gap:24px; }
  .section-heading>p { max-width:580px; }
  .demo-scene, .memory-section, .agents-layout, .speak-section { grid-template-columns:1fr; gap:40px; }
  .scene-copy { max-width:560px; }
  .memory-section .feature-copy { grid-row:1; }
  .memory-composition { max-width:620px; }
  .outcomes-section>.wrap { grid-template-columns:1fr; gap:32px; }
  .outcomes-section .section-heading { grid-row:auto; }
  .outcome-controls, .outcome-links, .agent-boundary { grid-column:auto; }
  .speak-section h2 br { display:none; }
  .speak-section h2 { max-width:500px; }
  .native-showcase .privacy-section { gap:40px; }
  .section-pad { padding-block:72px; }
  .speak-section { padding:40px; margin-block:72px; }
}
@container brain-site (max-width:600px) {
  .native-showcase .wrap { width:calc(100% - 40px); }
  .native-showcase .site-header { min-height:76px; gap:16px; }
  .native-showcase .brand { font-size:24px; gap:8px; }
  .native-showcase .brand img { width:34px; height:34px; }
  .native-showcase .site-header nav { gap:14px; font-size:13px; }
  .native-showcase .site-header nav>a:not(.nav-download) { display:none; }
  .native-showcase .site-header .nav-download { min-height:42px; padding:8px 14px; gap:12px; }
  .native-showcase .hero { padding-block:40px; gap:34px; }
  .native-showcase h1 { font-size:clamp(40px,11vw,58px); }
  .hero-payoff { font-size:22px; margin-top:20px; }
  .native-showcase .hero-intro { font-size:16px; }
  .native-showcase .button { font-size:14px; padding:15px 20px; }
  .native-showcase .platform-toggle { margin-top:24px; }
  .hero-tour { margin-top:20px; font-size:14px; }
  .hero-product { padding:18px; border-radius:16px; }
  .product-toolbar { gap:14px; }
  .focus-controls { flex-wrap:wrap; }
  .workspace-stage { padding:0; }
  .workspace-detail { position:relative; width:94%; right:auto; bottom:auto; margin:-18px 0 0 auto; }
  .workspace-detail>span { font-size:12px; }
  .workspace-stage:not([data-view="workspace"]) { min-height:0; }
  .capture-footer { gap:8px 14px; padding-top:18px; }
  .capture-footer a { margin-left:0; }
  .feature-path { grid-template-columns:1fr; gap:0; padding:0 0 28px; }
  .feature-path a { padding-block:20px; border-bottom:1px solid var(--line); }
  .feature-path span { font-size:13px; }
  .feature-path strong { font-size:16px; }
  .section-pad { padding-block:56px; }
  .native-showcase h2 { font-size:36px; }
  .native-showcase h3 { font-size:28px; }
  .section-heading>p, .feature-copy p { font-size:16px; }
  .native-showcase .section-heading { margin-bottom:28px; }
  .step-controls { gap:12px; margin-bottom:30px; }
  .step-controls button { flex:1; font-size:13px; padding:14px 0; text-align:left; }
  .scene-copy p { font-size:16px; }
  .native-showcase .fine-print { font-size:13px; }
  .scene-copy>a, .feature-copy .text-link { font-size:14px; }
  .memory-composition { padding:18px; border-radius:16px; }
  .memory-detail { width:78%; }
  .outcome-frame { padding:10px; }
  .outcome-controls { gap:8px; }
  .outcome-controls button { padding:8px 10px; font-size:12px; }
  .outcome-links { grid-template-columns:1fr; }
  .speak-section { padding:24px; border-radius:16px; margin-block:56px; }
  .speak-section h2 { font-size:40px; }
  .speak-section h2 br { display:block; }
  .speak-overlay-layer { width:94%; }
  .speak-controls { gap:8px; }
  .command-sheet { padding:22px; }
  .command-row { flex-direction:column; gap:12px; }
  .command-row code { font-size:13px; }
  .native-showcase .privacy-section { grid-template-columns:1fr; gap:28px; padding-block:56px; }
  .native-showcase .privacy-section h2 { font-size:36px; }
  .native-showcase .privacy-section p { font-size:16px; }
  .privacy-section a { font-size:14px; }
  .native-showcase .closing-section { padding:44px 24px; border-radius:16px; }
  .native-showcase .closing-section h2 { font-size:48px; }
  .native-showcase .closing-section p { font-size:16px; }
  .native-showcase .closing-links { flex-direction:row; flex-wrap:wrap; gap:16px; font-size:13px; }
  .native-showcase .site-footer nav { gap:18px; }
}
@media (prefers-reduced-motion:reduce) {
  .native-showcase *, .native-showcase *::before, .native-showcase *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
@media (forced-colors:active) {
  .workspace-main, .workspace-detail img, .memory-detail img, .command-sheet, .outcome-frame, .hero-product { border:1px solid CanvasText; box-shadow:none; }
  .step-controls button[aria-pressed="true"], .focus-controls button[aria-pressed="true"], .outcome-controls button[aria-pressed="true"] { outline:2px solid ButtonText; outline-offset:-2px; }
}