:root {
    /* matte graphite base, tinted from the obsidian icon (#262626 tile / #201d25 gem) */
    --bg: #0c0d0e;
    --bg-2: #16181a;
    --bg-3: #1f2123;
    --line: #26282b;
    --line-2: #383b3f;
    --ink: #ededec;
    --ink-2: #a8aaa6;
    --ink-3: #6f726e;
    /* single signal accent: Obsidian purple, used boldly but sparingly */
    --accent: #8b5cf6;
    --accent-2: #a78bfa;
    --chaos-bg: #131110;
    --calm-bg: #0c0d0e;
  }
  * { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; background: var(--bg); color: var(--ink); }
  body { font-family: 'Geist', system-ui, sans-serif; font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
  ::selection { background: var(--accent); color: #0c0d0e; }
  h1, h2, h3, h4 { margin: 0; font-weight: 700; letter-spacing: -0.025em; line-height: 1.04; }
  p { margin: 0; }
  a { color: inherit; text-decoration: none; }
  .mono { font-family: 'Geist Mono', monospace; }
  .wrap { max-width: 1360px; margin: 0 auto; padding: 0 28px; }

  /* nav — bordered structural bar, sharp edges */
  nav.top {
    position: fixed; top: 0; left: 0; right: 0; z-index: 90;
    backdrop-filter: blur(14px);
    background: rgba(12,13,14,0.55);
    border-bottom: 1px solid transparent;
    transition: background .3s ease, border-color .3s ease;
  }
  nav.top.scrolled { background: rgba(12,13,14,0.92); border-bottom-color: var(--line-2); }
  .nav-row { display: flex; align-items: center; justify-content: space-between; height: 58px; }
  .brand { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; font-family: 'Geist Mono', monospace; letter-spacing: 0.02em; text-transform: uppercase; }
  .brand .logo { width: 18px; height: 18px; display: block; }
  .brand .sep { color: var(--ink-3); margin: 0 2px; }
  @media (max-width: 460px) { .brand .label { display: none; } }
  .nav-meta { font-family: 'Geist Mono', monospace; font-size: 11px; color: var(--ink-3); letter-spacing: 0.04em; }
  @media (max-width: 640px) { .nav-meta { display: none; } }
  .btn { display: inline-flex; align-items: center; gap: 10px; height: 38px; padding: 0 18px; border-radius: 0; background: var(--accent); color: #0c0d0e; border: 1px solid var(--accent); font-weight: 600; font-size: 12px; letter-spacing: 0.02em; text-transform: uppercase; cursor: pointer; transition: background .15s ease, color .15s ease, border-color .15s ease; font-family: 'Geist Mono', monospace; }
  .btn:hover { background: transparent; color: var(--accent); border-color: var(--accent); }
  .btn.lg { height: 54px; padding: 0 26px; font-size: 13px; }
  .btn .arrow { font-size: 11px; }

  /* WhatsApp square pill — bordered, sharp */
  .wa-pill {
    display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 16px;
    border-radius: 0; background: var(--bg-2); border: 1px solid var(--line-2);
    color: var(--ink); font-weight: 600; font-size: 12px; font-family: 'Geist Mono', monospace; letter-spacing: 0.01em;
    transition: background .15s ease, border-color .15s ease;
  }
  .wa-pill:hover { background: var(--bg-3); border-color: var(--ink-3); }
  .wa-pill .wa-icon { width: 16px; height: 16px; color: #25D366; flex-shrink: 0; }
  @media (max-width: 760px) { .wa-pill .wa-label { display: none; } .wa-pill { padding: 0 12px; gap: 0; } }

  /* ===================== CINEMATIC PINNED STAGE ===================== */
  /* one tall scroll container, one sticky full-screen stage that morphs in place */
  /* scroll-snap: the page rests on each cinematic beat. proximity (not mandatory) so it
     never fights the smoothed lerp - a normal gesture settles on the nearest stop, but you
     can still scrub through freely. */
  html { scroll-snap-type: y proximity; }
  .scrolly { position: relative; height: 1700vh; }
  /* invisible snap anchors: each sits at the scroll offset where a beat is fully landed.
     top = beatProgress * (scrolly height - 100vh) = beatProgress * 1600vh */
  .snap { position: absolute; left: 0; width: 1px; height: 1px; scroll-snap-align: start; scroll-snap-stop: normal; pointer-events: none; }
  .sticky { position: sticky; top: 0; height: 100vh; overflow: hidden; background: var(--calm-bg); }
  .stage { position: absolute; inset: 0; overflow: hidden; user-select: none; --split: 100%; }

  /* base: the constellation field — present the whole time (continuity). matte, no glow. */
  .after-layer { position: absolute; inset: 0; background: var(--calm-bg); }
  .field-svg { position: absolute; inset: 0; width: 100%; height: 100%; }
  .field-node { fill: var(--accent); animation: nodeBlink 7s ease-in-out infinite; }
  @keyframes nodeBlink { 0%, 100% { opacity: 0.3; r: 1.5; } 50% { opacity: 0.9; r: 2.6; } }
  .field-edge { stroke: rgba(139, 92, 246,0.16); stroke-width: 0.6; fill: none; }
  .field-edge.bright { stroke: rgba(139, 92, 246,0.5); }

  /* ambient: matte radial wash for the hero beat — no glow, no blur orb */
  .ambient { position: absolute; inset: 0; z-index: 2; }
  .ambient .glow { position: absolute; inset: 0; background: radial-gradient(ellipse 70% 60% at 50% 42%, rgba(255,255,255,0.025), transparent 62%); }
  .ambient .orb {
    position: absolute; left: 50%; top: 40%; width: 520px; height: 520px; transform: translate(-50%,-50%);
    border-radius: 0;
    background: radial-gradient(circle at 50% 50%, rgba(139, 92, 246,0.05), transparent 60%);
    animation: orbBreath 9s ease-in-out infinite;
  }
  @keyframes orbBreath { 0%,100% { transform: translate(-50%,-50%) scale(1); } 50% { transform: translate(-50%,-50%) scale(1.06); } }

  /* AFTER labels (hidden until the swipe) */
  .field-feel {
    position: absolute; right: 44px; top: 20%; z-index: 6; opacity: 0;
    font-family: 'EB Garamond', 'Georgia', serif; font-style: italic;
    font-size: clamp(24px, 3.4vw, 48px); letter-spacing: -0.01em; line-height: 1.15;
    color: var(--ink); max-width: 600px; text-align: right; pointer-events: none; text-shadow: 0 2px 16px rgba(12,13,14,0.9);
  }
  .field-feel .em { color: var(--accent); font-style: italic; }
  .clean-label {
    position: absolute; right: 44px; bottom: 72px; z-index: 6; opacity: 0; text-align: right;
    font-family: 'Geist Mono', monospace; font-size: 12px; color: var(--ink-2); letter-spacing: 0.12em; text-transform: uppercase;
    display: flex; flex-direction: column; gap: 10px; align-items: flex-end;
  }
  .clean-label .big { font-size: clamp(30px, 5.2vw, 60px); color: var(--accent); font-weight: 700; letter-spacing: -0.03em; text-transform: none; font-family: 'Geist', sans-serif; }
  .clean-label .sub { font-size: 12px; color: var(--ink-3); max-width: 320px; line-height: 1.4; text-align: right; }

  /* BEFORE layer: chaos — clipped by the wipe */
  .before-layer { position: absolute; inset: 0; z-index: 4; clip-path: inset(0 calc(100% - var(--split)) 0 0); }
  .chaos-tint {
    position: absolute; inset: 0; opacity: 0; background: var(--chaos-bg);
    background-image: radial-gradient(circle at 20% 30%, rgba(194,69,47,0.08), transparent 50%), radial-gradient(circle at 80% 70%, rgba(194,69,47,0.05), transparent 50%);
  }

  /* windows — sharp matte frames */
  .win {
    position: absolute; background: var(--bg-2); border: 1px solid var(--line-2); border-radius: 0;
    box-shadow: 0 16px 40px -16px rgba(0,0,0,0.7); overflow: hidden; font-size: 11px;
    opacity: var(--op, 0);
    transform: translateY(var(--ty, 26px)) scale(var(--sc, 0.95)) rotate(var(--rot, 0deg));
    will-change: transform, opacity;
  }
  .win .bar { height: 22px; background: var(--bg-3); border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 6px; padding: 0 8px; }
  .win .dots { display: flex; gap: 3px; }
  .win .dots span { width: 6px; height: 6px; border-radius: 0; background: var(--line-2); }
  .win .bar .title { font-family: 'Geist Mono', monospace; font-size: 9px; color: var(--ink-3); letter-spacing: 0.04em; }
  .win .body { padding: 8px 10px; color: var(--ink-2); font-size: 10px; line-height: 1.4; }
  .win .body .mono { font-family: 'Geist Mono', monospace; }

  /* embedded real-app mockups (iframes scaled down for crispness) */
  .win.frame { --fscale: 0.5; background: #0c0d0e; padding: 0; }
  .win.frame iframe { display: block; border: 0; transform: scale(var(--fscale)); transform-origin: top left; }
  @media (max-width: 720px) { .win.frame { --fscale: 0.42; } }

  .w-chat { left: 5%; top: 13%; width: 280px; }
  .w-chat .bar .title::before { content: '◐'; color: #80cbc4; margin-right: 4px; }
  .w-chat .body { padding: 10px 12px; }
  .w-chat .body .you { color: var(--ink); font-size: 11px; padding: 6px 8px; border-radius: 0; background: rgba(255,255,255,0.04); margin-bottom: 6px; }
  .w-chat .body .ai { color: var(--ink-3); font-size: 10px; padding: 6px 0; font-style: italic; }
  .w-chat .body .ai .em { color: var(--ink-2); }

  .w-notion { left: 27%; top: 8%; width: 260px; }
  .w-notion .bar { background: #1e1d1a; }
  .w-notion .bar .title { color: #c0bcb4; }
  .w-notion .body { display: grid; grid-template-columns: 90px 1fr; gap: 0; padding: 0; }
  .w-notion .nav { background: #18171a; padding: 8px 10px; color: var(--ink-3); font-size: 10px; }
  .w-notion .nav .item { padding: 2px 0; }
  .w-notion .nav .item.active { color: var(--ink); }
  .w-notion .nav .item.indent { padding-left: 10px; color: var(--ink-3); font-size: 9px; }
  .w-notion .page { padding: 10px 12px; }
  .w-notion .page .h { color: var(--ink); font-weight: 600; font-size: 12px; margin-bottom: 4px; }
  .w-notion .page .l { color: var(--ink-3); font-size: 10px; padding: 2px 0; }

  .w-todo { left: 54%; top: 10%; width: 220px; }
  .w-todo .bar .title { color: #e84a3f; }
  .w-todo .body { padding: 8px 10px; }
  .w-todo .body .task { display: flex; align-items: center; gap: 8px; padding: 3px 0; font-size: 10px; }
  .w-todo .body .task .box { width: 10px; height: 10px; border: 1px solid var(--ink-3); border-radius: 0; flex-shrink: 0; }
  .w-todo .body .task.urgent .box { border-color: #e84a3f; }
  .w-todo .body .task.urgent { color: #e84a3f; }
  .w-todo .body .count { font-size: 9px; color: var(--ink-3); margin-top: 6px; font-family: 'Geist Mono', monospace; }

  .w-log { left: 76%; top: 15%; width: 230px; }
  .w-log .bar .title { color: #8a9b8a; }
  .w-log .body { padding: 10px 12px; font-size: 10px; }
  .w-log .body .day { color: var(--ink); font-weight: 600; margin-bottom: 4px; }
  .w-log .body .b { color: var(--ink-2); padding: 2px 0; padding-left: 10px; position: relative; }
  .w-log .body .b::before { content: '·'; color: var(--ink-3); position: absolute; left: 0; }
  .w-log .body .br { padding-left: 20px; }

  .w-slack { left: 3%; top: 53%; width: 270px; }
  .w-slack .bar .title { color: #8b5cf6; }
  .w-slack .body { padding: 8px 10px; font-size: 10px; }
  .w-slack .msg { display: grid; grid-template-columns: 18px 1fr; gap: 6px; padding: 3px 0; }
  .w-slack .av { width: 16px; height: 16px; border-radius: 0; background: var(--line-2); }
  .w-slack .msg .who { color: var(--ink); font-weight: 600; font-size: 10px; }
  .w-slack .msg .when { color: var(--ink-3); font-size: 9px; margin-left: 4px; }
  .w-slack .msg .body { padding: 0; color: var(--ink-2); font-size: 10px; }

  .w-browser { left: 29%; top: 55%; width: 320px; }
  .w-browser .tabs { display: flex; background: var(--bg-3); height: 22px; border-bottom: 1px solid var(--line); align-items: center; padding: 0 4px; gap: 2px; }
  .w-browser .tab { font-size: 9px; color: var(--ink-3); background: var(--bg-2); padding: 4px 8px; border-radius: 0; flex-shrink: 0; max-width: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .w-browser .tab.active { color: var(--ink); background: var(--bg); }
  .w-browser .body { padding: 12px 14px; color: var(--ink-3); font-size: 10px; }
  .w-browser .body .url { font-family: 'Geist Mono', monospace; color: var(--ink-2); font-size: 9px; margin-bottom: 6px; }
  .w-browser .body .h { color: var(--ink); font-size: 11px; font-weight: 600; }
  .w-browser .body .p { margin-top: 4px; line-height: 1.4; font-size: 10px; }

  .w-cal { left: 61%; top: 57%; width: 220px; }
  .w-cal .bar .title { color: #5d8aef; }
  .w-cal .body { padding: 8px 10px; font-size: 10px; }
  .w-cal .body .ev { display: grid; grid-template-columns: 40px 1fr; gap: 6px; padding: 3px 0; }
  .w-cal .body .ev .t { color: var(--ink-3); font-family: 'Geist Mono', monospace; font-size: 9px; }
  .w-cal .body .ev .n { color: var(--ink-2); font-size: 10px; border-left: 2px solid #5d8aef; padding-left: 6px; }
  .w-cal .body .ev.red .n { border-color: #e84a3f; }
  .w-cal .body .ev.yellow .n { border-color: #d4b94c; }

  .w-notes { left: 83%; top: 61%; width: 180px; }
  .w-notes .bar .title { color: #d4b94c; }
  .w-notes .body { padding: 10px 12px; font-size: 9.5px; color: var(--ink-2); line-height: 1.4; }
  .w-notes .body .scrawl { color: var(--ink); margin-bottom: 4px; }

  /* chaos label (the "Five tools. Zero answers." statement) */
  .chaos-label {
    position: absolute; left: 44px; bottom: 72px; z-index: 7; opacity: 0;
    font-family: 'Geist Mono', monospace; font-size: 12px; color: var(--ink-2); letter-spacing: 0.12em; text-transform: uppercase;
    display: flex; flex-direction: column; gap: 10px;
  }
  .chaos-label .big { font-size: clamp(30px, 5.2vw, 60px); color: #d98a7a; font-weight: 700; letter-spacing: -0.03em; text-transform: none; font-family: 'Geist', sans-serif; }
  .chaos-label .sub { font-size: 12px; color: var(--ink-3); max-width: 340px; line-height: 1.4; }

  /* hero text layer (fades out first) */
  .hero-layer { position: absolute; inset: 0; z-index: 20; display: grid; place-items: center; text-align: center; padding: 0 28px; }
  .hero-inner { max-width: 1180px; }
  .hero-layer .eyebrow {
    display: inline-flex; gap: 10px; padding: 7px 14px; border: 1px solid var(--line-2); border-radius: 0;
    font-family: 'Geist Mono', monospace; font-size: 11px; color: var(--ink-2); letter-spacing: 0.12em; text-transform: uppercase;
    background: rgba(12,13,14,0.55); backdrop-filter: blur(6px);
  }
  .hero-layer .eyebrow .glyph { color: var(--accent); }
  .hero-layer h1 { font-size: clamp(40px, 7vw, 88px); font-weight: 700; letter-spacing: -0.035em; line-height: 1.0; margin-top: 26px; max-width: none; margin-left: auto; margin-right: auto; }
  .hero-layer h1 .accent { color: var(--accent); }
  .hero-layer .sub { margin: 24px auto 0; font-size: clamp(16px, 2.1vw, 20px); color: var(--ink-2); max-width: 620px; }
  .hero-layer .cta-row { margin-top: 34px; display: inline-flex; align-items: center; gap: 16px; flex-wrap: wrap; justify-content: center; }
  .hero-layer .cta-row .meta { font-family: 'Geist Mono', monospace; font-size: 11px; color: var(--ink-3); }
  .hero-layer .cta-row .meta .g { color: var(--accent); margin-right: 4px; }

  .scroll-hint {
    position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); z-index: 25;
    font-family: 'Geist Mono', monospace; font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
    color: var(--ink-3); display: flex; flex-direction: column; align-items: center; gap: 8px;
    animation: hintBob 2.4s ease-in-out infinite;
  }
  .scroll-hint .chev { font-size: 14px; color: var(--accent); }
  @keyframes hintBob { 0%,100% { transform: translate(-50%, 0); opacity: .7; } 50% { transform: translate(-50%, 6px); opacity: 1; } }

  /* wipe divider — hard hairline, no glow */
  .divider { position: absolute; top: 0; bottom: 0; left: var(--split); transform: translateX(-50%); width: 2px; background: var(--accent); z-index: 10; pointer-events: none; opacity: 0; }
  .divider .knob {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 44px; height: 44px; border-radius: 0;
    background: var(--accent); color: #0c0d0e; display: grid; place-items: center;
    font-family: 'Geist Mono', monospace; font-size: 13px; font-weight: 700;
    box-shadow: 0 0 0 1px var(--accent);
  }
  .divider .knob .arr { display: flex; gap: 2px; }

  /* tiny progress rail — square */
  .scroll-rail { position: absolute; left: 50%; bottom: 26px; transform: translateX(-50%); z-index: 30; width: 160px; height: 3px; border-radius: 0; background: rgba(255,255,255,0.10); opacity: 0; }
  .scroll-rail .fill { height: 100%; border-radius: 0; background: var(--accent); width: 0%; }

  /* ===== focus-beat: the 7 non-chat windows blur + dim behind the hero panel ===== */
  .before-layer .win.frame:not(.w-chat) { filter: blur(var(--focusBlur, 0px)); opacity: calc(var(--op, 0) * var(--focusDim, 1)); transition: none; }
  .before-layer .win.frame.w-chat { opacity: calc(var(--op, 0) * var(--chatHide, 1)); }

  /* ===== inline ChatGPT panel (faithful copy of mocks/mock-chatgpt.html), animated ===== */
  .cgpt {
    position: absolute; left: 50%; top: 50%; z-index: 16;
    width: 660px; height: 470px; opacity: 0; pointer-events: none;
    transform: translate(-50%, -50%) scale(var(--cgptSc, 0.92));
    border-radius: 0; overflow: hidden; display: flex;
    background: #212121; color: #ececec;
    font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.5;
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 40px 110px -34px rgba(0,0,0,0.9), 0 0 0 1px rgba(0,0,0,0.4);
    will-change: transform, opacity, filter; backface-visibility: hidden;
  }
  .cgpt .sidebar { width: 190px; flex: 0 0 190px; background: #171717; display: flex; flex-direction: column; border-right: 1px solid rgba(255,255,255,0.04); }
  .cgpt .sb-top { padding: 8px; display: flex; flex-direction: column; gap: 1px; }
  .cgpt .sb-row { display: flex; align-items: center; gap: 10px; height: 34px; padding: 0 8px; border-radius: 8px; color: #ececec; font-size: 13px; }
  .cgpt .sb-row .ico { width: 18px; height: 18px; flex: 0 0 18px; display: flex; align-items: center; justify-content: center; color: #ececec; }
  .cgpt .sb-list { flex: 1 1 auto; overflow: hidden; padding: 6px 8px 8px; }
  .cgpt .sb-group-label { font-size: 11px; font-weight: 600; color: #8e8ea0; padding: 12px 8px 6px; }
  .cgpt .sb-conv { height: 30px; display: flex; align-items: center; padding: 0 8px; border-radius: 8px; font-size: 13px; color: #ececec; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .cgpt .sb-conv.active { background: #2a2a2a; }
  .cgpt .sb-bottom { padding: 8px; border-top: 1px solid rgba(255,255,255,0.04); }
  .cgpt .sb-account { display: flex; align-items: center; gap: 10px; height: 38px; padding: 0 6px; border-radius: 8px; }
  .cgpt .avatar-user { width: 24px; height: 24px; border-radius: 50%; background: #4a4a4a; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600; flex: 0 0 24px; }
  .cgpt .sb-account .name { font-size: 13px; font-weight: 500; color: #ececec; }
  .cgpt .main { flex: 1 1 auto; height: 470px; display: flex; flex-direction: column; min-width: 0; background: #212121; }
  .cgpt .topbar { height: 50px; flex: 0 0 50px; display: flex; align-items: center; padding: 0 16px; gap: 6px; }
  .cgpt .model-name { display: flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 600; color: #ececec; }
  .cgpt .model-name .sub { color: #b4b4b4; font-weight: 600; }
  .cgpt .model-name .chev { color: #8e8ea0; display: flex; }
  .cgpt .session-tag { margin-left: 12px; font-size: 11px; font-weight: 600; color: #8e8ea0; padding: 3px 9px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.10); opacity: 0; letter-spacing: 0.02em; }
  .cgpt .topbar-spacer { flex: 1 1 auto; }
  .cgpt .topbar-avatar { width: 28px; height: 28px; border-radius: 50%; background: #4a4a4a; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600; }
  .cgpt .conversation { flex: 1 1 auto; overflow: hidden; padding: 6px 0 0; display: flex; flex-direction: column; align-items: center; }
  .cgpt .conv-inner { width: 100%; max-width: 470px; padding: 0 20px; position: relative; }
  .cgpt .msg-user { display: flex; justify-content: flex-end; margin: 14px 0 6px; }
  .cgpt .bubble { background: #303030; color: #ececec; border-radius: 20px; padding: 9px 15px; max-width: 82%; font-size: 13.5px; line-height: 1.5; }
  .cgpt .msg-assistant { display: flex; gap: 12px; margin: 16px 0 6px; align-items: flex-start; }
  .cgpt .assistant-avatar { width: 24px; height: 24px; flex: 0 0 24px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.16); display: flex; align-items: center; justify-content: center; margin-top: 1px; }
  .cgpt .assistant-text { font-size: 13.5px; line-height: 1.6; color: #ececec; padding-top: 2px; }
  /* the long re-explain dump bubble + its ghost stack (every session) */
  .cgpt .dump { white-space: pre-wrap; }
  .cgpt .ghost { position: absolute; right: 0; border-radius: 20px; background: #2a2a2a; opacity: 0; }
  .cgpt .ghost.g1 { top: -10px; height: 60px; width: 78%; }
  .cgpt .ghost.g2 { top: -20px; height: 60px; width: 70%; }
  .cgpt .composer-wrap { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; padding: 6px 0 8px; }
  .cgpt .composer { width: 100%; max-width: 470px; margin: 0 20px; background: #303030; border-radius: 26px; padding: 9px 12px 9px 15px; display: flex; align-items: center; gap: 8px; }
  .cgpt .composer .plus { width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ececec; }
  .cgpt .composer .placeholder { flex: 1 1 auto; color: #9b9b9b; font-size: 14px; }
  .cgpt .composer .send-btn { width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%; background: #ececec; display: flex; align-items: center; justify-content: center; color: #171717; }
  .cgpt .composer-foot { font-size: 11px; color: #8e8ea0; margin-top: 7px; text-align: center; }
  .cgpt .caret { display: inline-block; width: 7px; height: 15px; background: #ececec; margin-left: 1px; vertical-align: -3px; animation: cgptBlink 1s steps(1) infinite; }
  .caret.caret-off { display: none; }
  @keyframes cgptBlink { 50% { opacity: 0; } }

  /* ===== Obsidian × Claude Code vault panel (the morph target) ===== */
  .vault {
    position: absolute; left: 50%; top: 50%; z-index: 17;
    width: 700px; height: 460px; opacity: 0; pointer-events: none;
    transform: translate(-50%, -50%) scale(var(--vaultSc, 0.9));
    border-radius: 0; overflow: hidden; display: flex; flex-direction: column;
    background: var(--bg-2); color: var(--ink-2);
    border: 1px solid var(--accent);
    box-shadow: 0 44px 120px -34px rgba(0,0,0,0.85);
    will-change: transform, opacity; backface-visibility: hidden;
  }
  .vault .vtop { height: 34px; flex: 0 0 34px; display: flex; align-items: center; gap: 9px; padding: 0 14px; background: rgba(139, 92, 246,0.08); border-bottom: 1px solid rgba(139, 92, 246,0.28); font-family: 'Geist Mono', monospace; font-size: 11px; color: var(--accent); letter-spacing: 0.06em; }
  .vault .vtop .pip { width: 8px; height: 8px; border-radius: 0; background: var(--accent); flex: 0 0 8px; }
  .vault .vtop .vt-tabs { margin-left: auto; display: flex; gap: 14px; color: var(--ink-3); font-size: 10px; }
  .vault .vtop .vt-tabs .on { color: var(--accent); }
  .vault .vbody { flex: 1 1 auto; display: grid; grid-template-columns: 150px 1fr 230px; min-height: 0; }
  /* file tree */
  .vault .tree { border-right: 1px solid var(--line); padding: 12px 10px; font-size: 11px; color: var(--ink-3); overflow: hidden; }
  .vault .tree .folder { color: var(--ink-2); font-weight: 600; padding: 3px 0; display: flex; align-items: center; gap: 6px; }
  .vault .tree .file { padding: 2px 0 2px 16px; color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .vault .tree .file.on { color: var(--accent); }
  .vault .tree .file .dotk { color: var(--accent); margin-right: 5px; }
  /* center: note + claude answer */
  .vault .center { border-right: 1px solid var(--line); display: flex; flex-direction: column; min-width: 0; }
  .vault .note { padding: 14px 16px; border-bottom: 1px solid var(--line); }
  .vault .note .nh { color: var(--ink); font-weight: 600; font-size: 14px; letter-spacing: -0.01em; }
  .vault .note .nmeta { margin-top: 5px; font-family: 'Geist Mono', monospace; font-size: 10px; color: var(--ink-3); }
  .vault .note .nbody { margin-top: 9px; font-size: 11.5px; line-height: 1.5; color: var(--ink-2); }
  .vault .note .nbody .lk { color: var(--accent); }
  .vault .claude { flex: 1 1 auto; padding: 13px 16px; overflow: hidden; }
  .vault .claude .crow { display: flex; align-items: center; gap: 8px; font-family: 'Geist Mono', monospace; font-size: 10px; color: var(--ink-3); letter-spacing: 0.04em; }
  .vault .claude .crow .cdot { width: 7px; height: 7px; border-radius: 0; background: var(--accent); }
  .vault .claude .you { margin-top: 9px; font-size: 12px; color: var(--ink); background: rgba(255,255,255,0.04); border-radius: 0; padding: 7px 11px; display: inline-block; }
  .vault .claude .ans { margin-top: 10px; font-size: 12px; line-height: 1.6; color: var(--ink-2); }
  .vault .claude .ans b { color: var(--ink); }
  .vault .claude .ans .cite { color: var(--accent); font-weight: 600; }
  .vault .claude .ans .meta { margin-top: 9px; padding-top: 8px; border-top: 1px solid rgba(139, 92, 246,0.18); font-family: 'Geist Mono', monospace; font-size: 9px; color: var(--ink-3); }
  .vault .caret { display: inline-block; width: 6px; height: 13px; background: var(--accent); margin-left: 1px; vertical-align: -2px; animation: cgptBlink 1s steps(1) infinite; }
  /* right: local graph — matte, no glow */
  .vault .vgraph { position: relative; background: rgba(139, 92, 246,0.04); }
  .vault .vgraph svg { position: absolute; inset: 0; width: 100%; height: 100%; }
  .vgnode { fill: var(--accent); opacity: 0; }
  .vgedge { stroke: rgba(139, 92, 246,0.4); stroke-width: 1; opacity: 0; }

  /* ===== new captions for the pain + payoff beats (centered, bottom) ===== */
  .beat-cap { position: absolute; left: 50%; bottom: 60px; transform: translateX(-50%); z-index: 22; width: min(720px, 90vw); text-align: center; pointer-events: none; }
  .beat-cap .line { position: absolute; left: 0; right: 0; bottom: 0; opacity: 0; }
  .beat-cap .eyebrow { font-family: 'Geist Mono', monospace; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 12px; }
  .beat-cap .big { font-size: clamp(24px, 4.4vw, 46px); font-weight: 700; letter-spacing: -0.03em; line-height: 1.08; color: var(--ink); }
  .beat-cap .sub { margin-top: 12px; font-size: 14.5px; color: var(--ink-2); line-height: 1.45; }
  .beat-cap.pain .eyebrow { color: #d98a7a; }
  .beat-cap.pain .big { color: #e3a99c; }
  .beat-cap.payoff .eyebrow { color: var(--accent); }
  .beat-cap.payoff .big .em { color: var(--accent); font-family: 'EB Garamond', Georgia, serif; font-style: italic; font-weight: 400; }

  @media (max-width: 720px) {
    .win { font-size: 9px; }
    .w-chat, .w-notion, .w-todo, .w-log, .w-slack, .w-browser, .w-cal, .w-notes { width: 62%; }
    .w-chat { left: 3%; top: 9%; }
    .w-notion { left: 32%; top: 7%; }
    .w-todo { left: 66%; top: 11%; }
    .w-log { display: none; }
    .w-slack { left: 3%; top: 55%; }
    .w-browser { left: 38%; top: 57%; }
    .w-cal { display: none; }
    .w-notes { display: none; }
    .chaos-label { left: 20px; bottom: 96px; }
    .clean-label { right: 20px; bottom: 96px; }
    .field-feel { right: 20px; top: 15%; font-size: 22px; max-width: 260px; }
    .cgpt { transform: translate(-50%,-50%) scale(calc(var(--cgptSc, 0.92) * 0.52)); }
    .vault { transform: translate(-50%,-50%) scale(calc(var(--vaultSc, 0.9) * 0.5)); }
    .beat-cap { bottom: 92px; }
  }

  /* ===================== SECTIONS BELOW ===================== */
  section.block { padding: 96px 0; border-top: 1px solid var(--line-2); position: relative; z-index: 1; background: var(--bg); }
  @media (max-width: 720px) { section.block { padding: 64px 0; } }
  /* eyebrow as a bordered mono cell — exposed-grid signature */
  .section-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-family: 'Geist Mono', monospace; font-size: 11px; color: var(--ink-2); letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 26px; border: 1px solid var(--line-2); padding: 6px 12px; background: var(--bg-2); }
  .section-eyebrow .glyph { color: var(--accent); }
  h2.section-title { font-size: 38px; font-weight: 700; max-width: 720px; letter-spacing: -0.035em; line-height: 1.02; }
  @media (max-width: 720px) { h2.section-title { font-size: 26px; } }
  .tl { margin-top: 32px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border: 1px solid var(--line-2); position: relative; }
  @media (max-width: 720px) { .tl { grid-template-columns: 1fr; } }
  .tl-cell { padding: 24px 24px 20px; border-right: 1px solid var(--line); position: relative; min-height: 130px; }
  .tl-cell:last-child { border-right: none; }
  @media (max-width: 720px) { .tl-cell { border-right: none; border-bottom: 1px solid var(--line); min-height: 0; } .tl-cell:last-child { border-bottom: none; } }
  .tl-cell::before { content: ''; position: absolute; top: -1px; left: 0; width: 24px; height: 2px; background: var(--accent); border-radius: 0; }
  .tl-cell .num { font-family: 'Geist Mono', monospace; font-size: 11px; color: var(--accent); letter-spacing: 0.08em; }
  .tl-cell h4 { margin: 8px 0 12px; font-size: 16px; }
  .tl-cell .out { font-size: 13.5px; color: var(--ink-2); line-height: 1.5; }
  .proof-tri { margin-top: 32px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border: 1px solid var(--line-2); }
  @media (max-width: 720px) { .proof-tri { grid-template-columns: 1fr; } }
  .proof-tri > div { padding: 28px 24px; border-right: 1px solid var(--line); }
  .proof-tri > div:last-child { border-right: none; }
  @media (max-width: 720px) { .proof-tri > div { border-right: none; border-bottom: 1px solid var(--line); } .proof-tri > div:last-child { border-bottom: none; } }
  .proof-tri .who { font-family: 'Geist Mono', monospace; font-size: 11px; color: var(--accent); letter-spacing: 0.06em; text-transform: uppercase; }
  .proof-tri .name { margin-top: 12px; font-size: 16px; color: var(--ink); font-weight: 500; line-height: 1.4; }
  .proof-tri .desc { margin-top: 10px; font-size: 14px; color: var(--ink-2); line-height: 1.5; }
  .enroll-block { margin-top: 40px; border: 1px solid var(--line-2); border-radius: 0; padding: 44px; display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: center; background: var(--bg-2); }
  @media (max-width: 720px) { .enroll-block { grid-template-columns: 1fr; padding: 24px; } }
  .enroll-block .amt { font-size: 56px; font-weight: 700; letter-spacing: -0.03em; }
  .enroll-block .amt .c { color: var(--ink-3); font-weight: 500; font-size: 28px; vertical-align: top; margin-right: 4px; }
  .enroll-block .meta { color: var(--ink-2); font-size: 14.5px; margin-top: 10px; max-width: 480px; }
  .enroll-block .row { margin-top: 10px; font-family: 'Geist Mono', monospace; font-size: 11px; color: var(--ink-3); display: flex; gap: 16px; flex-wrap: wrap; letter-spacing: 0.04em; }
  .enroll-block .row .g { color: var(--accent); margin-right: 4px; }
  /* footer — multi-column, lab-style */
  footer { padding: 72px 0 44px; border-top: 1px solid var(--line); background: var(--bg); position: relative; z-index: 1; }
  .foot { display: flex; flex-direction: column; gap: 44px; }
  .foot-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 36px; align-items: start; }
  @media (max-width: 760px) { .foot-grid { grid-template-columns: 1fr; gap: 30px; } }
  .foot-col { display: flex; flex-direction: column; gap: 13px; }
  .foot-col-h { font-family: 'Geist Mono', monospace; font-size: 11px; letter-spacing: 0.13em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 3px; }
  .foot .foot-brand { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; color: var(--ink); }
  .foot .foot-brand img { width: 19px; height: 19px; display: block; }
  .foot .foot-brand .sep { color: var(--ink-3); }
  .foot .foot-tool { position: relative; display: inline-block; width: 142px; height: 22px; overflow: hidden; vertical-align: middle; }
  .foot .foot-tool-item { position: absolute; inset: 0; display: flex; align-items: center; gap: 7px; transition: opacity .38s ease, transform .38s ease; }
  .foot .foot-tool-item.codex { opacity: 0; transform: translateY(13px); }
  .foot .foot-tool.codex .claude { opacity: 0; transform: translateY(-13px); }
  .foot .foot-tool.codex .codex { opacity: 1; transform: translateY(0); }
  .foot .foot-brand .foot-codex-logo { filter: invert(1); }
  .foot .foot-copy { font-family: 'Geist Mono', monospace; font-size: 12px; color: var(--ink-3); letter-spacing: 0.03em; }
  .foot .foot-links { display: flex; align-items: center; gap: 10px; font-family: 'Geist Mono', monospace; font-size: 12px; color: var(--ink-3); letter-spacing: 0.03em; flex-wrap: wrap; }
  .foot .foot-links a { color: var(--ink-2); }
  .foot .foot-links a:hover { color: var(--accent); }
  .foot .foot-links .dot { color: var(--ink-3); }
  .foot .foot-wa { font-size: 14px; color: var(--ink-2); line-height: 1.7; }
  .foot .foot-wa a { color: var(--accent); border-bottom: 1px solid rgba(139, 92, 246,0.4); }
  .foot .foot-wa a:hover { border-bottom-color: var(--accent); }
  .foot .foot-social { display: grid; grid-template-columns: 1fr 1fr; justify-items: start; column-gap: 24px; row-gap: 13px; }
  .foot .foot-social a { display: inline-flex; align-items: center; gap: 10px; font-family: 'Geist Mono', monospace; font-size: 13px; color: var(--ink-2); letter-spacing: 0.03em; transition: color .15s ease; }
  .foot .foot-social a:hover { color: var(--accent); }
  .foot .foot-social svg { width: 18px; height: 18px; flex: 0 0 18px; }
  .foot .foot-made { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--ink-3); padding-top: 30px; border-top: 1px solid var(--line); }
  .foot .foot-made img { width: 15px; height: 15px; display: block; vertical-align: -2px; }
  .foot .foot-made .heart { color: #ff6b8a; }

  /* big quote */
  .quote-lg { margin-top: 30px; border-left: 3px solid var(--accent); padding: 6px 0 6px 26px; max-width: 860px; }
  .quote-lg .q { font-size: clamp(20px, 3vw, 32px); line-height: 1.3; letter-spacing: -0.02em; color: var(--ink); font-weight: 500; }
  .quote-lg .by { margin-top: 16px; font-family: 'Geist Mono', monospace; font-size: 12px; color: var(--ink-3); letter-spacing: 0.04em; }
  .quote-lg .by b { color: var(--accent); font-weight: 600; }
  .why-list { margin-top: 28px; display: flex; flex-direction: column; gap: 14px; max-width: 760px; }
  .why-list li { list-style: none; display: grid; grid-template-columns: 18px 1fr; gap: 12px; font-size: 15.5px; color: var(--ink-2); line-height: 1.5; }
  .why-list li .ic { color: var(--accent); }
  .why-close { margin-top: 28px; font-size: clamp(17px, 2.2vw, 22px); color: var(--ink); max-width: 720px; line-height: 1.4; letter-spacing: -0.01em; }
  .why-lead { margin: 22px 0 6px; font-size: clamp(18px, 2.4vw, 23px); color: var(--ink); max-width: 780px; line-height: 1.38; letter-spacing: -0.015em; font-weight: 500; }

  /* two-column compare (Prompter vs Engineer, DIY vs course) */
  .compare2 { margin-top: 36px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
  @media (max-width: 760px) { .compare2 { grid-template-columns: 1fr; } }
  .ctile { position: relative; border: 1px solid var(--line-2); border-radius: 0; padding: 30px 30px 14px; background: var(--bg-2); }
  .ctile.bad { background: var(--bg-2); }
  .ctile.good { border-color: var(--accent); background: var(--bg-2); box-shadow: inset 0 2px 0 0 var(--accent); }
  .ctile .tag { font-family: 'Geist Mono', monospace; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-3); }
  .ctile.good .tag { color: var(--accent); }
  .ctile h3 { font-size: 23px; margin: 10px 0 8px; letter-spacing: -0.025em; }
  .ctile ul { list-style: none; margin: 0; padding: 0; }
  .ctile li { display: grid; grid-template-columns: 16px 1fr; gap: 12px; font-size: 14.5px; color: var(--ink-2); line-height: 1.5; padding: 15px 0; border-top: 1px solid var(--line); align-items: start; }
  .ctile li:first-child { border-top: none; }
  .ctile li .ic { font-weight: 700; font-size: 13px; margin-top: 1px; }
  .ctile li .ic svg { width: 15px; height: 15px; display: block; margin-top: 2px; }
  .ctile.bad li .ic { color: var(--ink-3); }
  .ctile.good li .ic { color: var(--accent); }

  /* skills grid — exposed hairline cells */
  .skills { margin-top: 36px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line-2); border: 1px solid var(--line-2); border-radius: 0; overflow: hidden; }
  @media (max-width: 760px) { .skills { grid-template-columns: 1fr; } }
  .skill { background: var(--bg-2); padding: 28px 26px; position: relative; transition: background .18s ease, box-shadow .18s ease; }
  .skill:hover { background: var(--bg-3); box-shadow: inset 0 2px 0 var(--accent); }
  .skill .n { font-family: 'Geist Mono', monospace; font-size: 11px; color: var(--accent); letter-spacing: 0.08em; margin-bottom: 12px; transition: color .18s ease; }
  .skill:hover .n { color: var(--accent-2); }
  .skill .n .se { margin-right: 8px; }
  .skill .n .se svg { width: 19px; height: 19px; vertical-align: -5px; }
  .skill h4 { margin-top: 0; }
  .skill h4 { margin: 12px 0 8px; font-size: 19px; letter-spacing: -0.015em; }
  .skill p { font-size: 14px; color: var(--ink-2); line-height: 1.55; }

  /* stats row */
  .stats { margin-top: 36px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border: 1px solid var(--line-2); }
  @media (max-width: 760px) { .stats { grid-template-columns: 1fr; } }
  .stat { padding: 30px 24px; border-right: 1px solid var(--line); }
  .stat:last-child { border-right: none; }
  @media (max-width: 760px) { .stat { border-right: none; border-bottom: 1px solid var(--line); } .stat:last-child { border-bottom: none; } }
  .stat .v { font-size: 46px; font-weight: 700; letter-spacing: -0.03em; line-height: 1; }
  .stat .v .accent { color: var(--accent); }
  .stat .k { margin-top: 10px; font-family: 'Geist Mono', monospace; font-size: 11px; color: var(--ink-3); letter-spacing: 0.06em; text-transform: uppercase; }

  /* instructor — vertical: portrait stacked above a narrow content column */
  .instructor { margin-top: 36px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 26px; border: 1px solid var(--line-2); border-radius: 0; padding: 48px 40px; background: var(--bg-2); max-width: 660px; margin-left: auto; margin-right: auto; }
  @media (max-width: 760px) { .instructor { gap: 22px; padding: 30px 22px; } }
  .instructor .ava { width: 240px; height: 300px; border-radius: 0; object-fit: cover; object-position: center top; border: 1px solid var(--line-2); }
  @media (max-width: 760px) { .instructor .ava { width: 180px; height: 230px; } }
  .instructor .name { font-size: 24px; font-weight: 700; letter-spacing: -0.025em; }
  .instructor .role { margin-top: 6px; font-family: 'Geist Mono', monospace; font-size: 12px; color: var(--accent); letter-spacing: 0.04em; }
  .instructor .bio { margin-top: 20px; color: var(--ink-2); font-size: 15px; line-height: 1.65; max-width: 540px; text-align: left; }
  .instructor .bio p + p { margin-top: 14px; }
  .instructor .bio a { color: var(--accent); text-decoration: none; border-bottom: 1px solid rgba(139, 92, 246,0.4); }
  .instructor .bio a:hover { border-bottom-color: var(--accent); }
  .instructor .sig { margin-top: 26px; font-family: 'Sacramento', cursive; font-size: 46px; line-height: 1; color: var(--ink); }
  .instructor .sig-role { margin-top: 4px; font-family: 'Geist Mono', monospace; font-size: 11px; color: var(--ink-3); letter-spacing: 0.06em; }

  /* founder note (access) */
  .founder-note { margin-top: 6px; font-size: clamp(18px, 2.4vw, 26px); color: var(--ink); line-height: 1.4; max-width: 680px; letter-spacing: -0.01em; }
  #access .row { margin-top: 22px; font-family: 'Geist Mono', monospace; font-size: 11px; color: var(--ink-3); display: flex; gap: 16px; flex-wrap: wrap; letter-spacing: 0.04em; }
  #access .row .g { color: var(--accent); margin-right: 4px; }
  #access .access-cta { margin-top: 30px; }

  /* everything you get — icon card grid */

  /* pricing card (two columns) — right column top-aligned + self-hugging boxed panel */
  .pricing { margin: 36px auto 0; max-width: 760px; border: 1px solid var(--line-2); border-radius: 0; background: var(--bg-2); display: grid; grid-template-columns: 1.15fr 1px 0.85fr; overflow: hidden; align-items: stretch; }
  @media (max-width: 760px) { .pricing { grid-template-columns: 1fr; } }
  .pricing .pcol { padding: 32px 36px; }
  @media (max-width: 760px) { .pricing .pcol { padding: 26px; } }
  .pricing .pdiv { background: var(--line-2); }
  @media (max-width: 760px) { .pricing .pdiv { height: 1px; } }
  .pricing .peyebrow { font-family: 'Geist Mono', monospace; font-size: 11px; color: var(--ink-3); letter-spacing: 0.1em; text-transform: uppercase; }
  .pricing .poffer { margin-top: 14px; font-size: 22px; font-weight: 600; letter-spacing: -0.02em; color: var(--ink); }
  .pricing .pincludes { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
  .pricing .pincludes li { display: grid; grid-template-columns: 26px 1fr; gap: 12px; align-items: start; }
  .pricing .pincludes li .em { font-size: 18px; line-height: 1.3; }
  .pricing .pincludes li .em svg { width: 20px; height: 20px; display: block; margin-top: 1px; color: var(--accent-2); }
  .pricing .pincludes li .t { font-weight: 600; color: var(--ink); font-size: 15px; letter-spacing: -0.01em; }
  .pricing .pincludes li .d { margin-top: 2px; font-size: 13px; color: var(--ink-2); line-height: 1.45; }
  .pricing .pright { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: transparent; border-left: 1px solid var(--line-2); }
  @media (max-width: 760px) { .pricing .pright { border-left: none; } }
  .pricing .ppanel { border: none; border-radius: 0; background: transparent; padding: 0; align-self: auto; width: 100%; }
  .pricing .pamt { font-size: 80px; font-weight: 700; letter-spacing: -0.04em; line-height: 1; color: var(--ink); }
  .pricing .pamt .c { color: var(--ink-3); font-weight: 500; font-size: 34px; vertical-align: top; margin-right: 2px; }
  .pricing .psub { margin-top: 16px; font-family: 'Geist Mono', monospace; font-size: 12px; color: var(--ink-3); letter-spacing: 0.04em; }
  .pricing .pcta { margin-top: 28px; width: 100%; display: flex; justify-content: center; }
  .pricing .pcta .btn { width: auto; min-width: 72%; justify-content: center; }
  .pricing .prefund { margin-top: 20px; font-family: 'Geist Mono', monospace; font-size: 11px; color: var(--ink-3); letter-spacing: 0.04em; line-height: 1.7; }
  .pricing .prefund a { color: var(--accent); }
  .pricing .prefund a:hover { color: var(--accent-2); }
  .pricing .prefund .g { color: var(--accent); margin: 0 7px; }
  .pricing .pnote { margin-top: 18px; font-size: 12.5px; color: var(--ink-3); line-height: 1.5; text-align: center; }

  /* stat cards (stays current) */
  .stat-cards { margin-top: 32px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
  @media (max-width: 760px) { .stat-cards { grid-template-columns: 1fr; } }
  .stat-card { display: flex; align-items: center; gap: 18px; padding: 22px 24px; border: 1px solid var(--line-2); border-radius: 0; background: var(--bg-2); transition: border-color .18s ease, background .18s ease, transform .18s ease; }
  .stat-card:hover { border-color: var(--accent); background: var(--bg-3); transform: translateY(-3px); }
  .stat-card .ico { width: 46px; height: 46px; border-radius: 0; display: grid; place-items: center; flex-shrink: 0; }
  .stat-card .ico svg { width: 22px; height: 22px; }
  .stat-card .k { font-size: 12.5px; color: var(--ink-3); }
  .stat-card .v { margin-top: 4px; font-size: 24px; font-weight: 700; color: var(--ink); letter-spacing: -0.025em; }
  .ico.green { background: rgba(126,212,168,0.12); color: #7fd4a8; }
  .ico.blue { background: rgba(122,160,255,0.12); color: #7aa0ff; }
  .ico.purple { background: rgba(139, 92, 246,0.14); color: var(--accent); }

  /* quote avatar */
  .quote-lg .by.with-ava { display: flex; align-items: center; gap: 11px; }
  .quote-lg .by .byava { width: 30px; height: 30px; border-radius: 0; object-fit: cover; border: 1px solid var(--line-2); }

  /* who this is for */
  .who-grid { margin-top: 34px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
  @media (max-width: 760px) { .who-grid { grid-template-columns: 1fr; } }
  .who-card { border: 1px solid var(--line-2); border-radius: 0; padding: 26px; background: var(--bg-2); transition: border-color .18s ease, background .18s ease, transform .18s ease; }
  .who-card:hover { border-color: var(--accent); background: var(--bg-3); transform: translateY(-3px); }
  .who-card .wic { width: 34px; height: 34px; border-radius: 0; display: grid; place-items: center; background: rgba(139, 92, 246,0.12); color: var(--accent); font-size: 15px; margin-bottom: 14px; transition: background .18s ease, color .18s ease; }
  .who-card:hover .wic { background: var(--accent); color: var(--bg); }
  .who-card .wic svg { width: 18px; height: 18px; }
  .who-card h4 { font-size: 18px; letter-spacing: -0.015em; }
  .who-card p { margin-top: 10px; font-size: 14.5px; color: var(--ink-2); line-height: 1.55; }
  .who-card p .hl { background-image: linear-gradient(transparent 56%, rgba(139, 92, 246,0.3) 56%); color: var(--ink); font-weight: 500; padding: 0 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
  .notfor { margin-top: 24px; border: 1px solid var(--line-2); border-radius: 0; padding: 24px 28px; background: var(--bg-2); }
  .notfor .h { font-family: 'Geist Mono', monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); }
  .notfor ul { list-style: none; margin: 16px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  @media (max-width: 760px) { .notfor ul { grid-template-columns: 1fr; } }
  .notfor li { display: grid; grid-template-columns: 18px 1fr; gap: 10px; font-size: 14px; color: var(--ink-2); line-height: 1.45; }
  .notfor li .x { color: #c2452f; font-weight: 700; }

  /* curriculum */
  .curric { margin-top: 34px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
  @media (max-width: 860px) { .curric { grid-template-columns: 1fr; } }
  /* enriched cards each span the full width: mockup left, lessons right */
  .mod-card.enriched { grid-column: 1 / -1; }
  .enriched .mod-body { display: grid; grid-template-columns: 1.15fr 1fr; gap: 28px; align-items: start; margin-top: 4px; }
  @media (max-width: 760px) { .enriched .mod-body { grid-template-columns: 1fr; } }
  .enriched .mod-lessons-wrap { display: flex; flex-direction: column; }
  .enriched .mod-lessons-wrap .mod-lessons { margin-top: 14px; }
  .enriched .mod-lessons-wrap h3 { margin-top: 0; }
  .mod-card { border: 1px solid var(--line-2); border-radius: 0; padding: 26px; background: var(--bg-2); display: flex; flex-direction: column; }
  .mod-card .mod-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
  .mod-card .mod-ic { width: 40px; height: 40px; border-radius: 0; display: grid; place-items: center; background: rgba(139, 92, 246,0.12); color: var(--accent); font-family: 'Geist Mono', monospace; font-weight: 700; font-size: 14px; }
  .mod-card .mod-ic svg { width: 22px; height: 22px; }
  .mod-card .mod-count .mn { color: var(--accent); font-weight: 700; }
  .mod-card .mod-count { font-family: 'Geist Mono', monospace; font-size: 11px; color: var(--ink-3); letter-spacing: 0.04em; }
  .mod-card h3 { font-size: 19px; letter-spacing: -0.025em; }
  .mod-card .mod-sub { margin-top: 10px; font-size: 13.5px; color: var(--ink-2); line-height: 1.55; }
  .mod-card .mod-lessons { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
  .mod-card .mod-lessons li { display: grid; grid-template-columns: 16px 1fr; gap: 10px; font-size: 13.5px; color: var(--ink-2); }
  .mod-card .mod-lessons li .ck { color: var(--accent); }
  .mod-card .mod-lessons.collapsed { display: none; }
  .mod-card .mod-more { margin-top: auto; padding: 16px 0 0; background: none; border: none; width: 100%; text-align: left; cursor: pointer; font-family: 'Geist Mono', monospace; font-size: 11px; color: var(--ink-3); letter-spacing: 0.04em; display: inline-flex; align-items: center; gap: 8px; transition: color .15s ease; }
  .mod-card .mod-more:hover { color: var(--ink-2); }
  .mod-card .mod-more[disabled] { cursor: default; }
  .mod-card .mod-more[disabled]:hover { color: var(--ink-3); }
  .mod-card .mod-more .g { color: var(--accent); display: inline-block; transition: transform .2s ease; }
  .mod-card .mod-more[aria-expanded="true"] .g { transform: rotate(180deg); }

  /* faq */
  .faq { margin-top: 34px; border-top: 1px solid var(--line-2); }
  .faq details { border-bottom: 1px solid var(--line-2); }
  .faq summary { list-style: none; cursor: pointer; padding: 22px 4px; display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 17px; font-weight: 500; color: var(--ink); }
  .faq summary::-webkit-details-marker { display: none; }
  .faq summary .plus { font-family: 'Geist Mono', monospace; color: var(--accent); font-size: 20px; line-height: 1; transition: transform .2s ease; flex-shrink: 0; }
  .faq details[open] summary .plus { transform: rotate(45deg); }
  .faq .answer { padding: 0 4px 24px; font-size: 15px; color: var(--ink-2); line-height: 1.6; max-width: 760px; }

  @media (prefers-reduced-motion: reduce) { .orb, .scroll-hint, .field-node { animation: none; } }

  /* ===================== CURRICULUM EMBEDDED MOCKUPS ===================== */
  /* device frame shared by every embedded mockup — sharp matte */
  .device { border-radius: 0; overflow: hidden; border: 1px solid var(--line-2); background: #0c0d0e; box-shadow: 0 24px 60px -28px rgba(0,0,0,0.9); position: relative; }
  .device-tab { height: 30px; display: flex; align-items: center; gap: 7px; padding: 0 12px; background: #1f2123; border-bottom: 1px solid #000; }
  .device-tab .dot { width: 11px; height: 11px; border-radius: 50%; }
  .device-tab .dot.r { background: #ff5f57; } .device-tab .dot.y { background: #febc2e; } .device-tab .dot.g { background: #28c840; }
  .device-tab .url { margin-left: 8px; font-family: 'Geist Mono', monospace; font-size: 10.5px; color: #6b6e6b; background: #16181a; border-radius: 0; padding: 3px 10px; flex: 1; max-width: 320px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  /* shimmer used by "running" indicators */
  @keyframes mockBlink { 0%,100% { opacity: 1; } 50% { opacity: 0.25; } }
  /* 1. OBSIDIAN ALIGNMENT DASHBOARD */
  .obs { font-family: 'Inter', sans-serif; background: #1e1e1e; color: #dcddde; display: grid; grid-template-columns: 150px 1fr; height: 318px; }
  .obs-side { background: #252525; border-right: 1px solid #1a1a1a; padding: 10px 8px; overflow: hidden; }
  .obs-vaulthd { display: flex; align-items: center; gap: 7px; font-size: 11.5px; font-weight: 600; color: #b8b9bb; padding: 2px 4px 10px; }
  .obs-vaulthd .vlogo { width: 16px; height: 16px; }
  .obs-tree { display: flex; flex-direction: column; gap: 1px; }
  .obs-fitem { display: flex; align-items: center; gap: 6px; font-size: 11.5px; color: #9a9b9e; padding: 3px 6px; border-radius: 4px; cursor: pointer; white-space: nowrap; }
  .obs-fitem:hover { background: #2f2f2f; }
  .obs-fitem.active { background: #34343a; color: #e6e6e8; }
  .obs-fitem.sub { padding-left: 20px; color: #828388; }
  .obs-fitem svg { flex-shrink: 0; opacity: 0.7; }
  .obs-main { background: #1e1e1e; overflow: hidden; display: flex; flex-direction: column; }
  .obs-toolbar { height: 30px; display: flex; align-items: center; gap: 6px; padding: 0 12px; border-bottom: 1px solid #161616; font-size: 11px; color: #75767a; }
  .obs-toolbar .tab { background: #2a2a2a; color: #cfd0d2; border-radius: 5px 5px 0 0; padding: 5px 11px; font-size: 11px; display: flex; align-items: center; gap: 6px; }
  .obs-toolbar .spacer { flex: 1; }
  .obs-doc { padding: 16px 22px; overflow-y: auto; }
  .obs-h1 { font-size: 21px; font-weight: 700; color: #e9eaeb; letter-spacing: -0.01em; }
  .obs-meta { font-size: 10.5px; color: #6f7074; margin-top: 3px; font-family: 'Geist Mono', monospace; }
  .ad-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: 14px; }
  .ad-card { background: #262626; border: 1px solid #303030; border-radius: 8px; padding: 10px 11px; }
  .ad-card .lbl { font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.06em; color: #7c7d81; }
  .ad-card .big { font-size: 20px; font-weight: 700; color: #e9eaeb; margin-top: 3px; }
  .ad-card .big.good { color: #6cc070; } .ad-card .big.warn { color: #e0b341; }
  .ad-card .sub { font-size: 9.5px; color: #6f7074; margin-top: 2px; }
  .ad-sec { font-size: 11px; font-weight: 600; color: #b0b1b4; margin: 16px 0 8px; display: flex; align-items: center; gap: 6px; }
  .ad-sec .dv { font-family: 'Geist Mono', monospace; font-size: 9px; color: #8b5cf6; background: rgba(139, 92, 246,0.14); border-radius: 0; padding: 1px 6px; }
  .ad-table { width: 100%; border-collapse: collapse; }
  .ad-table th { text-align: left; font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.05em; color: #76777b; font-weight: 600; padding: 0 8px 6px 0; border-bottom: 1px solid #2c2c2c; }
  .ad-table td { padding: 8px 8px 8px 0; border-bottom: 1px solid #242424; font-size: 11.5px; color: #cbccce; vertical-align: middle; }
  .ad-table tr:last-child td { border-bottom: none; }
  .ad-area { display: flex; align-items: center; gap: 8px; font-weight: 500; }
  .ad-area .ic { width: 18px; height: 18px; border-radius: 5px; display: grid; place-items: center; font-size: 10px; flex-shrink: 0; }
  .ad-bar { width: 90px; height: 6px; border-radius: 3px; background: #2f2f2f; overflow: hidden; }
  .ad-bar i { display: block; height: 100%; border-radius: 3px; transition: width .5s ease; }
  .obs .pill { font-size: 9.5px; font-weight: 600; border-radius: 20px; padding: 2px 9px; white-space: nowrap; }
  .obs .pill.on { background: rgba(108,192,112,0.16); color: #6cc070; }
  .obs .pill.risk { background: rgba(224,179,65,0.16); color: #e0b341; }
  .obs .pill.off { background: rgba(214,99,82,0.16); color: #db6552; }
  .obs-toggle { margin-top: 14px; display: inline-flex; align-items: center; gap: 8px; font-size: 10.5px; color: #9a9b9e; cursor: pointer; user-select: none; }
  .obs-switch { width: 30px; height: 16px; border-radius: 10px; background: #3a3a3a; position: relative; transition: background .2s; flex-shrink: 0; }
  .obs-switch i { position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 50%; background: #cfd0d2; transition: left .2s; }
  .obs-toggle.on .obs-switch { background: #8b5cf6; }
  .obs-toggle.on .obs-switch i { left: 16px; }
  /* 2. LINKEDIN + AGENT CURSOR (mockup classes prefixed .lim* to avoid testimonial .li* collision) */
  .lim { font-family: 'Inter', -apple-system, sans-serif; background: #f4f2ee; color: #1d1d1d; height: 318px; overflow: hidden; position: relative; }
  .lim-nav { height: 42px; background: #fff; border-bottom: 1px solid #e6e6e6; display: flex; align-items: center; gap: 12px; padding: 0 14px; }
  .lim-logo { width: 26px; height: 26px; background: #0a66c2; border-radius: 5px; display: grid; place-items: center; flex-shrink: 0; }
  .lim-logo span { color: #fff; font-weight: 800; font-size: 15px; font-family: Arial, sans-serif; }
  .lim-search { background: #edf3f8; border-radius: 5px; height: 26px; display: flex; align-items: center; gap: 6px; padding: 0 9px; width: 170px; color: #5b6b7b; font-size: 11px; }
  .lim-navicons { margin-left: auto; display: flex; gap: 16px; color: #5f5f5f; }
  .lim-navicons .ni { display: flex; flex-direction: column; align-items: center; gap: 1px; font-size: 8px; }
  .lim-me { width: 22px; height: 22px; border-radius: 50%; background: linear-gradient(135deg,#0a66c2,#378fe9); }
  .lim-body { display: grid; grid-template-columns: 1fr; padding: 14px 18px; gap: 12px; }
  .lim-profile { background: #fff; border-radius: 8px; border: 1px solid #e3e3e3; overflow: hidden; }
  .lim-cover { height: 46px; background: linear-gradient(120deg,#1c3a5e,#0a66c2 70%); }
  .lim-prow { padding: 0 16px 14px; position: relative; }
  .lim-av { width: 56px; height: 56px; border-radius: 50%; border: 3px solid #fff; background: linear-gradient(135deg,#f0a868,#d97b3f); margin-top: -28px; }
  .lim-name { font-size: 16px; font-weight: 700; color: #1d1d1d; margin-top: 8px; }
  .lim-head { font-size: 12px; color: #4a4a4a; margin-top: 2px; }
  .lim-sub { font-size: 11px; color: #8a8a8a; margin-top: 4px; }
  .lim-actions { display: flex; gap: 8px; margin-top: 12px; }
  .lim-btn { font-size: 12px; font-weight: 600; border-radius: 18px; padding: 6px 16px; cursor: pointer; }
  .lim-btn.primary { background: #0a66c2; color: #fff; position: relative; }
  .lim-btn.primary.flash { box-shadow: 0 0 0 3px rgba(10,102,194,0.3); }
  .lim-btn.ghost { background: #fff; color: #0a66c2; border: 1.5px solid #0a66c2; }
  .lim-people { background: #fff; border-radius: 8px; border: 1px solid #e3e3e3; padding: 12px 14px; }
  .lim-people .ttl { font-size: 12px; font-weight: 700; color: #1d1d1d; }
  .lim-prow2 { display: flex; align-items: center; gap: 9px; margin-top: 10px; font-size: 11px; }
  .lim-prow2 .av2 { width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0; }
  .lim-prow2 .nm { font-weight: 600; color: #1d1d1d; }
  .lim-prow2 .hd { color: #8a8a8a; font-size: 10px; }
  .lim-prow2 .tag { margin-left: auto; font-size: 9.5px; font-weight: 600; color: #057642; background: rgba(5,118,66,0.1); border-radius: 12px; padding: 2px 8px; }
  .agent-cursor { position: absolute; z-index: 30; width: 22px; height: 22px; pointer-events: none; left: 0; top: 0; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.4)); transition: transform .9s cubic-bezier(.5,.05,.2,1); }
  .agent-cursor .tip { position: absolute; left: 20px; top: 14px; background: #1a1a1a; color: #fff; font-size: 9.5px; font-weight: 600; border-radius: 6px; padding: 4px 8px; white-space: nowrap; font-family: 'Geist Mono', monospace; box-shadow: 0 4px 12px rgba(0,0,0,0.35); }
  .agent-cursor .tip b { color: #69b4ff; }
  .agent-badge { position: absolute; top: 50px; right: 14px; z-index: 25; background: rgba(8,12,20,0.92); color: #e8eef5; border: 1px solid rgba(105,180,255,0.4); border-radius: 8px; padding: 6px 10px; font-size: 10px; font-family: 'Geist Mono', monospace; display: flex; align-items: center; gap: 7px; box-shadow: 0 8px 24px rgba(0,0,0,0.4); }
  .agent-badge .blip { width: 7px; height: 7px; border-radius: 50%; background: #3ddc84; animation: mockBlink 1.1s infinite; }
  /* 3. NETLIFY DEPLOY */
  .nf { background: #0e1e25; color: #c8d6db; height: 318px; font-family: 'Inter', sans-serif; display: flex; flex-direction: column; }
  .nf-top { height: 40px; background: #11242c; border-bottom: 1px solid #1c3640; display: flex; align-items: center; gap: 10px; padding: 0 14px; }
  .nf-logo { display: flex; align-items: center; gap: 7px; font-weight: 700; font-size: 12.5px; color: #fff; }
  .nf-logo .mk { width: 20px; height: 20px; }
  .nf-crumb { font-size: 11px; color: #7da3ad; }
  .nf-crumb b { color: #d6e4e8; }
  .nf-status { margin-left: auto; display: flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 600; color: #25c2a0; background: rgba(37,194,160,0.12); border: 1px solid rgba(37,194,160,0.35); border-radius: 16px; padding: 4px 12px; }
  .nf-status .dotg { width: 8px; height: 8px; border-radius: 50%; background: #25c2a0; }
  .nf-body { flex: 1; overflow: hidden; padding: 26px 30px; display: flex; flex-direction: column; }
  .nf-live { display: flex; align-items: center; gap: 13px; }
  .nf-livedot { width: 46px; height: 46px; border-radius: 12px; background: rgba(37,194,160,0.14); border: 1px solid rgba(37,194,160,0.4); display: grid; place-items: center; flex-shrink: 0; }
  .nf-live h4 { font-size: 18px; color: #fff; } .nf-live .st { font-size: 12px; color: #25c2a0; margin-top: 3px; }
  .nf-urlbox { margin-top: 18px; background: #0a181d; border: 1px solid #1c3640; border-radius: 8px; padding: 11px 13px; display: flex; align-items: center; gap: 8px; }
  .nf-urlbox .u { font-family: 'Geist Mono', monospace; font-size: 12.5px; color: #5fd6bd; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .nf-urlbox .vbtn { font-size: 10.5px; font-weight: 600; color: #0e1e25; background: #25c2a0; border-radius: 5px; padding: 4px 11px; cursor: pointer; white-space: nowrap; }
  .nf-loghd { font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: #6f97a1; margin: 22px 0 10px; display: flex; align-items: center; gap: 7px; }
  .nf-loghd .spin { width: 11px; height: 11px; border: 2px solid #1c3640; border-top-color: #25c2a0; border-radius: 50%; }
  .nf-log { font-family: 'Geist Mono', monospace; font-size: 12px; line-height: 2.2; background: #0a181d; border: 1px solid #163039; border-radius: 8px; padding: 12px 15px; }
  .nf-log .ln { display: flex; gap: 9px; opacity: 0; animation: logIn .35s forwards; }
  @keyframes logIn { to { opacity: 1; } }
  .nf-log .t { color: #4a6a73; flex-shrink: 0; }
  .nf-log .m { color: #aebfc4; }
  .nf-log .ok { color: #25c2a0; }
  .nf-log .acc { color: #5fd6bd; }
  /* 4. OVERNIGHT AUTOMATION */
  .ov { background: #0b0e16; color: #cdd3e0; height: 318px; font-family: 'Inter', sans-serif; display: flex; flex-direction: column; padding: 22px 26px; }
  .ov-hd { display: flex; align-items: center; gap: 11px; }
  .ov-moon { width: 32px; height: 32px; border-radius: 0; background: rgba(139, 92, 246,0.14); display: grid; place-items: center; color: var(--accent); flex-shrink: 0; }
  .ov-hd h4 { font-size: 15px; color: #eef0f5; }
  .ov-hd .sub { font-size: 11px; color: #6b7488; font-family: 'Geist Mono', monospace; margin-top: 2px; }
  .ov-log { font-family: 'Geist Mono', monospace; font-size: 12.5px; line-height: 2.4; margin-top: 22px; flex: 1; background: #08090b; border: 1px solid #1c1e21; border-radius: 0; padding: 16px 18px; }
  .ov-log .ts { color: #5a5d5a; }
  .ov-log .ag { color: #8b5cf6; }
  .ov-log .ok { color: #4ec9a8; }
  .ov-log .ln { display: block; white-space: nowrap; overflow: hidden; }
  .ov-cursor { display: inline-block; width: 7px; height: 13px; background: #4ec9a8; vertical-align: -2px; margin-left: 2px; animation: mockBlink 1s steps(1) infinite; }
  .ov-footer { margin-top: 18px; font-size: 11px; color: #6b7488; display: flex; align-items: center; gap: 8px; font-family: 'Geist Mono', monospace; }
  .ov-footer .gd { color: #4ec9a8; }
  /* 5. OBSIDIAN NOTE — first-principles / CLAUDE.md */
  .pn { font-family: 'Inter', sans-serif; background: #1e1e1e; color: #dcddde; height: 318px; display: flex; flex-direction: column; }
  .pn-toolbar { height: 30px; display: flex; align-items: center; gap: 6px; padding: 0 12px; background: #252525; border-bottom: 1px solid #161616; font-size: 11px; color: #75767a; }
  .pn-toolbar .tab { background: #1e1e1e; color: #cfd0d2; border-radius: 5px 5px 0 0; padding: 5px 11px; font-size: 11px; display: flex; align-items: center; gap: 6px; }
  .pn-toolbar .spacer { flex: 1; }
  .pn-doc { padding: 18px 26px; overflow: hidden; }
  .pn-h1 { font-size: 21px; font-weight: 700; color: #e9eaeb; letter-spacing: -0.01em; }
  .pn-meta { font-size: 10.5px; color: #6f7074; margin-top: 4px; font-family: 'Geist Mono', monospace; }
  .pn-p { font-size: 13px; color: #b8babe; margin-top: 14px; line-height: 1.6; }
  .pn-bul { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
  .pn-bul li { display: grid; grid-template-columns: 16px 1fr; gap: 9px; font-size: 12.5px; color: #cbccce; line-height: 1.5; }
  .pn-bul li .bp { color: #8b5cf6; }
  .pn-bul li b { color: #e9eaeb; font-weight: 600; }
  .pn-code { margin-top: 16px; background: #141414; border: 1px solid #2a2a2a; border-radius: 0; padding: 12px 14px; font-family: 'Geist Mono', monospace; font-size: 11px; line-height: 1.75; overflow: hidden; }
  .pn-code .fn { color: #6f7074; font-size: 10px; padding-bottom: 7px; border-bottom: 1px solid #242424; margin-bottom: 8px; display: flex; align-items: center; gap: 6px; }
  .pn-code .cl { display: block; white-space: nowrap; overflow: hidden; }
  .pn-code .hh { color: #8b5cf6; }
  .pn-code .cm { color: #6cc070; }
  .pn-code .tx { color: #c8cacd; }
  .pn-code .kw { color: #e0b341; }
  /* 6. CLAUDE CODE TERMINAL */
  .cc { background: #0c0c11; color: #cdd2dd; height: 318px; font-family: 'Geist Mono', monospace; display: flex; flex-direction: column; }
  .cc-head { height: 28px; display: flex; align-items: center; gap: 7px; padding: 0 12px; background: #14141b; border-bottom: 1px solid #1c1c26; font-size: 10px; color: #5a6072; }
  .cc-head .star { color: #d97757; font-size: 12px; }
  .cc-body { padding: 14px 16px; font-size: 11.5px; line-height: 1.85; overflow: hidden; }
  .cc-line { display: block; white-space: nowrap; overflow: hidden; }
  .cc-prompt { color: #7d8597; }
  .cc-you { color: #e6e9f0; }
  .cc-star { color: #d97757; }
  .cc-dim { color: #6b7283; }
  .cc-ok { color: #4ec9a8; }
  .cc-tool { color: #8b5cf6; }
  .cc-path { color: #69b4ff; }
  .cc-box { border: 1px solid #232531; border-radius: 0; padding: 8px 11px; margin-top: 10px; background: #141414; }
  .cc-box .bh { color: #d97757; font-size: 10px; margin-bottom: 5px; }
  .cc-curs { display: inline-block; width: 7px; height: 13px; background: #d97757; vertical-align: -2px; margin-left: 3px; animation: mockBlink 1s steps(1) infinite; }
  /* 7. OBSIDIAN GRAPH VIEW */
  .gv { background: #1a1a1a; height: 318px; position: relative; overflow: hidden; }
  .gv-toolbar { height: 30px; display: flex; align-items: center; gap: 6px; padding: 0 12px; background: #252525; border-bottom: 1px solid #161616; font-size: 11px; color: #75767a; }
  .gv-toolbar .tab { background: #1a1a1a; color: #cfd0d2; border-radius: 5px 5px 0 0; padding: 5px 11px; font-size: 11px; display: flex; align-items: center; gap: 6px; }
  .gv-toolbar .spacer { flex: 1; }
  .gv-toolbar .ctl { font-size: 10px; color: #6f7074; }
  .gv-canvas { position: absolute; inset: 30px 0 0 0; }
  .gv-canvas svg { width: 100%; height: 100%; }
  .gv-leg { position: absolute; left: 14px; bottom: 12px; display: flex; flex-direction: column; gap: 5px; background: rgba(20,20,20,0.7); border: 1px solid #2a2a2a; border-radius: 0; padding: 8px 11px; }
  .gv-leg .row { display: flex; align-items: center; gap: 7px; font-size: 10px; color: #b8babe; font-family: 'Inter', sans-serif; }
  .gv-leg .row .sw { width: 9px; height: 9px; border-radius: 50%; }
  /* 8. CLAUDE CODE PLAN MODE */
  .pm { background: #0c0c11; color: #cdd2dd; height: 318px; font-family: 'Inter', sans-serif; display: flex; flex-direction: column; }
  .pm-head { height: 28px; display: flex; align-items: center; gap: 7px; padding: 0 12px; background: #14141b; border-bottom: 1px solid #1c1c26; font-size: 10px; color: #5a6072; font-family: 'Geist Mono', monospace; }
  .pm-head .star { color: #d97757; font-size: 12px; }
  .pm-head .mode { margin-left: auto; font-size: 9.5px; color: #8b5cf6; background: rgba(139, 92, 246,0.14); border: 1px solid rgba(139, 92, 246,0.3); border-radius: 0; padding: 2px 9px; }
  .pm-body { padding: 14px 16px; overflow: hidden; flex: 1; }
  .pm-you { font-size: 12px; color: #e6e9f0; display: flex; gap: 9px; }
  .pm-you .av { width: 20px; height: 20px; border-radius: 50%; background: linear-gradient(135deg,#0a66c2,#378fe9); flex-shrink: 0; }
  .pm-card { margin-top: 14px; border: 1px solid #232531; border-radius: 0; background: #141414; overflow: hidden; }
  .pm-card .ch { display: flex; align-items: center; gap: 8px; padding: 9px 13px; border-bottom: 1px solid #1c1c26; background: rgba(217,119,87,0.07); }
  .pm-card .ch .st { color: #d97757; font-family: 'Geist Mono', monospace; font-size: 12px; }
  .pm-card .ch h4 { font-size: 12px; color: #eef0f5; }
  .pm-steps { list-style: none; margin: 0; padding: 11px 13px; display: flex; flex-direction: column; gap: 9px; }
  .pm-steps li { display: grid; grid-template-columns: 18px 1fr; gap: 9px; font-size: 12px; color: #c4c8d2; line-height: 1.5; }
  .pm-steps li .n { font-family: 'Geist Mono', monospace; font-size: 11px; color: #8b5cf6; }
  .pm-steps li b { color: #e9eaeb; font-weight: 600; }
  .pm-foot { display: flex; gap: 9px; padding: 11px 16px 0; }
  .pm-btn { font-size: 11px; font-weight: 600; border-radius: 0; padding: 7px 14px; }
  .pm-btn.go { background: #d97757; color: #1a1109; }
  .pm-btn.edit { background: transparent; color: #9aa0b0; border: 1px solid #2a2c38; }
  @media (prefers-reduced-motion: reduce) { .agent-badge .blip, .ov-cursor, .cc-curs, .nf-log .ln { animation: none; } .nf-log .ln { opacity: 1; } }

  /* ===================== REAL SCENARIOS ("Sound familiar?") ===================== */
  .scen-grid { margin-top: 44px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
  @media (max-width: 860px) { .scen-grid { grid-template-columns: 1fr; } }
  .scen-grid .scen:last-child:nth-child(odd) { grid-column: 1 / -1; }
  @media (max-width: 860px) { .scen-grid .scen:last-child:nth-child(odd) { grid-column: auto; } }
  .scen { position: relative; border: 1px solid var(--line-2); border-radius: 0; padding: 30px 30px 32px; background: var(--bg-2); display: flex; flex-direction: column; transition: border-color .18s ease, background .18s ease; }
  .scen:hover { border-color: var(--accent); background: var(--bg-3); box-shadow: none; }
  .scen .scen-head { display: flex; align-items: baseline; gap: 14px; }
  .scen .num { font-family: 'Geist Mono', monospace; font-size: 12px; font-weight: 600; color: var(--accent); letter-spacing: 0.06em; flex-shrink: 0; }
  .scen h3 { font-size: 20px; letter-spacing: -0.025em; line-height: 1.16; }
  .scen .reality { margin-top: 14px; display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; padding: 12px 14px; border-radius: 0; background: rgba(194,69,47,0.05); border: 1px solid rgba(194,69,47,0.18); }
  .scen .reality .rk { font-family: 'Geist Mono', monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: #d98a7a; padding-top: 2px; }
  .scen .reality .rt { font-size: 14px; color: var(--ink); line-height: 1.45; }
  .quotes { margin-top: 22px; display: flex; flex-direction: column; gap: 18px; }
  .scen .q { position: relative; border-left: 3px solid var(--accent); padding: 2px 0 2px 20px; }
  .scen .q.muted { border-left-color: var(--line-2); }
  .scen .q .qmark { position: absolute; left: 14px; top: -14px; font-family: 'EB Garamond', Georgia, serif; font-size: 46px; line-height: 1; color: rgba(139, 92, 246,0.3); pointer-events: none; user-select: none; }
  .scen .q blockquote { margin: 0; font-size: 15.5px; line-height: 1.55; color: var(--ink); font-style: italic; }
  .scen .q.muted blockquote { color: var(--ink-2); font-size: 14.5px; }
  .scen .q .qsep { display: block; height: 9px; }
  .scen .q cite { margin-top: 12px; display: inline-flex; align-items: center; gap: 8px; font-family: 'Geist Mono', monospace; font-style: normal; font-size: 11px; letter-spacing: 0.04em; color: var(--ink-3); }
  .scen .q cite .dot { width: 6px; height: 6px; border-radius: 0; background: var(--accent); flex-shrink: 0; }
  .scen .q.muted cite .dot { background: var(--line-2); box-shadow: none; }
  .scen .q cite .who { color: var(--accent); font-weight: 600; }
  .scen .q.muted cite .who { color: var(--ink-2); }
  .scen .q cite .role { color: var(--ink-3); }

  /* ===================== TESTIMONIAL ===================== */
  .tm-pull { max-width: 900px; }
  .tm-pull .q { font-family: 'EB Garamond', Georgia, serif; font-weight: 400; font-size: clamp(34px, 6vw, 64px); line-height: 1.05; letter-spacing: -0.02em; color: var(--ink); }
  .tm-pull .q .em { color: var(--accent); font-style: italic; }
  .tm-pull .by { margin-top: 22px; font-family: 'Geist Mono', monospace; font-size: 12px; color: var(--ink-3); letter-spacing: 0.06em; }
  .tm-pull .by b { color: var(--accent); font-weight: 600; }
  .tm-pull .by .sep { margin: 0 8px; color: var(--ink-3); }
  .tm-frame { margin-top: 40px; max-width: 600px; border: 1px solid var(--accent); border-radius: 0; padding: 14px; background: rgba(139, 92, 246,0.05); box-shadow: none; }
  .tm-frame .tm-frame-cap { display: flex; align-items: center; gap: 8px; padding: 2px 6px 12px; font-family: 'Geist Mono', monospace; font-size: 10.5px; color: var(--ink-3); letter-spacing: 0.1em; text-transform: uppercase; }
  .tm-frame .tm-frame-cap .dot { width: 7px; height: 7px; border-radius: 0; background: var(--accent); box-shadow: none; flex: 0 0 7px; }
  .tm-frame .tm-shot { display: block; width: 100%; height: auto; border-radius: 0; }
  .tm-frame .tm-shot-foot { padding: 12px 6px 2px; font-family: 'Geist Mono', monospace; font-size: 11px; letter-spacing: 0.04em; }
  .tm-frame .tm-shot-foot a { color: var(--accent); text-decoration: none; }
  .tm-frame .tm-shot-foot a:hover { color: var(--accent-2); }
  .tm-frame .tm-shot-foot .arr { margin-left: 4px; }
  .li-card { background: #ffffff; border-radius: 10px; overflow: hidden; font-family: -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: rgba(0,0,0,0.9); box-shadow: 0 1px 0 rgba(0,0,0,0.08); border: 1px solid rgba(0,0,0,0.08); }
  .li-head { display: flex; align-items: flex-start; gap: 8px; padding: 12px 16px 0; }
  .li-avatar { width: 48px; height: 48px; border-radius: 50%; flex: 0 0 48px; display: grid; place-items: center; background: linear-gradient(135deg, #6e8bce, #9aa7bd); color: #fff; font-weight: 600; font-size: 17px; letter-spacing: 0.5px; overflow: hidden; }
  .li-id { flex: 1 1 auto; min-width: 0; padding-top: 1px; }
  .li-name { display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 600; color: rgba(0,0,0,0.9); line-height: 1.3; }
  .li-badge { display: inline-flex; align-items: center; gap: 3px; background: #0a66c2; color: #fff; font-size: 9px; font-weight: 700; padding: 1px 4px; border-radius: 3px; letter-spacing: 0.02em; }
  .li-sub { font-size: 12px; color: rgba(0,0,0,0.6); line-height: 1.35; margin-top: 1px; }
  .li-meta { display: flex; align-items: center; gap: 4px; font-size: 12px; color: rgba(0,0,0,0.6); margin-top: 1px; }
  .li-meta .mdot { color: rgba(0,0,0,0.45); }
  .li-meta .globe { width: 13px; height: 13px; flex: 0 0 13px; display: inline-block; vertical-align: middle; }
  .li-menu { flex: 0 0 auto; display: flex; align-items: center; gap: 2px; margin: -2px -4px 0 0; padding: 6px; color: rgba(0,0,0,0.6); cursor: default; border-radius: 50%; line-height: 0; }
  .li-menu svg { width: 20px; height: 20px; }
  .li-body { padding: 12px 16px 6px; font-size: 14px; line-height: 1.45; color: rgba(0,0,0,0.9); white-space: pre-line; }
  .li-body .li-link { color: #0a66c2; font-weight: 600; }
  .li-body .li-link:hover { text-decoration: underline; }
  .li-divider { height: 1px; background: rgba(0,0,0,0.08); margin: 8px 16px 0; }
  .li-foot { display: flex; align-items: center; gap: 8px; padding: 8px 16px 12px; }
  .li-foot a { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #0a66c2; }
  .li-foot a:hover { text-decoration: underline; }
  .li-foot .arr { font-size: 13px; }
  @media (max-width: 720px) { .tm-frame { max-width: 100%; } }

  /* ===== compact 12-module curriculum (2-col) ===== */
  .curric-lead { margin-top: 16px; color: var(--ink-2); font-size: 16px; max-width: 640px; }
  .curric-showcase { margin-top: 34px; }
  .curric-showcase .device { max-width: 780px; }
  .curric-showcase-cap { margin-top: 14px; font-family: 'Geist Mono', monospace; font-size: 12px; color: var(--ink-3); letter-spacing: 0.03em; }
  .curric-grid { margin-top: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
  /* minmax(0,1fr) lets the single column shrink below the intrinsic min-content of
     the fixed-width artifact mocks it contains, so they clip (overflow:hidden) and
     scale instead of forcing the card — and the page — wider than the viewport. */
  @media (max-width: 760px) {
    .curric-grid { grid-template-columns: minmax(0, 1fr); }
    .curric-grid .mc { min-width: 0; overflow: hidden; }
    .mc-art { min-width: 0; }
    .mc-art > * { min-width: 0; max-width: 100%; }
  }
  .mc { border: 1px solid var(--line-2); background: var(--bg-2); padding: 24px 26px; position: relative; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
  .mc:hover { border-color: var(--accent); background: var(--bg-3); transform: translateY(-3px); }
  .mc-top { display: flex; align-items: center; gap: 12px; }
  .mc-ic { width: 34px; height: 34px; display: grid; place-items: center; background: rgba(139, 92, 246,0.12); color: var(--accent); flex: 0 0 34px; transition: background .18s ease, color .18s ease; }
  .mc-ic svg { width: 18px; height: 18px; }
  .mc:hover .mc-ic { background: var(--accent); color: var(--bg); }
  .mc-n { font-family: 'Geist Mono', monospace; font-size: 13px; font-weight: 600; color: var(--ink-3); letter-spacing: 0.04em; }
  .mc-new { margin-left: auto; font-family: 'Geist Mono', monospace; font-size: 9.5px; font-weight: 600; letter-spacing: 0.12em; color: var(--accent); border: 1px solid var(--accent); padding: 2px 7px; }
  .mc-title { margin: 16px 0 0; font-size: 18px; letter-spacing: -0.015em; color: var(--ink); line-height: 1.2; }
  .mc-count { margin-top: 6px; font-family: 'Geist Mono', monospace; font-size: 11.5px; color: var(--accent); letter-spacing: 0.04em; }
  .mc-list { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
  .mc-list li { position: relative; padding-left: 18px; font-size: 13.5px; color: var(--ink-2); line-height: 1.45; }
  .mc-list li::before { content: "\2192"; position: absolute; left: 0; color: var(--accent); opacity: .7; }

  /* ===== curriculum accordion (depth on demand; artifact embedded) ===== */
  .curric-acc { margin-top: 38px; border: 1px solid var(--line-2); max-width: 1000px; }
  .curric-acc details { border-bottom: 1px solid var(--line); }
  .curric-acc details:last-child { border-bottom: none; }
  .curric-acc summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 13px; padding: 16px 20px; background: var(--bg-2); transition: background .14s ease; }
  .curric-acc summary::-webkit-details-marker { display: none; }
  .curric-acc summary:hover { background: var(--bg-3); }
  .curric-acc details[open] > summary { background: var(--bg-3); }
  .curric-acc .ca-car { color: var(--ink-3); font-size: 11px; transition: transform .15s ease; flex: 0 0 auto; }
  .curric-acc details[open] .ca-car { transform: rotate(90deg); color: var(--accent); }
  .curric-acc .ca-chip { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 22px; padding: 0 8px; font-family: 'Geist Mono', monospace; font-size: 12px; font-weight: 600; color: var(--accent-2); border: 1px solid var(--line-2); background: var(--bg); flex: 0 0 auto; }
  .curric-acc .ca-ttl { font-size: 15px; font-weight: 600; color: var(--ink); letter-spacing: -0.01em; }
  .curric-acc .ca-new { font-family: 'Geist Mono', monospace; font-size: 9.5px; font-weight: 700; letter-spacing: 0.1em; padding: 2px 7px; color: var(--bg); background: var(--accent); }
  .curric-acc .ca-new.bonus { background: var(--accent-2); }
  .curric-acc .ca-cnt { margin-left: auto; font-family: 'Geist Mono', monospace; font-size: 11.5px; color: var(--accent); letter-spacing: 0.04em; white-space: nowrap; }
  .curric-acc .ca-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 460px); gap: 40px; align-items: center; max-width: 1000px; padding: 10px 24px 26px 65px; }
  .curric-acc .ca-lessons { list-style: none; margin: 2px 0 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
  .curric-acc .ca-lessons li { position: relative; padding-left: 18px; font-size: 13.5px; color: var(--ink-2); line-height: 1.45; }
  .curric-acc .ca-lessons li::before { content: "\2192"; position: absolute; left: 0; color: var(--accent); opacity: .7; }
  .curric-acc .ca-art { min-width: 0; }
  .curric-acc .ca-art .mc-art { margin-top: 0; }
  .curric-acc .ca-art .mc-art > * { width: 100%; box-sizing: border-box; }
  @media (max-width: 760px) {
    .curric-acc .ca-body { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 8px 18px 22px; }
    .curric-acc .ca-art { min-width: 0; }
    .curric-acc .ca-art .mc-art > * { min-width: 0; max-width: 100%; }
  }

  /* ===== real Claude Code welcome interface ===== */
  .ccw { background: #0c0d0e; padding: 22px 22px 24px; font-family: 'Geist Mono', monospace; }
  .ccw-box { position: relative; border: 1px solid #d97757; padding: 20px 22px 18px; }
  .ccw-title { position: absolute; top: -8px; left: 16px; background: #0c0d0e; padding: 0 8px; color: #d97757; font-size: 13px; }
  .ccw-ver { color: var(--ink-3); }
  .ccw-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 0; }
  .ccw-left { padding-right: 22px; }
  .ccw-hi { color: var(--ink); font-size: 14px; text-align: center; }
  .ccw-mascot { display: flex; justify-content: center; margin: 10px 0 14px; }
  .ccw-meta { color: var(--ink-3); font-size: 12px; }
  .ccw-cwd { color: var(--ink-2); font-size: 12px; margin-top: 14px; }
  .ccw-right { border-left: 1px solid #d97757; padding-left: 22px; }
  .ccw-h { color: #d97757; font-size: 12.5px; }
  .ccw-p { color: var(--ink-2); font-size: 12px; margin-top: 4px; line-height: 1.45; }
  .ccw-cmd { color: #d97757; }
  .ccw-rule { height: 1px; background: rgba(217,119,87,0.4); margin: 13px 0; }
  .ccw-mic { display: flex; justify-content: center; margin-top: 24px; }
  .ccw-pill { display: inline-flex; align-items: center; background: #161616; border: 1px solid var(--line-2); border-radius: 999px; padding: 11px 24px; }
  @media (max-width: 620px) { .ccw-grid { grid-template-columns: 1fr; } .ccw-right { border-left: none; border-top: 1px solid #d97757; padding-left: 0; padding-top: 14px; margin-top: 14px; } .ccw-left { padding-right: 0; } }

  /* ===== hybrid flagship modules (full-width card + embedded interactive device) ===== */
  .mc--flag { grid-column: 1 / -1; }
  .mc--flag:hover { transform: none; }
  .mc--flag .mc-flag-grid { display: grid; grid-template-columns: 0.9fr 1.25fr; gap: 32px; align-items: center; }
  @media (max-width: 860px) { .mc--flag .mc-flag-grid { grid-template-columns: 1fr; gap: 22px; } }
  .mc--flag .mc-flag-info { display: flex; flex-direction: column; }
  .mc--flag .mc-flag-demo { min-width: 0; }
  .mc--flag .mc-flag-demo .device { width: 100%; }

  /* ===== artifacts variant: full-width card = info + hyper-real outcome artifact ===== */
  .curric-arts { margin-top: 40px; display: flex; flex-direction: column; gap: 16px; }
  .ac { border: 1px solid var(--line-2); background: var(--bg-2); padding: 26px 28px; transition: border-color .18s ease, background .18s ease; }
  .ac:hover { border-color: var(--accent); background: var(--bg-3); }
  .ac-grid { display: grid; grid-template-columns: 340px 1fr; gap: 34px; align-items: center; }
  @media (max-width: 880px) { .ac-grid { grid-template-columns: 1fr; gap: 22px; } }
  .ac-info { display: flex; flex-direction: column; min-width: 0; }
  .ac-art { width: 100%; min-width: 0; }
  .ac-art > * { width: 100%; box-sizing: border-box; }


/* ===== generated module-outcome artifacts (a00..a10) ===== */
.a00{width:100%;height:240px;box-sizing:border-box;overflow:hidden;background:var(--bg-2);border:1px solid var(--line-2);font-family:'Geist',system-ui,sans-serif;color:var(--ink);display:flex;flex-direction:column}
.a00 *{box-sizing:border-box}
.a00-chrome{display:flex;align-items:center;gap:10px;height:30px;flex:0 0 30px;padding:0 11px;background:var(--bg-3);border-bottom:1px solid var(--line-2)}
.a00-dots{display:flex;gap:7px;align-items:center}
.a00-dot{width:11px;height:11px;border-radius:50%}
.a00-dot.r{background:#ff5f57}
.a00-dot.y{background:#febc2e}
.a00-dot.g{background:#28c840}
.a00-title{font-family:'Geist Mono',monospace;font-size:11px;color:var(--ink-3);letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a00-title b{color:var(--ink-2);font-weight:500}
.a00-tabs{margin-left:auto;display:flex;gap:14px;align-items:center;font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-3)}
.a00-tabs .on{color:var(--accent-2)}
.a00-body{flex:1 1 auto;display:flex;min-height:0}
.a00-rail{flex:0 0 28px;border-right:1px solid var(--line);background:var(--bg-2);display:flex;flex-direction:column;align-items:center;padding-top:9px;gap:11px}
.a00-rail span{width:13px;height:13px;border:1px solid var(--line-2);display:block}
.a00-rail span.a{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent)}
.a00-doc{flex:1 1 auto;padding:13px 18px 0 17px;min-width:0;overflow:hidden}
.a00-crumb{font-family:'Geist Mono',monospace;font-size:9.5px;color:var(--ink-3);letter-spacing:.3px;margin:0 0 9px}
.a00-crumb i{font-style:normal;color:var(--ink-2)}
.a00-h1{font-family:'Geist',sans-serif;font-size:21px;font-weight:600;letter-spacing:-.4px;margin:0 0 6px;line-height:1}
.a00-h1::after{content:"";display:block;width:34px;height:2px;background:var(--accent);margin-top:7px}
.a00-intro{font-size:11.5px;line-height:1.45;color:var(--ink-2);margin:9px 0 11px;max-width:96%}
.a00-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.a00-li{display:flex;align-items:baseline;gap:9px;font-size:11.5px;line-height:1.3}
.a00-num{font-family:'Geist Mono',monospace;font-size:10px;color:var(--accent-2);flex:0 0 auto;width:14px}
.a00-li b{font-weight:600;color:var(--ink)}
.a00-li.x b{color:var(--ink)}
.a00-tag{font-family:'Geist Mono',monospace;font-size:9px;color:#d97757;border:1px solid var(--line-2);padding:0 4px;margin-left:5px;vertical-align:1px}
.a00-call{margin:12px 0 0;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);padding:8px 11px;font-family:'Geist',sans-serif;font-size:11px;line-height:1.4;color:var(--ink)}
.a00-call em{font-style:italic;color:var(--ink-2)}
.a00-call .lbl{display:block;font-family:'Geist Mono',monospace;font-size:8.5px;letter-spacing:.6px;color:var(--accent-2);text-transform:uppercase;margin-bottom:3px}
.a01 { width: 100%; height: 240px; box-sizing: border-box; overflow: hidden; background: var(--bg); border: 1px solid var(--line-2); display: flex; flex-direction: column; font-family: 'Geist Mono', monospace; color: var(--ink); }
.a01 *, .a01 *::before, .a01 *::after { box-sizing: border-box; margin: 0; padding: 0; }
.a01-titlebar { display: flex; align-items: center; height: 28px; flex: 0 0 28px; background: var(--bg-2); border-bottom: 1px solid var(--line-2); padding: 0 10px; gap: 8px; }
.a01-dots { display: flex; gap: 6px; align-items: center; }
.a01-dot { width: 11px; height: 11px; border-radius: 50%; }
.a01-dot.a01-r { background: #ff5f57; }
.a01-dot.a01-y { background: #febc2e; }
.a01-dot.a01-g { background: #28c840; }
.a01-title { flex: 1; text-align: center; font-size: 11px; color: var(--ink-2); letter-spacing: 0.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.a01-titlespacer { width: 47px; flex: 0 0 47px; }
.a01-tabs { display: flex; height: 26px; flex: 0 0 26px; background: var(--bg); border-bottom: 1px solid var(--line); align-items: stretch; }
.a01-tab { display: flex; align-items: center; gap: 7px; padding: 0 12px; font-size: 11px; color: var(--ink); background: var(--bg-2); border-right: 1px solid var(--line); border-top: 1px solid var(--accent); }
.a01-tab-dot { width: 7px; height: 7px; border-radius: 50%; background: #d97757; flex: 0 0 7px; }
.a01-tab-x { color: var(--ink-3); font-size: 12px; line-height: 1; margin-left: 2px; }
.a01-tab-ghost { display: flex; align-items: center; padding: 0 11px; font-size: 11px; color: var(--ink-3); border-right: 1px solid var(--line); }
.a01-body { flex: 1; display: flex; overflow: hidden; background: var(--bg); }
.a01-gutter { flex: 0 0 34px; background: var(--bg); border-right: 1px solid var(--line); padding-top: 6px; text-align: right; }
.a01-ln { font-size: 11px; line-height: 16px; color: var(--ink-3); padding-right: 9px; height: 16px; }
.a01-code { flex: 1; padding: 6px 0 0 12px; overflow: hidden; }
.a01-cl { font-size: 12px; line-height: 16px; height: 16px; white-space: pre; color: var(--ink); }
.a01-h { color: var(--accent-2); font-weight: 600; }
.a01-cm { color: var(--ink-3); }
.a01-bul { color: var(--ink-3); }
.a01-tx { color: var(--ink-2); }
.a01-em { color: var(--ink); }
.a01-orange { color: #d97757; }
.a01-statusbar { display: flex; align-items: center; height: 22px; flex: 0 0 22px; background: var(--bg-2); border-top: 1px solid var(--line-2); padding: 0 10px; gap: 14px; font-size: 10px; color: var(--ink-3); }
.a01-st-accent { color: var(--accent-2); }
.a01-st-r { margin-left: auto; }
.a02{width:100%;height:240px;box-sizing:border-box;overflow:hidden;background:var(--bg);border:1px solid var(--line-2);font-family:'Geist',system-ui,sans-serif;color:var(--ink);display:flex;flex-direction:column;line-height:1.2}
.a02 *{box-sizing:border-box}
.a02-chrome{display:flex;align-items:center;gap:8px;height:26px;flex:0 0 auto;padding:0 10px;background:var(--bg-2);border-bottom:1px solid var(--line-2)}
.a02-dots{display:flex;gap:6px}
.a02-dot{width:9px;height:9px;border-radius:50%;display:block}
.a02-dot.r{background:#ff5f57}
.a02-dot.y{background:#febc2e}
.a02-dot.g{background:#28c840}
.a02-title{font-family:'Geist Mono',monospace;font-size:11px;color:var(--ink-2);letter-spacing:.02em;margin-left:4px}
.a02-title b{color:var(--ink);font-weight:500}
.a02-spacer{flex:1}
.a02-cmd{font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-3);border:1px solid var(--line);padding:1px 5px}
.a02-toolbar{display:flex;align-items:center;gap:8px;height:28px;flex:0 0 auto;padding:0 10px;background:var(--bg);border-bottom:1px solid var(--line)}
.a02-view{display:flex;align-items:center;gap:5px;font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink);border:1px solid var(--line-2);padding:2px 7px;background:var(--bg-3)}
.a02-view .a02-ic{color:var(--accent-2)}
.a02-tag{font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-3);padding:2px 6px}
.a02-tag.on{color:var(--ink-2)}
.a02-count{font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-3);margin-left:auto}
.a02-newbtn{font-family:'Geist Mono',monospace;font-size:10px;color:var(--accent-2);border:1px solid var(--line-2);padding:2px 7px;background:transparent}
.a02-table{flex:1;display:flex;flex-direction:column;overflow:hidden}
.a02-row{display:grid;grid-template-columns:1.7fr .95fr .9fr .85fr;align-items:center;height:30px;border-bottom:1px solid var(--line);padding:0 10px;font-size:12px}
.a02-row.head{height:25px;background:var(--bg-2);border-bottom:1px solid var(--line-2)}
.a02-row.head .a02-c{font-family:'Geist Mono',monospace;font-size:9.5px;letter-spacing:.07em;color:var(--ink-3);text-transform:uppercase;display:flex;align-items:center;gap:4px}
.a02-row.head .a02-c .a02-sort{color:var(--accent-2);font-size:8px}
.a02-row:last-child{border-bottom:none}
.a02-c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}
.a02-name{display:flex;align-items:center;gap:7px;color:var(--ink)}
.a02-fav{width:13px;height:13px;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--ink-3);flex:0 0 auto;background:var(--bg-3)}
.a02-fav.p{color:#d97757;border-color:var(--line-2)}
.a02-type{font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-2)}
.a02-type .a02-tk{color:var(--ink-3)}
.a02-pill{display:inline-flex;align-items:center;gap:5px;font-family:'Geist Mono',monospace;font-size:9.5px;padding:1.5px 7px;border:1px solid var(--line-2);background:var(--bg-3)}
.a02-pill .a02-d{width:5px;height:5px;border-radius:50%;flex:0 0 auto}
.a02-pill.act{color:#28c840}
.a02-pill.act .a02-d{background:#28c840}
.a02-pill.arc{color:var(--ink-3)}
.a02-pill.arc .a02-d{background:var(--ink-3)}
.a02-pill.lead{color:var(--accent-2)}
.a02-pill.lead .a02-d{background:var(--accent-2)}
.a02-pill.cold{color:#febc2e}
.a02-pill.cold .a02-d{background:#febc2e}
.a02-date{font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-3)}
.a02a{width:100%;height:240px;box-sizing:border-box;overflow:hidden;background:var(--bg-2);border:1px solid var(--line-2);display:flex;flex-direction:column;font-family:'Geist',system-ui,sans-serif;color:var(--ink);}
.a02a *{box-sizing:border-box;}
.a02a-bar{display:flex;align-items:center;gap:10px;height:30px;flex:0 0 30px;padding:0 11px;background:var(--bg-3);border-bottom:1px solid var(--line-2);}
.a02a-dots{display:flex;gap:7px;}
.a02a-dot{width:11px;height:11px;border-radius:50%;}
.a02a-r{background:#ff5f57;}
.a02a-y{background:#febc2e;}
.a02a-g{background:#28c840;}
.a02a-title{font-family:'Geist Mono',monospace;font-size:11px;color:var(--ink-2);letter-spacing:.2px;}
.a02a-title b{color:var(--ink);font-weight:500;}
.a02a-tools{margin-left:auto;display:flex;gap:1px;}
.a02a-tbtn{width:22px;height:18px;border:1px solid var(--line-2);background:var(--bg-2);display:flex;align-items:center;justify-content:center;font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-3);}
.a02a-tbtn.a02a-on{background:var(--accent);border-color:var(--accent);color:#fff;}
.a02a-canvas{position:relative;flex:1 1 auto;background-color:var(--bg);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:16px 16px;background-position:8px 8px;overflow:hidden;}
.a02a-svg{position:absolute;inset:0;width:100%;height:100%;display:block;}
.a02a-box{font-family:'Geist',system-ui,sans-serif;}
.a02a-bt{font-size:13px;font-weight:500;fill:var(--ink);}
.a02a-bt-acc{font-size:13px;font-weight:500;fill:#fff;}
.a02a-lbl{font-family:'Geist Mono',monospace;font-size:9px;fill:var(--ink-3);letter-spacing:.3px;}
.a02a-stroke{stroke:var(--ink-2);}
.a02a-fill{fill:var(--bg-2);}
.a02a-arrow{stroke:var(--ink-3);}
.a02a-cap{position:absolute;left:11px;bottom:8px;font-family:'Geist Mono',monospace;font-size:9px;color:var(--ink-3);letter-spacing:.3px;}
.a02a-zoom{position:absolute;right:11px;bottom:8px;font-family:'Geist Mono',monospace;font-size:9px;color:var(--ink-3);border:1px solid var(--line);padding:2px 6px;background:var(--bg-2);}
.a03{width:100%;height:240px;box-sizing:border-box;overflow:hidden;background:var(--bg);border:1px solid var(--line-2);font-family:'Geist',system-ui,sans-serif;color:var(--ink);display:flex;flex-direction:column}
.a03 *{box-sizing:border-box}
.a03-bar{display:flex;align-items:center;gap:8px;padding:7px 11px;border-bottom:1px solid var(--line-2);background:var(--bg-2);flex:none}
.a03-dots{display:flex;gap:6px}
.a03-dot{width:10px;height:10px;border-radius:0}
.a03-d1{background:#ff5f57}
.a03-d2{background:#febc2e}
.a03-d3{background:#28c840}
.a03-title{font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-3);letter-spacing:.04em;margin-left:6px}
.a03-url{margin-left:auto;font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-3)}
.a03-body{flex:1;padding:13px 15px 14px;display:flex;flex-direction:column;min-height:0}
.a03-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:11px}
.a03-h-left{display:flex;align-items:baseline;gap:9px}
.a03-h-title{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.a03-h-date{font-family:'Geist Mono',monospace;font-size:11px;color:var(--accent-2)}
.a03-streak{font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-3);border:1px solid var(--line-2);padding:2px 6px}
.a03-route{display:flex;align-items:center;gap:9px;font-family:'Geist Mono',monospace;font-size:11px;margin-bottom:12px}
.a03-pt{color:var(--ink-2)}
.a03-pt b{color:var(--ink);font-weight:600}
.a03-tag{color:var(--ink-3);font-size:9px}
.a03-arrow{color:var(--accent);font-size:13px}
.a03-goals{display:flex;flex-direction:column;gap:9px}
.a03-goal{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center}
.a03-g-label{font-size:12px;color:var(--ink-2);grid-column:1}
.a03-g-pct{font-family:'Geist Mono',monospace;font-size:11px;color:var(--ink);grid-column:2;grid-row:1;text-align:right}
.a03-track{grid-column:1 / -1;grid-row:2;height:4px;background:var(--bg-3);border:1px solid var(--line);position:relative}
.a03-fill{position:absolute;inset:0 auto 0 0;background:var(--accent)}
.a03-fill-2{background:var(--accent-2)}
.a03-prio{margin-top:auto;display:flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-left:2px solid #d97757;background:var(--bg-2);padding:7px 10px}
.a03-prio-tag{font-family:'Geist Mono',monospace;font-size:9px;color:#d97757;letter-spacing:.06em;flex:none}
.a03-prio-txt{font-size:11px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.a04{width:100%;height:240px;box-sizing:border-box;overflow:hidden;background:var(--bg);border:1px solid var(--line-2);font-family:'Geist',system-ui,sans-serif;color:var(--ink);display:flex;flex-direction:column}
.a04 *{box-sizing:border-box}
.a04-chrome{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid var(--line-2);background:var(--bg-2);flex:0 0 auto}
.a04-dots{display:flex;gap:6px}
.a04-dot{width:9px;height:9px;border-radius:50%}
.a04-d1{background:#ff5f57}
.a04-d2{background:#febc2e}
.a04-d3{background:#28c840}
.a04-chrome-title{font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-3);letter-spacing:.04em;margin-left:4px}
.a04-chrome-right{margin-left:auto;font-family:'Geist Mono',monospace;font-size:9px;color:var(--ink-3);letter-spacing:.04em}
.a04-head{display:flex;align-items:baseline;gap:10px;padding:9px 12px 8px;border-bottom:1px solid var(--line);flex:0 0 auto}
.a04-title{font-family:'Geist Mono',monospace;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--ink)}
.a04-sub{font-size:10px;color:var(--ink-3);letter-spacing:.02em}
.a04-clock{margin-left:auto;display:flex;align-items:baseline;gap:6px}
.a04-live{display:inline-block;width:6px;height:6px;border-radius:50%;background:#28c840;margin-right:1px;transform:translateY(-1px)}
.a04-time{font-family:'Geist Mono',monospace;font-size:14px;font-weight:600;color:var(--ink);letter-spacing:.02em}
.a04-date{font-family:'Geist Mono',monospace;font-size:9px;color:var(--ink-3)}
.a04-body{flex:1 1 auto;display:flex;min-height:0}
.a04-tiles{display:grid;grid-template-columns:repeat(2,1fr);flex:1 1 58%;border-right:1px solid var(--line)}
.a04-tile{padding:9px 11px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;min-height:0}
.a04-tile:nth-child(2n){border-right:none}
.a04-tile:nth-child(n+3){border-bottom:none}
.a04-tile-top{display:flex;align-items:center;justify-content:space-between}
.a04-tlabel{font-family:'Geist Mono',monospace;font-size:9px;color:var(--ink-3);letter-spacing:.07em;text-transform:uppercase}
.a04-tdelta{font-family:'Geist Mono',monospace;font-size:8px;letter-spacing:.03em;padding:1px 4px;border:1px solid var(--line-2)}
.a04-up{color:#28c840;border-color:var(--line-2)}
.a04-dn{color:#d97757}
.a04-flat{color:var(--ink-3)}
.a04-tval{font-family:'Geist Mono',monospace;font-size:26px;font-weight:600;line-height:1;color:var(--ink);letter-spacing:-.01em}
.a04-tval .a04-unit{font-size:12px;color:var(--ink-2);font-weight:500;margin-left:1px}
.a04-tval.a04-accent{color:var(--accent-2)}
.a04-tmeta{font-size:9px;color:var(--ink-3);font-family:'Geist Mono',monospace;letter-spacing:.02em}
.a04-bar-track{height:3px;background:var(--bg-3);margin-top:4px;border:1px solid var(--line)}
.a04-bar-fill{height:100%;background:var(--accent)}
.a04-chart{flex:1 1 42%;display:flex;flex-direction:column;padding:9px 11px 8px}
.a04-chart-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}
.a04-clabel{font-family:'Geist Mono',monospace;font-size:9px;color:var(--ink-3);letter-spacing:.07em;text-transform:uppercase}
.a04-cval{font-family:'Geist Mono',monospace;font-size:9px;color:var(--ink-2)}
.a04-cval b{color:var(--accent-2);font-weight:600}
.a04-bars{flex:1 1 auto;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid var(--line-2);padding-bottom:0;min-height:0}
.a04-col{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-width:0}
.a04-bar{width:100%;background:var(--bg-3);border:1px solid var(--line-2);border-bottom:none}
.a04-bar.a04-on{background:var(--accent);border-color:var(--accent)}
.a04-bar.a04-today{background:var(--accent-2);border-color:var(--accent-2)}
.a04-days{display:flex;gap:5px;margin-top:4px}
.a04-day{flex:1 1 0;text-align:center;font-family:'Geist Mono',monospace;font-size:8px;color:var(--ink-3)}
.a04-day.a04-dnow{color:var(--accent-2);font-weight:600}
.a05{width:100%;height:240px;box-sizing:border-box;overflow:hidden;background:var(--bg-2);border:1px solid var(--line-2);font-family:'Geist',system-ui,sans-serif;color:var(--ink);display:flex;flex-direction:column}
.a05 *{box-sizing:border-box}
.a05-bar{display:flex;align-items:center;gap:8px;height:28px;flex:0 0 28px;padding:0 10px;background:var(--bg-3);border-bottom:1px solid var(--line-2)}
.a05-dots{display:flex;gap:6px;align-items:center}
.a05-dot{width:9px;height:9px;border-radius:0}
.a05-dot.r{background:#ff5f57}
.a05-dot.y{background:#febc2e}
.a05-dot.g{background:#28c840}
.a05-title{font-family:'Geist Mono',monospace;font-size:11px;color:var(--ink-2);letter-spacing:.02em}
.a05-tag{margin-left:auto;font-family:'Geist Mono',monospace;font-size:9px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);padding:2px 6px}
.a05-body{flex:1 1 auto;padding:13px 16px 11px;display:flex;flex-direction:column;min-height:0}
.a05-q{display:flex;gap:8px;align-items:baseline;margin-bottom:9px}
.a05-qmark{font-family:'Geist Mono',monospace;font-size:11px;color:var(--accent-2);flex:0 0 auto}
.a05-qtext{font-size:13px;color:var(--accent);font-weight:500;line-height:1.3}
.a05-ans{font-size:12px;line-height:1.55;color:var(--ink);margin:0 0 11px}
.a05-cite{font-family:'Geist Mono',monospace;font-size:9.5px;color:var(--accent-2);border:1px solid var(--line-2);background:var(--bg-3);padding:0 4px;margin:0 1px;vertical-align:1px;white-space:nowrap}
.a05-div{height:1px;background:var(--line);margin:0 0 9px;flex:0 0 1px}
.a05-srchead{font-family:'Geist Mono',monospace;font-size:9px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px}
.a05-srclist{display:flex;flex-direction:column;gap:6px}
.a05-src{display:flex;align-items:center;gap:8px;font-size:11px}
.a05-srcnum{font-family:'Geist Mono',monospace;font-size:9.5px;color:var(--accent-2);border:1px solid var(--line-2);width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex:0 0 16px}
.a05-srcicon{font-family:'Geist Mono',monospace;font-size:9px;color:var(--ink-3);border:1px solid var(--line);padding:1px 4px;flex:0 0 auto;letter-spacing:.04em}
.a05-srcname{color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto}
.a05-srcpage{font-family:'Geist Mono',monospace;font-size:9.5px;color:var(--ink-3);flex:0 0 auto;letter-spacing:.02em}
.a06{width:100%;height:240px;box-sizing:border-box;overflow:hidden;background:var(--bg);border:1px solid var(--line-2);font-family:'Geist',system-ui,sans-serif;color:var(--ink);display:flex;flex-direction:column}
.a06 *{box-sizing:border-box}
.a06-bar{display:flex;align-items:center;gap:8px;height:26px;flex:0 0 26px;padding:0 10px;background:var(--bg-2);border-bottom:1px solid var(--line-2)}
.a06-dots{display:flex;gap:6px}
.a06-dot{width:10px;height:10px;border-radius:0;display:block}
.a06-dot.r{background:#ff5f57}
.a06-dot.y{background:#febc2e}
.a06-dot.g{background:#28c840}
.a06-title{font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-2);letter-spacing:.02em;margin-left:4px}
.a06-title b{color:#d97757;font-weight:500}
.a06-body{flex:1 1 auto;min-height:0;padding:11px 14px 0;background:var(--bg);display:flex;flex-direction:column}
.a06-head{display:flex;align-items:baseline;gap:8px;margin-bottom:9px}
.a06-spark{font-family:'Geist Mono',monospace;font-size:13px;color:#d97757;line-height:1}
.a06-htxt{font-family:'Geist Mono',monospace;font-size:12px;color:var(--ink);font-weight:500;letter-spacing:.01em}
.a06-meta{margin-left:auto;font-family:'Geist Mono',monospace;font-size:9.5px;color:var(--ink-3);letter-spacing:.02em}
.a06-steps{display:flex;flex-direction:column;gap:0;border-left:1px solid var(--line)}
.a06-step{display:flex;align-items:flex-start;gap:9px;padding:5px 0 5px 11px;border-bottom:1px solid var(--line)}
.a06-step:last-child{border-bottom:0}
.a06-box{flex:0 0 auto;width:13px;height:13px;border:1px solid var(--line-2);font-family:'Geist Mono',monospace;font-size:9px;line-height:11px;text-align:center;color:#d97757;margin-top:1px}
.a06-num{flex:0 0 auto;font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-3);margin-top:1.5px;width:11px}
.a06-txt{font-size:11.5px;line-height:1.32;color:var(--ink-2)}
.a06-txt b{color:var(--ink);font-weight:500}
.a06-txt code{font-family:'Geist Mono',monospace;font-size:10px;color:#d97757;background:var(--bg-3);padding:0 3px;border:1px solid var(--line)}
.a06-foot{flex:0 0 30px;height:30px;display:flex;align-items:center;gap:14px;padding:0 14px;background:var(--bg-2);border-top:1px solid var(--line-2);font-family:'Geist Mono',monospace;font-size:10px}
.a06-esc{color:var(--ink-3)}
.a06-esc kbd{color:var(--ink-2);border:1px solid var(--line-2);padding:0 4px;background:var(--bg-3)}
.a06-app{margin-left:auto;color:#d97757;display:flex;align-items:center;gap:6px}
.a06-app kbd{color:#d97757;border:1px solid #d97757;padding:0 4px;background:rgba(217,119,87,0.08)}
.a07{width:100%;height:240px;box-sizing:border-box;overflow:hidden;background:var(--bg);border:1px solid var(--line-2);display:flex;flex-direction:column;font-family:'Geist',system-ui,sans-serif;color:var(--ink);position:relative}
.a07 *{box-sizing:border-box}
.a07-chrome{display:flex;align-items:center;gap:10px;padding:7px 11px;background:var(--bg-2);border-bottom:1px solid var(--line-2);flex-shrink:0}
.a07-dots{display:flex;gap:6px;flex-shrink:0}
.a07-dot{width:10px;height:10px;border-radius:50%}
.a07-dot.r{background:#ff5f57}
.a07-dot.y{background:#febc2e}
.a07-dot.g{background:#28c840}
.a07-tabs{display:flex;gap:1px;flex:1;min-width:0;overflow:hidden}
.a07-tab{display:flex;align-items:center;gap:6px;padding:4px 11px;background:var(--bg-3);border:1px solid var(--line-2);font-family:'Geist',system-ui,sans-serif;font-size:11px;color:var(--ink);max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a07-tab.muted{background:transparent;border-color:var(--line);color:var(--ink-3)}
.a07-favi{width:8px;height:8px;background:var(--accent);flex-shrink:0}
.a07-tab.muted .a07-favi{background:var(--ink-3)}
.a07-bar{display:flex;align-items:center;gap:9px;padding:6px 11px;background:var(--bg);border-bottom:1px solid var(--line);flex-shrink:0}
.a07-nav{display:flex;gap:9px;color:var(--ink-3);font-family:'Geist Mono',monospace;font-size:12px;flex-shrink:0}
.a07-nav span:last-child{color:var(--line-2)}
.a07-url{flex:1;min-width:0;display:flex;align-items:center;gap:7px;padding:4px 9px;background:var(--bg-2);border:1px solid var(--line-2);font-family:'Geist Mono',monospace;font-size:11px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a07-lock{color:var(--ink-3);font-size:10px;flex-shrink:0}
.a07-url b{color:var(--ink);font-weight:500}
.a07-page{flex:1;display:flex;background:var(--bg);min-height:0;overflow:hidden}
.a07-rail{width:118px;border-right:1px solid var(--line);padding:9px 10px;flex-shrink:0;display:flex;flex-direction:column;gap:7px}
.a07-prof{display:flex;align-items:center;gap:7px}
.a07-avatar{width:22px;height:22px;background:var(--bg-3);border:1px solid var(--line-2);flex-shrink:0}
.a07-pn{font-size:10px;color:var(--ink);font-weight:500;line-height:1.2}
.a07-ps{font-size:9px;color:var(--ink-3);font-family:'Geist Mono',monospace}
.a07-rstat{margin-top:2px;display:flex;flex-direction:column;gap:4px}
.a07-rrow{display:flex;justify-content:space-between;font-size:9px;color:var(--ink-3);font-family:'Geist Mono',monospace}
.a07-rrow b{color:var(--accent-2);font-weight:500}
.a07-feed{flex:1;padding:9px 11px;display:flex;flex-direction:column;gap:7px;min-width:0;overflow:hidden}
.a07-post{border:1px solid var(--line);padding:7px 9px;display:flex;flex-direction:column;gap:5px;background:var(--bg-2)}
.a07-post.live{border-color:var(--accent);background:var(--bg-3)}
.a07-phead{display:flex;align-items:center;gap:6px}
.a07-pav{width:16px;height:16px;background:var(--bg-3);border:1px solid var(--line-2);flex-shrink:0}
.a07-post.live .a07-pav{background:var(--accent)}
.a07-pname{font-size:10px;color:var(--ink);font-weight:500}
.a07-pmeta{font-size:9px;color:var(--ink-3);font-family:'Geist Mono',monospace;margin-left:auto}
.a07-ptext{font-size:10px;color:var(--ink-2);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.a07-pacts{display:flex;gap:5px;align-items:center}
.a07-act{font-size:9px;color:var(--ink-3);font-family:'Geist Mono',monospace}
.a07-liked{font-size:9px;font-family:'Geist Mono',monospace;color:var(--accent-2);margin-left:auto;display:flex;align-items:center;gap:4px}
.a07-cursor{width:0;height:0;border-left:7px solid var(--ink);border-bottom:5px solid transparent;border-right:3px solid transparent;transform:rotate(-12deg);display:inline-block}
.a07-term{flex-shrink:0;background:var(--bg-2);border-top:1px solid var(--line-2);padding:6px 11px;display:flex;flex-direction:column;gap:2px;height:76px;overflow:hidden}
.a07-tbar{display:flex;align-items:center;gap:8px;font-family:'Geist Mono',monospace;font-size:9px;color:var(--ink-3);margin-bottom:2px}
.a07-tbar .a07-tt{color:var(--ink-2)}
.a07-tbar .a07-tpid{margin-left:auto;color:var(--ink-3)}
.a07-tline{font-family:'Geist Mono',monospace;font-size:10px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a07-prompt{color:var(--accent-2)}
.a07-cmd{color:var(--ink)}
.a07-flag{color:#d97757}
.a07-json{color:var(--ink-3)}
.a07-key{color:var(--ink-2)}
.a07-val{color:var(--accent-2)}
.a07-ok{color:#28c840}
.a07-blink{display:inline-block;width:6px;height:11px;background:var(--ink);vertical-align:-1px;margin-left:1px}
@media (max-width:560px){.a07-rail{display:none}.a07-tab.muted{display:none}}
.a08{width:100%;height:240px;box-sizing:border-box;background:var(--bg);border:1px solid var(--line-2);display:flex;flex-direction:column;overflow:hidden;font-family:'Geist Mono',monospace;color:var(--ink)}
.a08 *{box-sizing:border-box}
.a08-bar{display:flex;align-items:center;gap:10px;height:28px;flex:0 0 28px;padding:0 10px;background:var(--bg-2);border-bottom:1px solid var(--line-2)}
.a08-dots{display:flex;gap:6px;align-items:center}
.a08-dot{width:10px;height:10px;border-radius:50%}
.a08-r{background:#ff5f57}.a08-y{background:#febc2e}.a08-g{background:#28c840}
.a08-title{flex:1;text-align:center;font-size:11px;color:var(--ink-2);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a08-moon{color:var(--accent-2);margin-right:5px}
.a08-pill{font-size:9px;color:var(--ink-3);border:1px solid var(--line);padding:1px 6px;letter-spacing:.04em}
.a08-body{flex:1 1 auto;padding:9px 12px 7px;overflow:hidden;display:flex;flex-direction:column;gap:1px;font-size:11px;line-height:1.5}
.a08-l{display:flex;align-items:baseline;gap:9px;white-space:nowrap}
.a08-ts{color:var(--ink-3);flex:0 0 auto;font-size:10.5px}
.a08-tag{flex:0 0 auto;font-size:9.5px;letter-spacing:.03em;padding:0 5px;border:1px solid var(--line)}
.a08-job{color:var(--accent-2)}
.a08-cron{color:var(--ink-3)}
.a08-tx{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;color:var(--ink-2)}
.a08-arrow{color:var(--ink-3)}
.a08-ok{color:#28c840;flex:0 0 auto}
.a08-info{color:var(--ink-2)}
.a08-num{color:var(--ink)}
.a08-dim{color:var(--ink-3)}
.a08-cl{color:#d97757}
.a08-foot{flex:0 0 24px;height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-top:1px solid var(--line);background:var(--bg-2);font-size:10px;color:var(--ink-3);letter-spacing:.02em}
.a08-next{display:flex;align-items:center;gap:6px}
.a08-pulse{width:6px;height:6px;border-radius:50%;background:#28c840;display:inline-block}
.a08-fr{color:var(--ink-2)}
@media (max-width:520px){.a08-cron{display:none}.a08-pill{display:none}}
.a09{width:100%;height:240px;box-sizing:border-box;overflow:hidden;background:var(--bg);border:1px solid var(--line-2);font-family:'Geist',system-ui,sans-serif;color:var(--ink);display:flex;flex-direction:column;}
.a09 *{box-sizing:border-box;}
.a09-chrome{display:flex;align-items:center;gap:8px;height:26px;flex:0 0 26px;padding:0 10px;background:var(--bg-2);border-bottom:1px solid var(--line-2);}
.a09-dots{display:flex;gap:6px;}
.a09-dot{width:10px;height:10px;border-radius:0;display:block;}
.a09-dot.r{background:#ff5f57;}
.a09-dot.y{background:#febc2e;}
.a09-dot.g{background:#28c840;}
.a09-chrome-title{font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-3);letter-spacing:.02em;margin-left:4px;}
.a09-chrome-spacer{flex:1;}
.a09-chrome-meta{font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-3);}
.a09-head{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);flex:0 0 auto;}
.a09-status{display:inline-flex;align-items:center;gap:6px;font-family:'Geist Mono',monospace;font-size:11px;font-weight:500;color:#28c840;border:1px solid var(--line-2);padding:3px 8px;letter-spacing:.01em;}
.a09-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#28c840;display:inline-block;}
.a09-site{font-family:'Geist',system-ui,sans-serif;font-size:12px;color:var(--ink-2);}
.a09-site b{color:var(--ink);font-weight:600;}
.a09-head-spacer{flex:1;}
.a09-prod{font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-3);border:1px solid var(--line);padding:3px 7px;}
.a09-url{display:flex;align-items:center;gap:0;padding:7px 12px;border-bottom:1px solid var(--line);flex:0 0 auto;}
.a09-urlbox{flex:1;display:flex;align-items:center;gap:7px;font-family:'Geist Mono',monospace;font-size:11.5px;color:var(--ink);background:var(--bg-2);border:1px solid var(--line-2);padding:6px 9px;min-width:0;overflow:hidden;white-space:nowrap;}
.a09-lock{color:#28c840;font-size:10px;flex:0 0 auto;}
.a09-urlbox span{overflow:hidden;text-overflow:ellipsis;}
.a09-visit{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font-family:'Geist Mono',monospace;font-size:11px;font-weight:500;color:var(--bg);background:var(--accent);border:1px solid var(--accent);padding:7px 11px;margin-left:8px;}
.a09-log{flex:1 1 auto;min-height:0;overflow:hidden;background:var(--bg);padding:8px 12px 6px;font-family:'Geist Mono',monospace;font-size:10.5px;line-height:1.55;}
.a09-loghdr{color:var(--ink-3);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;}
.a09-line{display:flex;align-items:baseline;gap:8px;white-space:nowrap;}
.a09-ts{color:var(--ink-3);flex:0 0 auto;}
.a09-ok{color:#28c840;flex:0 0 auto;width:10px;}
.a09-msg{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;}
.a09-msg b{color:var(--ink);font-weight:500;}
.a09-msg .a09-em{color:var(--accent-2);}
.a09-done{color:#28c840;}
.a10{width:100%;height:240px;box-sizing:border-box;overflow:hidden;background:var(--bg);border:1px solid var(--line-2);display:flex;flex-direction:column;font-family:'Geist',system-ui,sans-serif;color:var(--ink);position:relative}
.a10 *{box-sizing:border-box}
.a10-bar{display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--bg-2);border-bottom:1px solid var(--line-2);flex:0 0 auto}
.a10-dots{display:flex;gap:6px}
.a10-dot{width:9px;height:9px;border-radius:50%}
.a10-r{background:#ff5f57}.a10-y{background:#febc2e}.a10-g{background:#28c840}
.a10-app{margin-left:6px;font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-3);letter-spacing:.04em}
.a10-hdr{display:flex;align-items:center;gap:7px;padding:8px 12px;border-bottom:1px solid var(--line);flex:0 0 auto;background:var(--bg)}
.a10-hash{font-family:'Geist Mono',monospace;font-size:15px;color:var(--ink-3);line-height:1;font-weight:600}
.a10-chan{font-family:'Geist',sans-serif;font-size:13px;color:var(--ink);font-weight:600;letter-spacing:.01em}
.a10-sep{width:1px;height:14px;background:var(--line-2);margin:0 4px}
.a10-topic{font-family:'Geist',sans-serif;font-size:11px;color:var(--ink-3)}
.a10-online{margin-left:auto;display:flex;align-items:center;gap:5px;font-family:'Geist Mono',monospace;font-size:9px;color:var(--ink-3)}
.a10-pulse{width:6px;height:6px;border-radius:50%;background:#28c840}
.a10-feed{flex:1 1 auto;padding:9px 12px 6px;display:flex;flex-direction:column;gap:9px;overflow:hidden}
.a10-msg{display:flex;gap:9px;align-items:flex-start}
.a10-av{width:28px;height:28px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-family:'Geist Mono',monospace;font-size:10px;font-weight:700;border:1px solid var(--line-2);color:var(--ink)}
.a10-av-u{background:var(--bg-3);color:var(--ink-2)}
.a10-av-h{background:rgba(139,92,246,.12);border-color:var(--accent);color:var(--accent-2)}
.a10-body{flex:1 1 auto;min-width:0}
.a10-meta{display:flex;align-items:baseline;gap:7px;margin-bottom:2px}
.a10-name{font-family:'Geist',sans-serif;font-size:12px;font-weight:600;color:var(--ink)}
.a10-name-h{color:var(--accent-2)}
.a10-badge{font-family:'Geist Mono',monospace;font-size:8px;letter-spacing:.05em;color:var(--accent-2);border:1px solid var(--accent);padding:1px 4px;text-transform:uppercase;line-height:1.3}
.a10-time{font-family:'Geist Mono',monospace;font-size:9px;color:var(--ink-3)}
.a10-text{font-family:'Geist',sans-serif;font-size:12px;color:var(--ink-2);line-height:1.5}
.a10-brief{font-family:'Geist',sans-serif;font-size:12px;color:var(--ink-2);line-height:1.55}
.a10-brief b{color:var(--ink);font-weight:600}
.a10-line{display:flex;align-items:baseline;gap:7px}
.a10-tk{font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-3);flex:0 0 auto;min-width:46px}
.a10-tk-cal{color:var(--accent-2)}
.a10-tk-task{color:#d97757}
.a10-input{flex:0 0 auto;margin:0 12px 11px;border:1px solid var(--line-2);background:var(--bg-2);padding:7px 10px;display:flex;align-items:center;gap:8px}
.a10-ph{font-family:'Geist',sans-serif;font-size:11px;color:var(--ink-3);flex:1 1 auto}
.a10-send{font-family:'Geist Mono',monospace;font-size:9px;color:var(--ink-3);letter-spacing:.04em}

  /* artifact embedded inside a 2-col compact card */
  .mc-art { margin-top: 18px; }
  .mc-art > * { width: 100%; box-sizing: border-box; }


/* ===== mini outcome artifacts (half-height) m01..m10 ===== */
.m01{width:100%;height:110px;box-sizing:border-box;overflow:hidden;background:var(--bg-2);border:1px solid var(--line-2);padding:12px 14px;display:flex;flex-direction:column;gap:7px;font-family:'Geist Mono',monospace}
.m01-file{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--ink-3)}
.m01-dot{width:6px;height:6px;background:var(--accent);flex:none}
.m01-head{font-size:11px;color:var(--accent-2);line-height:1.1}
.m01-rule{font-size:10px;color:var(--ink-2);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m02{width:100%;height:110px;box-sizing:border-box;overflow:hidden;background:var(--bg);border:1px solid var(--line-2);padding:10px 12px;font-family:'Geist Mono',monospace;display:flex;flex-direction:column;justify-content:center;gap:0}
.m02-tbl{display:flex;flex-direction:column;width:100%}
.m02-r{display:grid;grid-template-columns:1.4fr 1fr 0.9fr;align-items:center;height:26px;border-bottom:1px solid var(--line);padding:0 2px}
.m02-r:last-child{border-bottom:0}
.m02-h{color:var(--ink-3);font-size:9px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line-2)}
.m02-c{font-size:10px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:6px}
.m02-c2{font-size:10px;color:var(--ink-2)}
.m02-pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:var(--ink);background:var(--bg-3);border:1px solid var(--line-2);padding:1px 6px;width:fit-content}
.m02-dot{width:5px;height:5px;background:var(--accent-2);display:block}
.m05{width:100%;height:110px;box-sizing:border-box;overflow:hidden;background:var(--bg-2);border:1px solid var(--line-2);padding:14px 16px;display:flex;flex-direction:column;justify-content:center;gap:9px;font-family:'Geist',sans-serif}
.m05-q{font-family:'Geist Mono',monospace;font-size:11px;line-height:1.3;color:var(--accent-2);letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m05-a{font-family:'Geist',sans-serif;font-size:10px;line-height:1.4;color:var(--ink-2);display:flex;align-items:baseline;gap:7px;white-space:nowrap;overflow:hidden}
.m05-a-txt{overflow:hidden;text-overflow:ellipsis}
.m05-cite{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px}
.m05-chip{font-family:'Geist Mono',monospace;font-size:9px;color:var(--ink);background:var(--bg-3);border:1px solid var(--line-2);padding:1px 5px;line-height:1.3}
.m05-src{font-family:'Geist Mono',monospace;font-size:9px;color:var(--ink-3);letter-spacing:-0.01em}
.m06{width:100%;height:110px;box-sizing:border-box;overflow:hidden;background:var(--bg-2);border:1px solid var(--line-2);padding:10px 12px;display:flex;flex-direction:column;justify-content:space-between;font-family:'Geist Mono',monospace}
.m06 *{box-sizing:border-box}
.m06-head{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#d97757}
.m06-head .m06-star{font-size:11px;line-height:1}
.m06-head .m06-tag{margin-left:auto;font-size:9px;color:var(--ink-3);letter-spacing:.04em}
.m06-steps{display:flex;flex-direction:column;gap:5px}
.m06-step{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--ink-2);line-height:1.1}
.m06-box{width:11px;height:11px;flex:0 0 11px;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-size:8px;color:#d97757}
.m06-num{color:var(--ink-3);font-size:9px}
.m06-step .m06-txt{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m06-foot{display:flex;align-items:center;gap:6px;align-self:flex-start;border:1px solid #d97757;padding:2px 7px;font-size:9px;letter-spacing:.05em;color:#d97757}
.m06-foot .m06-key{color:#d97757;font-size:10px}
.m07{width:100%;height:110px;box-sizing:border-box;overflow:hidden;background:var(--bg);border:1px solid var(--line-2);padding:14px 14px;display:flex;flex-direction:column;justify-content:center;gap:10px;font-family:'Geist Mono',monospace}
.m07-bar{display:flex;align-items:center;gap:8px;height:24px;background:var(--bg-2);border:1px solid var(--line-2);padding:0 10px;box-sizing:border-box}
.m07-lock{width:8px;height:8px;border:1px solid var(--ink-3);border-bottom:none;border-radius:4px 4px 0 0;flex:none}
.m07-url{font-size:10px;color:var(--ink-2);letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m07-url b{color:var(--ink);font-weight:500}
.m07-cmd{display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap;overflow:hidden}
.m07-dollar{color:var(--accent-2)}
.m07-bin{color:var(--ink)}
.m07-flag{color:var(--ink-3)}
.m07-arrow{color:var(--ink-3)}
.m07-out{color:#d97757}
.m08{width:100%;height:110px;box-sizing:border-box;overflow:hidden;background:var(--bg);border:1px solid var(--line-2);padding:12px 14px;display:flex;flex-direction:column;justify-content:center;gap:7px;font-family:'Geist Mono',monospace}
.m08-head{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:1px}
.m08-moon{color:var(--ink-2);font-size:10px;line-height:1}
.m08-line{display:flex;align-items:baseline;gap:8px;font-size:10px;line-height:1.1;white-space:nowrap}
.m08-ts{color:var(--ink-3);min-width:34px}
.m08-chk{color:#3fb950;font-size:10px}
.m08-task{color:var(--ink)}
.m08-next{font-size:9px;color:var(--ink-3);letter-spacing:.04em;margin-top:2px;border-top:1px solid var(--line);padding-top:6px}
.m09{width:100%;height:110px;box-sizing:border-box;overflow:hidden;background:var(--bg);border:1px solid var(--line-2);display:flex;flex-direction:column;justify-content:center;gap:10px;padding:0 16px;font-family:'Geist Mono',monospace}
.m09-status{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.04em;color:var(--ink-2);text-transform:uppercase}
.m09-dot{width:7px;height:7px;background:#34d36b;flex:none}
.m09-pub{color:#34d36b}
.m09-url{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg-2);border:1px solid var(--line);padding:8px 10px}
.m09-host{font-size:11px;color:var(--ink);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m09-visit{font-size:9px;letter-spacing:.06em;color:var(--accent-2);text-transform:uppercase;white-space:nowrap;flex:none}
.m10{width:100%;height:110px;box-sizing:border-box;overflow:hidden;background:var(--bg);border:1px solid var(--line-2);display:flex;flex-direction:column;font-family:'Geist',sans-serif}
.m10-chan{flex:0 0 auto;display:flex;align-items:center;gap:5px;padding:6px 10px;border-bottom:1px solid var(--line);background:var(--bg-2)}
.m10-hash{font-family:'Geist Mono',monospace;font-size:11px;color:var(--ink-3);line-height:1}
.m10-cname{font-family:'Geist Mono',monospace;font-size:11px;color:var(--ink);line-height:1}
.m10-body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:8px 10px}
.m10-line{display:flex;align-items:baseline;gap:6px;line-height:1.25}
.m10-who{font-family:'Geist Mono',monospace;font-size:10px;font-weight:600;flex:0 0 auto}
.m10-u{color:var(--ink-2)}
.m10-h{color:var(--accent-2)}
.m10-msg{font-size:10px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m10-msg.m10-reply{color:var(--ink-2)}

  /* ===== v2 annotations: why-now quote pair, skill subtitle, leverage close ===== */
  .why-quotes { margin-top: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
  @media (max-width: 760px) { .why-quotes { grid-template-columns: 1fr; } }
  /* on the narrowest phones the source row's two nowrap chunks ("Milken
     Institute, May 2025" + "Verified") force the card wider than the viewport;
     trim padding and let that row wrap so the card fits cleanly. */
  @media (max-width: 480px) {
    .why-quotes .qc { padding: 22px 18px 18px; min-width: 0; }
    .why-quotes .qc .src { flex-wrap: wrap; gap: 4px 12px; }
    .why-quotes .qc .src .tag { white-space: normal; }
  }
  .why-quotes .qc { position: relative; background: var(--bg-2); border: 1px solid var(--line-2); padding: 26px 26px 20px; display: flex; flex-direction: column; }
  .why-quotes .qc.gold { border-color: rgba(139, 92, 246, 0.5); background: var(--bg-2); }
  .why-quotes .qc-mark { position: absolute; top: 12px; right: 18px; font-family: 'EB Garamond', Georgia, serif; font-style: italic; font-size: 52px; line-height: 1; color: var(--line-2); }
  .why-quotes .qc .q { margin: 4px 0 18px; font-size: 19px; line-height: 1.4; letter-spacing: -0.01em; color: var(--ink); font-weight: 500; border: none; padding: 0; }
  .why-quotes .qc .q .em { color: var(--accent-2); font-weight: 600; }
  .why-quotes .qc .by { display: flex; align-items: center; gap: 12px; margin-top: auto; }
  .why-quotes .qc .av { width: 46px; height: 46px; border-radius: 0; object-fit: cover; flex: 0 0 46px; border: 1px solid var(--line-2); background: var(--bg-3); }
  .why-quotes .qc .who { display: flex; flex-direction: column; }
  .why-quotes .qc .who .n { font-weight: 700; font-size: 14px; color: var(--ink); }
  .why-quotes .qc .who .r { color: var(--ink-2); font-size: 12.5px; margin-top: 1px; }
  .why-quotes .qc .src { margin-top: 16px; padding-top: 13px; border-top: 1px solid var(--line); font-family: 'Geist Mono', monospace; font-size: 10.5px; color: var(--ink-3); letter-spacing: 0.02em; display: flex; justify-content: space-between; gap: 12px; align-items: baseline; }
  .why-quotes .qc .src .tag { color: #34d36b; white-space: nowrap; text-decoration: none; }
  .why-quotes .qc .src .tag:hover { text-decoration: underline; }

  .skill .skill-sub { font-family: 'EB Garamond', Georgia, serif; font-style: italic; font-size: 15px; color: var(--accent-2); margin: -4px 0 10px; letter-spacing: 0.01em; }


  /* ===== featured LinkedIn proof (social proof section) ===== */
  .feat { margin-top: 8px; display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 44px; align-items: center; }
  @media (max-width: 860px) { .feat { grid-template-columns: 1fr; gap: 28px; } }
  .feat .li-cap { font-family: 'Geist Mono', monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-3); display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
  .feat .li-cap .dot { width: 8px; height: 8px; border-radius: 50%; background: #34d36b; display: inline-block; }
  .feat .li-frame { position: relative; border: 1px solid var(--line-2); background: var(--bg-2); max-width: 430px; border-radius: 8px; overflow: hidden; box-shadow: 0 20px 52px -18px rgba(0,0,0,0.72), 0 0 0 1px rgba(255,255,255,0.02); }
  .feat .li-frame img { width: 100%; height: auto; display: block; }
  .feat .li-hl { position: absolute; background: rgba(167, 139, 250, 0.30); border-radius: 2px; clip-path: inset(0 100% 0 0); transform: skewX(-2.5deg); transition: clip-path 0.7s ease; box-shadow: 0 0 0 1px rgba(167, 139, 250, 0.25); }
  .feat .li-hl.alt { background: rgba(216, 161, 74, 0.28); box-shadow: 0 0 0 1px rgba(216, 161, 74, 0.25); }
  .feat .li-frame.go .li-hl { clip-path: inset(0 0 0 0); }
  .feat .li-frame.go .li-hl.d2 { transition-delay: 0.55s; }
  @media (prefers-reduced-motion: reduce) { .feat .li-frame .li-hl { transition: none; clip-path: inset(0 0 0 0); } }
  .feat .li-foot { margin-top: 12px; font-family: 'Geist Mono', monospace; font-size: 11px; }
  .feat .li-foot a { color: var(--accent); text-decoration: none; }
  .feat .li-foot a:hover { color: var(--accent-2); }
  .feat .li-pull { margin: 0; }
  .feat .li-pull .lead { font-family: 'Geist', system-ui, sans-serif; font-size: clamp(28px, 3.4vw, 42px); line-height: 1.14; color: var(--ink); font-weight: 700; letter-spacing: -0.02em; }
  .feat .li-pull .lead .em { color: var(--accent-2); }
  .feat .li-pull .sub { margin-top: 18px; font-size: 16px; line-height: 1.55; color: var(--ink-2); max-width: 46ch; }
  .feat .li-pull .sub .hl { color: var(--ink); border-bottom: 2px solid rgba(167, 139, 250, 0.4); }
  .feat .li-pull .by { margin-top: 22px; display: flex; align-items: center; gap: 12px; }
  .feat .li-pull .by .ava { width: 44px; height: 44px; border-radius: 50%; background: var(--bg-3); border: 1px solid var(--line-2); display: grid; place-items: center; font-family: 'Geist Mono', monospace; color: var(--accent-2); font-size: 15px; flex: 0 0 44px; }
  .feat .li-pull .by .who { display: flex; flex-direction: row; align-items: baseline; flex-wrap: wrap; }
  .feat .li-pull .by .who .n { font-weight: 700; font-size: 15px; color: var(--ink); }
  .feat .li-pull .by .who .r { font-size: 12.5px; color: var(--ink-2); }
  .feat .li-pull .by .who .r::before { content: "\00B7"; margin: 0 8px; color: var(--ink-3); }

  /* ----- proof logo wall (consent-gated institutions) ----- */
  .proof-logos { margin: 6px 0 50px; }
  .lw-eyebrow { font-family: 'Geist', system-ui, sans-serif; font-size: clamp(16px, 2vw, 20px); color: var(--ink-2); text-align: center; letter-spacing: -.01em; margin: 0 0 34px; }
  .lw-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 28px 54px; max-width: 1000px; margin: 0 auto; }
  .rl { height: 26px; width: auto; filter: brightness(0) invert(1); opacity: .82; transition: opacity .15s ease; }
  .rl:hover { opacity: 1; }
  .rl.ucl { height: 33px; } .rl.ons { height: 19px; } .rl.dbs { height: 29px; }
  .rl.atlassian { height: 23px; } .rl.microsoft { height: 22px; }
  @media (max-width: 720px) { .lw-row { gap: 22px 36px; } .rl { height: 22px; } .rl.ucl { height: 28px; } }