/* Praela — light theme. Provisional tokens, adapted from the supplied Linear / Notion references. */
:root {
  color-scheme: light;
  --bg: #ffffff;
  --surface: #ffffff;
  --text: #191a1d;
  --text-soft: #5d6068;
  --text-faint: #656973;
  --border: #e5e5e8;
  --border-strong: #d6d7dc;
  --tint: #f7f7f8;
  --tint-strong: #ededf0;
  --ink: #24252a;
  --accent: #3e4149;
  --focus: #5e6ad2;
  --page-width: 1120px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-sm: 0 1px 3px rgb(25 26 29 / 4%);
  --shadow-window: 0 24px 48px -16px rgb(25 26 29 / 13%), 0 2px 8px rgb(25 26 29 / 4%);
  --ease: cubic-bezier(.2,.7,.2,1);
  --motion-state: 320ms;
  --font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
*, *::before, *::after {box-sizing:border-box;}
html {scroll-padding-top:92px;}
body {margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;}
button,input {font-family:var(--font);color:inherit;}
button {cursor:pointer;}
a {color:inherit;text-decoration:none;}
a:focus-visible,button:focus-visible,input:focus-visible,[contenteditable]:focus-visible,[tabindex]:focus-visible,summary:focus-visible {outline:2px solid var(--focus);outline-offset:4px;}
[hidden] {display:none !important;}
::selection {background:var(--tint-strong);color:var(--text);}
h2,h3,p {margin-top:0;}
.container {width:min(calc(100% - 64px),var(--page-width));margin-inline:auto;}
.section-wrap {padding:80px 0;border-top:1px solid var(--border);}
.skip-link {position:fixed;z-index:200;top:12px;left:12px;padding:12px 16px;background:var(--ink);color:var(--surface);transform:translateY(-160%);border-radius:var(--radius-sm);}
.skip-link:focus {transform:none;}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.svg-definitions {position:absolute;width:0;height:0;overflow:hidden;}

/* Navigation */
.site-header {height:68px;position:sticky;top:0;z-index:70;background:var(--surface);border-bottom:1px solid var(--border);}
.nav-shell {display:flex;align-items:center;height:100%;gap:32px;}
.brand {display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:650;letter-spacing:-.055em;flex-shrink:0;line-height:1;}
.brand-symbol {width:29px;height:29px;}
.brand-period,.footer-brand span {color:var(--text);}
.desktop-nav {display:flex;gap:28px;align-items:center;margin:0 auto;}
.desktop-nav a,.nav-cta {font-size:13px;color:var(--text-soft);font-weight:500;transition:color .15s;}
.desktop-nav a:hover,.nav-cta:hover {color:var(--text);}
.nav-cta {white-space:nowrap;border:1px solid var(--border-strong);padding:9px 14px;border-radius:var(--radius-sm);color:var(--text);background:var(--surface);}
.nav-cta span {margin-left:10px;font-size:15px;}
.nav-cta:hover {background:var(--tint);}
.mobile-menu-trigger {display:none;}
.mobile-nav {position:absolute;top:100%;left:0;right:0;background:var(--surface);padding:12px 24px 20px;border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);}
.mobile-nav a {display:block;padding:12px 4px;font-size:15px;}

/* Hero */
.hero {padding-block:80px 72px;}
.hero-inner {display:grid;grid-template-columns:minmax(0,1fr) 224px;gap:56px;align-items:end;}
.hero-status {display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-soft);font-weight:500;margin:0 0 24px;}
.eyebrow-dot {height:6px;width:6px;background:var(--text-faint);border-radius:50%;}
.hero h1 {font-size:clamp(56px,5.5vw,76px);line-height:1.09;letter-spacing:-.055em;margin:0 0 24px;font-weight:600;}
.hero h1>span {color:var(--text-faint);}
.hero-description {max-width:520px;color:var(--text-soft);font-size:17px;line-height:1.65;letter-spacing:-.012em;margin:0;}
.hero-actions {display:flex;align-items:center;gap:12px;margin-top:28px;flex-wrap:wrap;}
.button {display:inline-flex;gap:24px;align-items:center;justify-content:space-between;border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;font-weight:550;transition:background-color .15s,border-color .15s;min-height:44px;}
.button-primary {background:var(--ink);color:var(--surface);border:1px solid var(--ink);box-shadow:var(--shadow-sm);}
.button-primary:hover {background:var(--accent);}
.button-secondary {background:var(--surface);border:1px solid var(--border-strong);}
.button-secondary:hover {background:var(--tint);}
.button span {font-size:16px;line-height:1;}
.hero-side {border-left:1px solid var(--border);padding-left:24px;display:grid;gap:6px;}
.hero-side span {font-size:12px;color:var(--text-faint);}
.hero-side strong {font-size:13px;font-weight:500;line-height:1.5;margin-bottom:16px;}
.hero-side strong:last-child {margin-bottom:0;}

