@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Outfit:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');

:root {
  --paper: #e7e6df;
  --paper-bright: #f1f1eb;
  --paper-deep: #d5d6cc;
  --ink: #151c17;
  --ink-2: #1d271f;
  --ink-3: #29352c;
  --muted: #68726a;
  --muted-dark: #9aa49a;
  --rule: #c3c6bc;
  --rule-dark: rgba(241, 241, 235, .18);
  --signal: #b9e86c;
  --max: 1380px;
  --ease: cubic-bezier(.2, .8, .2, 1);
  --scroll-progress: 0;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 18px; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: 'Outfit', 'Noto Sans SC', sans-serif; font-size: 16px; line-height: 1.55; overflow-x: hidden; }
body::selection { background: var(--signal); color: var(--ink); }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible { outline: 2px solid var(--signal); outline-offset: 5px; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { letter-spacing: -.045em; }
.section-shell { width: min(var(--max), calc(100% - 116px)); margin-inline: auto; }
.icon { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.reveal-ready { opacity: 0; transform: translateY(18px); transition: opacity .75s var(--ease), transform .75s var(--ease); transition-delay: var(--reveal-delay, 0ms); }
.reveal-ready.is-visible { opacity: 1; transform: none; }
.scroll-progress { position: fixed; top: 0; right: 0; left: 0; z-index: 140; height: 3px; pointer-events: none; background: rgba(21, 28, 23, .08); }
.scroll-progress span { display: block; width: 100%; height: 100%; transform: scaleX(var(--scroll-progress)); transform-origin: left center; background: var(--signal); }

.boot-screen { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; background: var(--ink); color: var(--paper-bright); animation: boot-fallback 3.2s 1.8s forwards; }
.site-booting { overflow-x: hidden; }
.site-booting .site-header, .site-booting main, .site-booting .site-footer { opacity: 0; transform: translateY(12px); }
.boot-shell { width: min(680px, calc(100% - 48px)); }
.boot-topline, .boot-bottomline { display: flex; align-items: center; justify-content: space-between; gap: 18px; color: var(--muted-dark); font: 10px/1.2 'JetBrains Mono', monospace; letter-spacing: .12em; text-transform: uppercase; }
.boot-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--paper-bright); }
.boot-brand img { width: 25px; height: 25px; object-fit: contain; }
.boot-brand b { font-weight: 500; }
.boot-field { display: grid; grid-template-columns: repeat(12, 1fr); gap: 6px; height: 168px; margin: 28px 0 16px; padding: 12px; border: 1px solid var(--rule-dark); background: rgba(231, 230, 223, .04); }
.boot-field i { display: block; align-self: end; height: 36%; background: var(--signal); opacity: .26; animation: boot-bars 1.15s var(--ease) infinite alternate; }
.boot-field i:nth-child(2) { height: 66%; animation-delay: .1s; }.boot-field i:nth-child(3) { height: 45%; animation-delay: .17s; }.boot-field i:nth-child(4) { height: 82%; animation-delay: .26s; }.boot-field i:nth-child(5) { height: 53%; animation-delay: .34s; }.boot-field i:nth-child(6) { height: 92%; animation-delay: .43s; }.boot-field i:nth-child(7) { height: 42%; animation-delay: .51s; }.boot-field i:nth-child(8) { height: 72%; animation-delay: .6s; }.boot-field i:nth-child(9) { height: 31%; animation-delay: .68s; }.boot-field i:nth-child(10) { height: 61%; animation-delay: .77s; }.boot-field i:nth-child(11) { height: 47%; animation-delay: .85s; }.boot-field i:nth-child(12) { height: 76%; animation-delay: .93s; }
.boot-bottomline span:first-child { color: var(--signal); }
body.is-ready { overflow-x: hidden; }
body.is-ready .boot-screen { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .65s var(--ease), visibility .65s; animation: none; }
body.is-ready .site-header, body.is-ready main, body.is-ready .site-footer { opacity: 1; transform: none; transition: opacity .8s .12s var(--ease), transform .8s .12s var(--ease); }
@keyframes boot-bars { from { transform: scaleY(.72); opacity: .2; } to { transform: scaleY(1); opacity: .85; } }
@keyframes boot-fallback { to { opacity: 0; visibility: hidden; pointer-events: none; } }

