/* One material, type and motion vocabulary for the hub and decision workspace. */
:root {
  color-scheme:dark;
  --hub-bg:#141716; --hub-surface:#1b201e; --hub-surface-raised:#262e29;
  --hub-text:#edf1ed; --hub-muted:#afb9b1; --hub-line:rgba(221,235,219,.15);
  --hub-lime:#b8f34a; --hub-cyan:#79d3c9; --hub-coral:#f1a58c;
  --action:#b8f34a; --action-hover:#a9e83d; --on-action:#1b2814;
  --glass:rgba(24,30,26,.86); --glass-line:rgba(231,244,229,.18);
  --field:#191f1c; --soft-teal:#213b34; --soft-coral:#3d2a24;
  --chart-ink:#b8de83; --chart-soft:#2d3925;
  --hub-motion:180ms; --hub-ease:cubic-bezier(.2,.8,.2,1); --hub-shadow:none;
  --canvas:var(--hub-bg); --bg:var(--hub-bg); --surface:var(--hub-surface);
  --surface-2:var(--hub-surface-raised); --text:var(--hub-text); --paper:var(--hub-text);
  --muted:var(--hub-muted); --line:var(--hub-line); --lime:var(--hub-lime);
  --cyan:var(--hub-cyan); --coral:var(--hub-coral); --focus:var(--hub-cyan);
  --decision-field:var(--field); --decision-glass:var(--glass);
  --decision-chart-ink:var(--chart-ink); --decision-chart-soft:var(--chart-soft);
  --decision-teal-soft:var(--soft-teal); --decision-coral-soft:var(--soft-coral);
}
:root[data-theme="light"] {
  color-scheme:light;
  --hub-bg:#f5f6f7; --hub-surface:#fff; --hub-surface-raised:#eaf0ec;
  --hub-text:#202725; --hub-muted:#58645e; --hub-line:rgba(33,49,41,.17);
  --hub-lime:#486c20; --hub-cyan:#08767a; --hub-coral:#ad4935;
  --glass:rgba(249,251,249,.9); --glass-line:rgba(33,49,41,.19);
  --field:#fff; --soft-teal:#e5f1ee; --soft-coral:#faece5;
  --chart-ink:#628630; --chart-soft:#e0eccf;
}
html, body { background:var(--hub-bg); color:var(--hub-text); }
body { font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif; font-size:15px; line-height:1.6; }
*, *::before, *::after { box-sizing:border-box; letter-spacing:0; }
#app { display:flow-root; }
h1, h2, h3, h4 { color:var(--hub-text); font-weight:600; line-height:1.2; }
p { text-wrap:pretty; }
button, input, select, textarea { font-family:inherit; }
button, a, input, select, textarea, summary { -webkit-tap-highlight-color:transparent; }
button, a, summary { touch-action:manipulation; }
a { text-underline-offset:4px; }
::selection { background:var(--hub-cyan); color:var(--hub-bg); }
:where(a,button,input,select,textarea,summary):focus-visible { outline:2px solid var(--hub-cyan); outline-offset:4px; }
:where(input,select,textarea) { accent-color:var(--hub-cyan); }
.button, .button.primary, .button.ghost { min-height:44px; border-radius:6px; box-shadow:none; font-weight:600; font-size:13px; }
.button.primary, .skip-link { color:var(--on-action); background:var(--action); border-color:transparent; }
.button.primary:hover { color:var(--on-action); background:var(--action-hover); }
.button.ghost, .icon-link { color:var(--hub-text); background:var(--hub-surface); border:1px solid var(--hub-line); }
.button.ghost:hover, .icon-link:hover { color:var(--hub-text); background:var(--hub-surface-raised); border-color:var(--glass-line); }
.button:active, .icon-link:active { transform:translateY(1px); }
.button:disabled { transform:none; cursor:not-allowed; opacity:.5; }
.eyebrow, .hero-kicker { font-size:11px; font-weight:600; text-transform:none; }
.text-link, .back-link, .auth-link-row a { color:var(--hub-cyan); font-weight:600; }
.text-button, .account-section > header a, .account-tool-nav a { font-weight:600; }
.account-menu-button { font-weight:600; }
.symbol { flex-shrink:0; }

