:root {
  color-scheme: dark;
  --ink: #090b0a; --ink-raised: #0f1210; --ink-soft: #151916;
  --paper: #f1f0e8; --paper-muted: #a8aca4; --paper-dim: #747a72;
  --line: #292f2a; --line-bright: #485047; --signal: #c7ff4a;
  --signal-ink: #182000; --signal-soft: #273311;
  --font-sans: Inter, "SF Pro Display", "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --max-width: 1300px; --gutter: clamp(1.375rem,4.4vw,3.85rem);
  --section-space: clamp(6rem,12vw,11rem); --radius-sm: .44rem; --radius-md: .88rem; --radius-lg: 1.25rem;
  --text-micro: .875rem; --text-small: .96rem; --text-body: 1.1rem;
  --layer-nav: 10; --ease-out: cubic-bezier(.22, 1, .36, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; min-width: 320px; overflow-x: clip; color: var(--paper); background: var(--ink); font-family: var(--font-sans); font-size: var(--text-body); line-height: 1.6; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
body::before { position: fixed; inset: 0; z-index: -1; pointer-events: none; content: ""; opacity: .24; background-size: 5rem 5rem; background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M80 0H0V80' fill='none' stroke='%23292f2a' stroke-width='.6'/%3E%3C/svg%3E"); }
::selection { color: var(--signal-ink); background: var(--signal); }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
:focus-visible { outline: 2px solid var(--signal); outline-offset: 4px; }
.skip-link { position: fixed; top: .825rem; left: .825rem; z-index: 100; padding: .72rem 1rem; color: var(--signal-ink); background: var(--signal); transform: translateY(-160%); transition: transform 180ms ease; }
.skip-link:focus { transform: translateY(0); }
.shell { width: min(100%, calc(var(--max-width) + 2 * var(--gutter))); margin-inline: auto; padding-inline: var(--gutter); }
.section { position: relative; padding-block: var(--section-space); }
.section-lined { border-block: 1px solid var(--line); background: var(--ink-raised); }
.section-contrast { color: var(--paper); border-block: 1px solid var(--line); background: var(--ink-raised); }

.site-header { position: fixed; inset: 0 0 auto; z-index: var(--layer-nav); border-bottom: 1px solid transparent; transition: background-color 180ms ease, border-color 180ms ease; }
.site-header.is-scrolled { border-color: var(--line); background-color: rgba(9,11,10,.92); backdrop-filter: blur(16px); }
.header-inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 5.5rem; transition: min-height 180ms ease; }
.site-header.is-scrolled .header-inner { min-height: 4.675rem; }
.brand { display: inline-flex; align-items: center; justify-self: start; gap: .86rem; width: max-content; font-size: 1.05rem; font-weight: 650; letter-spacing: .14em; }
.brand strong { color: var(--signal); font-weight: inherit; }
.brand-mark { display: inline-grid; grid-template-columns: repeat(3,.375rem); gap: .22rem; align-items: end; width: 1.56rem; height: 1.65rem; }
.brand-mark i { display: block; width: 100%; border: 1px solid var(--signal); }
.brand-mark i:nth-child(1) { height: 48%; } .brand-mark i:nth-child(2) { height: 100%; background: var(--signal); } .brand-mark i:nth-child(3) { height: 72%; }
.primary-nav { display: flex; align-items: center; gap: clamp(1.65rem,3.3vw,2.75rem); color: var(--paper-muted); font-size: var(--text-small); }
.primary-nav a, .site-footer a { transition: color 150ms ease; }
.primary-nav a:hover, .site-footer a:hover { color: var(--paper); }
.header-inner > .button { justify-self: end; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: .77rem; min-height: 3.3rem; padding: .86rem 1.15rem; border: 1px solid transparent; border-radius: var(--radius-sm); font-family: var(--font-mono); font-size: var(--text-micro); font-weight: 700; letter-spacing: .02em; text-transform: uppercase; transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease, transform 150ms ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: var(--signal-ink); background: var(--signal); }
.button-primary:hover { background: #dbff88; }
.button-ghost { border-color: var(--line-bright); background: var(--ink-raised); }
.button-ghost:hover { border-color: var(--paper-muted); }
.button-small { min-height: 3rem; padding: .66rem 1rem; font-size: var(--text-micro); }

.hero { display: grid; align-items: center; min-height: 100svh; padding-top: 9.9rem; padding-bottom: clamp(4.4rem,8.8vw,7.7rem); }
.hero-grid { display: grid; grid-template-columns: minmax(0,1.02fr) minmax(34rem,.98fr); gap: clamp(3.3rem,7.7vw,7.7rem); align-items: center; }
.eyebrow { display: flex; align-items: center; gap: .72rem; margin: 0 0 1.65rem; color: var(--signal); font-family: var(--font-mono); font-size: var(--text-micro); font-weight: 700; letter-spacing: .12em; line-height: 1.4; text-transform: uppercase; }
.pulse-dot { position: relative; width: .45rem; height: .45rem; border-radius: 50%; background: var(--signal); }
.pulse-dot::after { position: absolute; inset: -.32rem; border: 1px solid var(--signal); border-radius: inherit; content: ""; animation: pulse 2.4s ease-out infinite; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { margin-bottom: 1.5rem; font-weight: 520; letter-spacing: -.055em; line-height: .97; }
h1 { max-width: 13ch; font-size: clamp(3.6rem,6.7vw,7rem); }
h2 { font-size: clamp(2.7rem,5.4vw,5.25rem); }
h1 em, h2 em { color: var(--paper-muted); font-family: Georgia,"Times New Roman",serif; font-weight: 400; }
.section-contrast h1 em, .section-contrast h2 em { color: var(--paper-muted); }
h3 { margin-bottom: .72rem; font-size: 1.27rem; font-weight: 600; letter-spacing: -.02em; line-height: 1.25; }
.hero-lede { max-width: 43rem; margin-bottom: 2.5rem; color: var(--paper-muted); font-size: clamp(1.15rem,1.65vw,1.375rem); line-height: 1.65; }
.hero-actions { display: flex; align-items: center; gap: 1.65rem; }
.text-link { display: inline-flex; gap: .5rem; align-items: center; min-height: 3rem; color: var(--paper-muted); border-bottom: 1px solid var(--line-bright); font-size: var(--text-small); transition: color 150ms ease, border-color 150ms ease; }
.text-link:hover { color: var(--paper); border-color: var(--paper); }
.hero-facts { display: grid; grid-template-columns: .75fr 1.25fr 1.5fr; gap: 1.1rem; margin: clamp(3.3rem,7.7vh,5.5rem) 0 0; padding-top: 1.27rem; border-top: 1px solid var(--line); }
.hero-facts div { min-width: 0; }
.hero-facts dt { margin-bottom: .28rem; color: var(--paper-dim); font-family: var(--font-mono); font-size: var(--text-micro); letter-spacing: .1em; text-transform: uppercase; }
.hero-facts dd { margin: 0; color: var(--paper-muted); font-size: var(--text-small); line-height: 1.45; }

.authority-map { position: relative; overflow: hidden; min-height: 46.2rem; border: 1px solid var(--line-bright); border-radius: var(--radius-lg); background: var(--ink-raised); box-shadow: 0 2.75rem 7.7rem rgba(0,0,0,.38); }
.authority-map::after { position: absolute; inset: 0; pointer-events: none; border: 1px solid rgba(255,255,255,.035); border-radius: inherit; content: ""; }
.map-kicker { display: flex; justify-content: space-between; padding: 1.2rem 1.375rem; border-bottom: 1px solid var(--line); color: var(--paper-dim); font-family: var(--font-mono); font-size: var(--text-micro); letter-spacing: .11em; }
.map-stage { position: relative; height: 38.5rem; }
.map-lines { position: absolute; inset: 0; width: 100%; height: 100%; color: var(--signal); }
.map-lines path { fill: none; stroke-width: 1; } .map-lines .line-muted { stroke: var(--line); }
.map-lines .line-active, .map-lines .line-branch { stroke: var(--signal); stroke-dasharray: 5 6; animation: flow 8s linear infinite; }
.map-lines .line-branch { stroke: var(--line-bright); } .map-lines circle { fill: var(--signal); }
.map-node { position: absolute; display: grid; grid-template-columns: auto 1fr auto; gap: .94rem; align-items: center; width: min(78%,27.5rem); padding: .94rem 1.05rem; border: 1px solid var(--line-bright); border-radius: var(--radius-sm); background: #111411; box-shadow: 0 .825rem 2.2rem rgba(0,0,0,.28); }
.map-node h2 { margin: 0 0 .1rem; font-family: var(--font-mono); font-size: .875rem; font-weight: 700; letter-spacing: .02em; line-height: 1.2; }
.map-node p { margin: 0; color: var(--paper-dim); font-size: var(--text-micro); line-height: 1.35; }
.node-index, .node-status { font-family: var(--font-mono); font-size: var(--text-micro); letter-spacing: .08em; }
.node-index { color: var(--paper-dim); } .node-status { color: var(--signal); }
.node-human { top: 1.3rem; left: 11%; } .node-cortex { top: 9.2rem; left: 18%; border-color: var(--signal); background: var(--signal-soft); }
.node-codex { top: 17.1rem; left: 11%; } .node-evidence { top: 25rem; left: 18%; } .node-repo { top: 32.9rem; left: 11%; }
.map-rule { display: flex; gap: .77rem; align-items: center; margin: 0; padding: 1.27rem 1.375rem; border-top: 1px solid var(--line); color: var(--paper-muted); font-family: var(--font-mono); font-size: var(--text-micro); letter-spacing: .025em; }
.map-rule span { color: var(--signal); }

.section-intro { margin-bottom: clamp(3.3rem,7.7vw,6.6rem); }
.section-intro h2 { max-width: 14ch; }
.split-intro { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(19.8rem,.6fr); gap: clamp(2.2rem,7.7vw,7.7rem); align-items: end; }
.split-intro > p { max-width: 33rem; margin-bottom: .44rem; color: var(--paper-muted); font-size: var(--text-body); }
.section-contrast .split-intro > p { color: var(--paper-muted); }
.tension-grid { display: grid; grid-template-columns: repeat(3,1fr); border-block: 1px solid var(--line); }
.tension-card { padding: clamp(1.925rem,3.3vw,2.75rem) clamp(1.1rem,2.75vw,2.2rem) clamp(2.2rem,3.3vw,3rem); }
.tension-card + .tension-card { border-left: 1px solid var(--line); }
.tension-card > span { display: block; margin-bottom: clamp(2.5rem,5vw,4rem); color: var(--signal); font-family: var(--font-mono); font-size: 1.5rem; line-height: 1; }
.tension-card h3 { font-size: clamp(1.27rem,1.65vw,1.43rem); }
.tension-card p { max-width: 26.4rem; margin-bottom: 0; color: var(--paper-muted); font-size: 1.05rem; }
.answer-block { position: relative; display: grid; grid-template-columns: minmax(9.9rem,1fr) minmax(0,3fr); gap: 2.2rem; margin-top: 1.375rem; padding: clamp(1.65rem,3.3vw,2.86rem); border: 2px solid var(--signal); border-radius: var(--radius-md); background: transparent; }
.answer-block p { margin: 0; } .answer-label { color: var(--signal); font-family: var(--font-mono); font-size: var(--text-micro); font-weight: 700; letter-spacing: .12em; }
.answer-block p:last-child { max-width: 52.8rem; color: var(--paper); font-size: clamp(1.21rem,2.2vw,1.5rem); font-weight: 540; letter-spacing: -.02em; line-height: 1.45; }

.comparison-grid { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(20.9rem,1fr); grid-template-rows: repeat(3,auto); gap: 0 clamp(2.75rem,5.5vw,5.5rem); border-block: 1px solid var(--line); }
.comparison-grid article:not(.comparison-cortex) { display: grid; grid-template-columns: minmax(9.9rem,.48fr) minmax(0,1fr); grid-column: 1; gap: .4rem 2.2rem; align-items: start; padding-block: 1.925rem; border-bottom: 1px solid var(--line); }
.comparison-grid article:not(.comparison-cortex):nth-child(3) { border-bottom: 0; }
.comparison-grid .comparison-cortex { position: relative; display: flex; grid-column: 2; grid-row: 1 / 4; flex-direction: column; justify-content: center; min-width: 0; margin-block: -1px; padding: clamp(2.2rem,4.4vw,3.575rem); overflow: hidden; border: 2px solid var(--signal); border-radius: var(--radius-md); background: transparent; }
.comparison-grid .comparison-cortex::after { position: absolute; right: clamp(2.2rem,4.4vw,3.575rem); bottom: clamp(2.2rem,4.4vw,3.575rem); left: clamp(2.2rem,4.4vw,3.575rem); height: 2px; background: var(--signal); content: ""; }
.comparison-type { grid-row: 1 / 3; margin: .2rem 0 0; color: var(--paper-dim); font-family: var(--font-mono); font-size: var(--text-micro); letter-spacing: .08em; text-transform: uppercase; }
.comparison-cortex .comparison-type { color: var(--signal); }
.comparison-grid h3 { grid-column: 2; margin-bottom: .33rem; font-size: clamp(1.15rem,1.54vw,1.375rem); }
.comparison-grid article > p:last-child { grid-column: 2; margin: 0; max-width: 37.4rem; color: var(--paper-muted); font-size: var(--text-small); }
.comparison-cortex .comparison-type { grid-row: auto; margin: 0 0 clamp(3.5rem,7vw,6rem); }
.comparison-grid .comparison-cortex h3, .comparison-grid .comparison-cortex > p:last-child { grid-column: auto; }
.comparison-grid .comparison-cortex h3 { color: var(--paper); }
.comparison-grid .comparison-cortex > p:last-child { color: var(--paper-muted); }

.workflow-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.workflow-list li { display: grid; grid-template-columns: 5.5rem minmax(0,1fr) minmax(13.2rem,.45fr); gap: 2.2rem; align-items: start; padding-block: 2.75rem; border-bottom: 1px solid var(--line); }
.workflow-number, .workflow-label, .workflow-aside { font-family: var(--font-mono); }
.workflow-number { color: var(--paper-dim); font-size: var(--text-micro); } .workflow-label { margin-bottom: .65rem; color: var(--signal); font-size: var(--text-micro); letter-spacing: .12em; }
.workflow-copy h3 { font-size: clamp(1.45rem,2.2vw,1.5rem); }
.workflow-copy > p:last-child { max-width: 42.9rem; margin-bottom: 0; color: var(--paper-muted); font-size: 1rem; }
.workflow-aside { padding-left: 1.32rem; border-left: 2px solid var(--signal); color: var(--paper-dim); font-size: var(--text-small); line-height: 1.6; }

.capability-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--line); }
.capability-card { position: relative; display: grid; grid-template-columns: clamp(3.3rem,5.5vw,5.2rem) minmax(0,1fr); gap: .55rem clamp(1.1rem,2.75vw,2.2rem); align-content: start; padding: clamp(1.925rem,3.85vw,3.025rem); border-bottom: 1px solid var(--line); }
.capability-card:nth-child(odd) { padding-left: 0; border-right: 1px solid var(--line); }
.capability-card:nth-child(even) { padding-right: 0; }
.capability-card::after { position: absolute; top: -1px; left: 0; width: 3.3rem; height: 1px; background: var(--signal); content: ""; }
.capability-index { grid-row: 1 / 3; color: var(--signal); font-family: var(--font-mono); font-size: 1.5rem; line-height: 1; letter-spacing: -.04em; }
.capability-card h3 { grid-column: 2; margin: 0; font-size: clamp(1.27rem,1.65vw,1.43rem); }
.capability-card p { grid-column: 2; margin: 0; max-width: 38.5rem; color: var(--paper-muted); font-size: 1.05rem; }
.principles-layout { display: grid; grid-template-columns: minmax(19.8rem,.8fr) minmax(0,1.2fr); gap: clamp(3.3rem,8.8vw,8.8rem); }
.principle-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.principle-list li { display: grid; grid-template-columns: 3.3rem 1fr; gap: 1.65rem; padding-block: 1.98rem; border-bottom: 1px solid var(--line); }
.principle-list li > span { color: var(--signal); font-family: var(--font-mono); font-size: var(--text-micro); }
.principle-list p { margin: 0; color: var(--paper-muted); font-size: var(--text-small); }

.prompt-list { display: grid; gap: .825rem; }
.prompt-card { display: grid; grid-template-columns: 1fr auto; gap: 1.65rem; align-items: center; min-height: 8.25rem; padding: 1.375rem 1.43rem 1.375rem 1.76rem; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--ink-raised); transition: border-color 180ms ease, background-color 180ms ease; }
.prompt-card:hover { border-color: var(--line-bright); background: var(--ink-soft); }
.prompt-card p { max-width: 61.6rem; margin: .6rem 0 0; color: var(--paper); font-family: var(--font-mono); font-size: clamp(var(--text-small),1.54vw,1.1rem); line-height: 1.55; }
.prompt-tag { color: var(--signal); font-family: var(--font-mono); font-size: var(--text-micro); font-weight: 700; letter-spacing: .13em; }
.copy-button { min-width: 5.5rem; min-height: 3.025rem; padding: .66rem .94rem; color: var(--paper-muted); border: 1px solid var(--line-bright); border-radius: var(--radius-sm); background: transparent; cursor: pointer; font-family: var(--font-mono); font-size: var(--text-micro); transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease; }
.copy-button:hover, .copy-button.is-copied { color: var(--signal-ink); border-color: var(--signal); background: var(--signal); }
.cta-section { padding-top: 1rem; }
.cta-panel { position: relative; overflow: hidden; padding: clamp(2.2rem,7.7vw,6.6rem); border: 2px solid var(--signal); border-radius: var(--radius-lg); background: transparent; }
.cta-panel::after { position: absolute; top: -8rem; right: -7rem; width: 24rem; height: 24rem; border: 1px solid rgba(198,255,62,.3); border-radius: 50%; box-shadow: 0 0 0 3rem rgba(198,255,62,.045), 0 0 0 6rem rgba(198,255,62,.025); content: ""; pointer-events: none; }
.cta-panel .eyebrow { color: var(--signal); } .cta-panel h2 { position: relative; z-index: 1; max-width: 13ch; color: var(--paper); } .cta-panel h2 em { color: var(--paper-muted); }
.cta-panel > p:not(.eyebrow, .cta-note) { position: relative; z-index: 1; max-width: 45rem; color: var(--paper-muted); }
.install-command { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr auto; gap: 1.1rem; align-items: center; max-width: 60.5rem; margin-top: 2.2rem; padding: 1.1rem; color: var(--paper); border-radius: var(--radius-sm); background: var(--ink); }
.install-command code { display: grid; gap: .25rem; min-width: 0; overflow-wrap: anywhere; font-family: var(--font-mono); font-size: clamp(var(--text-micro),1.4vw,var(--text-small)); }
.install-command code span::before { margin-right: .7rem; color: var(--signal); content: "$"; }
.copy-install { color: var(--paper); border-color: var(--line-bright); }
.cta-note { position: relative; z-index: 1; margin: 1rem 0 0; color: var(--paper-dim); font-family: var(--font-mono); font-size: var(--text-micro); letter-spacing: .02em; }
.site-footer { padding-block: 2.75rem; }
.footer-inner { display: grid; grid-template-columns: 1fr auto 1fr; gap: 2.2rem; align-items: center; color: var(--paper-dim); font-family: var(--font-mono); font-size: .75rem; }
.footer-inner p { margin: 0; } .footer-inner > a:last-child { justify-self: end; }
.copy-status { position: fixed; right: 1.1rem; bottom: 1.1rem; z-index: 20; pointer-events: none; padding: .77rem 1rem; color: var(--signal-ink); border-radius: var(--radius-sm); background: var(--signal); font-family: var(--font-mono); font-size: var(--text-micro); opacity: 0; transform: translateY(.825rem); transition: opacity 160ms ease, transform 160ms ease; }
.copy-status.is-visible { opacity: 1; transform: translateY(0); }
.js .reveal { opacity: 0; transform: translateY(1.25rem); transition: opacity 700ms var(--ease-out), transform 700ms var(--ease-out); }
.js .reveal[data-reveal-delay="1"] { transition-delay: 90ms; } .js .reveal[data-reveal-delay="2"] { transition-delay: 180ms; }
.js .reveal.is-visible { opacity: 1; transform: translateY(0); }
@keyframes flow { to { stroke-dashoffset: -44; } }
@keyframes pulse { 0% { opacity: .7; transform: scale(.5); } 75%, 100% { opacity: 0; transform: scale(1.3); } }

@media (max-width: 1020px) {
  .hero { min-height: auto; padding-top: 11rem; } .hero-grid { grid-template-columns: 1fr; } .hero-copy { max-width: 53.9rem; }
  .authority-map { width: min(100%,46.2rem); justify-self: center; }
  .comparison-grid { grid-template-columns: 1fr; grid-template-rows: auto; gap: 0; }
  .comparison-grid article:not(.comparison-cortex) { grid-column: 1; }
  .comparison-grid .comparison-cortex { grid-column: 1; grid-row: auto; margin: 1rem 0 0; }
  .principles-layout { grid-template-columns: 1fr; } .principles-layout .section-intro { margin-bottom: 0; }
}
@media (max-width: 760px) {
  .header-inner { grid-template-columns: 1fr auto; } .primary-nav { display: none; }
  h1 { font-size: clamp(3.25rem,15vw,5rem); } h2 { font-size: clamp(2.55rem,12vw,4rem); }
  .hero-facts { grid-template-columns: 1fr; } .hero-facts div { display: grid; grid-template-columns: 4rem 1fr; gap: 1rem; }
  .split-intro, .answer-block { grid-template-columns: 1fr; } .tension-grid { grid-template-columns: 1fr; } .tension-card { min-height: auto; }
  .tension-card + .tension-card { border-top: 1px solid var(--line); border-left: 0; }
  .tension-card > span { margin-bottom: 2.5rem; }
  .capability-grid { grid-template-columns: 1fr; }
  .capability-card:nth-child(odd), .capability-card:nth-child(even) { padding-inline: 0; border-right: 0; }
  .workflow-list li { grid-template-columns: 2.5rem 1fr; } .workflow-aside { grid-column: 2; }
  .footer-inner { grid-template-columns: 1fr auto; } .footer-inner p { display: none; }
}
@media (max-width: 560px) {
  .section { padding-block: clamp(4.95rem,22vw,6.6rem); } .hero { padding-top: 8.8rem; } .header-inner { min-height: 4.675rem; }
  .brand { font-size: var(--text-small); } .hero-actions { align-items: stretch; flex-direction: column; } .text-link { width: max-content; }
  .authority-map { min-height: 42.35rem; } .map-stage { height: 35.2rem; } .map-node { left: 6%; width: 88%; }
  .node-human { top: 1.1rem; } .node-cortex { top: 7.9rem; } .node-codex { top: 14.7rem; } .node-evidence { top: 21.6rem; } .node-repo { top: 28.4rem; }
  .node-status, .map-lines { display: none; }
  .comparison-grid article:not(.comparison-cortex) { grid-template-columns: 1fr; gap: .55rem; padding-block: 1.65rem; }
  .comparison-type { grid-row: auto; margin: 0 0 .72rem; }
  .comparison-grid h3, .comparison-grid article > p:last-child { grid-column: 1; }
  .comparison-grid .comparison-cortex { padding: 1.65rem; }
  .comparison-grid .comparison-cortex::after { right: 1.65rem; bottom: 1.65rem; left: 1.65rem; }
  .comparison-cortex .comparison-type { margin-bottom: 2.2rem; }
  .workflow-list li { gap: 1.1rem; } .workflow-aside { margin-top: .55rem; }
  .prompt-card, .install-command { grid-template-columns: 1fr; } .prompt-card .copy-button, .copy-install { justify-self: start; }
  .cta-panel { padding: 2.2rem 1.375rem; } .cta-panel::after { width: 17.6rem; height: 17.6rem; } .site-footer .brand > span:last-child { display: none; }
}
@media (max-width: 360px) { .site-header .brand-prefix { display: none; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .js .reveal { opacity: 1; transform: none; }
}