/* Shared section hierarchy */
.section-heading {display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:32px;}
.section-heading>div {min-width:0;}
.section-kicker {color:var(--text-faint);font-size:13px;font-weight:500;margin:0 0 12px;}
h2 {font-weight:600;letter-spacing:-.04em;line-height:1.18;font-size:clamp(32px,3.1vw,42px);margin-bottom:0;text-wrap:balance;}
.section-heading>p {color:var(--text-soft);font-size:15px;line-height:1.65;max-width:300px;margin-bottom:2px;}

/* Browser prototype */
.product-section {background:var(--tint);padding-top:64px;}
.preview-actions {display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap;}
.preview-mode {border:1px solid transparent;background:transparent;color:var(--text-soft);padding:10px 12px;min-height:40px;font-size:13px;font-weight:500;display:inline-flex;gap:8px;align-items:center;border-radius:var(--radius-sm);transition:background-color .15s,color .15s;}
.preview-mode:hover {background:var(--tint-strong);color:var(--text);}
.preview-mode.is-active {background:var(--surface);border-color:var(--border-strong);color:var(--text);box-shadow:var(--shadow-sm);}
.mode-icon {font-size:17px;line-height:1;}
.preview-label {margin-left:auto;font-size:12px;color:var(--text-faint);}
.preview-reset {padding:8px 10px;min-height:36px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-soft);font-size:12px;font-weight:500;}
.preview-reset:hover {background:var(--tint-strong);color:var(--text);}
.preview-stage {background:var(--tint-strong);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 24px 16px;}
.app-window {overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-window);}
.window-titlebar {height:42px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);background:var(--tint);padding:0 16px;}
.window-product-symbol {width:22px;height:22px;flex:none;}
.window-title {color:var(--text-soft);font-size:12px;}
.window-separator {color:var(--text-faint);padding:0 5px;}
.window-actions {margin-left:auto;}
.window-concept-label {font-size:12px;color:var(--text-faint);}
.app-body {height:470px;display:flex;position:relative;overflow:hidden;}
.app-sidebar {flex:0 0 236px;display:flex;flex-direction:column;background:var(--tint);border-right:1px solid var(--border);overflow:hidden;transition:margin-left .22s var(--ease),transform .22s var(--ease);margin-left:-236px;z-index:5;}
.app-body.is-workspace .app-sidebar {margin-left:0;}
.sidebar-top {display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;}
.sidebar-wordmark {font-size:16px;letter-spacing:-.05em;font-weight:600;}
.sidebar-close {font-size:24px !important;line-height:1;}
.app-create-button {height:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:13px;font-weight:500;line-height:20px;white-space:nowrap;flex-shrink:0;}
.app-create-button:hover {background:var(--tint-strong);}
.create-note-icon {width:16px;height:16px;flex:none;}
.sidebar-new-note {margin:0 12px 12px;justify-content:flex-start;text-align:left;}
.keycap {margin-left:auto;color:var(--text-faint);font-size:11px;font-weight:400;}
.sidebar-nav {padding:0 10px 16px;display:grid;gap:3px;}
.sidebar-nav-item {display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:0;border-radius:var(--radius-sm);padding:10px;min-height:40px;color:var(--text-soft);font-size:13px;font-weight:500;}
.sidebar-nav-item>span:first-child {font-size:16px;width:16px;text-align:center;line-height:1;}
.sidebar-nav-item:hover,.sidebar-nav-item.is-selected {background:var(--tint-strong);color:var(--text);}
.sidebar-list-heading {margin:0 20px 8px;color:var(--text-faint);font-size:12px;font-weight:500;}
.sidebar-note-list {padding:0 10px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;}
.sidebar-note {display:block;width:100%;border:1px solid transparent;text-align:left;background:transparent;border-radius:var(--radius-sm);padding:10px;margin-bottom:4px;}
.sidebar-note:hover {background:var(--tint-strong);}
.sidebar-note.is-active {background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm);}
.sidebar-note-title {font-size:13px;line-height:1.5;font-weight:550;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sidebar-note-excerpt {font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-faint);margin-top:3px;}
.sidebar-note-excerpt:empty {display:none;}
.sidebar-bottom {border-top:1px solid var(--border);padding:12px 18px;color:var(--text-faint);font-size:12px;}
.app-editor-region {flex:1;display:flex;flex-direction:column;min-width:0;background:var(--surface);}
.editor-toolbar {height:56px;border-bottom:1px solid var(--border);flex-shrink:0;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:8px;}
.editor-toolbar-left,.editor-toolbar-right {display:flex;align-items:center;min-width:0;gap:8px;}
.app-icon-button {display:inline-grid;place-items:center;background:transparent;border:0;border-radius:var(--radius-sm);width:36px;height:36px;flex-shrink:0;color:var(--text-soft);font-size:17px;}
.app-icon-button:hover {background:var(--tint-strong);color:var(--text);}
.toolbar-divider {width:1px;height:16px;flex-shrink:0;background:var(--border);}
.toolbar-location {font-size:12px;color:var(--text-faint);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:280px;}
.toolbar-location>span:first-child {padding:0 7px;}
#toolbarNoteName {color:var(--text-soft);}
.app-search-button {display:flex;align-items:center;gap:6px;border:0;background:transparent;border-radius:var(--radius-sm);padding:8px;min-height:36px;font-size:12px;color:var(--text-soft);}
.app-search-button:hover {background:var(--tint);}
.toolbar-shortcut {font-size:11px;border:1px solid var(--border);padding:2px 5px;border-radius:4px;color:var(--text-faint);margin-left:8px;}
.editor-content-scroll {overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--text-faint) transparent;}
.editor-content-scroll::-webkit-scrollbar,.sidebar-note-list::-webkit-scrollbar {width:6px;height:6px;}
.editor-content-scroll::-webkit-scrollbar-thumb,.sidebar-note-list::-webkit-scrollbar-thumb {background:var(--text-faint);border-radius:6px;}
.editor-content-scroll::-webkit-scrollbar-track,.sidebar-note-list::-webkit-scrollbar-track {background:transparent;}
.editor-content-scroll::-webkit-scrollbar-button,.sidebar-note-list::-webkit-scrollbar-button {display:none;width:0;height:0;}
.editor-sheet {width:min(calc(100% - 80px),600px);margin:48px auto 32px;}
.note-title-field {position:relative;margin-bottom:20px;}
.note-title-input {display:block;width:100%;font-size:32px;letter-spacing:-.035em;line-height:1.25;font-weight:600;border:0;outline:none;background:transparent;padding:0;caret-color:var(--ink);}
.note-title-input::placeholder {color:var(--text-faint);}
.note-title-field:focus-within::after {content:'';position:absolute;left:-14px;top:8px;width:2px;height:24px;background:var(--text-faint);border-radius:1px;pointer-events:none;}
.note-body-input {position:relative;border:0;outline:none;min-height:160px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.8;color:var(--text-soft);caret-color:var(--ink);}
.note-body-input.is-empty::before {content:attr(data-placeholder);position:absolute;top:0;left:0;color:var(--text-faint);pointer-events:none;}
.note-title-input:focus-visible {outline:none;box-shadow:none;}
.note-body-input:focus-visible {outline:none;}
.note-body-input:focus-visible::after {content:'';position:absolute;left:-14px;top:2px;width:2px;height:24px;background:var(--text-faint);border-radius:1px;pointer-events:none;}
.note-body-input p,.note-body-input>div {margin:0 0 14px;min-height:1.8em;}
.note-body-input>p:last-child,.note-body-input>div:last-child {margin-bottom:0;}
.note-body-input h2 {font-size:23px;line-height:1.4;font-weight:600;letter-spacing:-.025em;margin:18px 0 12px;color:var(--text);}
.note-body-input ul {margin:10px 0 14px;padding-left:22px;}
.note-body-input li {padding-left:2px;min-height:1.8em;}
.note-body-input blockquote {margin:14px 0;padding:2px 0 2px 16px;border-left:2px solid var(--border-strong);color:var(--text-soft);}
.note-body-input pre {margin:14px 0;padding:14px 16px;background:var(--tint);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:Consolas,"SFMono-Regular",monospace;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;}
.note-body-input ul.editor-checklist {padding:0;list-style:none;}
.editor-checklist li {position:relative;padding-left:27px;}
.editor-checklist li[data-checked="true"] {color:var(--text-faint);text-decoration:line-through;}
.editor-task-toggle {position:absolute;left:0;top:5px;width:17px;height:17px;padding:0;display:grid;place-items:center;border:1px solid var(--text-faint);border-radius:4px;background:var(--surface);color:var(--text);font-size:12px;line-height:1;}
.editor-task-toggle[aria-checked="true"] {background:var(--ink);color:var(--surface);border-color:var(--ink);}
.editor-note-reference {color:var(--text);background:var(--tint-strong);border-radius:4px;padding:2px 5px;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px;cursor:pointer;}
.editor-note-reference:hover {text-decoration-color:var(--text-faint);}
.editor-statusbar {min-height:36px;flex-shrink:0;border-top:1px solid var(--border);padding:8px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-faint);font-size:12px;line-height:1.4;}
.status-local {display:flex;align-items:center;gap:7px;min-width:0;}
.status-dot {width:5px;height:5px;flex-shrink:0;background:var(--text-faint);border-radius:50%;}
.status-help {display:flex;align-items:center;gap:5px;white-space:nowrap;}
kbd {font-family:var(--font);font-size:11px;font-weight:500;border:1px solid var(--border-strong);background:var(--surface);border-radius:4px;padding:1px 5px;line-height:1.4;}
.preview-instruction kbd {font-size:12px;}
.editor-command-menu {position:absolute;z-index:15;width:300px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:0 12px 32px rgb(25 26 29 / 12%),var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;}
.editor-menu-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 8px;color:var(--text-faint);font-size:12px;font-weight:500;flex-shrink:0;}
.editor-menu-query {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:120px;}
.editor-menu-options {padding:0 6px 6px;overflow-y:auto;min-height:0;scrollbar-width:thin;}
.editor-menu-option {display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-radius:5px;padding:8px;background:transparent;color:var(--text);font-family:var(--font);font-size:13px;line-height:1.4;min-height:42px;}
.editor-menu-option.is-selected,.editor-menu-option:hover {background:var(--tint-strong);}
.editor-menu-option-icon {display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid var(--border);background:var(--surface);border-radius:5px;font-size:13px;font-weight:500;color:var(--text-soft);}
.editor-menu-option-copy {min-width:0;}
.editor-menu-option-copy strong {display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.editor-menu-option-copy small {display:block;color:var(--text-faint);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.editor-menu-footer {display:flex;justify-content:space-between;gap:8px;padding:9px 12px;border-top:1px solid var(--border);font-size:11px;color:var(--text-faint);flex-shrink:0;}
.editor-menu-footer span {white-space:nowrap;}
.editor-menu-footer kbd {border:0;background:none;padding:0 2px;}
.editor-menu-empty {padding:12px 8px;color:var(--text-soft);font-size:13px;}
.search-overlay {position:absolute;inset:0;z-index:20;background:rgb(25 26 29 / 28%);display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;}
.search-dialog {width:min(100%,530px);max-height:100%;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-window);border-radius:var(--radius-md);overflow:hidden;}
.search-field {display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-faint);}
.search-field svg {flex-shrink:0;}
.search-field input {border:0;background:transparent;font-size:14px;flex:1;min-width:0;padding:6px 0;}
.search-field input::placeholder {color:var(--text-faint);}
.search-close {border:1px solid var(--border-strong);background:var(--tint);color:var(--text-soft);font-size:12px;border-radius:var(--radius-sm);padding:6px 8px;min-height:32px;}
.search-result-label {padding:12px 18px 6px;color:var(--text-faint);font-size:12px;font-weight:500;}
.search-results {max-height:240px;overflow-y:auto;padding:0 10px 8px;min-height:0;}
.search-result {display:block;text-align:left;width:100%;padding:12px;border:0;border-radius:var(--radius-sm);background:transparent;}
.search-result:hover,.search-result:focus-visible {background:var(--tint);}
.search-result strong,.search-result span {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.search-result strong {font-size:14px;font-weight:550;}
.search-result span {color:var(--text-faint);font-size:12px;margin-top:4px;}
.search-empty {color:var(--text-soft);font-size:14px;padding:18px 12px 24px;}
.search-bottom {background:var(--tint);border-top:1px solid var(--border);padding:12px 16px;font-size:12px;color:var(--text-faint);}
.preview-caption {display:flex;align-items:flex-start;gap:10px;padding:14px 0 0;font-size:12px;line-height:1.6;color:var(--text-soft);}
.preview-caption-mark {font-size:17px;line-height:1;}
.preview-instruction {margin:0;color:var(--text);font-size:13px;line-height:1.6;}
.preview-session {margin:4px 0 0;color:var(--text-soft);font-size:12px;line-height:1.6;}

/* Planned intelligence: source text and separate metadata */
.intelligence-heading h2 {max-width:670px;}
.stage-inline {font-size:12px;font-weight:500;color:var(--text-soft);background:var(--tint);border:1px solid var(--border);padding:3px 7px;border-radius:4px;margin-left:8px;white-space:nowrap;}
.ai-local-notice {display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px 0;border-top:1px solid var(--border);}
.ai-local-notice>svg {width:22px;height:22px;flex:none;color:var(--text-soft);margin-top:2px;}
.ai-local-notice strong {font-size:14px;font-weight:550;}
.ai-local-notice p {font-size:13px;line-height:1.65;color:var(--text-soft);margin:4px 0 0;}
.intelligence-canvas {display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);padding:20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--tint);}
.intelligence-original,.intelligence-metadata {display:flex;min-width:0;flex-direction:column;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);overflow:hidden;}
.intelligence-pane-top {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border);font-size:13px;font-weight:500;}
.intelligence-pane-top>span:last-child {font-size:12px;font-weight:400;color:var(--text-faint);}
.intelligence-document {padding:28px 32px 20px;flex:1;}
.document-label {display:block;font-size:12px;color:var(--text-faint);margin-bottom:16px;}
.intelligence-document h3 {font-size:26px;letter-spacing:-.035em;font-weight:600;line-height:1.25;margin-bottom:20px;}
.intelligence-document p {font-size:14px;line-height:1.7;color:var(--text-soft);margin-bottom:16px;}
.intelligence-pane-bottom {padding:12px 18px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-faint);}
.intelligence-pane-bottom svg {height:16px;width:16px;}
.source-organization {padding:16px 20px;border-top:1px solid var(--border);}
.source-organization-label {display:block;font-size:12px;font-weight:500;color:var(--text-soft);margin-bottom:10px;}
.source-organization-content {display:grid;min-height:75px;}
.source-organization-content>div {grid-area:1/1;transition:opacity var(--motion-state) var(--ease),transform var(--motion-state) var(--ease);}
.source-organization-empty {font-size:12px;color:var(--text-faint);}
.source-organization-added {opacity:0;transform:translateY(6px);}
.intelligence-canvas[data-ai-state="accepted"] .source-organization-empty {opacity:0;transform:translateY(-4px);}
.intelligence-canvas[data-ai-state="accepted"] .source-organization-added {opacity:1;transform:translateY(0);}
.attached-topics {display:flex;flex-wrap:wrap;gap:6px;}
.attached-topics span {font-size:11px;color:var(--text-soft);background:var(--tint);border:1px solid var(--border);padding:3px 6px;border-radius:4px;}
.attached-links {display:block;font-size:12px;color:var(--text-soft);margin-top:8px;}
.intelligence-bridge {display:flex;justify-content:center;align-items:center;position:relative;}
.intelligence-bridge::before {content:'';height:1px;width:100%;background:var(--border-strong);position:absolute;}
.intelligence-bridge span {height:24px;width:24px;border-radius:50%;display:grid;place-items:center;z-index:1;background:var(--tint);border:1px solid var(--border-strong);color:var(--text-faint);font-size:18px;line-height:1;}
.intelligence-metadata .planned-state {background:var(--tint);border:1px solid var(--border);padding:3px 7px;border-radius:4px;}
.intelligence-tabs {display:flex;border-bottom:1px solid var(--border);padding:0 20px;gap:20px;overflow-x:auto;flex-shrink:0;}
.intelligence-tab {white-space:nowrap;border:0;background:none;padding:14px 0 12px;border-bottom:2px solid transparent;color:var(--text-soft);font-size:13px;font-weight:500;transition:color .15s,border-color .15s;}
.intelligence-tab:hover {color:var(--text);}
.intelligence-tab:disabled {cursor:default;color:var(--text-faint);}
.intelligence-tab.is-active {color:var(--text);border-bottom-color:var(--ink);}
.intelligence-tab:disabled.is-active {border-bottom-color:var(--border-strong);}
.intelligence-panel-region {display:grid;flex:1;}
.intelligence-panel,.ai-start-state {grid-area:1/1;min-height:270px;padding:24px;animation:metadata-reveal var(--motion-state) var(--ease) both;}
.ai-start-state {display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;}
.ai-start-state>svg {width:28px;height:28px;color:var(--text-faint);margin-bottom:2px;}
.ai-start-state strong {font-size:17px;font-weight:550;letter-spacing:-.015em;}
.ai-start-state p {font-size:14px;line-height:1.7;color:var(--text-soft);max-width:300px;margin:0;}
@keyframes metadata-reveal {from {opacity:0;transform:translateY(6px);} to {opacity:1;transform:translateY(0);}}
.panel-hint {font-size:13px;font-weight:500;color:var(--text-soft);margin:0 0 16px;}
.suggestion-tags {display:flex;flex-wrap:wrap;gap:8px;}
.suggestion-tags span {display:inline-flex;align-items:center;border:1px solid var(--border-strong);background:var(--tint);color:var(--text-soft);border-radius:var(--radius-sm);padding:7px 9px;font-size:12px;font-weight:500;transition:color var(--motion-state) var(--ease),background-color var(--motion-state) var(--ease),border-color var(--motion-state) var(--ease);}
.suggestion-tags svg {width:0;height:14px;margin-right:0;opacity:0;transition:width var(--motion-state) var(--ease),opacity var(--motion-state) var(--ease),margin-right var(--motion-state) var(--ease);}
.panel-detail {font-size:13px;line-height:1.6;color:var(--text-soft);margin:20px 0 0;}
.ai-review-footer {padding:18px 24px;border-top:1px solid var(--border);}
.ai-review-actions {display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ai-apply-button,.ai-undo-button {background:var(--ink);border:1px solid var(--ink);border-radius:var(--radius-sm);color:var(--surface);padding:10px 12px;min-height:40px;font-size:13px;font-weight:500;}
.ai-apply-button:hover {background:var(--accent);}
.ai-apply-button:disabled {cursor:default;opacity:.65;}
.ai-undo-button {background:var(--surface);color:var(--text);border-color:var(--border-strong);}
.ai-undo-button:hover {background:var(--tint);}
.ai-reset-button {margin-left:auto;padding:8px 0;min-height:40px;border:0;background:transparent;color:var(--text-soft);font-size:12px;}
.ai-reset-button:hover {color:var(--text);}
.ai-review-status {display:block;margin-top:10px;font-size:12px;line-height:1.65;color:var(--text-faint);}
.intelligence-canvas[data-ai-state="accepted"] .suggestion-tags span {background:var(--tint-strong);border-color:var(--border-strong);color:var(--text);}
.intelligence-canvas[data-ai-state="accepted"] .suggestion-tags svg {width:14px;margin-right:6px;opacity:1;}
.intelligence-canvas[data-ai-state="accepted"] .planned-state {color:var(--text);background:var(--tint-strong);}
.related-line {display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid var(--border);padding:0 0 14px;margin-bottom:14px;}
.related-symbol {background:var(--tint);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-soft);font-size:18px;display:grid;place-items:center;height:32px;width:32px;flex:none;}
.related-line strong,.related-line div span {display:block;}
.related-line strong {font-size:14px;font-weight:550;margin-bottom:4px;}
.related-line div span {font-size:12px;color:var(--text-faint);}
.recall-query {display:flex;align-items:center;gap:9px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-soft);padding:12px;font-size:13px;margin-bottom:12px;}
.recall-query svg {height:16px;width:16px;flex:none;}
.recall-result {padding:14px;border-left:2px solid var(--text-faint);background:var(--tint);display:grid;gap:6px;}
.recall-result span,.recall-result small {font-size:12px;color:var(--text-faint);}
.recall-result strong {font-size:14px;font-weight:550;}
.intelligence-disclaimer {margin:14px 0 0;font-size:12px;color:var(--text-faint);line-height:1.65;}
.intelligence-disclaimer span {margin-right:5px;}
.local-model-plan {margin-top:20px;border-block:1px solid var(--border);}
.local-model-plan summary {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;list-style:none;cursor:pointer;font-size:13px;font-weight:500;}
.local-model-plan summary::-webkit-details-marker {display:none;}
.local-model-plan summary>svg {width:18px;height:18px;flex:none;color:var(--text-soft);transition:transform var(--motion-state) var(--ease);}
.local-model-plan[open] summary>svg {transform:rotate(180deg);}
.model-plan-label {font-size:11px;color:var(--text-faint);font-weight:400;margin-left:8px;}
.model-plan-content {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:4px 0 20px;}
.model-plan-content strong {font-size:13px;font-weight:550;}
.model-plan-content p {font-size:13px;line-height:1.7;color:var(--text-soft);margin:6px 0 0;}