/* Navigation is translucent; working surfaces stay solid and readable. */
.site-header { height:72px; min-height:72px; padding:10px max(24px,calc((100vw - 1320px)/2)); background:var(--glass); border-color:var(--glass-line); backdrop-filter:blur(24px) saturate(140%); -webkit-backdrop-filter:blur(24px) saturate(140%); box-shadow:inset 0 1px rgba(255,255,255,.06); z-index:40; }
.brand { color:var(--hub-text); font-size:15px; font-weight:650; }
.brand > .brand-name:last-child { display:inline; }
.brand-mark { background:var(--action); color:var(--on-action); border-radius:7px; }
.nav > a, .nav-more > summary { color:var(--hub-muted); font-size:13px; font-weight:500; }
.nav > a:hover, .nav-more > summary:hover { color:var(--hub-text); background:var(--hub-surface-raised); }
.nav > a[aria-current="page"] { color:var(--hub-text); background:var(--hub-surface-raised); box-shadow:none; font-weight:600; }
.nav-more-menu { min-width:220px; padding:8px; background:var(--glass); border-color:var(--glass-line); box-shadow:inset 0 1px rgba(255,255,255,.06); }
.nav-more-menu a { min-height:44px; color:var(--hub-muted); font-weight:500; padding:10px 12px; }
.nav-more-menu a:hover, .nav-more-menu a[aria-current] { background:var(--hub-surface-raised); color:var(--hub-text); }
.nav a, .nav summary, .account-nav a, .account-tool-link, .filter-tabs button, .finder-options button, .lens-rack button, .auth-tabs a, .appearance-toggle, .password-toggle { transition:color 180ms ease,background-color 180ms ease; }
.appearance-toggle, .icon-button { width:44px; height:44px; flex:0 0 44px; align-items:center; justify-content:center; color:var(--hub-muted); background:transparent; border:1px solid var(--hub-line); border-radius:6px; }
.appearance-toggle { display:inline-flex; padding:10px; }
.appearance-toggle:hover, .icon-button:hover { color:var(--hub-text); background:var(--hub-surface-raised); }
.appearance-toggle svg { transition:transform 200ms var(--hub-ease); }
.appearance-toggle:hover svg { transform:rotate(15deg); }
.site-footer { max-width:1320px; color:var(--hub-muted); font-weight:400; gap:32px; padding:36px 0; }
.site-footer strong { color:var(--hub-text); font-weight:650; }
.site-footer a, .site-footer small, .site-footer > div span, .footer-version { color:var(--hub-muted); }
.site-footer a { font-size:12px; min-height:44px; }
.site-footer a:hover { color:var(--hub-text); }

