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

:root { color-scheme: light; --ink: #172334; --muted: #50677a; --paper: #7ef3ff; --line: #b7d8e8; --navy: #1b3147; --blue: #d9eaf1; --accent: #fb4f14; --accent-soft: #ffd0c2; --green: #568a73; --surface: #fff; --lede: #fff; --shadow: rgba(34, 89, 120, .2); }
html.dark { color-scheme: dark; --ink: #edf3f5; --muted: #94a4b4; --paper: #080d15; --line: #243142; --navy: #b9d7e4; --blue: #142a3b; --accent: #ff7040; --accent-soft: #8f3d28; --green: #79bc9c; --surface: #101925; --lede: #edf3f5; --shadow: #05080d; }
* { box-sizing: border-box; }
html, body { background: var(--paper); transition: background-color .25s ease, color .25s ease; }
html { background: var(--paper); }
html:not(.dark), html:not(.dark) body { background: linear-gradient(90deg, #054be6 0%, #004eff 14.286%, #005fdf 28.571%, #017be1 42.857%, #139eff 57.143%, #2ec2e3 71.429%, #52e0dd 85.714%, #7ef3ff 100%); background-attachment: fixed; }
body { margin: 0; min-width: 320px; color: var(--ink); font-family: 'DM Sans', system-ui, sans-serif; font-size: 16px; }
a { color: inherit; text-decoration: none; }
.shell { width: min(1240px, calc(100% - 64px)); min-height: 100vh; margin: 0 auto; }
.topbar { height: 92px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.topbar-tools { display: flex; align-items: center; gap: 22px; }
.theme-toggle { width: 42px; height: 42px; display: grid; place-items: center; padding: 0; color: var(--ink); border: 1px solid var(--line); border-radius: 50%; background: transparent; cursor: pointer; transition: background-color .2s ease, border-color .2s ease, transform .2s ease; }
.theme-toggle:hover, .theme-toggle:focus-visible { border-color: var(--accent); background: var(--surface); transform: rotate(-8deg); outline: none; }
.theme-icon { width: 21px; height: 21px; }
.icon-lightbulb-off { display: none; }
html.dark .icon-lightbulb { display: none; }
html.dark .icon-lightbulb-off { display: block; }
.brand { position: relative; display: inline-flex; align-items: center; color: #fff; font-family: 'Space Grotesk', 'DM Sans', sans-serif; font-size: 20px; font-weight: 700; letter-spacing: -.045em; }.brand-mark { position: relative; display: block; width: 220px; height: 62px; color: #fff; background: transparent; }.brand-logo-desktop { position: absolute; inset: 0; width: 220px; height: 62px; }.brand-logo-mobile { display: none; }.brand-name { position: absolute; z-index: 1; top: 11px; left: 81px; white-space: nowrap; }
.edition, .eyebrow, .card-index, .status-pill { color: var(--muted); font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.view { padding: 72px 0 28px; }
.home-view { position: relative; isolation: isolate; }
.home-view::before { position: absolute; z-index: 0; content: ''; inset: -72px -18vw 0; pointer-events: none; opacity: .22; background-image: linear-gradient(rgba(255, 255, 255, .7) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .7) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, .72) 42%, transparent 78%); }
.home-view > * { position: relative; z-index: 1; }
.intro-grid { position: relative; display: grid; grid-template-columns: minmax(0, 760px) minmax(150px, 1fr); align-items: center; gap: 48px; }
.hero-agentic-bot { justify-self: end; width: clamp(120px, 16vw, 220px); height: auto; color: #fff; }
.hero-lottie { z-index: 1; justify-self: center; width: clamp(240px, 32vw, 440px); aspect-ratio: 1; height: auto; color: #fff; animation: hero-lottie-elevation 6s ease-in-out infinite; }
.hero-lottie svg { display: block; width: 100%; height: 100%; }
@keyframes hero-lottie-elevation { 0%, 100% { transform: translateY(2px); } 50% { transform: translateY(-6px); } }
.hero-clouds { position: absolute; z-index: 0; inset: 0 0 0 42%; overflow: hidden; pointer-events: none; -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 22%, #000 48%, #000 100%); mask-image: linear-gradient(90deg, transparent 0%, transparent 22%, #000 48%, #000 100%); }
.hero-cloud { position: absolute; left: 110%; width: 220px; height: 18px; border-radius: 999px; background: rgba(255, 255, 255, .72); box-shadow: 0 8px 18px rgba(255, 255, 255, .2); filter: blur(.4px); opacity: 0; animation: hero-cloud-drift 15s linear infinite; }
.hero-cloud-one { top: 18%; width: 180px; height: 14px; animation-delay: -2s; }.hero-cloud-two { top: 30%; width: 280px; height: 21px; animation-delay: -8s; }.hero-cloud-three { top: 42%; width: 145px; height: 12px; animation-delay: -12s; }.hero-cloud-four { top: 54%; width: 235px; height: 16px; animation-delay: -5s; }.hero-cloud-five { top: 66%; width: 310px; height: 23px; animation-delay: -10s; }.hero-cloud-six { top: 74%; width: 195px; height: 15px; animation-delay: -6s; }.hero-cloud-seven { top: 84%; width: 260px; height: 19px; animation-delay: -14s; }.hero-cloud-eight { top: 92%; width: 155px; height: 12px; animation-delay: -4s; }
@keyframes hero-cloud-drift { 0%, 3% { opacity: 0; transform: translateX(0) scale(.8); } 8% { opacity: .88; } 24% { opacity: .72; } 42% { opacity: .2; } 54%, 100% { opacity: 0; transform: translateX(-170vw) scale(.95); } }
.hero-agentic-bot { transform-box: fill-box; transform-origin: center bottom; animation: hero-bot-dance 2.4s ease-in-out infinite; }
.hero-agentic-bot .left-leg { transform-box: fill-box; transform-origin: top center; animation: hero-left-leg-dance 4s ease-in-out infinite; }
.hero-agentic-bot .right-leg { transform-box: fill-box; transform-origin: top center; animation: hero-right-leg-dance 4s ease-in-out infinite; }
.eyebrow { margin: 0 0 22px; color: var(--accent); font-weight: 500; }
h1, h2, p { margin-top: 0; }
h1 { margin-bottom: 22px; font-size: clamp(48px, 7vw, 96px); line-height: .96; letter-spacing: -.065em; font-weight: 600; }
h1 em { color: var(--accent); font-family: 'Space Grotesk', 'DM Sans', sans-serif; font-style: normal; font-weight: 700; letter-spacing: -.075em; }
.lede { max-width: 580px; margin-bottom: 0; color: var(--lede); text-shadow: 0 2px 3px rgba(3, 24, 68, .42), 0 5px 16px rgba(3, 24, 68, .24); font-size: 18px; line-height: 1.65; }
.lede u { text-underline-offset: .18em; text-decoration-thickness: 1px; }
.mode-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 78px; }
.mode-card { position: relative; min-height: 270px; display: flex; flex-direction: column; padding: 25px; border: 1px solid rgba(255, 255, 255, .75); border-radius: 18px; background: var(--surface); box-shadow: 0 12px 28px var(--shadow); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .25s ease; }
.mode-card:hover, .mode-card:focus-visible { transform: translateY(-5px); border-color: var(--ink); box-shadow: 0 18px 34px var(--shadow); outline: none; }
.card-index { margin-bottom: 34px; }.mode-icon { display: grid; place-items: center; width: 100%; height: 58px; margin-bottom: 24px; background: transparent; color: var(--navy); }.mode-icon svg { width: 48px; height: 48px; }.agile .mode-icon { color: var(--green); }.agile-rotate .rotating-arrow { transform-box: view-box; transform-origin: 12px 12px; }.mode-card.agile:hover .agile-rotate .rotating-arrow, .mode-card.agile:focus-visible .agile-rotate .rotating-arrow { animation: rotate-ccw 1.5s linear infinite; }.agentic .mode-icon { color: var(--accent); }.agentic .mode-icon.agentic-bot { width: 64px; height: 48px; }.traditional-flow .first-box, .traditional-flow .flow-segment, .traditional-flow .second-box { animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-play-state: paused; }.traditional-flow .flow-segment { transform-box: view-box; animation-timing-function: linear; }.traditional-flow .flow-vertical { transform-origin: 7px 11px; transform: scaleY(0); }.traditional-flow .flow-horizontal { transform-origin: 7px 17px; transform: scaleX(0); }.mode-card.traditional:hover .traditional-flow .first-box, .mode-card.traditional:focus-visible .traditional-flow .first-box { animation-name: first-box-flow; animation-play-state: running; }.mode-card.traditional:hover .traditional-flow .flow-segment, .mode-card.traditional:focus-visible .traditional-flow .flow-segment { animation-play-state: running; }.mode-card.traditional:hover .traditional-flow .flow-vertical, .mode-card.traditional:focus-visible .traditional-flow .flow-vertical { animation-name: draw-flow-vertical; }.mode-card.traditional:hover .traditional-flow .flow-horizontal, .mode-card.traditional:focus-visible .traditional-flow .flow-horizontal { animation-name: draw-flow-horizontal; }.mode-card.traditional:hover .traditional-flow .second-box, .mode-card.traditional:focus-visible .traditional-flow .second-box { animation-name: second-box-flow; animation-play-state: running; }.agentic-bot .bot, .agentic-bot .left-leg, .agentic-bot .right-leg { transform-box: view-box; animation-play-state: paused; }.agentic-bot .left-leg { transform-origin: 8px 20px; }.agentic-bot .right-leg { transform-origin: 16px 20px; }.mode-card.agentic:hover .agentic-bot .bot, .mode-card.agentic:focus-visible .agentic-bot .bot { animation: bot-hop-dance 3.2s ease-in-out infinite; }.mode-card.agentic:hover .agentic-bot .left-leg, .mode-card.agentic:focus-visible .agentic-bot .left-leg { animation: lift-left-leg 3.2s ease-in-out infinite; }.mode-card.agentic:hover .agentic-bot .right-leg, .mode-card.agentic:focus-visible .agentic-bot .right-leg { animation: lift-right-leg 3.2s ease-in-out infinite; }
@keyframes rotate-ccw { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } }
@keyframes first-box-flow { 0%, 8%, 16% { opacity: .2; } 4%, 12%, 20%, 100% { opacity: 1; } }
@keyframes draw-flow-vertical { 0%, 22% { opacity: 0; transform: scaleY(0); } 28% { opacity: 1; transform: scaleY(0); } 43%, 100% { opacity: 1; transform: scaleY(1); } }
@keyframes draw-flow-horizontal { 0%, 38% { opacity: 0; transform: scaleX(0); } 43% { opacity: 1; transform: scaleX(0); } 58%, 100% { opacity: 1; transform: scaleX(1); } }
@keyframes second-box-flow { 0%, 55% { opacity: 0; } 62% { opacity: .25; } 68% { opacity: 1; } 74% { opacity: .25; } 80%, 100% { opacity: 1; } }
@keyframes bot-hop-dance { 0% { transform-origin: 16px 22px; transform: translateY(0) rotate(0deg); } 6% { transform-origin: 16px 22px; transform: translateY(0) rotate(7deg); } 13% { transform-origin: 16px 22px; transform: translateY(-2px) rotate(7deg); } 20% { transform-origin: 16px 22px; transform: translateY(0) rotate(7deg); } 27% { transform-origin: 16px 22px; transform: translateY(-2px) rotate(7deg); } 34% { transform-origin: 16px 22px; transform: translateY(0) rotate(7deg); } 44% { transform-origin: 16px 22px; transform: translateY(0) rotate(0deg); } 50% { transform-origin: 8px 22px; transform: translateY(0) rotate(0deg); } 56% { transform-origin: 8px 22px; transform: translateY(0) rotate(-7deg); } 63% { transform-origin: 8px 22px; transform: translateY(-2px) rotate(-7deg); } 70% { transform-origin: 8px 22px; transform: translateY(0) rotate(-7deg); } 77% { transform-origin: 8px 22px; transform: translateY(-2px) rotate(-7deg); } 84% { transform-origin: 8px 22px; transform: translateY(0) rotate(-7deg); } 94%, 100% { transform-origin: 8px 22px; transform: translateY(0) rotate(0deg); } }
@keyframes hero-bot-dance { 0%, 8%, 48%, 100% { transform: translateY(0) rotate(0deg); } 16%, 32% { transform: translateY(-6px) rotate(8deg); } 24%, 40% { transform: translateY(0) rotate(8deg); } 58%, 74% { transform: translateY(-6px) rotate(-8deg); } 66%, 82% { transform: translateY(0) rotate(-8deg); } }
@keyframes hero-left-leg-dance { 0%, 48% { transform: rotate(0deg); } 58%, 82% { transform: rotate(-24deg); } 90%, 100% { transform: rotate(0deg); } }
@keyframes hero-right-leg-dance { 0%, 8% { transform: rotate(0deg); } 16%, 40% { transform: rotate(24deg); } 48%, 100% { transform: rotate(0deg); } }
@keyframes lift-left-leg { 0% { transform: rotate(0deg); } 6%, 38% { transform: rotate(-28deg); } 44%, 100% { transform: rotate(0deg); } }
@keyframes lift-right-leg { 0%, 50% { transform: rotate(0deg); } 56%, 88% { transform: rotate(28deg); } 94%, 100% { transform: rotate(0deg); } }
.mode-title { margin-bottom: 10px; font-size: 24px; font-weight: 700; letter-spacing: -.04em; }.mode-description { max-width: 275px; color: var(--muted); line-height: 1.5; }.card-action { display: flex; justify-content: space-between; margin-top: auto; padding-top: 26px; font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }.card-action span { color: var(--accent); font-size: 16px; }
.home-footer { display: flex; justify-content: space-between; margin-top: 44px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted); font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: .09em; text-transform: uppercase; }
.dashboard-view { padding-top: 58px; }.back-link { display: inline-block; margin-bottom: 68px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 12px; }.back-link:hover { color: var(--ink); }.dashboard-heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 40px; }.dashboard-heading h1 { margin-bottom: 0; font-size: clamp(44px, 6vw, 78px); }.status-pill { padding: 10px 12px; border: 1px solid var(--line); background: var(--surface); }.placeholder-panel { position: relative; min-height: 450px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); box-shadow: 0 12px 28px var(--shadow); }.placeholder-grid { position: absolute; inset: 0; opacity: .55; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 50px 50px; mask-image: linear-gradient(to bottom, #000, transparent 80%); }.placeholder-content { position: relative; max-width: 460px; padding: 48px 24px; text-align: center; }.mode-icon.large { width: 64px; height: 64px; margin: 0 auto 25px; color: var(--accent); }.mode-icon.large svg { width: 56px; height: 56px; }.placeholder-content h2 { margin-bottom: 12px; font-size: 30px; letter-spacing: -.04em; }.placeholder-content p { margin-bottom: 28px; color: var(--muted); line-height: 1.6; }.button { display: inline-flex; padding: 12px 18px; font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }.button.secondary { border: 1px solid var(--ink); }.button.secondary:hover { color: var(--paper); background: var(--ink); }
.about-view { padding-top: 58px; }.about-link:hover { color: #fff; }.about-hero { max-width: 900px; margin-bottom: 58px; }.about-hero h1 { margin-bottom: 24px; font-size: clamp(52px, 8vw, 104px); }.about-lede { max-width: 680px; margin: 0; color: var(--lede); text-shadow: 0 2px 3px rgba(3, 24, 68, .42), 0 5px 16px rgba(3, 24, 68, .24); font-size: clamp(20px, 2.2vw, 27px); line-height: 1.45; }.about-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 18px; margin-bottom: 18px; }.about-card, .about-system, .about-origin { border: 1px solid var(--line); border-radius: 18px; background: var(--surface); box-shadow: 0 12px 28px var(--shadow); }.about-card { min-height: 290px; padding: clamp(26px, 4vw, 44px); }.about-card h2, .about-system h2, .about-origin h2 { margin-bottom: 16px; font-size: clamp(28px, 3.5vw, 48px); letter-spacing: -.05em; }.about-card p:last-child, .about-system-copy p:last-child, .about-origin > p { color: var(--muted); font-size: 17px; line-height: 1.65; }.about-card-accent { color: #fff; border-color: transparent; background: var(--navy); }.about-card-accent .eyebrow { color: var(--accent-soft); }.about-card-accent p:last-child { color: #d9eaf1; }.about-system { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 48px; margin-bottom: 18px; padding: clamp(28px, 5vw, 54px); }.about-system-copy h2 { font-size: clamp(30px, 4vw, 58px); }.about-system-list { border-top: 1px solid var(--line); }.about-system-list div { display: grid; grid-template-columns: 38px 1fr; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--line); }.about-system-list strong { color: var(--accent); font: 11px 'DM Mono', monospace; }.about-system-list span { color: var(--ink); line-height: 1.45; }.about-origin { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 48px; margin-bottom: 28px; padding: clamp(28px, 5vw, 54px); }.about-origin > p { margin: 0; }.about-actions { display: flex; gap: 12px; padding-bottom: 28px; }.about-actions .button.secondary { border: 1px solid var(--ink); }.about-actions .button.secondary:hover { color: var(--paper); background: var(--ink); }
.book-view { padding-top: 54px; }.book-heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 38px; }.book-heading h1 { max-width: 760px; margin-bottom: 0; font-size: clamp(42px, 6vw, 78px); }.book-layout { display: grid; grid-template-columns: 245px minmax(0, 1fr); gap: 42px; align-items: start; }.book-nav { position: sticky; top: 24px; padding: 22px 0; border-top: 1px solid var(--line); }.book-nav-label, .book-kicker { margin: 0 0 16px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }.book-chapter { display: block; padding: 9px 12px; border-left: 2px solid transparent; color: var(--muted); font-size: 14px; line-height: 1.3; transition: color .2s ease, border-color .2s ease, background-color .2s ease; }.book-chapter:hover, .book-chapter.active { border-left-color: var(--accent); color: var(--ink); background: color-mix(in srgb, var(--accent) 10%, transparent); }.book-content { min-height: 560px; padding: clamp(28px, 5vw, 72px); border: 1px solid var(--line); border-radius: 18px; background: var(--surface); box-shadow: 0 12px 28px var(--shadow); }.book-content h2 { margin-bottom: 28px; font-size: clamp(36px, 5vw, 64px); letter-spacing: -.055em; }.book-content > div { max-width: 720px; color: var(--muted); font-size: 18px; line-height: 1.75; }.book-note { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--line); color: var(--muted); font-family: 'DM Mono', monospace; font-size: 12px; line-height: 1.7; }
.ideas-view { padding-top: 58px; }.ideas-heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 42px; }.ideas-heading h1 { margin-bottom: 18px; font-size: clamp(48px, 6vw, 82px); }.ideas-intro { max-width: 560px; margin-bottom: 0; color: var(--lede); text-shadow: 0 2px 3px rgba(3, 24, 68, .42), 0 5px 16px rgba(3, 24, 68, .24); font-size: 18px; line-height: 1.6; }.ideas-layout { display: grid; grid-template-columns: minmax(0, .4fr) minmax(0, .6fr); gap: 18px; align-items: stretch; transition: grid-template-columns .62s cubic-bezier(.2, .8, .2, 1); }.ideas-layout.is-roster-editing { grid-template-columns: minmax(0, .05fr) minmax(0, .95fr); }.idea-brief, .roster-panel { min-width: 0; padding: clamp(26px, 4vw, 42px); border: 1px solid var(--line); border-radius: 18px; background: var(--surface); box-shadow: 0 12px 28px var(--shadow); transition: padding .45s ease, border-color .45s ease, opacity .35s ease, transform .62s cubic-bezier(.2, .8, .2, 1); }.ideas-layout.is-roster-editing .idea-brief { min-width: 0; overflow: hidden; padding: 0; border-width: 0; opacity: 0; }.ideas-layout.is-roster-editing .roster-panel { animation: roster-panel-bounce .72s cubic-bezier(.2, 1.35, .35, 1); }.panel-heading { display: flex; justify-content: space-between; gap: 24px; align-items: start; margin-bottom: 34px; }.panel-heading .eyebrow { margin-bottom: 12px; }.panel-heading h2 { margin-bottom: 0; font-size: clamp(28px, 3vw, 40px); letter-spacing: -.05em; }.panel-mark { color: var(--accent); font-size: 30px; line-height: 1; }.idea-brief label { display: block; margin: 0 0 8px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }.idea-brief input, .idea-brief textarea, .idea-brief select { width: 100%; margin-bottom: 24px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 7px; color: var(--ink); background: transparent; font: inherit; }.idea-brief textarea { min-height: 142px; resize: vertical; }.idea-brief input::placeholder, .idea-brief textarea::placeholder { color: var(--muted); opacity: .8; }.idea-brief input:focus, .idea-brief textarea:focus, .idea-brief select:focus { border-color: var(--accent); outline: 2px solid color-mix(in srgb, var(--accent) 22%, transparent); }.brief-fields { display: grid; grid-template-columns: 1fr; gap: 14px; }.brief-fields input, .brief-fields select { margin-bottom: 26px; }.button.primary { gap: 20px; align-items: center; color: #fff; border: 1px solid var(--accent); background: var(--accent); cursor: pointer; }.button.primary:hover { border-color: var(--ink); background: var(--ink); }.form-note { margin: 18px 0 0; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 11px; line-height: 1.6; }.roster-intro { max-width: 390px; margin: -8px 0 26px; color: var(--muted); line-height: 1.55; }.roster-count { color: var(--accent); font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }.roster-list { border-top: 1px solid var(--line); }.roster-person { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 13px; align-items: center; padding: 17px 0; border-bottom: 1px solid var(--line); }.person-avatar { display: grid; place-items: center; width: 42px; height: 42px; color: #fff; border-radius: 50%; background: var(--accent); font-family: 'DM Mono', monospace; font-size: 11px; }.avatar-blue { background: #3676a8; }.avatar-green { background: var(--green); }.avatar-gold { color: var(--ink); background: #d4ad4f; }.person-details { display: grid; gap: 4px; }.person-details strong { font-size: 15px; }.person-details span, .person-status { color: var(--muted); font-size: 13px; }.person-status { font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }.roster-footer { display: flex; justify-content: space-between; gap: 12px; padding-top: 20px; color: var(--muted); font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }.roster-footer strong { color: var(--ink); font-weight: 500; }
.book-lock { position: fixed; z-index: 20; inset: 0; display: grid; place-items: center; padding: 24px; background: rgba(8, 13, 21, .58); backdrop-filter: blur(8px); }.book-lock-card { width: min(100%, 440px); padding: 42px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); box-shadow: 0 18px 50px rgba(0, 0, 0, .28); text-align: center; }.book-lock-card h1 { margin-bottom: 14px; font-size: clamp(38px, 5vw, 58px); }.book-lock-card > p:not(.eyebrow):not(.book-pin-error) { color: var(--muted); line-height: 1.6; }.book-pin-form { display: flex; gap: 10px; }.book-lock-card form { display: flex; gap: 10px; margin-top: 26px; }.book-lock-card input { min-width: 0; width: 150px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); background: transparent; font: 18px 'DM Mono', monospace; letter-spacing: .18em; text-align: center; }.book-lock-card input:focus { border-color: var(--accent); outline: 2px solid color-mix(in srgb, var(--accent) 25%, transparent); }.book-pin-error { margin: 14px 0 0; color: #b33d58; font: 12px 'DM Mono', monospace; }.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 800px) { .shell { width: min(100% - 36px, 620px); }.topbar { height: 78px; }.edition { display: none; }.view { padding-top: 52px; }.intro-grid { grid-template-columns: 1fr; gap: 32px; }.hero-agentic-bot { justify-self: start; width: 120px; }.mode-grid { grid-template-columns: 1fr; margin-top: 52px; }.mode-card { min-height: 230px; }.dashboard-heading, .book-heading { display: block; }.status-pill { display: inline-block; margin-top: 20px; }.back-link { margin-bottom: 46px; }.book-layout { grid-template-columns: 1fr; gap: 24px; }.book-nav { position: static; padding-bottom: 0; }.book-chapter { display: inline-block; margin: 0 4px 6px 0; border: 1px solid var(--line); border-radius: 999px; }.book-chapter:hover, .book-chapter.active { border-color: var(--accent); }.book-content { padding: 28px 22px; }.book-lock-card { padding: 30px 20px; }.book-lock-card form { flex-direction: column; align-items: stretch; }.book-lock-card input { width: 100%; } }
@media (max-width: 800px) { .ideas-heading { display: block; }.ideas-heading h1 { font-size: clamp(48px, 14vw, 72px); }.ideas-heading .status-pill { margin-top: 24px; }.ideas-layout { grid-template-columns: 1fr; }.brief-fields { grid-template-columns: 1fr; gap: 0; }.idea-brief, .roster-panel { padding: 26px 22px; } }
@media (min-width: 801px) { .ideas-layout.is-roster-editing .idea-brief { display: flex; align-items: center; justify-content: center; padding: 18px 8px; border-width: 1px; opacity: 1; }.ideas-layout.is-roster-editing .idea-brief > * { visibility: hidden; }.ideas-layout.is-roster-editing .idea-brief::before { color: var(--muted); content: 'IDEA BRIEF'; font: 10px 'DM Mono', monospace; letter-spacing: .12em; text-transform: uppercase; writing-mode: vertical-rl; } }
.idea-brief-restore { display: none; }.idea-brief-restore svg { width: 22px; height: 22px; }.idea-brief-restore span { font: 9px 'DM Mono', monospace; letter-spacing: .08em; text-transform: uppercase; }
@media (min-width: 801px) { .ideas-layout.is-roster-editing .idea-brief::before { display: none; }.ideas-layout.is-roster-editing .idea-brief > * { visibility: hidden; }.ideas-layout.is-roster-editing .idea-brief .idea-brief-restore { display: grid; place-items: center; gap: 8px; width: 100%; padding: 8px 0; border: 0; color: var(--accent); background: transparent; cursor: pointer; visibility: visible; }.ideas-layout.is-roster-editing .idea-brief .idea-brief-restore span { display: none; }.ideas-layout.is-roster-editing .idea-brief .idea-brief-restore:hover { color: var(--ink); } }
@keyframes roster-panel-bounce { 0% { transform: scale(.98); } 62% { transform: scale(1.015); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .hero-lottie, .hero-cloud { animation: none !important; } }
@media (max-width: 800px) { .hero-lottie { justify-self: start; width: 120px; } }
@media (max-width: 800px) { .brand { gap: 10px; }.brand-mark { display: grid; place-items: center; width: 48px; height: 48px; }.brand-logo-desktop { display: none; }.brand-logo-mobile { display: block; width: 44px; height: 44px; }.brand-name { display: inline; position: static; } }
@media (max-width: 800px) { .about-grid, .about-system, .about-origin { grid-template-columns: 1fr; gap: 18px; }.about-card { min-height: 0; }.about-actions { flex-direction: column; align-items: stretch; } }
.about-origin-copy { color: var(--muted); font-size: 17px; line-height: 1.65; }.about-origin-copy p { margin: 0 0 18px; }.about-origin-copy p:last-child { margin-bottom: 0; }.about-founders { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding-top: 24px; border-top: 1px solid var(--line); }.about-founder-card { display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }.about-founder-photo { display: grid; place-items: center; aspect-ratio: 3 / 4; color: var(--muted); background: var(--accent-soft); font: 9px 'DM Mono', monospace; letter-spacing: .08em; line-height: 1.5; text-align: center; }.founder-photo-blue { background: #b8d8e8; }.founder-photo-green { background: #b8d8c8; }.about-founder-card strong, .about-founder-card span { display: block; }.about-founder-card strong { margin-bottom: 4px; font-size: 13px; }.about-founder-card span { color: var(--accent); font: 9px 'DM Mono', monospace; letter-spacing: .06em; line-height: 1.35; text-transform: uppercase; }.about-founder-card p { margin: 10px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; } @media (max-width: 800px) { .about-founders { grid-template-columns: 1fr; } }
.topbar-links { display: flex; gap: 18px; align-items: center; }.investors-link:hover { color: #fff; }.investors-view { padding-top: 58px; }.investors-heading { display: flex; justify-content: space-between; gap: 36px; align-items: end; margin-bottom: 42px; }.investors-heading h1 { margin-bottom: 18px; font-size: clamp(48px, 7vw, 90px); }.investors-intro { max-width: 610px; margin: 0; color: var(--lede); text-shadow: 0 2px 3px rgba(3, 24, 68, .42), 0 5px 16px rgba(3, 24, 68, .24); font-size: 18px; line-height: 1.6; }.investors-meta { display: grid; justify-items: end; gap: 14px; color: var(--muted); font: 11px 'DM Mono', monospace; white-space: nowrap; }.investors-meta strong { color: var(--ink); font-size: 18px; }.investors-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-bottom: 22px; padding: 14px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.investors-toolbar > label { color: var(--muted); font: 10px 'DM Mono', monospace; letter-spacing: .1em; }.investors-toolbar select { padding: 9px 30px 9px 10px; border: 1px solid var(--line); border-radius: 5px; color: var(--ink); background: var(--surface); font: 11px 'DM Mono', monospace; }.investor-filters { display: flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }.investor-filters button { padding: 8px 11px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: transparent; font: 10px 'DM Mono', monospace; text-transform: uppercase; }.investor-filters button:hover, .investor-filters button.is-active { border-color: var(--accent); color: var(--accent); }.investor-masonry { position: relative; width: 100%; transition: height .35s ease; }.investor-card { position: absolute; padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); box-shadow: 0 12px 28px var(--shadow); transition: top .35s ease, left .35s ease, width .35s ease; }.investor-card-top, .investor-card-footer { display: flex; justify-content: space-between; gap: 12px; align-items: center; }.investor-category, .investor-stage { color: var(--accent); font: 10px 'DM Mono', monospace; letter-spacing: .08em; text-transform: uppercase; }.investor-stage { color: var(--muted); }.investor-card h2 { margin: 28px 0 12px; font-size: clamp(28px, 3vw, 42px); letter-spacing: -.05em; }.investor-card > p { min-height: 86px; margin: 0 0 24px; color: var(--muted); line-height: 1.6; }.investor-card-signal { display: grid; gap: 5px; margin-bottom: 24px; padding: 13px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.investor-card-signal span, .investor-card-footer { color: var(--muted); font: 10px 'DM Mono', monospace; }.investor-card-signal strong { color: var(--ink); font-size: 13px; }.investor-card-footer b { color: var(--green); }.investor-card-footer span:last-child { color: var(--accent); }
@media (max-width: 800px) { .investors-heading { display: block; }.investors-meta { justify-items: start; margin-top: 24px; }.investor-filters { margin-left: 0; } }
.investor-card h2 { margin: 20px 0 12px; font-size: clamp(19px, 1.9vw, 25px); line-height: 1.1; letter-spacing: -.03em; }
.investor .mode-icon { color: var(--accent); }
@media (max-width: 1100px) and (min-width: 801px) { .mode-grid { grid-template-columns: repeat(2, 1fr); } }
.investor-card { display: grid; grid-template-columns: minmax(0, 1fr) 58px; gap: 18px; }.investor-stack { display: flex; flex-direction: column; align-items: center; gap: 7px; padding-left: 14px; border-left: 1px solid var(--line); }.investor-stack > strong { color: var(--muted); font: 9px 'DM Mono', monospace; letter-spacing: .12em; }.investor-stack-dollar { color: var(--accent); font: 20px Georgia, serif; line-height: 1; }.investor-stack-entry { display: grid; justify-items: center; gap: 3px; }.investor-avatar { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; color: var(--ink); background: var(--accent-soft); font: 8px 'DM Mono', monospace; }.investor-avatar-1 { background: #b8d8e8; }.investor-avatar-2 { background: #b8d8c8; }.investor-stack-entry small { color: var(--muted); font: 8px 'DM Mono', monospace; }
 .investor-card h2 { margin: 22px 0 12px; font-size: clamp(22px, 2.2vw, 30px); line-height: 1.05; letter-spacing: -.04em; }
.ideas-view .back-link { color: var(--lede); text-shadow: 0 2px 3px rgba(3, 24, 68, .42); }.ideas-view .back-link:hover { color: #fff; }
.roster-input, .roster-status, .roster-focus { width: 100%; min-width: 0; padding: 5px 7px; border: 1px solid transparent; border-radius: 4px; color: var(--muted); background: transparent; font: 12px 'DM Sans', sans-serif; }.roster-input { padding-left: 0; color: var(--muted); }.roster-input:focus, .roster-status:focus, .roster-focus:focus { border-color: var(--line); outline: 2px solid color-mix(in srgb, var(--accent) 22%, transparent); }.roster-status { width: auto; max-width: 132px; color: var(--accent); font: 10px 'DM Mono', monospace; letter-spacing: .05em; text-transform: uppercase; }.roster-focus { grid-column: 2 / -1; border-color: var(--line); }.roster-focus::placeholder { color: var(--muted); opacity: .8; }
.roster-org-chart { overflow-x: auto; padding: 8px 4px 4px; }.roster-level { position: relative; display: flex; justify-content: center; gap: 18px; min-width: 540px; padding: 22px 0 18px; }.roster-level + .roster-level::before { position: absolute; top: 0; right: 10%; left: 10%; border-top: 1px solid var(--line); content: ''; }.roster-level + .roster-level .roster-node::before { position: absolute; top: 0; left: 50%; width: 1px; height: 22px; background: var(--line); content: ''; }.roster-node { position: relative; z-index: 1; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 8px 10px; width: min(100%, 260px); padding: 13px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); box-shadow: 0 8px 18px var(--shadow); }.roster-node-main { display: grid; gap: 3px; min-width: 0; }.roster-node-main strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }.roster-node .roster-status { align-self: start; max-width: 92px; }.roster-parent-label { display: grid; grid-column: 1 / -1; gap: 4px; color: var(--muted); font: 9px 'DM Mono', monospace; letter-spacing: .06em; text-transform: uppercase; }.roster-parent { min-width: 0; padding: 5px 6px; border: 1px solid var(--line); border-radius: 4px; color: var(--ink); background: transparent; font: 11px 'DM Sans', sans-serif; }.roster-parent:focus { border-color: var(--accent); outline: 2px solid color-mix(in srgb, var(--accent) 22%, transparent); }.roster-node .roster-focus { grid-column: 1 / -1; }.roster-node .person-avatar { align-self: start; }
.roster-heading-actions { display: flex; align-items: center; gap: 12px; }.roster-edit-toggle { padding: 7px 9px; border: 1px solid var(--line); border-radius: 5px; color: var(--ink); background: transparent; font: 10px 'DM Mono', monospace; letter-spacing: .05em; text-transform: uppercase; cursor: pointer; }.roster-edit-toggle:hover, .roster-edit-toggle:focus-visible { border-color: var(--accent); color: var(--accent); outline: none; }.roster-parent-label { grid-template-columns: 70px minmax(0, 1fr); align-items: center; gap: 7px; }.roster-parent { padding: 3px 5px; font-size: 10px; }.roster-node .roster-focus { padding: 4px 6px; font-size: 11px; }
.ideas-layout.is-roster-editing .idea-brief { position: relative; opacity: 1 !important; }.ideas-layout.is-roster-editing .idea-brief > *:not(.idea-brief-restore) { visibility: hidden; }.ideas-layout.is-roster-editing .idea-brief .idea-brief-restore { position: absolute; z-index: 2; inset: 0; display: grid; grid-template-rows: auto auto; align-content: start; justify-items: center; width: 100%; height: 100%; margin: 0; padding: 18px 0 0; gap: 5px; border: 0; color: var(--accent); background: transparent; cursor: pointer; visibility: visible !important; opacity: 1 !important; }.ideas-layout.is-roster-editing .idea-brief .idea-brief-restore:hover { color: var(--ink); }.ideas-layout.is-roster-editing .idea-brief .idea-brief-restore span { display: block; width: 32px; font: 9px 'DM Mono', monospace; letter-spacing: .08em; line-height: 1.3; text-align: center; text-transform: uppercase; }
.roster-level:first-child .roster-node::after { position: absolute; bottom: -18px; left: 50%; width: 1px; height: 18px; background: var(--line); content: ''; }.roster-level + .roster-level .roster-node::before { top: -22px; }
@media (prefers-reduced-motion: reduce) { .mode-card { transition: none; }.traditional-flow .first-box, .traditional-flow .flow-segment, .traditional-flow .second-box, .agile-rotate .rotating-arrow, .agentic-bot .bot, .agentic-bot .left-leg, .agentic-bot .right-leg { animation: none !important; opacity: 1; transform: none; } }