/* Product principles */
.principles-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border);}
.principle {padding:28px 32px 28px 0;}
.principle:not(:first-child) {padding-left:32px;border-left:1px solid var(--border);}
.principle-icon {height:28px;width:28px;margin-bottom:16px;}
.principle-icon svg {width:24px;height:24px;color:var(--text-soft);}
.principle h3 {font-size:17px;font-weight:550;letter-spacing:-.02em;margin:0 0 8px;}
.principle p {font-size:14px;color:var(--text-soft);line-height:1.7;margin:0;max-width:280px;}
/* Stage gates */
.roadmap-section {background:var(--tint);}
.roadmap-layout {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;align-items:start;}
.roadmap-intro>p:not(.section-kicker) {font-size:15px;line-height:1.7;color:var(--text-soft);margin:20px 0 0;max-width:330px;}
.roadmap-tech {margin-top:28px;border-top:1px solid var(--border-strong);padding-top:16px;display:grid;gap:8px;}
.roadmap-tech span {font-size:12px;color:var(--text-faint);}
.roadmap-tech strong {font-size:14px;font-weight:500;line-height:1.6;}
.roadmap-tech small {font-size:12px;color:var(--text-faint);}
.roadmap-list {border-top:1px solid var(--border-strong);}
.roadmap-item {display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:16px;padding:24px 0;border-bottom:1px solid var(--border);}
.roadmap-number {font-size:12px;color:var(--text-faint);font-variant-numeric:tabular-nums;padding-top:3px;}
.roadmap-item h3 {font-size:16px;font-weight:550;letter-spacing:-.02em;line-height:1.4;margin:0 0 7px;}
.roadmap-item p {font-size:13px;color:var(--text-soft);line-height:1.65;margin:0;}
.roadmap-deliverable {display:block;margin-top:10px;color:var(--text-soft);font-size:12px;line-height:1.6;}
.roadmap-status {align-self:start;white-space:nowrap;font-size:12px;color:var(--text-faint);padding-top:3px;}
.roadmap-status.current {border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:4px;padding:4px 7px;font-weight:500;}
.roadmap-item.is-current .roadmap-number {color:var(--text);font-weight:600;}
.roadmap-future {margin-top:16px;border-bottom:1px solid var(--border-strong);}
.roadmap-future summary {display:flex;gap:12px;align-items:center;padding:16px 0;font-size:13px;font-weight:500;cursor:pointer;list-style:none;}
.roadmap-future summary::-webkit-details-marker {display:none;}
.future-stage-count {margin-left:auto;color:var(--text-faint);font-size:12px;font-weight:400;}
.roadmap-future summary svg {width:17px;height:17px;transition:transform .15s;}
.roadmap-future[open] summary svg {transform:rotate(180deg);}
.roadmap-list-future .roadmap-item:last-child {border-bottom:0;}

