:root {
  --paper: #f1f0eb;
  --paper-deep: #e8e6df;
  --ink: #15181d;
  --muted: #686a6b;
  --line: rgba(21, 24, 29, 0.16);
  --blue: #1648e7;
  --blue-deep: #0d2fae;
  --acid: #d7ff63;
  --orange: #f0642b;
  --white: #fcfcf8;
  --mono: "DM Mono", monospace;
  --sans: "Manrope", sans-serif;
  --serif: "Newsreader", serif;
  --max-width: 1380px;
  --header-h: 82px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body {
  margin: 0;
  overflow-x: hidden;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
  transition: background .4s ease, color .4s ease;
}
body.dark {
  --paper: #13161a;
  --paper-deep: #1b1f24;
  --ink: #eef0ea;
  --muted: #a2a6a6;
  --line: rgba(238, 240, 234, 0.17);
  --white: #20252a;
}
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { background: var(--acid); color: #111; }

.noise {
  position: fixed; inset: 0; z-index: 999; opacity: .045; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}
.cursor-glow {
  position: fixed; z-index: 2; width: 360px; height: 360px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(22,72,231,.085), transparent 68%);
  transform: translate(-50%, -50%); opacity: 0; transition: opacity .3s;
}
body:hover .cursor-glow { opacity: 1; }
.section-shell { width: min(calc(100% - 80px), var(--max-width)); margin-inline: auto; }

.site-header {
  height: var(--header-h); padding: 0 max(40px, calc((100vw - var(--max-width))/2)); display: flex;
  align-items: center; justify-content: space-between; position: fixed; inset: 0 0 auto; z-index: 100;
  border-bottom: 1px solid transparent; transition: .35s ease;
}
.site-header.scrolled {
  height: 68px; background: color-mix(in srgb, var(--paper) 87%, transparent);
  backdrop-filter: blur(16px); border-color: var(--line);
}
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 13px; font-weight: 700; letter-spacing: -.02em; }
.brand-mark { width: 30px; height: 30px; overflow: visible; }
.brand-mark path { fill: none; stroke: currentColor; stroke-width: 1.25; }
.brand-mark circle { fill: var(--paper); stroke: currentColor; stroke-width: 1.3; }
.desktop-nav { display: flex; align-items: center; gap: 35px; margin-left: auto; margin-right: 48px; }
.desktop-nav a { color: var(--muted); font: 500 11px var(--mono); text-transform: uppercase; letter-spacing: .08em; position: relative; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; bottom: -6px; width: 100%; height: 1px; background: var(--ink); transform: scaleX(0); transform-origin: right; transition: transform .3s; }
.desktop-nav a:hover { color: var(--ink); }
.desktop-nav a:hover::after { transform: scaleX(1); transform-origin: left; }
.header-actions { display: flex; align-items: center; gap: 10px; }
.icon-button { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; color: var(--ink); background: transparent; cursor: pointer; display: grid; place-items: center; transition: .25s; }
.icon-button:hover { background: var(--ink); color: var(--paper); transform: rotate(12deg); }
.sun-icon { width: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; }
.subscribe-button { background: var(--ink); color: var(--paper); border-radius: 100px; padding: 12px 17px; font: 500 11px var(--mono); text-transform: uppercase; letter-spacing: .06em; transition: transform .25s, background .25s; }
.subscribe-button:hover { transform: translateY(-2px); background: var(--blue); }
.subscribe-button span { margin-left: 12px; }
.menu-toggle { display: none; border: 0; background: none; width: 38px; height: 38px; cursor: pointer; position: relative; }
.menu-toggle span { position: absolute; left: 7px; width: 24px; height: 1px; background: var(--ink); transition: .3s; }
.menu-toggle span:first-child { top: 15px; }.menu-toggle span:last-child { top: 23px; }
.menu-toggle.open span:first-child { transform: translateY(4px) rotate(45deg); }.menu-toggle.open span:last-child { transform: translateY(-4px) rotate(-45deg); }
.mobile-nav { display: none; }