.site-header { position: relative; z-index: 20; display: flex; align-items: center; justify-content: space-between; min-height: 86px; border-bottom: 1px solid var(--rule); width: min(var(--max), calc(100% - 116px)); margin-inline: auto; }
.brand { display: inline-flex; align-items: center; gap: 11px; min-height: 48px; }
.brand img { width: 32px; height: 32px; object-fit: contain; }
.brand span { display: grid; gap: 2px; line-height: 1; }
.brand b { font-size: 17px; font-weight: 700; letter-spacing: .08em; }
.brand small { color: var(--muted); font-size: 8px; letter-spacing: .16em; }
.desktop-nav { display: flex; align-items: center; gap: 35px; margin-left: 12%; }
.desktop-nav a, .header-link { color: var(--muted); font-size: 13px; transition: color .25s ease; }
.desktop-nav a:hover, .desktop-nav a.is-current, .header-link:hover { color: var(--ink); }
.header-right { display: flex; align-items: center; gap: 24px; }
.header-status { color: var(--muted); font: 10px 'JetBrains Mono', monospace; letter-spacing: .1em; }
.header-status i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--signal); vertical-align: 1px; }
.header-link { display: inline-flex; align-items: center; gap: 8px; color: var(--ink); }
.menu-button { display: none; width: 46px; height: 46px; align-items: center; justify-content: center; flex-direction: column; gap: 6px; border: 1px solid var(--rule); background: transparent; cursor: pointer; }
.menu-button span { width: 17px; height: 1px; background: var(--ink); transition: transform .25s var(--ease); }
.menu-button.is-open span:first-child { transform: translateY(3.5px) rotate(45deg); }.menu-button.is-open span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.mobile-nav { display: none; }