/* Founder and footer */
.about-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;}
.about-copy {padding-top:28px;}
.about-copy>p {font-size:15px;line-height:1.75;color:var(--text-soft);margin:0;max-width:460px;}
.founder-contact {display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:24px;padding:20px 0;border-block:1px solid var(--border-strong);margin-top:24px;}
.founder-contact>div {display:flex;align-items:flex-start;flex-direction:column;gap:8px;min-width:0;}
.founder-label {font-size:12px;color:var(--text-faint);}
.founder-contact strong {font-size:15px;font-weight:550;}
.founder-mail {font-size:14px;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:4px;overflow-wrap:anywhere;font-weight:500;}
.founder-mail:hover {text-decoration-color:currentColor;}
.site-footer {background:var(--surface);border-top:1px solid var(--border);padding:28px 0;}
.footer-inner {display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px 24px;}
.footer-brand {font-size:20px;font-weight:600;letter-spacing:-.05em;}
.footer-statement {font-size:13px;color:var(--text-faint);}
.footer-links {display:flex;align-items:center;gap:24px;}
.footer-links a {font-size:12px;color:var(--text-soft);}
.footer-links a:hover {color:var(--text);}
.copyright {grid-column:1/-1;color:var(--text-faint);font-size:12px;}

@media (max-width:1050px) {
  .hero-inner {gap:32px;grid-template-columns:minmax(0,1fr) 210px;}
  .hero h1 {font-size:clamp(52px,6.2vw,68px);}
  .desktop-nav {gap:20px;}
  .nav-shell {gap:24px;}
  .roadmap-layout,.about-layout {gap:40px;}
  .intelligence-document {padding-inline:24px;}
}
@media (max-width:800px) {
  .container {width:calc(100% - 40px);}
  .desktop-nav,.nav-cta {display:none;}
  .nav-shell {justify-content:space-between;}
  .mobile-menu-trigger {display:flex;width:44px;height:44px;flex-direction:column;justify-content:center;gap:5px;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);}
  .mobile-menu-trigger span {width:16px;height:1.5px;background:var(--text);}
  .hero {padding-block:64px 56px;}
  .hero-inner {grid-template-columns:1fr;gap:32px;}
  .hero h1 {font-size:clamp(48px,7.8vw,64px);}
  .hero-side {grid-template-columns:repeat(3,minmax(0,1fr));border-left:0;border-top:1px solid var(--border);padding:20px 0 0;gap:8px 24px;}
  .hero-side span {grid-row:1;}
  .hero-side strong {grid-row:2;margin:0;}
  .section-wrap {padding:64px 0;}
  .section-heading {align-items:start;flex-direction:column;gap:16px;}
  .section-heading>p {max-width:560px;}
  .preview-label {order:4;flex-basis:100%;margin:4px 0 0;}
  .preview-reset {margin-left:auto;}
  .preview-stage {padding:16px 16px 12px;}
  .app-sidebar {position:absolute;left:0;top:0;bottom:0;width:240px;margin-left:0;transform:translateX(-102%);box-shadow:var(--shadow-sm);}
  .app-body.is-workspace .app-sidebar {transform:translateX(0);box-shadow:var(--shadow-window);}
  .intelligence-canvas {grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);padding:12px;}
  .intelligence-document {padding:24px 20px 16px;}
  .intelligence-document h3 {font-size:24px;}
  .intelligence-panel,.ai-start-state {padding:20px 16px;}
  .ai-review-footer {padding:16px;}
  .intelligence-pane-top {padding:12px;flex-wrap:wrap;}
  .intelligence-tabs {padding-inline:12px;gap:14px;}
  .principle {padding-right:24px;}
  .principle:not(:first-child) {padding-left:24px;}
  .roadmap-layout {display:block;}
  .roadmap-intro {margin-bottom:32px;}
  .roadmap-intro>p:not(.section-kicker) {max-width:560px;}
  .about-layout {gap:32px;}
  .about-copy {padding-top:0;}
  .founder-contact {grid-template-columns:1fr;gap:16px;}
  .footer-inner {grid-template-columns:1fr auto;}
  .footer-statement {text-align:right;}
  .footer-links,.copyright {grid-column:1/-1;}
}
@media (max-width:560px) {
  html {scroll-padding-top:80px;}
  .container {width:calc(100% - 40px);}
  .site-header {height:64px;}
  .hero {padding-block:48px 40px;}
  .hero-status {font-size:12px;margin-bottom:20px;}
  .hero h1 {font-size:clamp(32px,9.4vw,52px);letter-spacing:-.05em;line-height:1.13;margin-bottom:20px;}
  .hero-description {font-size:16px;}
  .hero-actions {gap:8px;margin-top:24px;}
  .button {gap:14px;font-size:13px;padding:11px 13px;}
  .hero-side {grid-template-columns:108px minmax(0,1fr);gap:8px 12px;padding-top:16px;}
  .hero-side span,.hero-side strong {grid-row:auto;font-size:12px;}
  .section-wrap {padding:48px 0;}
  h2 {font-size:30px;letter-spacing:-.035em;}
  .section-heading {margin-bottom:24px;gap:12px;}
  .section-heading>p {font-size:14px;}
  .preview-actions {gap:4px;}
  .preview-mode {font-size:12px;padding:10px 8px;gap:5px;min-height:44px;}
  .mode-icon {display:none;}
  .preview-reset {font-size:12px;padding:8px;min-height:44px;}
  .preview-label {font-size:12px;}
  .preview-stage {padding:8px 8px 12px;border-radius:var(--radius-md);}
  .window-titlebar {padding:0 10px;gap:8px;}
  .window-concept-label {display:none;}
  .app-body {height:430px;}
  .editor-toolbar {height:52px;padding:0 8px;}
  .editor-toolbar-left,.editor-toolbar-right {gap:4px;}
  .toolbar-location {max-width:140px;}
  .app-search-button {padding:8px;min-height:40px;min-width:40px;}
  .app-search-button>span,.app-new-button span {display:none;}
  .app-create-button {height:44px;min-height:44px;}
  .app-new-button {min-width:44px;padding:0 12px;}
  .workspace-toggle {width:40px;height:40px;}
  .editor-sheet {width:calc(100% - 40px);margin:32px auto 24px;}
  .note-title-input {font-size:26px;}
  .note-body-input {font-size:14px;min-height:160px;}
  .note-body-input h2 {font-size:21px;}
  .editor-task-toggle {width:24px;height:24px;top:1px;}
  .editor-checklist li {padding-left:34px;min-height:32px;}
  .editor-command-menu {width:280px;}
  .editor-menu-option {min-height:44px;}
  .editor-menu-option-copy small {display:none;}
  .editor-menu-footer {padding:8px;font-size:11px;gap:4px;}
  .editor-statusbar {padding:8px 10px;}
  .status-help {display:none;}
  .app-sidebar {width:min(240px,calc(100% - 24px));}
  .sidebar-new-note,.sidebar-nav-item,.sidebar-close {min-height:44px;}
  .search-overlay {padding:16px 8px;}
  .search-field {padding:10px;gap:8px;}
  .search-close {min-height:40px;}
  .preview-caption {font-size:12px;gap:8px;}
  .intelligence-canvas {grid-template-columns:1fr;padding:8px;}
  .intelligence-bridge {height:32px;}
  .intelligence-bridge::before {height:100%;width:1px;}
  .intelligence-pane-top {padding:12px 14px;}
  .intelligence-document {padding:24px 20px 12px;}
  .intelligence-document h3 {font-size:24px;margin-bottom:16px;}
  .intelligence-panel,.ai-start-state {min-height:240px;padding:24px 16px;}
  .intelligence-tabs {gap:16px;padding-inline:16px;}
  .intelligence-tab {min-height:44px;}
  .ai-apply-button,.ai-undo-button,.ai-reset-button {min-height:44px;}
  .source-organization {padding:16px;}
  .model-plan-content {grid-template-columns:1fr;gap:20px;}
  .principles-grid {grid-template-columns:1fr;}
  .principle,.principle:not(:first-child) {border-left:0;padding:24px 0;}
  .principle:not(:first-child) {border-top:1px solid var(--border);}
  .principle-icon {margin-bottom:12px;}
  .principle p {max-width:100%;}
  .roadmap-item {grid-template-columns:24px minmax(0,1fr);gap:10px;padding:20px 0;}
  .roadmap-status {grid-column:2;justify-self:start;padding-top:0;}
  .about-layout {display:block;}
  .about-copy {padding-top:24px;}
  .founder-contact {grid-template-columns:1fr;}
  .footer-links {gap:24px;flex-wrap:wrap;}
}
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after {animation-duration:.01ms !important;transition-duration:.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important;scroll-behavior:auto !important;}
}