.hero { min-height: 760px; height: 100svh; max-height: 960px; padding-top: var(--header-h); display: grid; grid-template-columns: 52% 48%; align-items: center; }
.hero-copy { padding-right: 6vw; position: relative; z-index: 4; }
.eyebrow { margin: 0 0 30px; font: 500 10px/1.4 var(--mono); text-transform: uppercase; letter-spacing: .14em; color: var(--muted); display: flex; align-items: center; gap: 10px; }
.live-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 4px rgba(240,100,43,.14); animation: pulse 2s infinite; }
@keyframes pulse { 50% { box-shadow: 0 0 0 9px rgba(240,100,43,0); } }
h1 { margin: 0; font: 500 clamp(66px, 7.7vw, 126px)/.8 var(--serif); letter-spacing: -.065em; }
h1 em { font-weight: 400; color: var(--blue); }
.hero-intro { width: min(100%, 560px); margin: 42px 0 35px; padding-left: 74px; color: var(--muted); font-size: 15px; line-height: 1.75; position: relative; }
.hero-intro::before { content: ""; width: 48px; height: 1px; background: var(--ink); position: absolute; left: 0; top: 12px; }
.hero-actions { padding-left: 74px; display: flex; align-items: center; gap: 32px; }
.primary-cta { display: inline-flex; align-items: center; gap: 48px; padding: 15px 18px 15px 20px; background: var(--blue); color: white; font: 500 11px var(--mono); text-transform: uppercase; letter-spacing: .06em; transition: .25s; }
.primary-cta:hover { background: var(--blue-deep); transform: translateY(-3px); box-shadow: 0 12px 30px rgba(22,72,231,.22); }
.primary-cta span { font-size: 18px; transition: transform .25s; }.primary-cta:hover span { transform: translateX(5px); }
.text-link { font: 500 10px var(--mono); text-transform: uppercase; letter-spacing: .08em; padding-bottom: 5px; border-bottom: 1px solid var(--line); transition: border .25s; }
.text-link span { margin-left: 7px; }.text-link:hover { border-color: var(--ink); }

.hero-visual { height: min(70vh, 670px); min-height: 540px; position: relative; background: var(--blue); overflow: hidden; color: white; }
.hero-visual::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, transparent, black 25%, black 75%, transparent); }
#neural-canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .75; }
.visual-label { position: absolute; left: 24px; right: 24px; display: flex; justify-content: space-between; font: 400 8px var(--mono); letter-spacing: .12em; z-index: 2; opacity: .7; }
.top-label { top: 20px; }.bottom-label { bottom: 20px; }
.brain-orbit { position: absolute; left: 50%; top: 49%; width: 340px; height: 340px; transform: translate(-50%,-50%); }
.orbit { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.32); border-radius: 50%; }
.orbit::before, .orbit::after { content: ""; position: absolute; width: 8px; height: 8px; background: var(--acid); border-radius: 50%; left: 50%; top: -4px; box-shadow: 0 0 14px var(--acid); }
.orbit-one { animation: orbit 16s linear infinite; }.orbit-two { inset: 35px; border-style: dashed; animation: orbit 12s linear infinite reverse; }.orbit-two::after { left: auto; right: 20px; top: auto; bottom: 28px; background: white; }
@keyframes orbit { to { transform: rotate(360deg); } }
.core { position: absolute; inset: 90px; border: 1px solid rgba(255,255,255,.5); border-radius: 46% 54% 49% 51%/58% 45% 55% 42%; animation: morph 9s ease-in-out infinite; backdrop-filter: blur(5px); background: rgba(255,255,255,.06); display: grid; place-items: center; }
.core::before, .core::after, .core span { content: ""; position: absolute; border: 1px solid rgba(215,255,99,.55); border-radius: inherit; inset: 17px; transform: rotate(38deg); }
.core::after { inset: 35px; transform: rotate(-28deg); }.core span { inset: 53px; background: var(--acid); border: none; box-shadow: 0 0 50px rgba(215,255,99,.65); }
@keyframes morph { 50% { border-radius: 55% 45% 62% 38%/45% 58% 42% 55%; transform: rotate(14deg) scale(1.08); } }
.signal-card { position: absolute; z-index: 4; right: 18px; bottom: 45px; width: 170px; padding: 12px 14px; background: rgba(13,34,119,.73); border: 1px solid rgba(255,255,255,.23); backdrop-filter: blur(10px); display: grid; gap: 7px; }
.signal-status { font: 400 7px var(--mono); letter-spacing: .14em; color: var(--acid); }
.signal-card svg { width: 100%; height: 26px; }.signal-card path { fill: none; stroke: rgba(255,255,255,.8); stroke-width: 1; vector-effect: non-scaling-stroke; stroke-dasharray: 180; animation: signal 3s linear infinite; }
@keyframes signal { from { stroke-dashoffset: 180; } to { stroke-dashoffset: 0; } }
.signal-value { font: 300 22px var(--mono); }.signal-value small { font-size: 8px; opacity: .7; }

.ticker { overflow: hidden; border-block: 1px solid var(--line); background: var(--paper); }
.ticker-track { display: flex; width: max-content; align-items: center; gap: 30px; padding: 15px 0; animation: ticker 30s linear infinite; }
.ticker-track span { font: 400 10px var(--mono); text-transform: uppercase; letter-spacing: .12em; }.ticker-track i { color: var(--blue); font-style: normal; font-size: 10px; }
@keyframes ticker { to { transform: translateX(-50%); } }

