:root {
  color-scheme: dark;
  --bg: #090d0b;
  --panel: #101712;
  --line: #27342b;
  --text: #eff5ed;
  --muted: #a4b4a7;
  --green: #b2ee80;
  --orange: #ffa463;
  --blue: #91c6ef;
  --mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 6rem; }
body { margin: 0; color: var(--text); background: radial-gradient(circle at 12% 8%, #3b642118, transparent 27rem), radial-gradient(circle at 88% 18%, #28698714, transparent 32rem), var(--bg); font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; isolation: isolate; overflow-x: hidden; }
a { color: inherit; text-underline-offset: 0.22em; }
button, a { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid var(--orange); outline-offset: 5px; }
button { font: inherit; }
button, summary { cursor: pointer; }
img { max-width: 100%; }
[hidden] { display: none !important; }
.shell { width: min(1240px, calc(100% - 5rem)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip-link { position: fixed; top: -6rem; left: 1rem; z-index: 100; padding: 1rem; background: var(--green); color: var(--bg); font-weight: 700; }
.skip-link:focus { top: 1rem; }
.ambient-scene { position: fixed; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; }
.ambient-scene span { position: absolute; width: min(38rem, 70vw); aspect-ratio: 1; border: 1px solid #6aa5501c; border-radius: 45% 55% 58% 42%; opacity: 0.28; filter: blur(1px); }
.ambient-scene span:first-child { top: -24rem; left: -12rem; background: radial-gradient(circle at 60% 60%, #9be06c1c, transparent 62%); }
.ambient-scene span:nth-child(2) { top: 18%; right: -26rem; border-color: #72bceb18; background: radial-gradient(circle at 35% 50%, #72bceb18, transparent 64%); transform: rotate(38deg); }
.ambient-scene span:last-child { bottom: -28rem; left: 35%; border-color: #f2a35b17; background: radial-gradient(circle at 50% 30%, #f2a35b17, transparent 64%); transform: rotate(-25deg); }
.glory { margin: 0; padding: 0.5rem 1rem; color: #b1beb2; background: #060906; text-align: center; font-size: 0.75rem; }
.release-banner { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0.35rem 0.8rem; padding: 0.55rem 1rem; color: #eed4bd; background: #251c14; border-block: 1px solid #483321; font-size: 0.76rem; }
.release-banner strong, .release-banner a { color: #ffc391; }
.status-dot { display: inline-block; flex-shrink: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px #b2ee8033; }
.release-banner .status-dot { background: var(--orange); }
.site-nav { position: sticky; top: 0; z-index: 20; background: #090d0bf2; backdrop-filter: blur(16px); border-bottom: 1px solid var(--line); }
.nav-inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 80px; }
.brand { display: inline-flex; align-items: center; gap: 0.55rem; font-size: 1.8rem; font-weight: 850; letter-spacing: -0.07em; line-height: 1; text-decoration: none; }
.brand img { object-fit: contain; }
.brand-period { color: var(--orange); }
.nav-links { display: flex; align-items: center; gap: 1.6rem; }
.nav-links a { color: #c3cec4; font-size: 0.82rem; font-weight: 600; text-decoration: none; padding-block: 0.7rem; }
.nav-links a:hover { color: var(--green); }
.nav-links .nav-source { border: 1px solid #455449; padding: 0.55rem 1rem; border-radius: 6px; color: var(--text); }
.nav-toggle { display: none; width: 44px; height: 44px; background: var(--panel); color: var(--text); border: 1px solid var(--line); border-radius: 5px; }

.hero { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: 3.5rem; padding-block: 7rem 6rem; }
.hero-content { position: relative; z-index: 1; }
.eyebrow { display: flex; align-items: center; gap: 0.6rem; margin: 0 0 1.8rem; color: var(--green); font-family: var(--mono); font-size: 0.69rem; font-weight: 500; letter-spacing: 0.07em; text-transform: uppercase; }
.short-line { display: inline-block; width: 24px; height: 1px; background: var(--green); }
h1 { margin: 0; font-size: clamp(3.5rem, 5.5vw, 5.35rem); line-height: 1.05; font-weight: 650; letter-spacing: -0.065em; }
.gradient-text { color: var(--green); background: linear-gradient(110deg, #cbefa6 3%, #b2ee80 28%, #68c8b5 51%, #91c6ef 72%, #ffa463 97%); background-size: 220% 100%; background-clip: text; -webkit-text-fill-color: transparent; }
.hero-copy { max-width: 530px; margin: 1.7rem 0 0; color: var(--muted); font-size: 1.05rem; line-height: 1.8; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 2rem; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 1.2rem; min-height: 49px; padding: 0.75rem 1.15rem; border: 1px solid var(--line); border-radius: 6px; font-size: 0.84rem; font-weight: 700; text-decoration: none; transition: transform 160ms ease, background 160ms ease, border-color 160ms ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--green); border-color: var(--green); color: #16200e; box-shadow: 0 0 32px #b2ee8010; }
.button-primary:hover { background: #c8ffa0; }
.button-secondary { background: #111813; color: #d5dfd5; }
.button-secondary:hover { border-color: #66866c; background: #172219; }
.hero-note { max-width: 400px; margin: 1.5rem 0 0; color: var(--muted); font-size: 0.75rem; }
.workbench { position: relative; min-width: 0; padding: 1.8rem 0; isolation: isolate; }
.workbench-orbit { position: absolute; z-index: -1; inset: -2rem -1.5rem; background: radial-gradient(ellipse, #85cc5917, transparent 70%), linear-gradient(#253b2933 1px, transparent 1px), linear-gradient(90deg, #253b2933 1px, transparent 1px); background-size: auto, 36px 36px, 36px 36px; mask-image: radial-gradient(ellipse, black 40%, transparent 72%); transform-origin: 55% 50%; }
.workbench-label { display: flex; gap: 0.6rem; align-items: center; margin-bottom: 1rem; padding-left: 1rem; color: #b6c4b7; font: 0.62rem var(--mono); letter-spacing: 0.1em; }
.terminal { position: relative; border: 1px solid #45633d; border-radius: 12px; background: #0b110df2; box-shadow: 0 28px 70px #0007, 0 0 60px #8cb8640c; overflow: hidden; transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease; }
.terminal::after { content: ""; position: absolute; inset: 0 auto 0 -35%; width: 24%; background: linear-gradient(90deg, transparent, #b2ee800d, #91c6ef12, transparent); transform: skewX(-12deg); pointer-events: none; }
.terminal-bar { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding: 0.85rem 1.2rem; border-bottom: 1px solid #2c3b2e; background: #18221ade; color: #a9b9a9; font: 0.68rem var(--mono); }
.terminal-dots { display: flex; gap: 6px; }
.terminal-dots span { width: 7px; height: 7px; border-radius: 50%; background: #647864; }
.terminal-dots span:first-child { background: #c78564; }
.terminal-dots span:nth-child(2) { background: #b4ad6c; }
.terminal-dots span:last-child { background: #87b876; }
.terminal-mode { color: var(--green); font-size: 0.6rem; }
.terminal-body { padding: 1.5rem; font: 0.8rem/1.85 var(--mono); }
.terminal-body p { margin: 0 0 1rem; }
.terminal-body code { font: inherit; }
.terminal-comment { color: #96a895; font-size: 0.7rem; }
.command-row { display: flex; justify-content: space-between; align-items: center; gap: 0.6rem; }
.command-row code { overflow-wrap: anywhere; }
.prompt { color: var(--green); }
.copy-command { flex-shrink: 0; padding: 0.35rem 0.55rem; border: 1px solid #405540; border-radius: 4px; background: #172219; color: var(--green); font: 0.65rem var(--mono); min-height: 32px; }
.project-tree { padding: 1.5rem 0; color: #d0e1c9; font-size: 0.76rem; }
.project-tree > div { display: flex; gap: 0.65rem; }
.tree-branch { color: #788e73; }
.tree-note { color: #92a28e; font-size: 0.65rem; margin-left: auto; }
.dev-loop { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; padding: 0.85rem 0; border-top: 1px solid var(--line); font-size: 0.59rem; color: var(--green); letter-spacing: 0.03em; }
.dev-loop b { color: #96a895; }
.terminal-body .terminal-caption { font-size: 0.61rem; margin: 0; }
.workbench-foot { position: relative; display: flex; align-items: center; gap: 1rem; margin: -1px 1.5rem 0 3rem; padding: 1rem 1.4rem; border: 1px solid #51402d; border-radius: 0 0 10px 10px; background: #211c14; box-shadow: 0 15px 40px #0005; }
.workbench-foot p { margin: 0; font-size: 0.73rem; color: #cbb89f; line-height: 1.5; }
.workbench-foot strong { color: #f1d8b6; font-weight: 500; }
.workbench-foot a { margin-left: auto; color: var(--orange); padding: 0.5rem; text-decoration: none; }
.code-symbol { color: var(--orange); font: 1.6rem var(--mono); }
.foundation-strip { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 1.6rem; border-block: 1px solid var(--line); }
.foundation-strip > span { max-width: 110px; color: var(--muted); font: 0.58rem/1.8 var(--mono); letter-spacing: 0.08em; }
.foundation-strip strong { color: #d1dacf; font-size: 1.25rem; font-weight: 550; letter-spacing: -0.03em; }
.foundation-strip a { color: var(--muted); font-size: 0.7rem; text-decoration: none; }

.section { padding-block: 6.5rem; }
.section-heading { max-width: 750px; margin-bottom: 2.5rem; }
.section-heading .eyebrow { margin-bottom: 1.25rem; }
.section-heading h2, .community h2 { margin: 0; font-size: clamp(2.35rem, 4.2vw, 3.7rem); font-weight: 560; line-height: 1.12; letter-spacing: -0.055em; }
.section-heading > p:last-child { max-width: 590px; margin: 1.25rem 0 0; color: var(--muted); font-size: 0.95rem; }
.accent-green { color: var(--green); }
.accent-orange { color: var(--orange); }
.feature-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 1rem; }
.feature { position: relative; display: flex; align-items: flex-start; flex-direction: column; padding: 2rem; border: 1px solid var(--line); border-radius: 10px; background: #101712; overflow: hidden; transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease; }
.feature::after, .evidence-card::after { content: ""; position: absolute; inset: auto -30% -70% 20%; height: 90%; background: radial-gradient(ellipse, #a6e77513, transparent 68%); opacity: 0; pointer-events: none; transition: opacity 220ms ease; }
.feature-index { color: var(--muted); font: 0.6rem/1.5 var(--mono); letter-spacing: 0.06em; }
.feature h3 { margin: 1rem 0; font-size: 1.4rem; line-height: 1.2; font-weight: 550; letter-spacing: -0.04em; }
.feature p { max-width: 510px; margin: 0; color: var(--muted); font-size: 0.86rem; }
.feature a, .journey-grid a { color: var(--green); margin-top: 1.25rem; font-size: 0.77rem; font-weight: 600; text-decoration: none; }
.feature a:hover, .journey-grid a:hover { text-decoration: underline; }
.feature-main { grid-row: span 2; padding: 2.5rem; background: radial-gradient(ellipse at 90% 100%, #4d6f3033, transparent 75%), #111a12; }
.feature-main h3 { font-size: 2.2rem; margin-top: 2rem; }
.feature-main a { margin-top: auto; padding-top: 1.5rem; }
.blueprint-chips { display: flex; flex-wrap: wrap; gap: 0.65rem; margin: 2rem 0; max-width: 400px; }
.blueprint-chips span { padding: 0.5rem 0.8rem; color: #c8dbbc; background: #18251a; border: 1px solid #354a34; border-radius: 5px; font: 0.7rem var(--mono); }
.feature-wide { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; gap: 2rem; background: linear-gradient(100deg, #1e2118, #101712); }
.feature-wide p { max-width: 700px; }
.feature-wide a { flex-shrink: 0; margin-top: 0; color: var(--orange); }
.ecosystem-section { border-block: 1px solid var(--line); background: #0d130f; }
.ecosystem-map { border: 1px solid #344636; border-radius: 10px; overflow: hidden; }
.ecosystem-row { display: grid; grid-template-columns: 220px 1fr; padding: 1.6rem; gap: 1.2rem; background: linear-gradient(95deg, #172019, #0e1510); }
.ecosystem-row + .ecosystem-row { border-top: 1px solid #344636; }
.layer-label { display: flex; align-items: center; gap: 0.8rem; }
.layer-label > span { color: var(--orange); font: 0.65rem var(--mono); }
.layer-label h3 { font-size: 0.87rem; font-weight: 500; }
.crate-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.7rem; }
.crate-links a { padding: 0.8rem 1rem; border: 1px solid #2c3d2e; border-radius: 5px; background: #121c14; text-decoration: none; font-size: 0.83rem; }
.crate-links a:hover { border-color: #7eaf70; background: #1b2a1d; }
.crate-links small { display: block; margin-top: 0.35rem; color: var(--muted); font-size: 0.66rem; }
.section-note { margin: 1.1rem 0 0; max-width: 850px; color: var(--muted); font-size: 0.72rem; }
.journey-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; margin-bottom: 2.5rem; }
.journey-grid > article { border-top: 1px solid #425839; padding-top: 1.5rem; }
.step { color: var(--orange); font: 0.7rem var(--mono); }
.journey-grid h3 { font-size: 1rem; font-weight: 550; margin: 1rem 0 0.6rem; }
.journey-grid p { color: var(--muted); font-size: 0.85rem; margin: 0; }
.journey-grid a { display: inline-block; }
.product-shot { margin: 0; border: 1px solid #3f4e40; border-radius: 10px; overflow: hidden; background: #070b08; box-shadow: 0 20px 60px #0004; }
.shot-heading { display: flex; align-items: center; gap: 0.5rem; padding: 1rem 1.2rem; background: #162018; font: 0.65rem var(--mono); color: #b7c9b5; }
.shot-heading > span:last-child { margin-left: auto; color: var(--green); }
.product-shot img { display: block; width: 100%; height: auto; }
.product-shot figcaption { padding: 0.85rem 1rem; border-top: 1px solid var(--line); font-size: 0.7rem; color: var(--muted); }
.evidence-section { padding-top: 1.5rem; }
.evidence-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.evidence-card { position: relative; display: flex; flex-direction: column; padding: 1.7rem; border: 1px solid var(--line); border-radius: 8px; text-decoration: none; background: #111611; overflow: hidden; transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease; }
.evidence-card:hover { border-color: var(--orange); }
.evidence-number { color: var(--orange); font: 0.6rem var(--mono); }
.evidence-card h3 { margin: 1.5rem 0 0.7rem; font-size: 1.15rem; font-weight: 550; }
.evidence-card p { margin: 0 0 1.6rem; color: var(--muted); font-size: 0.84rem; }
.evidence-action { margin-top: auto; color: #d9e3d2; font-size: 0.75rem; }
.community { display: grid; grid-template-columns: 1.5fr 0.5fr; gap: 2rem; align-items: center; padding: 3.5rem; border: 1px solid #415435; border-radius: 10px; background: radial-gradient(ellipse at right, #52703426, transparent 70%), #131d12; }
.community > * { min-width: 0; }
.community p:not(.eyebrow) { max-width: 590px; color: var(--muted); font-size: 0.9rem; }
.community-mark { display: flex; align-items: center; justify-content: center; gap: 0.4rem; font: clamp(0.9rem, 2vw, 1.6rem)/1.8 var(--mono); color: #bdd39d; transform: rotate(-6deg); }
.community-mark > span:first-child, .community-mark > span:last-child { color: #709055; font-size: 6rem; font-weight: 200; }
.release-card { display: grid; grid-template-columns: 1fr 1.5fr; gap: 3rem; padding-block: 2rem; border-top: 1px solid #523c26; }
.release-card h2 { margin: 0; color: #ffd4ac; font-size: 1.6rem; font-weight: 500; line-height: 1.25; letter-spacing: -0.03em; }
.release-card p { margin: 0 0 1rem; color: #c3b7a8; font-size: 0.84rem; }
.release-card > div > a { color: var(--orange); font-size: 0.78rem; }

.footer { margin-top: 5rem; border-top: 1px solid var(--line); background: #070a08; }
.footer-main { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 2rem; padding-block: 3rem 2.5rem; }
.footer-main p { margin: 0.8rem 0 0.5rem; color: #d1dccd; font-size: 0.9rem; }
.footer-subtitle { color: var(--muted); font-size: 0.78rem; }
.footer-group h2 { margin: 0 0 1rem; color: #e1e9dc; font-size: 0.83rem; font-weight: 600; }
.footer-group a { display: block; width: fit-content; padding-block: 0.35rem; color: var(--muted); font-size: 0.78rem; text-decoration: none; }
.footer-group a:hover { color: var(--green); }
.social-links { display: flex; flex-wrap: wrap; gap: 0.4rem; padding-bottom: 2rem; }
.social-links a { display: inline-flex; align-items: center; padding: 0.55rem 0.8rem; min-height: 40px; border: 1px solid #29382b; border-radius: 4px; color: #bbcbb7; text-decoration: none; font-size: 0.71rem; }
.social-links a:hover { color: var(--green); border-color: #709055; background: #121c12; }
.privacy-notice { padding-block: 1.7rem; border-block: 1px solid var(--line); color: var(--muted); }
.privacy-notice h2 { color: #d9e3d2; font-size: 0.87rem; font-weight: 600; margin: 0 0 0.6rem; }
.privacy-notice p { max-width: 950px; margin: 0.5rem 0 0.8rem; font-size: 0.73rem; }
.privacy-notice summary { width: fit-content; padding: 0.5rem 0; color: var(--green); font-size: 0.75rem; }
.privacy-notice details > div { padding: 0.5rem 0 0.2rem; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 1.4rem; color: #a2b09d; font: 0.66rem var(--mono); }
.footer-bottom a { color: #c4d8b6; text-decoration: none; }

@keyframes arrive { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes ambient-arrive { from { opacity: 0; transform: scale(0.82) rotate(-8deg); } to { opacity: 0.28; } }
@keyframes gradient-journey { 0% { background-position: 100% 50%; } 50% { background-position: 0% 50%; } 100% { background-position: 56% 50%; } }
@keyframes orbit-breathe { 0%, 100% { opacity: 0.7; transform: scale(0.96); } 50% { opacity: 1; transform: scale(1.025); } }
@keyframes terminal-scan { from { left: -35%; } to { left: 118%; } }
@keyframes status-pulse { 0%, 100% { box-shadow: 0 0 0 0 #b2ee8000; } 50% { box-shadow: 0 0 0 7px #b2ee8014, 0 0 18px #b2ee8040; } }
@keyframes workflow-step { 0%, 100% { color: var(--green); text-shadow: none; } 18%, 38% { color: #efffe7; text-shadow: 0 0 14px #b2ee8070; } }
.js [data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity 620ms ease, transform 620ms cubic-bezier(0.2, 0.75, 0.2, 1); }
.js [data-reveal].is-visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: no-preference) {
  .hero-content { animation: arrive 650ms ease-out both; }
  .workbench { animation: arrive 850ms ease-out both; }
  .ambient-scene span { animation: ambient-arrive 1600ms ease-out both; }
  .ambient-scene span:nth-child(2) { animation-delay: 180ms; }
  .ambient-scene span:last-child { animation-delay: 360ms; }
  .gradient-text { animation: gradient-journey 2.1s ease-in-out 2 alternate both; }
  .workbench-orbit { animation: orbit-breathe 2.8s ease-in-out 2 both; }
  .terminal::after { animation: terminal-scan 2.6s 700ms cubic-bezier(0.2, 0.7, 0.2, 1) 1 both; }
  .status-dot { animation: status-pulse 1.15s ease-out 3; }
  .dev-loop span { animation: workflow-step 2.4s ease-in-out 1 both; }
  .dev-loop span:nth-of-type(2) { animation-delay: 450ms; }
  .dev-loop span:nth-of-type(3) { animation-delay: 900ms; }
  .dev-loop span:nth-of-type(4) { animation-delay: 1350ms; }
}
@media (hover: hover) and (pointer: fine) {
  .terminal:hover { transform: translateY(-4px); border-color: #78a86b; box-shadow: 0 32px 80px #0008, 0 0 70px #8cb86416; }
  .feature:hover, .evidence-card:hover { transform: translateY(-4px); box-shadow: 0 18px 45px #0004; }
  .feature:hover { border-color: #65835e; }
  .feature:hover::after, .evidence-card:hover::after { opacity: 1; }
}
@media (max-width: 1050px) {
  .hero { gap: 2rem; }
  .shell { width: calc(100% - 3rem); }
  .nav-links { gap: 1rem; }
  h1 { font-size: clamp(3.3rem, 5.5vw, 4.4rem); }
  .tree-note { display: none; }
  .ecosystem-row { grid-template-columns: 170px 1fr; padding: 1.2rem; }
  .crate-links a { padding: 0.8rem; font-size: 0.76rem; }
  .community { padding: 2.5rem; grid-template-columns: 1.7fr 0.5fr; }
}
@media (max-width: 820px) {
  .hero { grid-template-columns: 1fr; padding-block: 4rem; gap: 2rem; }
  .hero-copy { max-width: 600px; }
  h1 { font-size: clamp(3.5rem, 8.5vw, 5rem); }
  .workbench { max-width: 570px; width: 100%; justify-self: center; }
  .tree-note { display: inline; }
  .foundation-strip > span { max-width: none; width: 100%; }
  .foundation-strip a { width: 100%; }
  .ecosystem-row { grid-template-columns: 1fr; gap: 0.5rem; }
  .layer-label h3 { margin: 0.4rem 0; }
  .community { grid-template-columns: 1fr; }
  .community-mark { display: none; }
  .nav-inner { flex-wrap: wrap; padding-block: 1rem; }
  .nav-links { width: 100%; flex-wrap: wrap; gap: 0.5rem 1.3rem; }
  .js .nav-toggle { display: block; }
  .js .nav-links { display: none; }
  .js .nav-links.is-open { display: flex; }
}
@media (max-width: 580px) {
  .shell { width: calc(100% - 2rem); }
  .release-banner { font-size: 0.69rem; }
  .release-banner > span:not(.status-dot) { width: 100%; text-align: center; }
  .hero { padding-block: 3rem; }
  h1 { font-size: clamp(2.6rem, 10.6vw, 3.7rem); }
  .eyebrow { font-size: 0.6rem; gap: 0.4rem; }
  .hero-copy { font-size: 0.95rem; }
  .hero-actions { gap: 0.6rem; }
  .button { font-size: 0.79rem; gap: 0.7rem; padding-inline: 0.9rem; }
  .workbench { padding-block: 0.8rem; }
  .workbench-orbit { inset-inline: -0.5rem; }
  .workbench-label { font-size: 0.53rem; padding-left: 0; }
  .terminal-body { padding: 1rem; font-size: 0.74rem; }
  .terminal-bar { padding-inline: 1rem; }
  .terminal-mode { display: none; }
  .project-tree { font-size: 0.68rem; }
  .tree-note { font-size: 0.55rem; }
  .workbench-foot { margin-inline: 1.5rem 0.7rem; padding: 0.8rem 1rem; }
  .foundation-strip { justify-content: flex-start; gap: 1rem 1.5rem; }
  .foundation-strip strong { font-size: 1.1rem; }
  .section { padding-block: 4rem; }
  .feature-grid, .journey-grid, .evidence-grid { grid-template-columns: 1fr; }
  .feature-main { grid-row: auto; }
  .feature { padding: 1.5rem; }
  .feature-main h3 { font-size: 1.9rem; margin-top: 1rem; }
  .feature-wide { flex-direction: column; align-items: flex-start; gap: 1rem; }
  .blueprint-chips { margin: 1.5rem 0 0; }
  .crate-links { grid-template-columns: 1fr; }
  .crate-links a { display: flex; align-items: center; justify-content: space-between; gap: 0.8rem; }
  .crate-links small { margin: 0; text-align: right; font-size: 0.6rem; }
  .journey-grid { gap: 1.7rem; }
  .shot-heading { font-size: 0.55rem; }
  .shot-heading > span:last-child { display: none; }
  .community { padding: 1.6rem; }
  .community h2 { font-size: 1.95rem; }
  .community .button { width: 100%; }
  .release-card { grid-template-columns: 1fr; gap: 1.5rem; }
  .footer { margin-top: 3rem; }
  .footer-main { grid-template-columns: 1fr 1fr; }
  .footer-main > div:first-child { grid-column: 1 / -1; }
  .footer-bottom { font-size: 0.58rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .js [data-reveal] { opacity: 1; transform: none; }
}
@media (forced-colors: active) {
  .gradient-text { background: none; -webkit-text-fill-color: currentColor; }
  .button, .feature, .evidence-card, .terminal, .social-links a { border: 1px solid ButtonText; }
  .ambient-scene, .terminal::after, .feature::after, .evidence-card::after { display: none; }
}