:root{color-scheme:dark;--bg:#090e10;--surface:#101719;--line:#263235;--ink:#f2f5f3;--muted:#a4b2b6;--teal:#2dd4bf;--blue:#93a4f4;--plum:#e0a3d5;--sand:#dcc177;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ease:cubic-bezier(.22,.7,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{border:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:5px}::selection{color:var(--bg);background:var(--teal)}p,h1,h2,h3{margin:0}button:disabled{cursor:default}img{display:block}.wrap{max-width:1360px;padding-inline:48px;margin-inline:auto}.accent,.brand-dot{color:var(--teal)}.muted{color:var(--muted)}.eyebrow{font:11px/1.5 var(--mono);letter-spacing:.12em;color:var(--teal)}.skip-link{position:absolute;top:8px;left:8px;z-index:10;background:var(--ink);color:var(--bg);padding:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:650;letter-spacing:-.65px;white-space:nowrap}.site-header nav{display:flex;gap:30px;font-size:13px;color:var(--muted)}.site-header nav a:hover,.site-footer a:hover{color:var(--teal)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--ink);color:var(--bg);font-size:14px;font-weight:650;line-height:1.4;padding:18px 24px;border:1px solid var(--ink);border-radius:4px;transition:transform .22s var(--ease),background .22s,border-color .22s;white-space:nowrap}.button:hover{background:var(--teal);border-color:var(--teal);transform:translateY(-2px)}.button:active{transform:translateY(0)}.button-small{padding:11px 17px;font-size:12px;gap:20px}.text-link{display:inline-flex;align-items:center;gap:13px;color:var(--teal);font-size:13px;line-height:1.5}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link span{transition:transform .22s}.text-link:hover span{transform:translate(2px,-2px)}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:64px;padding-top:88px;padding-bottom:96px;align-items:center}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:28px}.status-dot{display:inline-block;flex:none;width:5px;height:5px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 3px #2dd4bf16}h1{font-size:clamp(60px,5.9vw,84px);font-weight:500;letter-spacing:-.045em;line-height:1.015;margin-left:-4px}.hero-description{font-size:16px;color:var(--muted);max-width:420px;line-height:1.8;margin-top:28px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:35px}.fine-print{font:11px/1.7 var(--mono);color:var(--muted)}.hero-copy>.fine-print{margin-top:19px}.fine-print span{padding:0 8px}.instrument{position:relative;min-width:0;border-top:1px solid var(--line);padding-top:18px}.instrument-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.example-tag{font:9px var(--mono);letter-spacing:.08em;color:var(--muted)}.readout{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:27px}.readout>div{display:flex;align-items:baseline;gap:10px}#archive-total{font:44px/1 var(--mono);letter-spacing:-2.5px;color:var(--teal);font-variant-numeric:tabular-nums}.unit{font-size:12px;color:var(--muted)}.readout-percent{font:15px var(--mono);text-align:right;color:var(--ink)}.readout-percent small{display:block;font:9px var(--mono);color:var(--muted);margin-top:7px}.context-grid{overflow:hidden;display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:5px;min-height:155px;position:relative}.cell{height:11px;background:#202c30;transition:opacity .25s,background .3s,transform .3s;transform-origin:left}.cell.claude,.swatch.claude{background:var(--teal)}.cell.codex,.swatch.codex{background:var(--blue)}.cell.cursor,.swatch.cursor{background:var(--plum)}.cell.dim{opacity:.2}.axis{display:flex;justify-content:space-between;font:9px var(--mono);color:var(--muted);margin-top:12px;padding-bottom:22px;border-bottom:1px solid var(--line)}.legend{margin-top:7px}.legend-row{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0;background:transparent;font:11px/1.4 var(--mono);transition:opacity .2s}.legend-row>span:first-child{display:flex;align-items:center;gap:9px}.legend-row>span:last-child{font-variant-numeric:tabular-nums}.legend-row small{font-size:9px;color:var(--muted)}.legend-row:hover{color:var(--teal)}.legend-row[aria-pressed=true]{color:var(--teal)}.swatch{display:inline-block;width:6px;height:6px;flex:none}.map-note{font:10px/1.7 var(--mono);color:var(--muted);min-height:45px;margin:14px 0}.instrument-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;font:9px var(--mono);color:var(--muted)}.instrument-footer>span{display:flex;align-items:center;gap:8px}.replay{background:none;padding:5px 0;color:var(--teal);font:10px var(--mono)}.replay:hover{text-decoration:underline;text-underline-offset:4px}.spec-rail{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding-block:26px;gap:24px}.spec-rail p{font-size:13px}.spec-rail span{display:block;font:9px var(--mono);letter-spacing:.06em;color:var(--muted);margin-bottom:6px}.section{padding-block:100px}.section h2{font-size:clamp(32px,3.2vw,46px);line-height:1.15;font-weight:500;letter-spacing:-.045em}.section .eyebrow{margin-bottom:22px}.context-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-bottom:70px}.section-prose{padding-top:38px}.lead{font-size:21px;line-height:1.6;letter-spacing:-.015em}.section-prose p+p{color:var(--muted);font-size:14px;margin-top:22px;line-height:1.85}.section-prose .text-link{margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-index{font:11px var(--mono);color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:48px 0 0;border-top:1px solid var(--line)}.steps li{padding:32px 30px 0 0;min-width:0}.steps li+li{padding-left:30px;border-left:1px solid var(--line)}.step-number{font:12px var(--mono);color:var(--teal)}.steps h3{font-size:19px;letter-spacing:-.03em;font-weight:500;margin:21px 0 13px}.steps p{font-size:13px;color:var(--muted);line-height:1.8}.steps code{display:block;font:10px var(--mono);color:var(--teal);margin-top:29px}.technical-section{background:var(--surface);border-block:1px solid var(--line)}.technical-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:44px}.terminal{border:1px solid #344244;border-radius:4px;background:var(--bg);align-self:start}.terminal-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 20px;font:9px var(--mono);letter-spacing:.07em;color:var(--muted)}pre{margin:0;padding:27px 20px 22px;white-space:pre-wrap;overflow-wrap:anywhere}pre code{font:12px/2 var(--mono)}.terminal-muted{color:var(--muted)}.terminal>p{border-top:1px solid var(--line);padding:18px 20px;color:var(--muted);font-size:11px;line-height:1.8}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}caption{text-align:left;font-size:15px;margin-bottom:20px}td,th{padding:13px 8px 13px 0;border-bottom:1px solid #344244;font-weight:400}thead th{font:9px var(--mono);color:var(--muted);padding-top:0}tbody th{color:var(--muted)}td{color:var(--ink)}td code{font-size:10px}.measurement-table>.fine-print{margin-top:20px;font:10px/1.8 var(--mono)}.privacy-section{display:grid;grid-template-columns:1fr 1fr;gap:100px}.privacy-section .lead{color:var(--muted);font-size:16px;margin-top:27px}.privacy-copy{padding-top:42px}.privacy-copy p{color:var(--muted);font-size:14px;line-height:1.85}.privacy-copy p+p{margin-top:18px}.privacy-copy strong{color:var(--ink);font-weight:500}.privacy-copy .privacy-caveat{font-size:11px;border-left:2px solid var(--teal);padding-left:17px;margin-top:25px}.faq-section{display:grid;grid-template-columns:.8fr 1fr;gap:80px;border-top:1px solid var(--line)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:20px 30px 20px 0;font-size:14px;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:0;top:18px;color:var(--teal);font:19px var(--mono)}details[open] summary::after{content:"−"}details[open] summary{color:var(--teal)}details p{padding:0 28px 23px 0;font-size:13px;color:var(--muted);line-height:1.85}.download-section{text-align:center;padding:92px 0 87px;border-block:1px solid var(--line);background:var(--surface)}.download-section h2{font-size:clamp(48px,5vw,70px);font-weight:500;letter-spacing:-.055em;line-height:1.07;margin-top:25px}.download-section h2+p{font-size:15px;color:var(--muted);margin-top:25px}.download-section .button{margin-top:30px}.download-section .fine-print{margin-top:18px;font-size:10px}.install-note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:25px}.site-footer{padding-block:34px;display:flex;align-items:center;gap:25px;justify-content:space-between}.site-footer .brand{font-size:16px;gap:0}.site-footer>p{font-size:11px;color:var(--muted)}.site-footer>div{display:flex;gap:24px;font-size:10px;color:var(--muted)}
@media(min-width:1440px){.hero{padding-top:55px;padding-bottom:70px;gap:85px}.context-grid{gap:6px}.cell{height:12px}.hero-description{font-size:17px}}
@media(max-width:1100px){.wrap{padding-inline:32px}.hero{gap:40px;padding-top:65px}h1{font-size:67px}.hero-actions{gap:20px}.hero-actions .button{padding:16px 18px}.hero-actions .text-link{font-size:11px}.technical-grid{gap:35px}.context-section,.privacy-section{gap:60px}.site-header nav{gap:20px}.context-grid{gap:4px}.cell{height:10px}.readout-percent small{font-size:8px}.site-footer{flex-wrap:wrap}.site-footer>div{margin-left:auto}}
@media(max-width:800px){.site-header{height:84px}.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:65px;padding-top:55px;padding-bottom:55px;max-width:680px}.hero-copy{max-width:540px}h1{font-size:78px}.hero-description{max-width:460px}.hero-actions .text-link{font-size:13px}.hero-actions .button{padding:18px 24px}.instrument{max-width:570px;width:100%}.context-grid{gap:6px;min-height:170px}.cell{height:12px}.spec-rail{grid-template-columns:repeat(2,1fr);gap:25px;padding-block:25px}.section{padding-block:70px}.context-section,.privacy-section{grid-template-columns:1fr;gap:25px}.section-prose,.privacy-copy{padding-top:0;max-width:600px}.context-section h2 br:nth-of-type(1){display:none}.technical-grid{grid-template-columns:1fr;gap:35px}.steps{gap:25px}.steps li,.steps li+li{padding:25px 0 0;border:0}.steps h3{font-size:17px}.steps p{font-size:12px}.steps code{font-size:9px}.faq-section{grid-template-columns:1fr;gap:35px}.site-footer{justify-content:flex-start}.site-footer>div{margin-left:0;width:100%;flex-wrap:wrap}.site-footer>p{margin-left:auto}.section-index{display:none}}
@media(max-width:480px){.wrap{padding-inline:22px}.brand{font-size:17px;gap:5px}.brand img{width:29px;height:29px}.site-header{gap:10px}.site-header .button{font-size:10px;padding:9px 11px;gap:10px}.hero{padding-top:42px;gap:50px}.eyebrow{font-size:9px}h1{font-size:clamp(57px,14vw,68px);letter-spacing:-.045em}.hero-copy .eyebrow{margin-bottom:24px}.hero-description{font-size:14px;margin-top:24px}.hero-actions{gap:22px;margin-top:28px}.hero-actions .button{width:100%}.hero-actions .text-link{font-size:12px}.hero-copy>.fine-print{font-size:9px}.instrument-top .eyebrow{font-size:9px}.example-tag{font-size:8px}.context-grid{gap:4px;min-height:134px}.cell{height:9px}#archive-total{font-size:38px}.readout-percent{font-size:13px}.unit{font-size:11px}.legend-row{font-size:10px}.map-note{font-size:9px;min-height:42px}.instrument-footer{font-size:8px}.replay{font-size:9px}.spec-rail p{font-size:11px}.spec-rail span{font-size:8px}.section{padding-block:56px}.section h2{font-size:34px}.section .eyebrow{margin-bottom:18px}.lead{font-size:19px}.section-prose p+p{font-size:13px}.steps{grid-template-columns:1fr;margin-top:32px;gap:0}.steps li,.steps li+li{padding:26px 0;border-bottom:1px solid var(--line)}.steps h3{font-size:21px;margin-top:14px}.steps p{font-size:13px}.steps code{margin-top:18px;font-size:10px}.technical-grid{margin-top:30px}.terminal pre{padding-inline:16px}pre code{font-size:10px}.measurement-table table{font-size:10px}td,th{padding-block:12px}.measurement-table .fine-print{font-size:9px}.privacy-copy p{font-size:13px}.privacy-section .lead{font-size:15px}.download-section{padding-block:64px}.download-section h2{font-size:49px}.download-section h2+p{font-size:13px}.site-footer{gap:14px;padding-block:26px}.site-footer>p{margin-left:0;font-size:10px}.site-footer>div{gap:18px}.site-footer>div span{margin-left:auto;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.context-grid.scanning::after{display:none}}

/* Motion stays in the gutters and section rules. Copy never moves or fades. */
body{isolation:isolate}.ambient-field{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict}.ambient-rail{position:absolute;top:0;bottom:0;left:14px;width:1px;background:linear-gradient(transparent,#2dd4bf19 25%,#2dd4bf19 75%,transparent)}.ambient-rail:nth-child(2){left:27px;opacity:.5}.ambient-rail:nth-child(3){left:auto;right:14px}.ambient-rail:nth-child(4){left:auto;right:27px;opacity:.5}.ambient-rail::after{content:"";position:absolute;left:0;top:-25vh;width:1px;height:25vh;background:linear-gradient(transparent,var(--teal),transparent);animation:signal-fall 11s linear infinite;animation-play-state:paused}.ambient-rail:nth-child(2)::after{animation-delay:-6s;animation-duration:17s}.ambient-rail:nth-child(3)::after{animation-delay:-4s;animation-direction:reverse}.ambient-rail:nth-child(4)::after{animation-delay:-11s;animation-duration:19s}.reading-progress{position:fixed;inset:0 0 auto;height:2px;background:var(--teal);z-index:20;transform:scaleX(0);transform-origin:left;pointer-events:none}.site-header{position:relative;z-index:2}.motion-toggle{position:absolute;top:100%;right:32px;z-index:20;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--muted);font:9px var(--mono);box-shadow:0 4px 16px #0003}.motion-toggle[hidden]{display:none}.motion-toggle:hover{color:var(--teal);border-color:var(--teal)}.motion-toggle span{color:var(--teal)}.section,.spec-rail,.download-section{position:relative}.section::before,.spec-rail::before,.download-section::before{content:"";position:absolute;top:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--teal) 25%,#93a4f477 65%,transparent);transform:scaleX(0);transform-origin:left;pointer-events:none;opacity:.55}.traced::before{animation:trace-rule 1.4s var(--ease) both}.section::after,.spec-rail::after,.download-section::after{content:"";position:absolute;left:0;top:-2px;width:15%;height:3px;background:linear-gradient(90deg,transparent,#2dd4bf00 30%,var(--teal),transparent);opacity:0;pointer-events:none}.in-view::after{animation:signal-cross 5s 1s var(--ease) 2;animation-play-state:paused}.steps li{position:relative}.steps li::after{content:"";position:absolute;left:0;right:0;top:-2px;height:3px;background:var(--teal);transform:scaleX(0);transform-origin:left;opacity:.7;pointer-events:none}.traced .steps li::after{animation:trace-rule .8s .35s var(--ease) both}.traced .steps li:nth-child(2)::after{animation-delay:.8s}.traced .steps li:nth-child(3)::after{animation-delay:1.25s}.step-number{position:relative}.step-number::before{content:"";position:absolute;inset:-9px -10px;border:1px solid #2dd4bf40;clip-path:polygon(0 0,30% 0,30% 1px,1px 1px,1px 30%,0 30%,0 0,100% 100%,70% 100%,70% calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 70%,100% 70%,100% 100%);pointer-events:none}.terminal{position:relative}.terminal::after{content:"";position:absolute;top:0;left:0;width:3px;height:24px;background:var(--teal);opacity:0;pointer-events:none}.in-view .terminal::after{animation:terminal-read 3s 1.4s var(--ease) 1;animation-play-state:paused}.download-section{overflow:hidden}.download-section>.wrap{position:relative;z-index:1}.orbital-field{position:absolute;inset:0;pointer-events:none;overflow:hidden;contain:strict;mask-image:linear-gradient(90deg,#000,transparent 28%,transparent 72%,#000)}.orbital-field i{position:absolute;width:760px;height:760px;left:calc(50% - 380px);top:calc(50% - 380px);border:1px solid #2dd4bf40;border-radius:38%;transform:rotate(25deg);animation:orbital-turn 38s linear infinite;animation-play-state:paused}.orbital-field i:nth-child(2){width:900px;height:900px;left:calc(50% - 450px);top:calc(50% - 450px);border-radius:42%;border-color:#93a4f430;animation-direction:reverse;animation-duration:52s}.orbital-field i:nth-child(3){width:1040px;height:1040px;left:calc(50% - 520px);top:calc(50% - 520px);border-color:#2dd4bf20;animation-duration:67s}.button span{transition:transform .25s var(--ease)}.button:hover span{transform:translateY(3px)}body[data-motion=running] .ambient-rail::after,body[data-motion=running] .in-view::after,body[data-motion=running] .in-view .terminal::after,body[data-motion=running] .in-view .orbital-field i{animation-play-state:running}body[data-motion=paused] *,body[data-motion=paused] *::before,body[data-motion=paused] *::after{animation-play-state:paused!important}
@keyframes signal-fall{to{transform:translateY(150vh)}}@keyframes trace-rule{to{transform:scaleX(1)}}@keyframes signal-cross{0%{transform:translateX(0);opacity:0}15%,75%{opacity:.7}100%{transform:translateX(565%);opacity:0}}@keyframes terminal-read{0%{transform:translateY(0);opacity:0}15%,80%{opacity:1}100%{transform:translateY(220px);opacity:0}}@keyframes orbital-turn{to{transform:rotate(385deg)}}@keyframes reading-progress{to{transform:scaleX(1)}}
@supports(animation-timeline:scroll()){.reading-progress{animation:reading-progress linear both;animation-timeline:scroll(root)}}
@media(min-width:1500px){.ambient-rail{left:calc((100vw - 1440px)/2)}.ambient-rail:nth-child(2){left:calc((100vw - 1440px)/2 + 14px)}.ambient-rail:nth-child(3){right:calc((100vw - 1440px)/2)}.ambient-rail:nth-child(4){right:calc((100vw - 1440px)/2 + 14px)}}
@media(max-width:800px){.ambient-rail{left:8px}.ambient-rail:nth-child(3){right:8px}.ambient-rail:nth-child(2),.ambient-rail:nth-child(4){display:none}.orbital-field i{width:480px;height:480px;left:calc(50% - 240px);top:calc(50% - 240px)}.orbital-field i:nth-child(2){width:590px;height:590px;left:calc(50% - 295px);top:calc(50% - 295px)}.orbital-field i:nth-child(3){width:700px;height:700px;left:calc(50% - 350px);top:calc(50% - 350px)}.motion-toggle{right:22px;font-size:8px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.ambient-rail::after,.reading-progress,.motion-toggle,.section::after,.spec-rail::after,.download-section::after,.terminal::after{display:none}.traced::before,.traced .steps li::after{transform:scaleX(1)}}

/* Fixed tile boxes gently switch between colored fill and their empty background. */
.context-grid .cell{position:relative;background:#202c30}.cell.claude{--tile-color:var(--teal)}.cell.codex{--tile-color:var(--blue)}.cell.cursor{--tile-color:var(--plum)}.context-grid .cell::after{content:"";position:absolute;inset:0;background:var(--tile-color,transparent);pointer-events:none}.context-grid .cell:not(.dim):is(.claude,.codex,.cursor)::after{animation:tile-fill 16s ease-in-out infinite;animation-delay:var(--fill-delay);animation-play-state:paused}body[data-motion=running] #context-map.in-view .cell::after{animation-play-state:running}#context-grid.scanning .cell::after{animation:none}@keyframes tile-fill{0%,10%,54%,100%{opacity:1}12%,52%{opacity:0}}
@media(prefers-reduced-motion:reduce){.context-grid .cell::after{opacity:1!important}}