.stories { padding-top: 130px; padding-bottom: 150px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; padding-bottom: 28px; border-bottom: 1px solid var(--line); margin-bottom: 38px; }
.section-heading .eyebrow { margin-bottom: 20px; }
h2 { margin: 0; font: 500 clamp(47px,5vw,76px)/.95 var(--serif); letter-spacing: -.045em; }
.story-grid { display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: 22px; }
.story-image { height: 390px; display: block; overflow: hidden; position: relative; margin-bottom: 22px; }
.feature-image { background: #d9e2e4; }.geometry-image { background: #121a31; }.code-image { background: #e86535; }
.read-pill { position: absolute; right: 14px; top: 14px; opacity: 0; transform: translateY(-8px); transition: .3s; z-index: 5; background: var(--white); color: var(--ink); padding: 9px 12px; border-radius: 100px; font: 500 8px var(--mono); text-transform: uppercase; letter-spacing: .05em; }
.story-image:hover .read-pill { opacity: 1; transform: none; }
.image-index { position: absolute; left: 13px; bottom: 12px; z-index: 3; font: 500 9px var(--mono); color: white; mix-blend-mode: difference; }
.topography { position: absolute; inset: -20%; filter: drop-shadow(0 0 1px #3e555c); transform: rotate(-11deg) scale(1.05); transition: transform 1s cubic-bezier(.2,.7,.2,1); }
.story-image:hover .topography { transform: rotate(-5deg) scale(1.13); }
.topography span { position: absolute; border: 1px solid rgba(44,68,74,.58); border-radius: 47% 53% 42% 58%/53% 40% 60% 47%; }
.topography span:nth-child(1){inset:10%}.topography span:nth-child(2){inset:19%;transform:rotate(16deg)}.topography span:nth-child(3){inset:29%;transform:rotate(-12deg)}.topography span:nth-child(4){inset:38%;transform:rotate(29deg)}.topography span:nth-child(5){inset:46%;transform:rotate(-20deg)}
.topo-center { position: absolute; left: 45%; top: 42%; width: 70px; height: 92px; background: var(--blue); border-radius: 48% 52% 45% 55%; box-shadow: 0 0 0 18px rgba(22,72,231,.1); }
.geometry-wrap { position: absolute; inset: 0; transition: transform 1s ease; }.geometry-image:hover .geometry-wrap { transform: rotate(9deg) scale(1.08); }
.geo-ring { position: absolute; border: 1px solid rgba(150,174,255,.5); border-radius: 50%; }.ring-a{width:300px;height:300px;left:-45px;top:30px}.ring-b{width:210px;height:210px;left:60px;top:90px;border-color:var(--acid)}.ring-c{width:380px;height:150px;left:-10px;top:115px;transform:rotate(60deg)}
.geo-ring::before { content:"";position:absolute;inset:14%;border:1px dashed rgba(255,255,255,.18);border-radius:50%; }
.geo-dot { position:absolute;width:13px;height:13px;border-radius:50%;background:var(--orange);box-shadow:0 0 22px var(--orange);animation:float 4s ease-in-out infinite}.dot-a{left:80px;top:110px}.dot-b{right:50px;bottom:90px;background:var(--acid);animation-delay:-1s}.dot-c{left:47%;bottom:45px;background:#83a0ff;animation-delay:-2s}
@keyframes float { 50% { transform: translateY(-14px); } }
.code-window { position:absolute;left:7%;right:-10%;top:16%;padding:28px 22px;display:grid;grid-template-columns:24px 1fr;gap:12px 15px;background:#1b2024;color:#e6e8dc;box-shadow:0 20px 50px rgba(41,17,9,.3);transform:rotate(-4deg);transition:.7s ease;font:400 11px var(--mono)}
.code-image:hover .code-window { transform: rotate(0) translateY(-8px); }.code-window span{color:#687078;text-align:right}.code-window b{color:#d7ff63}.code-window i{color:#ec7fcd;font-style:normal}.code-window em{color:#829292}
.story-meta { display: flex; justify-content: space-between; color: var(--muted); font: 400 8px var(--mono); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 16px; }
.story-card h3 { margin: 0; font: 500 clamp(26px,2.3vw,38px)/1.05 var(--serif); letter-spacing: -.025em; }
.story-card h3 a { background-image: linear-gradient(var(--ink),var(--ink)); background-size: 0 1px; background-position: 0 100%; background-repeat:no-repeat; transition: background-size .45s; }.story-card h3 a:hover{background-size:100% 1px}
.story-card > p { color: var(--muted); line-height: 1.7; font-size: 12px; margin: 17px 0 24px; max-width: 92%; }
.author-row { border-top: 1px solid var(--line); padding-top: 13px; display: flex; align-items: center; gap: 8px; font: 400 8px var(--mono); text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.author-row time { margin-left: auto; }.author-avatar { display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font:500 7px var(--mono);color:#111}.avatar-one{background:#c8e0de}.avatar-two{background:#d9d0f2}.avatar-three{background:#f0cba7}

.field-notes { background: #111923; color: #edf0ea; padding: 140px 0; position: relative; overflow: hidden; }
.field-notes::before { content:"";position:absolute;width:600px;height:600px;border-radius:50%;right:-15%;top:-30%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 100px rgba(255,255,255,.018),0 0 0 200px rgba(255,255,255,.012) }
.field-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 9vw; align-items: start; }
.eyebrow.light { color: #a3aab0; }.field-intro h2{font-size:clamp(43px,4.6vw,68px)}.field-intro>p:last-child{color:#9ca5ad;font-size:13px;line-height:1.8;max-width:430px;margin-top:35px}
.field-row { min-height: 164px; display: grid; grid-template-columns: 44px 1fr 105px 42px; gap: 25px; align-items: center; border-top: 1px solid rgba(255,255,255,.16); transition: background .35s, padding .35s; }
.field-row:last-child { border-bottom:1px solid rgba(255,255,255,.16)}.field-row:hover{background:rgba(255,255,255,.035);padding-inline:17px}.field-number{font:400 9px var(--mono);color:#76818c;align-self:start;margin-top:32px}.field-row h3{margin:0 0 12px;font:400 clamp(26px,2.4vw,36px) var(--serif)}.field-row p{margin:0;color:#89949d;font-size:10px}.round-arrow{display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(255,255,255,.23);border-radius:50%;transition:.3s}.field-row:hover .round-arrow{background:var(--acid);color:#111;border-color:var(--acid);transform:rotate(45deg)}
.field-icon { width:85px;height:85px;position:relative;opacity:.75;transition:.5s}.field-row:hover .field-icon{opacity:1;transform:scale(1.08)}
.neuron-icon b{position:absolute;width:20px;height:20px;border:1px solid var(--acid);border-radius:50%;left:31px;top:31px}.neuron-icon i{position:absolute;width:1px;height:45px;background:#718db5;left:42px;top:0;transform-origin:bottom}.neuron-icon i:nth-child(2){transform:rotate(120deg)}.neuron-icon i:nth-child(3){transform:rotate(240deg)}.neuron-icon i::after{content:"";position:absolute;top:0;left:-3px;width:7px;height:7px;border-radius:50%;background:#718db5}
.ai-icon{border:1px solid #6078a0;transform:rotate(45deg) scale(.68)}.field-row:hover .ai-icon{transform:rotate(135deg) scale(.72)}.ai-icon i{position:absolute;width:12px;height:12px;background:var(--acid);border-radius:50%}.ai-icon i:nth-child(1){left:-6px;top:-6px}.ai-icon i:nth-child(2){right:-6px;top:-6px}.ai-icon i:nth-child(3){left:-6px;bottom:-6px}.ai-icon i:nth-child(4){right:-6px;bottom:-6px}
.software-icon{display:grid;place-items:center;border:1px dashed #65758c;border-radius:50%}.software-icon i{font:300 22px var(--mono);color:var(--acid);font-style:normal}

.software { display: grid; grid-template-columns: 1.08fr .92fr; gap: 9vw; padding-top: 150px; padding-bottom: 150px; align-items: center; }
.software-visual { background: #181b20; color: #eaece7; min-height: 510px; box-shadow: 0 30px 80px rgba(16,18,21,.18); transform: perspective(1000px) rotateY(2deg); }
.terminal-bar{height:44px;border-bottom:1px solid #353a41;display:flex;align-items:center;gap:7px;padding:0 15px}.terminal-bar span{width:8px;height:8px;border-radius:50%;background:#f36b5e}.terminal-bar span:nth-child(2){background:#e5b94f}.terminal-bar span:nth-child(3){background:#6ac778}.terminal-bar small{font:400 8px var(--mono);color:#787f86;margin:auto}
.terminal-body{padding:45px;font:300 12px/1.9 var(--mono)}.terminal-body i{color:var(--acid);font-style:normal}.terminal-muted{color:#727b83}.progress-line{width:100%;height:3px;background:#30373d;margin:24px 0}.progress-line span{display:block;width:82%;height:100%;background:var(--blue);box-shadow:0 0 13px #2e5df1;animation:progress 4s ease-in-out infinite}@keyframes progress{50%{width:100%}}.terminal-success{color:#85d99b}.terminal-body pre{font:300 12px/1.9 var(--mono);margin:32px 0;color:#c6cbd0}.terminal-body pre span{color:#84a3ff}.terminal-body pre em{color:#606970;font-style:normal}.cursor-block{display:inline-block;width:8px;height:14px;background:var(--acid);vertical-align:middle;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}
.software-copy h2{max-width:520px}.software-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.8;margin:28px 0 34px;max-width:530px}.software-copy ul{list-style:none;padding:0;margin:0 0 40px;border-top:1px solid var(--line)}.software-copy li{padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.software-copy li span{font:400 8px var(--mono);color:var(--blue);margin-right:24px}.dark-cta{background:var(--ink);color:var(--paper)}

.quote-section { text-align: center; padding-top: 40px; padding-bottom: 150px; }.quote-mark{width:50px;fill:var(--blue);margin-bottom:30px}.quote-section blockquote{max-width:990px;margin:0 auto;font:400 clamp(36px,4.4vw,66px)/1.09 var(--serif);letter-spacing:-.035em}.quote-section>p{font:400 9px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-top:30px}

.newsletter { background: var(--blue); color: white; position: relative; overflow:hidden; }.newsletter-inner{padding-top:120px;padding-bottom:120px;position:relative;z-index:2;text-align:center}.newsletter .eyebrow{justify-content:center;color:rgba(255,255,255,.7)}.newsletter h2{font-size:clamp(53px,6vw,90px)}.newsletter h2 em{font-weight:400;color:var(--acid)}.newsletter-inner>p:not(.eyebrow){font-size:13px;color:rgba(255,255,255,.68);margin:26px auto 35px}.subscribe-form{display:flex;max-width:610px;margin:auto;border-bottom:1px solid rgba(255,255,255,.5)}.subscribe-form input{flex:1;min-width:0;border:0;background:transparent;color:white;padding:16px 4px;outline:none;font:300 14px var(--mono)}.subscribe-form input::placeholder{color:rgba(255,255,255,.48)}.subscribe-form button{border:0;background:var(--acid);color:#111;padding:0 22px;cursor:pointer;font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.07em;transition:.25s}.subscribe-form button:hover{background:white}.subscribe-form button span{font-size:16px;margin-left:15px}.newsletter small{display:block;margin-top:17px;color:rgba(255,255,255,.45);font:300 8px var(--mono)}.form-message{height:18px;margin-top:10px;font:400 10px var(--mono);color:var(--acid)}
.newsletter-network span{position:absolute;width:9px;height:9px;border:1px solid rgba(255,255,255,.6);border-radius:50%;animation:network-float 7s ease-in-out infinite}.newsletter-network span::after{content:"";position:absolute;width:250px;height:1px;background:rgba(255,255,255,.15);top:4px;left:4px;transform-origin:left;transform:rotate(var(--r,20deg))}.newsletter-network span:nth-child(1){left:5%;top:20%;--r:25deg}.newsletter-network span:nth-child(2){left:20%;bottom:10%;--r:-65deg;animation-delay:-2s}.newsletter-network span:nth-child(3){right:10%;top:15%;--r:145deg;animation-delay:-4s}.newsletter-network span:nth-child(4){right:25%;bottom:8%;--r:210deg}.newsletter-network span:nth-child(5){left:40%;top:8%;--r:120deg;animation-delay:-3s}.newsletter-network span:nth-child(6){right:2%;bottom:30%;--r:170deg;animation-delay:-5s}@keyframes network-float{50%{transform:translateY(-20px)}}

.site-footer{background:#101317;color:#e5e7e2;padding-top:80px}.footer-top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;padding-bottom:70px}.footer-brand .brand-mark circle{fill:#101317}.footer-top>div:first-child>p{font-size:11px;line-height:1.7;color:#777f85;margin:25px 0}.footer-links{display:flex;flex-direction:column;gap:13px;font-size:11px}.footer-links span{font:400 8px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#697077;margin-bottom:9px}.footer-links a{color:#b7bcb9;transition:.25s}.footer-links a:hover{color:var(--acid);transform:translateX(4px)}.ai-editorial-note{margin-top:0;margin-bottom:0;padding:0 0 22px;color:#646b70;font:300 7px/1.7 var(--mono);letter-spacing:.035em}.footer-bottom{border-top:1px solid #2a2e32;padding:22px 0 28px;display:flex;justify-content:space-between;font:300 8px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:#697077}

.reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.65,.2,1); transition-delay: var(--delay,0ms); }.reveal.visible { opacity:1;transform:none }.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:1050px){
  .section-shell{width:min(calc(100% - 48px),var(--max-width))}.site-header{padding-inline:24px}.desktop-nav{display:none}.menu-toggle{display:block}.subscribe-button{display:none}.mobile-nav{display:flex;position:fixed;inset:0;z-index:90;background:var(--paper);flex-direction:column;align-items:center;justify-content:center;gap:25px;transform:translateY(-110%);transition:transform .5s cubic-bezier(.7,0,.2,1)}.mobile-nav.open{transform:none}.mobile-nav a{font:400 45px var(--serif)}
  .hero{grid-template-columns:1fr 1fr}.hero-copy{padding-right:30px}.hero-intro,.hero-actions{padding-left:0}.hero-intro::before{display:none}.brain-orbit{width:280px;height:280px}.core{inset:75px}.story-grid{grid-template-columns:1fr 1fr}.feature-story{grid-column:1/-1}.feature-story .story-image{height:500px}.field-layout{grid-template-columns:1fr;gap:70px}.field-intro{max-width:700px}.software{gap:5vw}.terminal-body{padding:30px}.footer-top{grid-template-columns:1.5fr repeat(3,1fr)}
}
@media(max-width:720px){
  .section-shell{width:calc(100% - 34px)}.site-header{padding-inline:17px}.brand{font-size:11px}.hero{height:auto;max-height:none;display:flex;flex-direction:column;padding-top:130px}.hero-copy{padding:0;width:100%}.eyebrow{margin-bottom:22px}h1{font-size:clamp(63px,20vw,94px)}.hero-intro{margin:30px 0 25px;font-size:13px}.hero-actions{gap:20px}.primary-cta{gap:25px}.hero-visual{width:100%;min-height:470px;height:65vh;margin-top:55px}.brain-orbit{width:270px;height:270px}.signal-card{width:145px}.ticker-track{animation-duration:20s}
  .stories{padding-block:90px}.section-heading{align-items:start}.section-heading .text-link{display:none}.story-grid{grid-template-columns:1fr;gap:65px}.feature-story{grid-column:auto}.story-image,.feature-story .story-image{height:390px}.story-card h3{font-size:34px}
  .field-notes{padding:90px 0}.field-layout{gap:45px}.field-row{grid-template-columns:30px 1fr 35px;min-height:145px;gap:10px}.field-icon{display:none}.field-row p{line-height:1.5}.field-row h3{font-size:26px}.field-number{margin-top:38px}.field-row:hover{padding-inline:0;background:transparent}
  .software{grid-template-columns:1fr;padding-block:90px;gap:70px}.software-visual{min-height:440px;order:2}.terminal-body{padding:25px 20px;font-size:10px}.terminal-body pre{font-size:10px}.software-copy{order:1}
  .quote-section{padding-bottom:90px}.newsletter-inner{padding-block:90px}.newsletter h2{font-size:51px}.subscribe-form{flex-direction:column;border:0;gap:10px}.subscribe-form input{border-bottom:1px solid rgba(255,255,255,.5);text-align:center}.subscribe-form button{height:50px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{gap:20px;line-height:1.5}.cursor-glow{display:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.cursor-glow{display:none}}

/* Archive and article pages */
.subpage { min-height: 100vh; }
.subpage .site-header { background: color-mix(in srgb, var(--paper) 90%, transparent); }
.desktop-nav a.active { color: var(--ink); }
.feed-hero { padding-top: 185px; padding-bottom: 66px; }
.feed-hero h1 { font-size: clamp(76px, 10vw, 150px); line-height: .82; }
.feed-hero-bottom { margin-top: 55px; padding-top: 22px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; align-items: start; }
.feed-hero-bottom p { color: var(--muted); max-width: 530px; font-size: 13px; line-height: 1.7; margin: 0; }
.feed-hero-bottom span { color: var(--muted); font: 400 9px var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.feed-section { padding-bottom: 150px; }
.feed-toolbar { display: flex; gap: 7px; padding: 22px 0 34px; border-top: 1px solid var(--line); }
.filter-button { padding: 10px 14px; background: transparent; color: var(--muted); border: 1px solid var(--line); border-radius: 100px; cursor: pointer; font: 400 8px var(--mono); text-transform: uppercase; letter-spacing: .07em; transition: .25s; }
.filter-button:hover, .filter-button.active { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.archive-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 70px 22px; min-height: 350px; }
.archive-grid .story-image { height: 360px; }
.loading-copy, .empty-feed { color: var(--muted); font: 400 10px var(--mono); text-transform: uppercase; letter-spacing: .09em; padding: 50px 0; }
.compact-footer { padding-top: 0; }.compact-footer .ai-editorial-note{padding-top:20px;padding-bottom:20px}
.compact-footer .footer-bottom a { color: #a8afb3; transition: color .2s; }.compact-footer .footer-bottom a:hover { color: var(--acid); }.compact-links{display:flex;gap:24px;align-items:center}

.article-root { min-height: 80vh; }
.article-loading { padding: 240px 5vw; text-align: center; font: 400 10px var(--mono); text-transform: uppercase; letter-spacing: .1em; color: var(--muted); }
.article-header { padding-top: 160px; padding-bottom: 80px; }
.article-back { display: inline-block; margin-bottom: 70px; padding-bottom: 5px; border-bottom: 1px solid var(--line); font: 400 9px var(--mono); text-transform: uppercase; letter-spacing: .09em; }
.article-kicker { display: flex; justify-content: space-between; color: var(--blue); font: 500 9px var(--mono); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 28px; }
.article-header h1 { max-width: 1250px; font-size: clamp(64px, 8.2vw, 124px); line-height: .88; }
.article-deck { max-width: 750px; margin: 43px 0 36px; color: var(--muted); font: 400 clamp(17px, 1.6vw, 23px)/1.55 var(--sans); }
.article-byline { display: flex; align-items: center; gap: 12px; color: var(--muted); font: 400 9px var(--mono); text-transform: uppercase; letter-spacing: .07em; }
.article-byline time { margin-left: 18px; padding-left: 30px; border-left: 1px solid var(--line); }
.article-byline b { color: var(--ink); font-weight: 500; }
.article-cover { width: min(calc(100% - 80px), 1540px); height: min(68vw, 720px); margin: 0 auto; position: relative; overflow: hidden; }
.article-cover .topography { inset: -45%; }.article-cover .topo-center { width: 180px; height: 230px; }
.article-cover .geometry-wrap { inset: 3% 15%; transform: scale(1.7); transform-origin: center; }
.article-cover .code-window { left: 18%; right: 8%; top: 15%; padding: 60px; gap: 24px; font-size: 18px; }
.cover-caption { position: absolute; z-index: 5; left: 20px; bottom: 18px; color: white; mix-blend-mode: difference; font: 400 8px var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.article-layout { display: grid; grid-template-columns: 220px minmax(0, 720px); gap: 7vw; justify-content: center; align-items: start; padding-top: 110px; padding-bottom: 140px; }
.article-aside { position: sticky; top: 110px; display: flex; flex-direction: column; align-items: stretch; gap: 38px; }
.article-share { display: flex; flex-direction: column; align-items: start; gap: 13px; border-top: 1px solid var(--line); padding-top: 16px; }
.article-share span, .article-resources > span { margin-bottom: 8px; color: var(--muted); font: 400 8px var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.article-share button, .article-share a { padding: 0 0 4px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); cursor: pointer; font: 400 9px var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.article-resources { display: flex; flex-direction: column; gap: 8px; padding-top: 16px; border-top: 1px solid var(--line); }
.resource-link { display: grid; grid-template-columns: 31px 1fr auto; gap: 1px 10px; align-items: center; padding: 11px 10px !important; border: 1px solid var(--line) !important; background: var(--paper-deep); text-transform: none !important; letter-spacing: 0 !important; transition: background .25s, border .25s, transform .25s; }
.resource-link:hover { background: var(--ink); color: var(--paper); border-color: var(--ink) !important; transform: translateX(3px); }
.resource-link i { grid-row: 1 / 3; display: grid; place-items: center; width: 29px; height: 29px; background: var(--blue); color: white; font: 500 10px var(--mono); font-style: normal; }
.resource-link b { font: 500 9px var(--sans); }.resource-link small { color: var(--muted); font: 400 7px var(--mono); }.resource-link strong { grid-column: 3; grid-row: 1 / 3; font-weight: 400; }
.article-body { font: 400 20px/1.82 var(--serif); }
.article-body > p { margin: 0 0 31px; }
.article-body > p:first-child { font-size: 27px; line-height: 1.55; }
.article-body > p:first-child::first-letter { float: left; margin: 5px 11px 0 0; color: var(--blue); font: 500 80px/.7 var(--serif); }
.article-body h2 { margin: 72px 0 24px; font-size: 45px; line-height: 1; }
.article-end { border-top: 1px solid var(--line); padding-top: 80px; padding-bottom: 140px; text-align: center; }
.article-end .eyebrow { justify-content: center; }.article-end h2 { margin-bottom: 40px; }.article-end h2 em { color: var(--blue); font-weight: 400; }
.not-found { padding-top: 220px; padding-bottom: 180px; }.not-found h1 { max-width: 1000px; font-size: clamp(54px, 7vw, 100px); margin-bottom: 50px; }

@media(max-width: 1050px) {
  .archive-grid { grid-template-columns: 1fr 1fr; }
  .article-cover { width: calc(100% - 48px); }
}
@media(max-width: 720px) {
  .feed-hero { padding-top: 140px; padding-bottom: 45px; }.feed-hero h1 { font-size: 72px; }.feed-hero-bottom { margin-top: 38px; gap: 25px; }.feed-hero-bottom span { white-space: nowrap; }
  .feed-toolbar { overflow-x: auto; margin-inline: -17px; padding-inline: 17px; }.filter-button { white-space: nowrap; }.archive-grid { grid-template-columns: 1fr; gap: 65px; }.archive-grid .story-image { height: 390px; }.feed-section { padding-bottom: 90px; }
  .article-header { padding-top: 125px; padding-bottom: 55px; }.article-back { margin-bottom: 48px; }.article-header h1 { font-size: 58px; }.article-deck { margin-top: 30px; font-size: 17px; }.article-byline { flex-wrap: wrap; }.article-byline time { width: 100%; margin: 8px 0 0 40px; padding: 0; border: 0; }
  .article-cover { width: 100%; height: 480px; }.article-cover .topography { inset: -20%; }.article-cover .topo-center { width: 90px; height: 120px; }.article-cover .geometry-wrap { inset: 10% -15%; transform: scale(1.25); }.article-cover .code-window { left: 6%; right: -25%; top: 20%; padding: 30px 20px; font-size: 11px; }
  .article-layout { grid-template-columns: 1fr; padding-top: 70px; padding-bottom: 90px; }.article-aside { position: static; display: grid; grid-template-columns: 1fr 1fr; }.article-resources > span { width: 100%; }.article-body { font-size: 19px; }.article-body > p:first-child { font-size: 23px; }.article-body h2 { font-size: 37px; margin-top: 55px; }.article-end { padding-block: 70px 90px; }
}

/* Article citations */
.article-citations{display:grid;grid-template-columns:220px minmax(0,720px);gap:7vw;justify-content:center;margin-top:-55px;padding-bottom:140px}.citation-label{padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font:400 8px var(--mono);text-transform:uppercase;letter-spacing:.1em}.citation-label small{font:inherit}.citation-content{padding-top:10px;border-top:1px solid var(--line)}.citation-content h2{font-size:45px;margin-bottom:35px}.citation-content ol{list-style:none;counter-reset:references;margin:0;padding:0}.citation-content li{counter-increment:references;position:relative;padding:20px 0 20px 48px;border-top:1px solid var(--line)}.citation-content li:last-child{border-bottom:1px solid var(--line)}.citation-content li::before{content:counter(references,decimal-leading-zero);position:absolute;left:0;top:23px;color:var(--blue);font:500 8px var(--mono)}.citation-content li p{margin:0;color:var(--ink);font:400 15px/1.65 var(--serif)}.citation-content li a{display:inline-block;margin-top:9px;padding-bottom:3px;border-bottom:1px solid var(--line);color:var(--muted);font:400 8px var(--mono);text-transform:uppercase;letter-spacing:.07em;transition:.2s}.citation-content li a:hover{color:var(--blue);border-color:var(--blue)}
@media(max-width:720px){.article-citations{grid-template-columns:1fr;margin-top:-25px;padding-bottom:90px;gap:35px}.citation-content h2{font-size:37px}.citation-label{padding-bottom:14px}}
@media(max-width: 520px) { .article-aside { grid-template-columns: 1fr; } }

/* Legal pages */
.legal-hero { padding-top: 180px; padding-bottom: 80px; border-bottom: 1px solid var(--line); }
.legal-hero h1 { max-width: 1050px; font-size: clamp(70px, 10vw, 148px); line-height: .82; }
.legal-hero h1 em { color: var(--blue); font-weight: 400; }
.legal-summary { display: flex; justify-content: space-between; gap: 40px; align-items: end; margin-top: 55px; }
.legal-summary > p { max-width: 620px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.legal-summary time { white-space: nowrap; color: var(--muted); font: 400 9px var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.legal-layout { display: grid; grid-template-columns: 230px minmax(0, 760px); justify-content: center; gap: 8vw; padding-top: 100px; padding-bottom: 140px; }
.legal-aside { position: sticky; top: 110px; align-self: start; padding-top: 16px; border-top: 1px solid var(--line); }
.legal-aside > span { display: block; margin-bottom: 18px; color: var(--muted); font: 400 8px var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.legal-aside nav { display: flex; flex-direction: column; gap: 11px; }
.legal-aside a { color: var(--muted); font: 400 9px/1.4 var(--mono); transition: color .2s, transform .2s; }
.legal-aside a:hover { color: var(--blue); transform: translateX(3px); }
.legal-content { font: 400 18px/1.8 var(--serif); }
.legal-intro { margin: 0 0 70px; padding: 26px 28px; border-left: 3px solid var(--blue); background: var(--paper-deep); font-family: var(--sans); font-size: 13px; line-height: 1.75; color: var(--muted); }
.legal-content section { scroll-margin-top: 105px; margin-bottom: 65px; }
.legal-content h2 { margin: 0 0 22px; font-size: clamp(35px, 4vw, 48px); line-height: 1; }
.legal-content p { margin: 0 0 20px; }
.legal-content ul { margin: 22px 0; padding-left: 0; list-style: none; }
.legal-content li { position: relative; margin: 13px 0; padding-left: 27px; }
.legal-content li::before { content: "↳"; position: absolute; left: 0; color: var(--blue); font-family: var(--mono); }
.legal-content a { color: var(--blue); border-bottom: 1px solid color-mix(in srgb, var(--blue) 35%, transparent); }
.legal-content strong { font-weight: 600; }
.legal-note { margin-top: 80px; padding-top: 30px; border-top: 1px solid var(--line); color: var(--muted); font: 400 10px/1.7 var(--mono); }

@media(max-width: 720px) {
  .compact-links { gap: 13px; flex-wrap: wrap; justify-content: flex-end; }
  .legal-hero { padding-top: 135px; padding-bottom: 55px; }.legal-hero h1 { font-size: 70px; }.legal-summary { align-items: start; flex-direction: column; margin-top: 40px; }
  .legal-layout { grid-template-columns: 1fr; padding-top: 65px; padding-bottom: 90px; }.legal-aside { position: static; }.legal-aside nav { display: grid; grid-template-columns: 1fr 1fr; }.legal-content { font-size: 17px; }.legal-content section { margin-bottom: 52px; }.legal-intro { margin-bottom: 55px; padding: 22px; }
}