.hero { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(400px, .98fr); align-items: center; gap: clamp(56px, 8vw, 142px); min-height: min(870px, calc(100dvh - 86px)); padding: 102px 0 132px; }
.hero-rule { display: flex; align-items: center; gap: 14px; margin-bottom: 30px; color: var(--muted); font: 10px 'JetBrains Mono', monospace; letter-spacing: .12em; }
.hero-rule span:first-child { display: block; width: 36px; height: 1px; background: var(--ink); }.hero-rule span:last-child { margin-left: auto; }
.hero h1 { max-width: 8.6ch; margin-bottom: 34px; font-size: clamp(4rem, 8.4vw, 8rem); font-weight: 500; line-height: .88; }
.hero h1 em, h2 em { color: #4c612d; font-style: normal; }
.hero-lede { max-width: 45ch; margin-bottom: 38px; color: var(--muted); font-size: clamp(1rem, 1.35vw, 1.2rem); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.action { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; gap: 11px; padding: 0 20px; border: 1px solid transparent; font-size: 13px; font-weight: 600; transition: transform .25s var(--ease), background .25s ease, color .25s ease, border-color .25s ease; }
.action:hover { transform: translateY(-3px); }.action:active { transform: translateY(-1px) scale(.985); }
.action-dark { background: var(--ink); color: var(--paper-bright); }.action-dark:hover { background: var(--ink-3); }
.action-line { border-color: var(--rule); color: var(--ink); }.action-line:hover { border-color: var(--ink); }
.hero-foot { display: flex; flex-wrap: wrap; gap: 15px 25px; margin-top: 58px; padding-top: 17px; border-top: 1px solid var(--rule); color: var(--muted); font: 10px 'JetBrains Mono', monospace; letter-spacing: .06em; }
.hero-visual { position: relative; padding: 0 0 42px 28px; }
.hero-image { position: relative; min-height: 625px; margin: 0; overflow: hidden; background: var(--ink); box-shadow: 28px 28px 0 rgba(21, 28, 23, .09); transform: translate3d(0, var(--hero-frame-shift, 0px), 0); will-change: transform; }
.hero-image img { width: 100%; height: 100%; min-height: 625px; object-fit: cover; filter: saturate(.72) contrast(1.08) brightness(.68); transform: translate3d(0, var(--hero-image-shift, 0px), 0) scale(calc(1.03 + var(--hero-image-scale, 0))); animation: image-settle 1.5s 1.2s var(--ease) forwards; will-change: transform; }
.image-overlay { position: absolute; inset: 0; background: linear-gradient(140deg, rgba(21, 28, 23, .08), rgba(21, 28, 23, .72)); }
.image-label { position: absolute; right: 26px; left: 26px; display: flex; align-items: center; justify-content: space-between; color: var(--paper-bright); font: 10px 'JetBrains Mono', monospace; letter-spacing: .12em; }.image-label-top { top: 26px; }.image-label-top span:last-child { color: var(--signal); }.image-label-bottom { bottom: 37%; padding-bottom: 15px; border-bottom: 1px solid rgba(241, 241, 235, .42); font-size: 13px; letter-spacing: .05em; }.image-label-bottom b { color: var(--signal); font-size: 10px; font-weight: 400; }
.hero-image figcaption { position: absolute; right: 26px; bottom: 25px; color: rgba(241, 241, 235, .67); font-size: 11px; }
.hero-signal { position: absolute; right: -5px; bottom: 0; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; width: 250px; padding: 12px 14px; background: var(--ink); color: var(--paper-bright); font: 10px 'JetBrains Mono', monospace; transform: translate3d(0, var(--signal-shift, 0px), 0); will-change: transform; }.hero-signal strong { color: var(--signal); font-weight: 500; }.hero-signal i { display: block; width: 6px; height: 6px; border-radius: 50%; background: var(--signal); animation: signal-pulse 1.7s infinite; }.signal-code { grid-column: 1 / -1; color: var(--muted-dark); font-size: 8px; }
@keyframes image-settle { to { transform: scale(1); } } @keyframes signal-pulse { 50% { opacity: .28; transform: scale(.72); } }

.manifesto { display: grid; grid-template-columns: .42fr 1.1fr .7fr; gap: 45px; padding: 168px 0 185px; border-top: 1px solid var(--rule); }
.section-mark { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 190px; color: var(--muted); font: 10px 'JetBrains Mono', monospace; letter-spacing: .1em; }.section-mark b { color: var(--ink); font-weight: 500; }
.manifesto-copy h2, .system h2, .operations h2, .modes h2, .console-heading h2, .cta h2 { margin-bottom: 29px; font-size: clamp(3rem, 6vw, 6.4rem); font-weight: 500; line-height: .91; }.manifesto-copy p { max-width: 42ch; color: var(--muted); font-size: 18px; }.manifesto-note { align-self: end; padding: 22px 0 0 25px; border-left: 1px solid var(--ink); }.manifesto-note span, .aside-label, .mode-label { color: var(--muted); font: 10px 'JetBrains Mono', monospace; letter-spacing: .14em; }.manifesto-note p { max-width: 25ch; margin: 16px 0 0; font-size: 14px; }

.dark-band { background: var(--ink); color: var(--paper-bright); }.system-inner, .modes-inner { padding-top: 150px; padding-bottom: 170px; }.system-head, .modes-head { display: grid; grid-template-columns: .42fr 1.58fr; gap: 45px; align-items: start; }.section-mark-light { color: var(--muted-dark); }.section-mark-light b { color: var(--signal); }.system h2, .modes h2 { margin-bottom: 26px; }.system-head p, .modes-head p { max-width: 40ch; margin: 0; color: var(--muted-dark); font-size: 17px; }
.system-grid { display: grid; grid-template-columns: 1.2fr .8fr; grid-template-rows: auto auto; gap: 1px; margin-top: 85px; background: var(--rule-dark); }.system-panel { min-height: 305px; padding: 32px; background: var(--ink-2); }.system-panel-large { grid-row: span 2; min-height: 615px; }.panel-top { display: flex; justify-content: space-between; margin-bottom: 63px; color: var(--muted-dark); font: 10px 'JetBrains Mono', monospace; letter-spacing: .12em; }.panel-top b { color: var(--signal); font-weight: 400; }.system-panel h3 { max-width: 17ch; margin-bottom: 15px; font-size: clamp(1.7rem, 2.8vw, 2.7rem); font-weight: 500; line-height: .98; }.system-panel p { max-width: 40ch; margin-bottom: 0; color: var(--muted-dark); font-size: 14px; }.panel-graphic { position: relative; height: 150px; margin-top: 52px; border-top: 1px solid var(--rule-dark); border-bottom: 1px solid var(--rule-dark); }.node { position: absolute; top: 61px; display: grid; width: 74px; height: 28px; place-items: center; border: 1px solid var(--signal); color: var(--signal); font: 9px 'JetBrains Mono', monospace; }.node-phone { left: 10%; }.node-daemon { right: 10%; }.link-line { position: absolute; top: 75px; left: 28%; width: 44%; height: 1px; background: var(--signal); transform-origin: left; }.link-one { transform: rotate(-17deg); opacity: .35; }.link-two { transform: rotate(0); opacity: .72; }.link-three { transform: rotate(17deg); opacity: .22; }.graphic-readout { position: absolute; right: 0; bottom: 14px; color: var(--muted-dark); font: 9px 'JetBrains Mono', monospace; }.panel-list { display: grid; gap: 10px; margin-top: 38px; color: var(--paper-bright); font: 10px 'JetBrains Mono', monospace; }.panel-list span { display: flex; align-items: center; gap: 10px; }.panel-list i { display: block; width: 6px; height: 6px; background: var(--signal); }.panel-readout { display: flex; justify-content: space-between; gap: 15px; margin-top: 37px; padding-top: 15px; border-top: 1px solid var(--rule-dark); color: var(--muted-dark); font: 9px 'JetBrains Mono', monospace; }.panel-readout b { color: var(--signal); font-weight: 400; }

.operations { display: grid; grid-template-columns: .72fr 1.28fr; gap: 110px; padding: 167px 0 188px; }.operations-intro { position: sticky; top: 100px; align-self: start; }.operations-intro h2 { margin-top: 74px; }.operations-intro p { max-width: 26ch; margin-bottom: 30px; color: var(--muted); }.text-action { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); font-size: 13px; font-weight: 600; }.text-action:hover .icon { transform: translateX(4px); }.text-action .icon { transition: transform .25s var(--ease); }.operation-list { border-top: 1px solid var(--rule); }.operation-row { display: grid; grid-template-columns: 42px 1fr 190px; gap: 24px; min-height: 250px; padding: 28px 0; border-bottom: 1px solid var(--rule); }.operation-number { color: #637e38; font: 11px 'JetBrains Mono', monospace; }.operation-copy > span { color: var(--muted); font: 10px 'JetBrains Mono', monospace; letter-spacing: .14em; }.operation-copy h3 { margin: 19px 0 14px; font-size: clamp(1.6rem, 2.7vw, 2.6rem); font-weight: 500; line-height: .98; }.operation-copy p { max-width: 38ch; margin: 0; color: var(--muted); font-size: 14px; }.operation-meter, .operation-terminal, .operation-local { align-self: center; border-left: 1px solid var(--rule); padding-left: 18px; }.operation-meter { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }.operation-meter i { height: 40px; background: var(--ink); }.operation-meter i:nth-child(2) { opacity: .6; }.operation-meter i:nth-child(3) { opacity: .25; }.operation-meter b { grid-column: 1 / -1; margin-top: 6px; color: var(--muted); font: 9px 'JetBrains Mono', monospace; font-weight: 400; }.operation-terminal { display: grid; gap: 10px; color: var(--muted); font: 10px 'JetBrains Mono', monospace; }.operation-terminal b { color: #5c7d32; font-weight: 400; }.operation-local { display: flex; align-items: center; gap: 8px; color: var(--muted); font: 10px 'JetBrains Mono', monospace; }.operation-local i { width: 7px; height: 7px; border-radius: 50%; background: var(--signal); }.operation-local b { color: #5c7d32; font-weight: 400; }
[data-scroll-speed] { transform: translate3d(0, var(--scroll-offset, 0px), 0); will-change: transform; }

.modes-inner { padding-bottom: 166px; }.mode-switcher { display: flex; gap: 1px; margin-top: 75px; border-bottom: 1px solid var(--rule-dark); }.mode-tab { min-height: 52px; padding: 0 22px; border: 1px solid transparent; border-bottom: 0; background: transparent; color: var(--muted-dark); font: 10px 'JetBrains Mono', monospace; letter-spacing: .12em; cursor: pointer; }.mode-tab:hover { color: var(--paper-bright); }.mode-tab.is-active { border-color: var(--rule-dark); background: var(--ink-2); color: var(--signal); }.mode-panels { background: var(--ink-2); }.mode-panel { display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: 82px; min-height: 390px; padding: 50px; }.mode-panel[hidden] { display: none; }.mode-panel h3 { margin: 18px 0 15px; font-size: clamp(2rem, 3.6vw, 3.7rem); font-weight: 500; line-height: .96; }.mode-panel p { max-width: 43ch; margin-bottom: 24px; color: var(--muted-dark); font-size: 15px; }.mode-panel ul { display: flex; flex-wrap: wrap; gap: 7px 20px; padding: 0; margin: 0; color: var(--paper-bright); font: 10px 'JetBrains Mono', monospace; list-style: none; }.mode-panel li::before { content: '—'; margin-right: 7px; color: var(--signal); }.mode-panel-art { position: relative; min-height: 230px; border: 1px solid var(--rule-dark); overflow: hidden; }.mode-panel-art span, .mode-panel-art b, .mode-panel-art strong { position: absolute; color: var(--signal); font: 10px 'JetBrains Mono', monospace; font-weight: 400; }.mode-panel-art span { top: 25px; left: 25px; }.mode-panel-art b { right: 25px; bottom: 25px; }.mode-panel-art strong { top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; letter-spacing: .1em; }.mode-panel-art i { position: absolute; top: 50%; left: 20%; width: 60%; height: 1px; background: var(--signal); }.mode-panel-art i::after { content: ''; position: absolute; top: -4px; right: 0; width: 9px; height: 9px; border: 1px solid var(--signal); border-radius: 50%; background: var(--ink-2); }.local-art { background: repeating-linear-gradient(90deg, transparent 0, transparent 49px, rgba(241, 241, 235, .04) 50px); }.remote-art::before, .local-art::before { content: ''; position: absolute; inset: 29px; border: 1px solid rgba(185, 232, 108, .22); }.local-art i { width: 38%; left: 31%; transform: rotate(-90deg); }.local-art i::after { right: 0; }

.console-section { padding: 168px 0 185px; }.console-heading { display: grid; grid-template-columns: .42fr 1.58fr; gap: 45px; }.console-heading h2 { margin-bottom: 24px; }.console-heading p { max-width: 40ch; margin: 0; color: var(--muted); font-size: 17px; }.console-layout { display: grid; grid-template-columns: 1.3fr .7fr; gap: 74px; align-items: center; margin-top: 85px; }.console-window { overflow: hidden; border: 1px solid #354238; background: var(--ink); color: var(--paper-bright); box-shadow: 18px 18px 0 rgba(21, 28, 23, .08); }.console-window-top { display: flex; align-items: center; justify-content: space-between; min-height: 46px; padding: 0 18px; border-bottom: 1px solid #354238; color: var(--muted-dark); font: 9px 'JetBrains Mono', monospace; letter-spacing: .08em; }.console-window-top > span:first-child { display: flex; gap: 5px; }.console-window-top i { display: block; width: 7px; height: 7px; border-radius: 50%; background: var(--muted-dark); opacity: .7; }.console-window-top > span:last-child { color: var(--signal); }.console-lines { min-height: 275px; padding: 28px 24px; font: 11px/2 'JetBrains Mono', monospace; }.console-lines p { margin: 0; color: #aab2a8; }.console-lines p > span { margin-right: 13px; color: #6e7f70; }.console-lines p b { color: var(--signal); font-weight: 400; }.console-lines .console-cursor { color: var(--paper-bright); }.console-cursor i { display: inline-block; width: 7px; height: 14px; margin-left: 4px; background: var(--signal); vertical-align: -2px; animation: cursor-blink 1s steps(1) infinite; }.console-input { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 24px; border-top: 1px solid #354238; color: var(--muted-dark); font: 10px 'JetBrains Mono', monospace; }.console-input > span:first-child { color: var(--signal); }.console-input b { margin-left: auto; color: var(--muted-dark); font-weight: 400; }.console-aside { padding-left: 27px; border-left: 1px solid var(--rule); }.console-aside h3 { margin: 19px 0 15px; font-size: clamp(1.9rem, 3vw, 3.4rem); font-weight: 500; line-height: .97; }.console-aside > p { max-width: 31ch; color: var(--muted); font-size: 14px; }.aside-facts { display: grid; gap: 18px; margin-top: 42px; }.aside-facts span { display: flex; align-items: baseline; gap: 10px; }.aside-facts b { color: #5c7d32; font: 11px 'JetBrains Mono', monospace; }.aside-facts small { color: var(--muted); font-size: 11px; }.aside-label { color: var(--muted); }
@keyframes cursor-blink { 50% { opacity: 0; } }

.cta { display: grid; grid-template-columns: .42fr 1.08fr .72fr; gap: 45px; align-items: end; padding: 125px 0 143px; border-top: 1px solid var(--rule); }.cta-rule { align-self: stretch; width: 1px; background: var(--ink); }.cta h2 { margin-bottom: 25px; }.cta-copy > p:last-child { max-width: 38ch; margin: 0; color: var(--muted); font-size: 15px; }.cta-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.site-footer { display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 35px; min-height: 135px; border-top: 1px solid var(--rule); }.site-footer p { margin: 0; color: var(--muted); font-size: 12px; text-align: center; }.footer-links { display: flex; gap: 20px; color: var(--muted); font-size: 12px; }.footer-links a:hover { color: var(--ink); }.footer-note { grid-column: 1 / -1; padding-bottom: 21px; color: var(--muted); font: 9px 'JetBrains Mono', monospace; letter-spacing: .1em; }

@media (max-width: 1100px) {
  .section-shell, .site-header { width: min(var(--max), calc(100% - 72px)); }
  .hero { gap: 56px; }.hero h1 { font-size: clamp(4rem, 8vw, 6.6rem); }.hero-image, .hero-image img { min-height: 550px; }
  .operations { gap: 60px; }.console-layout { gap: 45px; }.system-grid { grid-template-columns: 1fr 1fr; }.system-panel-large { grid-row: auto; grid-column: span 2; min-height: 480px; }
  .cta { grid-template-columns: .32fr 1.1fr .58fr; }
}

@media (max-width: 760px) {
  .section-shell, .site-header { width: calc(100% - 36px); }.site-header { min-height: 75px; }.desktop-nav, .header-status, .header-link { display: none; }.menu-button { display: flex; }.mobile-nav { position: absolute; top: 75px; right: 0; left: 0; display: grid; max-height: 0; overflow: hidden; border-bottom: 0 solid var(--rule); background: var(--paper); transition: max-height .35s var(--ease), border-bottom-width .35s ease; }.mobile-nav.is-open { max-height: 300px; border-bottom-width: 1px; }.mobile-nav a { min-height: 54px; padding: 16px 0; border-bottom: 1px solid var(--rule); color: var(--muted); }.mobile-nav a:last-child { color: var(--ink); }
  .hero { display: block; min-height: auto; padding: 70px 0 115px; }.hero-rule { gap: 9px; font-size: 8px; }.hero-rule span:last-child { display: none; }.hero h1 { max-width: 7.5ch; margin-bottom: 26px; font-size: clamp(3.7rem, 18vw, 6rem); }.hero-lede { max-width: 39ch; font-size: 1rem; }.hero-foot { margin-top: 45px; font-size: 9px; }.hero-visual { margin-top: 60px; padding: 0 0 38px; }.hero-image, .hero-image img { min-height: 465px; }.hero-signal { right: -4px; width: 220px; }.image-label-bottom { bottom: 32%; }
  .manifesto { display: block; padding: 115px 0 128px; }.manifesto-copy { margin-top: 65px; }.manifesto-copy h2, .system h2, .operations h2, .modes h2, .console-heading h2, .cta h2 { font-size: clamp(3.1rem, 15vw, 5.5rem); }.manifesto-copy p { font-size: 16px; }.manifesto-note { margin-top: 58px; }.manifesto-note p { max-width: 34ch; }
  .system-inner, .modes-inner { padding-top: 108px; padding-bottom: 118px; }.system-head, .modes-head, .console-heading { display: block; }.system-head > div:last-child, .modes-head > div:last-child, .console-heading > div:last-child { margin-top: 58px; }.system-head p, .modes-head p, .console-heading p { font-size: 16px; }.system-grid { display: block; margin-top: 60px; }.system-panel, .system-panel-large { min-height: auto; padding: 25px; }.system-panel + .system-panel { border-top: 1px solid var(--rule-dark); }.panel-top { margin-bottom: 45px; }.panel-graphic { margin-top: 42px; }
  .operations { display: block; padding: 112px 0 128px; }.operations-intro { position: static; }.operations-intro h2 { margin-top: 61px; }.operations-intro p { max-width: 32ch; }.operation-list { margin-top: 62px; }.operation-row { grid-template-columns: 31px 1fr; gap: 14px; min-height: 0; padding: 25px 0 34px; }.operation-copy h3 { margin-top: 15px; font-size: 2rem; }.operation-copy p { font-size: 14px; }.operation-meter, .operation-terminal, .operation-local { grid-column: 2; margin-top: 10px; padding-top: 17px; padding-left: 0; border-top: 1px solid var(--rule); border-left: 0; }
  .mode-switcher { margin-top: 58px; overflow-x: auto; }.mode-tab { min-width: max-content; padding-inline: 14px; font-size: 9px; }.mode-panel { display: block; min-height: auto; padding: 25px; }.mode-panel-art { min-height: 190px; margin-bottom: 45px; }.mode-panel h3 { font-size: 2.35rem; }.mode-panel p { font-size: 14px; }.mode-panel ul { display: grid; gap: 9px; }
  .console-section { padding: 112px 0 128px; }.console-layout { display: block; margin-top: 58px; }.console-window { box-shadow: 10px 10px 0 rgba(21, 28, 23, .08); }.console-lines { min-height: 300px; padding: 22px 16px; font-size: 9px; line-height: 2.1; overflow-x: auto; }.console-lines p { min-width: 420px; }.console-input { padding-inline: 16px; }.console-aside { margin-top: 57px; padding: 25px 0 0; border-top: 1px solid var(--rule); border-left: 0; }.console-aside h3 { font-size: 2.45rem; }
  .cta { display: block; padding: 95px 0 115px; }.cta-rule { display: none; }.cta-copy { margin-top: 60px; }.cta h2 { font-size: clamp(3.2rem, 15vw, 5.3rem); }.cta-actions { align-items: flex-start; margin-top: 44px; }.site-footer { display: flex; flex-wrap: wrap; gap: 22px; padding: 35px 0 24px; }.site-footer p { order: 3; width: 100%; text-align: left; }.footer-links { gap: 14px; }.footer-note { width: 100%; padding-bottom: 0; }
}

@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; }
}