/* Discovery retains its original media, tools, and product film. */
.hero.observatory-hero { min-height:min(690px,calc(100svh - 80px)); padding:126px max(24px,calc((100vw - 1240px)/2)) 44px; border-color:var(--hub-line); }
.hero-image { opacity:1; object-position:center; }
.hero-overlay { background:linear-gradient(90deg,rgba(12,18,14,.94),rgba(12,18,14,.78) 45%,rgba(12,18,14,.2)); box-shadow:none; }
.hero-content { width:min(700px,100%); }
.hero.observatory-hero h1 { color:#f4f8f2; font-size:76px; line-height:1.05; font-weight:600; margin-bottom:20px; }
.hero.observatory-hero p { color:#dbe4dd; font-size:21px; line-height:1.6; max-width:44ch; }
.hero-kicker { color:#c1ed95; }
.hero .button.ghost { background:rgba(25,34,28,.74); color:#eef4ee; border-color:rgba(225,240,224,.28); backdrop-filter:blur(16px); }
.hero-proof { margin-top:32px; }
.hero-proof dt { font-weight:600; font-size:20px; }
.hero-proof dd { color:#c0cdc4; font-weight:400; font-size:11px; text-transform:none; }
.hero-route { color:#d2ddd3; font-weight:500; text-transform:none; }
.hero-route span:first-child { color:#b8f34a; }
.home-purpose, .about-mission, .about-origin, .about-principles, .about-builder { width:min(1240px,calc(100% - 48px)); }
.home-purpose { gap:72px; padding:56px 0; }
.home-purpose h2 { font-size:34px; line-height:1.22; }
.home-purpose > p { font-size:16px; }
.section { padding-block:56px; }
.section-heading h2, .showcase-heading h2 { font-size:32px; line-height:1.25; font-weight:600; }
.section-heading p, .page-intro p { color:var(--hub-muted); max-width:70ch; font-size:15px; }
.holiday-promotion { width:min(1240px,calc(100% - 48px)); margin:0 auto; padding:26px 0; background:none; border:0; border-bottom:1px solid var(--hub-line); border-radius:0; box-shadow:none; }
.holiday-promotion h2 { font-size:21px; line-height:1.35; }
.holiday-promotion p { color:var(--hub-muted); max-width:65ch; font-size:13px; }
.holiday-promotion .eyebrow { color:var(--hub-cyan); }
.showcase-video-shell { border-radius:8px; box-shadow:none; transition:opacity 180ms ease,transform 180ms var(--hub-ease); }
.showcase-video-shell.is-sticky { box-shadow:0 3px 8px rgba(0,0,0,.3); }
.showcase-video-actions button { width:44px; height:44px; backdrop-filter:blur(12px); }
.finder-options { background:var(--hub-surface); border:1px solid var(--hub-line); padding:8px; }
.finder-options button { min-height:48px; color:var(--hub-muted); font-weight:500; }
.finder-options button:hover { color:var(--hub-text); background:var(--hub-surface-raised); }
.finder-options button.active { color:var(--hub-text); background:var(--soft-teal); }
.finder-options button.active::after { color:var(--hub-cyan); }
.finder-result { grid-template-columns:1fr; grid-template-rows:auto 1fr; background:var(--hub-surface); border-color:var(--hub-line); min-height:420px; }
.finder-result-media { height:300px; border-right:0; border-bottom:1px solid var(--hub-line); background:var(--hub-bg); }
.finder-result-media img { object-fit:contain; transition:transform 200ms var(--hub-ease); }
.finder-result:hover .finder-result-media img { transform:none; }
.finder-result-body { padding:24px; }
.finder-result-title h3 { font-size:28px; }
.finder-result .result-prompt { color:var(--hub-text) !important; font-size:18px; }
.finder-result p { color:var(--hub-muted); font-size:14px; }
.lens-note { background:none; padding:14px 0; border:0; border-top:1px solid var(--hub-line); border-radius:0; }
.lens-note strong, .lens-note span { color:var(--hub-muted); font-weight:400; }
.lens-rack { grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:0; border-block:1px solid var(--hub-line); background:none; }
.lens-rack button { color:var(--hub-text); background:transparent; border:0; border-radius:0; padding:18px 14px; }
.lens-rack button.active, .lens-rack button:hover { background:var(--hub-surface-raised); }
.lens-rack button strong { color:var(--hub-text); font-weight:600; }
.lens-rack button span, .lens-rack button.active span, .lens-rack button:hover span { color:var(--hub-muted); }
.lens-result article { padding:24px 0; background:none; border:0; border-bottom:1px solid var(--hub-line); border-radius:0; }
.lens-result article::before { display:none; }
.lens-result h3 { font-size:21px; }
.lens-tool-strip a { background:var(--hub-surface); border:1px solid var(--hub-line); }
.lens-tool-strip a:hover { background:var(--hub-surface-raised); transform:translateY(-2px); }
.lens-tool-strip a strong, .trail-card strong { color:var(--hub-text); font-size:16px; font-weight:600; }
.lens-tool-strip span, .trail-card p { color:var(--hub-muted); }
.trail-grid { gap:0; border-block:1px solid var(--hub-line); }
.trail-card, .trail-card:hover { background:none; border:0; border-radius:0; transform:none; padding:24px; box-shadow:none; }
.trail-card::before { display:none; }
.trail-card + .trail-card { border-left:1px solid var(--hub-line); }
.trail-card.empty { padding-left:0; }
.home-catalog-cta { background:none; border-block:1px solid var(--hub-line); border-radius:0; box-shadow:none; padding:36px 0; }
.home-catalog-cta h2 { font-size:28px; }
.home-catalog-cta p { color:var(--hub-muted); }

/* Catalog and tool inspection */
.page-shell, .detail-page { max-width:1240px; }
.catalog-page { padding-top:118px; }
.catalog-page > .page-intro h1, .page-intro h1 { font-size:42px; line-height:1.2; font-weight:600; }
.catalog-controls { padding:14px 0; gap:18px; }
.catalog-search input { background:var(--field); color:var(--hub-text); border-color:var(--hub-line); font-weight:400; }
.catalog-search input::placeholder { color:var(--hub-muted); }
.catalog-search > .symbol { color:var(--hub-muted); }
.filter-tabs { background:var(--hub-surface); border-color:var(--hub-line); }
.filter-tabs button { color:var(--hub-muted); min-height:44px; font-weight:500; }
.filter-tabs button:hover { color:var(--hub-text); background:var(--hub-surface-raised); }
.filter-tabs button.active { color:var(--hub-text); background:var(--soft-teal); }
.catalog-count { color:var(--hub-muted); font-weight:400; font-size:12px; }
.tool-grid { gap:24px; }
.tool-card, .tool-card.is-flagship, .tool-card.is-game, .tool-card.is-roadmap { background:var(--hub-surface); border:1px solid var(--hub-line); border-radius:8px; box-shadow:none; }
.tool-card:hover, .tool-card.is-flagship:hover, .tool-card.is-game:hover, .tool-card.is-roadmap:hover { background:var(--hub-surface); border-color:var(--glass-line); transform:translateY(-3px); }
.tool-card.is-flagship::after { display:none; }
.tool-card-media, .tool-card.is-game .tool-card-media { aspect-ratio:16/9; background:var(--hub-bg); }
.tool-card-media::after { display:none; }
.tool-preview-image { object-fit:contain; transition:transform 200ms var(--hub-ease); }
.tool-card:hover .tool-preview-image { transform:scale(1.015); }
.tool-card-flagship, .tool-card-version { backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); color:#f0f6ee; background:rgba(18,27,21,.88); border:1px solid rgba(255,255,255,.22); border-radius:4px; font-weight:500; }
.tool-card-body { padding:22px; }
.tool-card-heading h3 { font-size:23px; font-weight:600; }
.tool-card-heading span { color:var(--hub-muted); text-transform:none; font-weight:500; font-size:11px; }
.tool-card-body > p { font-size:14px; line-height:1.65; }
.tool-use { grid-template-columns:70px 1fr; gap:12px; }
.tool-use strong { color:var(--hub-text); text-transform:none; font-weight:500; font-size:12px; }
.concept-row { gap:6px; }
.concept-row span { background:var(--hub-surface-raised); color:var(--hub-muted); border:0; border-radius:4px; font-size:10px; font-weight:500; }
.tool-card-actions { margin-top:20px; }
.tool-card-actions .button { background:transparent; color:var(--hub-text); border:1px solid var(--hub-line); min-height:44px; }
.tool-card-actions .button:hover { background:var(--hub-surface-raised); }
.tool-card-actions .icon-link { width:44px; height:44px; }
.catalog-empty { background:var(--hub-surface); color:var(--hub-text); border:1px solid var(--hub-line); }
.roadmap-divider { grid-template-columns:160px minmax(180px,.6fr) minmax(0,1fr); margin-top:24px; }
.roadmap-divider span { font-weight:500; text-transform:none; }
.detail-hero { gap:44px; padding-bottom:44px; }
.detail-hero h1 { font-size:52px; line-height:1.12; }
.detail-hero p { color:var(--hub-muted); font-size:16px; }
.detail-breadcrumb, .detail-facts dt { color:var(--hub-muted); font-weight:500; }
.detail-facts dd { color:var(--hub-text); font-weight:500; }
.detail-preview-stage { background:var(--hub-surface); border-color:var(--hub-line); box-shadow:none; }
.preview-browser-bar { background:var(--hub-surface-raised); color:var(--hub-muted); }
.preview-browser-bar strong { font-weight:400; }
.detail-preview-stage figcaption { color:var(--hub-muted); font-size:11px; }
.detail-preview-image { object-fit:contain; }
.detail-preview-stage .tool-roadmap-preview > strong { font-size:32px; }
.detail-outcome, .detail-content { gap:56px; padding:44px 0; }
.detail-outcome h2, .detail-content h2 { font-size:28px; }
.detail-next > span, .detail-next p { color:var(--hub-muted); font-weight:400; }
.detail-next strong { font-weight:600; }

/* Account, profile, security, and authentication */
.account-workspace { background:var(--hub-bg); width:100%; max-width:none; margin-inline:0; }
.privacy-analytics-control { display:flex; gap:12px; align-items:center; font-size:14px; min-height:44px; margin-top:18px; }
.privacy-analytics-control input { width:18px; height:18px; accent-color:var(--hub-cyan); }
.account-sidebar { background:var(--glass); border-color:var(--hub-line); backdrop-filter:blur(24px) saturate(140%); }
.account-content { padding:36px 40px 64px; }
.account-plan-panel { background:none; border:0; border-bottom:1px solid var(--hub-line); border-radius:0; padding:24px 0; margin:0 0 20px; gap:28px; }
.account-plan-panel h2 { font-size:23px; }
.account-plan-chip { background:var(--hub-surface-raised); color:var(--hub-cyan); font-weight:500; border-radius:4px; text-transform:none; }
.plan-disclosure { border:0; border-left:1px solid var(--hub-line); border-radius:0; background:none; padding:0 0 0 24px; font-size:13px; }
.plan-disclosure strong { font-weight:500; }
.account-cloud-bridge, .tool-signal { background:var(--soft-teal); border:0; border-radius:6px; padding:16px; }
.account-cloud-bridge strong { font-weight:500; font-size:13px; }
.account-cloud-bridge .symbol, .account-cloud-bridge a { color:var(--hub-cyan); }
.account-cloud-bridge a { font-weight:500; min-height:44px; display:flex; align-items:center; }
.account-cloud-bridge small, .tool-signal span, .tool-signal small { color:var(--hub-muted); font-weight:400; }
.tool-signal strong { color:var(--hub-coral); font-weight:600; }
.account-tool-name em { color:var(--hub-coral); }
.signup-promotion { padding:16px 0; background:none; border:0; border-block:1px solid var(--hub-line); border-radius:0; }
.signup-promotion strong { color:var(--hub-text); font-weight:500; }
.signup-promotion span { color:var(--hub-muted); }
.account-person, .account-tool-nav, .account-sidebar-footer, .account-section, .account-page-header, .security-list article, .activity-row { border-color:var(--hub-line); }
.account-person .avatar { background:var(--action); color:var(--on-action); font-weight:600; }
.account-person span, .account-nav-label, .account-tool-link small, .account-tools-empty, .account-sidebar-footer span { color:var(--hub-muted); }
.account-person strong, .account-nav-label, .account-tool-link strong { font-weight:500; }
.account-nav-label { font-size:11px; text-transform:none; }
.account-nav a { color:var(--hub-muted); font-weight:500; min-height:44px; }
.account-nav a:hover, .account-nav a[aria-current], .account-tool-link:hover, .account-tool-link[aria-current] { background:var(--hub-surface-raised); color:var(--hub-text); box-shadow:none; }
.account-nav a[aria-current] .account-nav-icon { color:var(--hub-cyan); }
.account-tool-link { color:var(--hub-text); }
.account-nav-label-row a { color:var(--hub-cyan); font-weight:500; }
.tool-status-dot { background:var(--hub-muted); opacity:.65; }
.tool-status-dot.is-cloud { background:var(--hub-cyan); opacity:1; box-shadow:none; }
.account-page-header h1 { font-size:32px; line-height:1.25; }
.account-page-header p, .account-section p, .profile-form small, .activity-row small, .activity-row time { color:var(--hub-muted); }
.account-stat-grid, .tool-insight-grid { gap:0; border-bottom:1px solid var(--hub-line); margin-bottom:20px; }
.account-stat-grid article, .tool-insight-grid article { background:none; border:0; border-radius:0; min-height:120px; padding:8px 20px; }
.account-stat-grid article:first-child, .tool-insight-grid article:first-child { padding-left:0; }
.account-stat-grid article + article, .tool-insight-grid article + article { border-left:1px solid var(--hub-line); }
.account-stat-grid span, .tool-insight-grid span { color:var(--hub-muted); text-transform:none; font-size:12px; font-weight:400; }
.account-stat-grid strong, .tool-insight-grid strong { color:var(--hub-text); font-size:30px; font-weight:600; }
.account-stat-grid small { color:var(--hub-muted); font-size:11px; }
.account-stat-grid article:nth-child(2) strong, .tool-insight-grid article:nth-child(2) strong { color:var(--hub-cyan); }
.account-stat-grid article:nth-child(3) strong { color:var(--hub-coral); }
.account-tool-list { border:0; border-block:1px solid var(--hub-line); border-radius:0; }
.account-tool-row { background:transparent; border-color:var(--hub-line); min-height:76px; padding:14px 8px; }
.account-tool-row:hover { background:var(--hub-surface-raised); }
.account-tool-row strong { font-weight:600; }
.account-tool-row small, .row-arrow { color:var(--hub-muted); }
.account-empty, .account-empty.compact { background:none; border:0; border-block:1px solid var(--hub-line); border-radius:0; padding:28px 0; }
.account-menu-button, .sidebar-close { background:var(--hub-surface); color:var(--hub-text); border-color:var(--hub-line); min-height:44px; }
.sidebar-close { min-width:44px; }
.tool-account-detail dd { color:var(--hub-text); font-weight:500; }
.tool-account-detail dt, .security-list span, .security-list small { color:var(--hub-muted); font-weight:400; }
.tool-account-detail dl, .tool-account-detail dl div { border-color:var(--hub-line); }
.security-state { border-radius:4px; font-size:12px; }
.security-state.is-good { color:var(--hub-cyan); background:var(--soft-teal); }
.security-state.is-warning { color:var(--hub-coral); background:var(--soft-coral); }
.button.danger { background:var(--soft-coral); border-color:var(--hub-coral); color:var(--hub-coral); }
.button.danger:hover { background:var(--soft-coral); color:var(--hub-text); }
.auth-layout { gap:80px; }
.auth-intro h1 { font-size:42px; line-height:1.15; }
.auth-intro p, .auth-benefits { color:var(--hub-muted); font-size:15px; }
.auth-benefits li::before { background:var(--hub-cyan); }
.account-card.auth-card { background:var(--hub-surface); border:1px solid var(--hub-line); border-radius:8px; padding:28px; box-shadow:none; }
.auth-tabs { border:0; border-bottom:1px solid var(--hub-line); border-radius:0; padding:0 0 16px; margin-bottom:24px; gap:8px; }
.auth-tabs a { color:var(--hub-muted); font-weight:500; border-radius:5px; }
.auth-tabs a.active { color:var(--hub-text); background:var(--hub-surface-raised); font-weight:600; }
.auth-form label, .profile-form label { color:var(--hub-muted); font-weight:500; font-size:13px; }
.auth-form input, .profile-form input, .profile-form select { color:var(--hub-text); background:var(--field); border:1px solid var(--hub-line); border-radius:6px; font-weight:400; }
.auth-form input::placeholder, .profile-form input::placeholder { color:var(--hub-muted); }
.password-toggle { min-height:44px; color:var(--hub-muted); font-weight:500; }
.password-toggle:hover { background:var(--hub-surface-raised); }
.auth-link-row, .auth-link-row > span { color:var(--hub-muted); }
.mode-option, .form-section .mode-option { background:var(--hub-surface); border-color:var(--hub-line); color:var(--hub-text); border-radius:6px; }
.mode-option span, .mode-option small { color:var(--hub-muted); }
.mode-option strong { font-weight:600; }
.mode-option small { font-size:12px; font-weight:400; line-height:1.5; }
.mode-option:has(input:checked) { background:var(--soft-teal); border-color:var(--hub-cyan); }
.form-message.is-success { color:var(--hub-cyan); }
.form-message.is-error { color:var(--hub-coral); }
.sync-alert { background:var(--soft-coral); color:var(--hub-text); border-color:var(--hub-coral); font-size:13px; }
.skeleton-line, .account-loading-grid span { background:var(--hub-surface-raised); border-color:var(--hub-line); animation:surface-pulse 1.4s ease-in-out infinite alternate; }

/* Story, sources, release history, and privacy keep a common editorial rhythm. */
.about-hero { min-height:min(650px,calc(100svh - 130px)); }
.about-hero h1 { color:#f1f5ef; font-size:64px; line-height:1.12; max-width:16ch; }
.about-hero-copy > p { max-width:62ch; font-size:17px; }
.about-hero-shade { background:linear-gradient(90deg,rgba(13,19,15,.96),rgba(13,19,15,.86) 45%,rgba(13,19,15,.18)); }
.about-hero .button.ghost { color:#eef4ee; background:rgba(25,34,28,.8); border-color:rgba(255,255,255,.2); }
.about-mission, .about-origin, .about-principles { padding-block:56px; }
.about-mission h2, .about-origin h2, .about-principles h2, .about-builder h2 { font-size:32px; line-height:1.25; }
.about-origin-date small { color:var(--hub-muted); }
.about-origin-date strong { font-weight:600; }
.about-builder { background:none; padding:44px 0; border-block:1px solid var(--hub-line); border-radius:0; color:var(--hub-text); }
.about-builder span { color:var(--hub-cyan); }
.about-builder p { color:var(--hub-muted); }
.about-builder .button.ghost { color:var(--hub-text); background:var(--hub-surface); border-color:var(--hub-line); }
.influence-intro { border:0; border-radius:0; padding:48px; min-height:min(640px,calc(100svh - 170px)); }
.influence-intro h1 { font-size:60px; line-height:1.08; color:#f5f8f1; max-width:12ch; }
.influence-intro .influence-kicker { color:#c1ed95; font-size:12px; font-weight:500; }
.influence-intro .eyebrow { color:#c1ed95; }
.influence-intro-copy { width:49%; }
.thaler-hero-image { width:60%; object-position:center 18%; }
.thaler-hero-shade { background:linear-gradient(90deg,#151c17,rgba(21,28,23,.98) 32%,rgba(21,28,23,.8) 51%,rgba(21,28,23,0) 75%); }
.influence-intro .influence-lede { font-size:15px; color:#e0e8df; }
.influence-intro .text-link { color:#c1ed95; font-weight:500; }
.influence-number { font-size:24px; font-weight:500; }
.influence-thesis p { color:var(--hub-muted); font-size:16px; }
.influence-principles > header h2, .influence-bridge h2, .influence-reading h2 { font-size:32px; }
.influence-principles article { border-top-width:1px; }
.influence-principles h3 { margin-top:24px; }
.influence-bridge { color:var(--hub-text); background:none; border-block:1px solid var(--hub-line); border-radius:0; padding:44px 0; }
.influence-bridge p, .influence-bridge dt { color:var(--hub-muted); }
.influence-bridge .eyebrow { color:var(--hub-cyan); }
.influence-bridge dl, .influence-bridge dl div { border-color:var(--hub-line); }
.influence-bridge dd { font-weight:500; }
.influence-reading a, .influence-reading strong { color:var(--hub-text); }
.influence-reading span, .influence-credit { color:var(--hub-muted); }
.timeline-eras { margin:28px 0 36px; }
.timeline-eras li { min-height:140px; }
.timeline-eras time, .project-timeline time, .project-timeline small { color:var(--hub-muted); font-weight:400; }
.timeline-eras strong { font-size:17px; font-weight:500; }
.project-timeline li { grid-template-columns:150px minmax(0,1fr); gap:40px; padding:28px 0; }
.project-timeline h3 { font-size:22px; line-height:1.35; }
.project-timeline li > div > span { color:var(--hub-cyan); font-weight:500; text-transform:none; }
.project-timeline li:last-child { background:none; border:0; border-bottom:1px solid var(--hub-line); border-radius:0; margin:0; padding:28px 0; }
.project-timeline li:last-child time { color:var(--hub-muted); }
.release-row { border-color:var(--hub-line); }
.release-row h2 { font-size:21px; }
.release-row > a { color:var(--hub-cyan); font-weight:500; }
.privacy-summary { padding:36px 0; }
.privacy-summary h2, .privacy-data-band h2, .privacy-controls h2 { font-size:30px; line-height:1.25; }
.privacy-data-band, .privacy-controls { gap:56px; padding:48px 0; }
.privacy-data-band > div + div { padding-left:56px; }
.privacy-data-band li, .privacy-control-list small { color:var(--hub-muted); }
.privacy-control-list a { color:var(--hub-text); transition:background-color 180ms ease; }
.privacy-control-list a:hover { padding-left:4px; background:var(--hub-surface-raised); color:var(--hub-text); }
.privacy-control-list strong { font-weight:600; }
.privacy-control-list a > span:last-child { color:var(--hub-cyan); font-weight:500; text-transform:none; }
.about-hero .eyebrow, .about-page .eyebrow, .privacy-page .eyebrow { font-size:11px; font-weight:600; text-transform:none; }
.account-sidebar-footer .text-button { min-height:44px; }

/* Responsive structure, stable targets, and non-blocking interaction motion. */
@keyframes surface-pulse { from { opacity:.55; } to { opacity:1; } }
@media (hover:hover) {
  .button .symbol, .text-link .symbol, .icon-link .symbol, .row-arrow { transition:transform 180ms var(--hub-ease); }
  .button:hover .symbol, .text-link:hover .symbol, .account-tool-row:hover .row-arrow { transform:translateX(3px); }
  .icon-link:hover .symbol { transform:translate(1px,-1px); }
}
@media (min-width:1050px) { .catalog-page .tool-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:1100px) {
  .nav { position:static; transform:none; }
  .detail-hero { gap:32px; }
  .detail-hero h1 { font-size:44px; }
  .roadmap-divider { grid-template-columns:1fr 2fr; }
  .roadmap-divider p { grid-column:2; }
}
@media (max-width:1000px) {
  .account-stat-grid article:nth-child(3), .tool-insight-grid article:nth-child(3) { border-left:0; padding-left:0; }
  .account-stat-grid, .tool-insight-grid { row-gap:24px; }
  .influence-intro { padding:32px; }
  .influence-intro-copy { width:62%; }
  .influence-intro h1 { font-size:48px; }
  .auth-layout { gap:40px; }
}
@media (max-width:900px) {
  .site-header { padding-inline:20px; }
  .nav { position:absolute; background:var(--glass); border-color:var(--glass-line); backdrop-filter:blur(24px) saturate(140%); }
  .nav-more-menu { background:transparent; backdrop-filter:none; border:0; }
  .nav > a[aria-current="page"] { box-shadow:none; }
  .account-content { padding:84px 24px 48px; }
  .auth-layout { grid-template-columns:1fr; }
  .auth-intro { max-width:620px; }
  .account-card.auth-card { width:100%; max-width:600px; }
  .about-mission, .about-origin, .about-principles > header { gap:32px; }
}
@media (max-width:700px) {
  .site-header { padding-inline:18px; }
  .brand-name { display:inline; }
  .header-actions { gap:8px; }
  .hero.observatory-hero { min-height:0; padding:116px 24px 32px; }
  .hero.observatory-hero h1 { font-size:52px; }
  .hero.observatory-hero p { font-size:18px; }
  .hero-proof { gap:0; margin-top:28px; }
  .hero-proof div { min-width:0; flex:1; padding-inline:14px; }
  .hero-proof dt { font-size:17px; }
  .hero-proof dd { font-size:10px; line-height:1.5; }
  .hero-route { gap:16px; font-size:10px; }
  .home-purpose, .holiday-promotion, .about-mission, .about-origin, .about-principles, .about-builder { width:calc(100% - 40px); }
  .home-purpose { grid-template-columns:1fr; gap:22px; padding:36px 0; }
  .home-purpose h2, .section-heading h2, .showcase-heading h2 { font-size:28px; }
  .holiday-promotion { flex-direction:column; align-items:flex-start; gap:18px; padding:24px 0; }
  .holiday-promotion .button { width:auto; }
  .section { padding-block:36px; }
  .catalog-page { padding-top:104px; }
  .catalog-page > .page-intro h1, .page-intro h1 { font-size:32px; }
  .tool-grid { gap:20px; }
  .tool-card-body { padding:20px; }
  .tool-card-heading h3 { font-size:22px; }
  .tool-card-actions .button { width:auto; }
  .filter-tabs { flex-wrap:wrap; justify-content:flex-start; }
  .filter-tabs button { min-height:44px; font-size:12px; }
  .roadmap-divider { grid-template-columns:1fr; gap:12px; }
  .roadmap-divider p { grid-column:auto; }
  .finder-result-body { padding:24px; }
  .finder-result-media { height:230px; }
  .lens-rack { grid-template-columns:1fr 1fr; }
  .trail-card + .trail-card { border-left:0; border-top:1px solid var(--hub-line); }
  .detail-hero { padding:14px 0 32px; }
  .detail-hero h1 { font-size:40px; }
  .detail-outcome, .detail-content { gap:24px; padding:32px 0; }
  .detail-outcome h2, .detail-content h2 { font-size:26px; }
  .detail-next { gap:16px; }
  .auth-page { padding-top:106px; }
  .auth-intro h1 { font-size:32px; }
  .auth-benefits { gap:8px; margin-top:20px; }
  .account-card.auth-card { padding:22px; }
  .account-page-header h1 { font-size:28px; }
  .account-cloud-bridge { flex-wrap:wrap; gap:8px; }
  .account-cloud-bridge > div { align-items:flex-start; }
  .account-cloud-bridge a { margin-left:32px; }
  .plan-disclosure { border-left:0; padding:0; }
  .account-stat-grid strong, .tool-insight-grid strong { font-size:26px; }
  .about-hero { min-height:0; padding:52px 0 44px; }
  .about-hero h1 { font-size:44px; }
  .about-hero-copy > p { font-size:16px; }
  .about-mission, .about-origin, .about-principles { padding-block:36px; }
  .about-mission h2, .about-origin h2, .about-principles h2, .about-builder h2 { font-size:28px; }
  .about-builder { padding:32px 0; gap:24px; }
  .influence-intro { padding:300px 0 28px; min-height:0; background:var(--hub-bg); }
  .thaler-hero-image { top:0; right:0; width:100%; height:280px; object-position:center 20%; }
  .thaler-hero-shade { display:none; }
  .influence-intro-copy { width:100%; }
  .influence-intro h1 { color:var(--hub-text); font-size:40px; max-width:none; }
  .influence-intro .influence-kicker, .influence-intro .eyebrow { color:var(--hub-cyan); }
  .influence-intro .influence-lede { color:var(--hub-muted); }
  .influence-intro .text-link { color:var(--hub-cyan); }
  .thaler-photo-credit { top:252px; bottom:auto; right:12px; color:#fff; background:rgba(14,20,16,.9); padding:3px 6px; border-radius:3px; }
  .influence-principles > header h2, .influence-bridge h2, .influence-reading h2 { font-size:28px; }
  .influence-principles { padding:36px 0; }
  .influence-bridge { padding:32px 0; }
  .project-timeline li, .project-timeline li:last-child { grid-template-columns:1fr; gap:10px; padding:24px 0; }
  .project-timeline h3 { font-size:20px; }
  .privacy-summary h2, .privacy-data-band h2, .privacy-controls h2 { font-size:27px; }
  .privacy-data-band, .privacy-controls { padding:36px 0; gap:28px; }
  .privacy-data-band > div + div { padding-left:0; }
  .site-footer { grid-template-columns:1fr; gap:20px; }
}
@media (prefers-reduced-transparency:reduce) {
  .site-header, .nav, .nav-more-menu, .account-sidebar { background:var(--hub-surface); backdrop-filter:none; -webkit-backdrop-filter:none; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .site-header, .nav, .nav-more-menu, .account-sidebar { background:var(--hub-surface); }
}
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; }
}