:root{--bg:#fff;--surface:#f8fafc;--surface-2:#f1f5f9;--text:#0a1723;--muted:#5c6975;--line:#dce3e9;--primary:#0b2f4a;--primary-fg:#fff;--soft:#e8f4fb;--blue:#8fd3ff;--radius:18px;color-scheme:light dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Geist,"SF Pro Display","Segoe UI",sans-serif;letter-spacing:-.01em}a{color:inherit}.site-header{position:sticky;top:0;z-index:30;height:68px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--text);font-weight:750;text-decoration:none}.brand img{width:34px;height:34px;object-fit:contain;pointer-events:none;user-select:none}.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav a{font-size:.88rem;font-weight:600;text-decoration:none;color:var(--muted)}.site-header nav a:hover{color:var(--text)}.nav-download{padding:9px 15px;border-radius:9px!important;background:var(--primary);color:var(--primary-fg)!important}.page-section{scroll-margin-top:68px}.hero{width:min(1180px,calc(100% - 40px));min-height:calc(100vh - 92px);margin:24px auto 0;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(40px,7vw,100px);padding:70px 0 90px}.kicker{margin:0 0 18px;color:var(--primary);font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero h1{max-width:720px;margin:0;font-size:clamp(3.5rem,6.4vw,6.4rem);line-height:.96;letter-spacing:-.065em}.lede{max-width:610px;margin:28px 0 0;color:var(--muted);font-size:1.12rem;line-height:1.7}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:30px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 20px;border:1px solid var(--line);border-radius:10px;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button.primary{border-color:var(--primary);background:var(--primary);color:var(--primary-fg)}.button.quiet{background:var(--bg);color:var(--text)}.platforms{margin-top:20px;color:var(--muted);font-size:.78rem;font-weight:650;letter-spacing:.05em}.app-window{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--bg);box-shadow:0 32px 80px rgba(11,47,74,.13),0 3px 12px rgba(11,47,74,.08);transform:perspective(1400px) rotateY(-3deg) rotateX(1deg)}.window-bar{height:46px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid var(--line);background:var(--surface)}.window-bar span{width:9px;height:9px;border-radius:50%;background:var(--line)}.window-bar b{margin:auto;font-size:.72rem;color:var(--muted)}.app-layout{display:grid;grid-template-columns:155px 1fr;min-height:460px}.app-sidebar{padding:14px;border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:8px}.mini-nav{min-height:38px;padding:10px;border:1px solid transparent;border-radius:9px;font-size:.72rem;color:var(--muted);display:flex;flex-direction:column;gap:3px}.mini-nav span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem}.mini-nav.active{background:var(--primary);color:var(--primary-fg)}.app-content{padding:28px}.content-heading{display:flex;align-items:center;justify-content:space-between}.content-heading small,.field-grid small{display:block;color:var(--muted);font-size:.58rem;font-weight:800;letter-spacing:.1em}.content-heading h2{margin:5px 0 0;font-size:1.25rem}.content-heading button,.focus-actions button{border:0;border-radius:8px;background:var(--primary);color:var(--primary-fg);padding:9px 14px;font-weight:700}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.field-grid>div{padding:12px;border:1px solid var(--line);border-radius:9px}.field-grid strong{display:block;margin-top:5px;font-size:.78rem}.timer-card{padding:20px;border-radius:13px;background:var(--surface);position:relative}.timer-card span{font-size:.68rem;color:var(--muted)}.timer-card b{display:block;margin-top:6px;font:650 2.1rem/1 ui-monospace,monospace}.timer-card i{position:absolute;right:20px;bottom:20px;width:54px;height:6px;border-radius:4px;background:var(--blue)}.session-row{display:flex;justify-content:space-between;padding:17px 2px;border-bottom:1px solid var(--line);font-size:.75rem}.overview,.backend{padding:120px max(24px,calc((100vw - 1180px)/2));background:var(--surface)}.section-heading{max-width:690px}.section-heading.centered{margin:0 auto;text-align:center}.section-heading h2,.split h2,.detail-copy h2,.data-control h2,.download h2{margin:0;font-size:clamp(2.5rem,4.5vw,4.5rem);line-height:1.03;letter-spacing:-.055em}.section-heading>p:last-child,.detail-copy>p,.data-control .section-heading>p:last-child,.download>p{color:var(--muted);line-height:1.7}.three-up{width:min(1180px,100%);margin:54px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.three-up article{min-height:310px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);display:flex;flex-direction:column}.step{color:var(--primary);font:750 .75rem ui-monospace,monospace}.three-up h3{margin:52px 0 12px;font-size:1.8rem}.three-up p{margin:0;color:var(--muted);line-height:1.6}.three-up a{margin-top:auto;color:var(--primary);font-size:.86rem;font-weight:750;text-decoration:none}.split{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:130px 0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,130px)}.prose{padding-top:8px}.prose p{margin:0 0 22px;color:var(--muted);font-size:1.05rem;line-height:1.75}.feature-detail{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:110px 0;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:clamp(50px,8vw,110px);border-top:1px solid var(--line)}.feature-detail.reverse .detail-copy{order:2}.detail-copy>p{font-size:1.02rem}.detail-copy ul{margin:28px 0 0;padding:0;list-style:none}.detail-copy li{padding:10px 0 10px 22px;border-bottom:1px solid var(--line);position:relative;font-size:.9rem}.detail-copy li:before{content:"";position:absolute;left:0;top:17px;width:7px;height:7px;border-radius:50%;background:var(--primary)}.product-panel{min-height:430px;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 18px 50px rgba(11,47,74,.08)}.panel-top,.board-head{display:flex;justify-content:space-between;align-items:center}.panel-top span,.board-head span{color:var(--muted);font-size:.8rem}.panel-top b{font-size:1.5rem}.timeline{display:grid;gap:12px;margin:42px 0}.timeline i{display:block;width:var(--w);height:42px;border-radius:8px;background:linear-gradient(90deg,var(--primary),var(--blue))}.panel-list span{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:.82rem}.panel-list em{font-style:normal;color:var(--muted)}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.board>div{min-height:320px;padding:12px;border-radius:10px;background:var(--bg)}.board small{display:block;margin-bottom:14px;color:var(--muted);font-weight:700}.board span{display:block;margin-bottom:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:.72rem}.board span.selected{border-color:var(--primary);box-shadow:inset 3px 0 var(--primary)}.focus-panel{display:flex;flex-direction:column;align-items:center;justify-content:center}.focus-panel .mode{padding:6px 10px;border-radius:99px;background:var(--soft);color:var(--primary);font-size:.68rem;font-weight:800}.focus-panel>strong{margin-top:28px;font:650 clamp(4rem,8vw,7rem)/1 ui-monospace,monospace;letter-spacing:-.08em}.focus-panel>p{color:var(--muted)}.focus-actions{display:flex;gap:8px;margin-top:20px}.focus-actions button+button{background:var(--bg);color:var(--text);border:1px solid var(--line)}.data-control{padding:120px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;gap:45px 80px;background:var(--primary);color:var(--primary-fg)}.data-control .kicker,.data-control .text-link{color:var(--blue)}.data-control .section-heading>p:last-child{color:color-mix(in srgb,var(--primary-fg) 70%,transparent)}.code-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--primary-fg) 18%,transparent);border-radius:16px;background:color-mix(in srgb,var(--primary) 82%,#000)}.code-title{height:46px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--primary-fg) 15%,transparent);font-size:.72rem}.code-title b{color:var(--blue);font-size:.62rem;letter-spacing:.1em}.code-card pre{margin:0;padding:24px;overflow:auto;color:#dff3ff;font:500 .82rem/1.7 ui-monospace,monospace}.data-points{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid color-mix(in srgb,var(--primary-fg) 18%,transparent)}.data-points span{padding:24px 20px;color:color-mix(in srgb,var(--primary-fg) 65%,transparent);font-size:.82rem}.data-points b{display:block;margin-bottom:8px;color:var(--primary-fg);font-size:.92rem}.text-link{font-weight:700;text-decoration:none}.stack-flow{width:min(1120px,100%);margin:60px auto 0;display:flex;align-items:center;justify-content:center}.stack-flow span{min-width:180px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--bg);text-align:center}.stack-flow b,.stack-flow small{display:block}.stack-flow small{margin-top:7px;color:var(--muted)}.stack-flow i{padding:0 12px;color:var(--primary);font-style:normal}.contribute .actions{margin-top:28px}.download{padding:120px 24px;text-align:center;background:var(--soft);overflow:hidden}.download img{width:150px;height:150px;object-fit:contain;user-select:none;pointer-events:none}.download h2{max-width:780px;margin:0 auto}.download>p:not(.kicker){max-width:590px;margin:20px auto 30px}.download .button{margin-top:4px}footer{width:min(1180px,calc(100% - 40px));min-height:110px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.82rem}footer>div{display:flex;gap:20px}footer>div a{font-weight:700;text-decoration:none}.rex-rail{position:fixed;z-index:20;right:12px;top:88px;bottom:28px;width:46px;pointer-events:none}.rail-line{position:absolute;top:0;bottom:0;left:22px;width:2px;border-radius:2px;background:linear-gradient(var(--blue),var(--primary))}.walking-rex{position:absolute;top:0;left:0;width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(11,47,74,.22));transform:translateY(var(--rex-y,0)) scaleX(var(--rex-direction,1));transition:filter .35s ease;animation:rex-step .65s ease-in-out infinite;user-select:none}.rex-rail.paused .walking-rex{animation-play-state:paused}@keyframes rex-step{0%,100%{margin-left:-2px;rotate:-2deg}50%{margin-left:2px;rotate:2deg}}
@media(prefers-color-scheme:dark){:root{--bg:#0d1117;--surface:#141a21;--surface-2:#1b232c;--text:#f3f7fa;--muted:#9aa8b5;--line:#29333d;--primary:#9bd8ff;--primary-fg:#092033;--soft:#162d3d;--blue:#9bd8ff}.app-window{box-shadow:0 32px 80px rgba(0,0,0,.35)}.data-control{--primary:#102b3d;--primary-fg:#eef8ff}.data-control .kicker,.data-control .text-link,.code-title b{color:#9bd8ff}.download{--soft:#132838}}
@media(max-width:900px){.site-header nav a:not(.nav-download):not(.nav-source){display:none}.hero{grid-template-columns:1fr;padding-top:60px}.app-window{transform:none}.three-up{grid-template-columns:1fr}.three-up article{min-height:240px}.split,.feature-detail{grid-template-columns:1fr}.feature-detail.reverse .detail-copy{order:0}.data-control{grid-template-columns:1fr}.data-points{grid-template-columns:1fr 1fr}.stack-flow{flex-direction:column}.stack-flow i{padding:10px;rotate:90deg}.stack-flow span{width:min(100%,340px)}.rex-rail{display:none}}
@media(max-width:560px){.site-header{padding:0 14px}.nav-download{padding:8px 11px!important}.hero,.split,.feature-detail{width:calc(100% - 28px)}.hero{min-height:auto;margin-top:0;padding:68px 0 76px}.hero h1{font-size:3.35rem}.app-layout{grid-template-columns:1fr}.app-sidebar{display:none}.app-content{padding:18px}.field-grid{grid-template-columns:1fr}.three-up{margin-top:34px}.overview,.backend,.data-control{padding:84px 18px}.split,.feature-detail{padding:84px 0}.product-panel{min-height:350px;padding:18px}.board{grid-template-columns:1fr}.board>div{min-height:auto}.board>div:nth-child(3){display:none}.data-points{grid-template-columns:1fr}.download{padding:88px 18px}footer{padding:30px 0;flex-direction:column;gap:18px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.walking-rex{animation:none}.button{transition:none}}

/* Dinosaur-led product visuals */
.hero-dino{min-height:560px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-dino span{position:absolute;width:min(42vw,500px);aspect-ratio:1;border-radius:50%;background:var(--soft);z-index:-1}.hero-dino img{width:min(48vw,590px);max-height:650px;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 24px 35px rgba(11,47,74,.16))}
.philosophy{width:100%;margin:95px 0;padding:130px max(24px,calc((100vw - 1180px)/2));position:relative;z-index:1;background:#0b2f4a;color:#f5fbff}.philosophy-inner{width:min(1180px,100%);margin:auto}.philosophy .kicker{color:#9bd8ff}.philosophy .section-heading{max-width:820px}.principle-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:58px}.principle-grid article{min-height:250px;padding:28px;border:1px solid rgba(188,230,255,.2);border-radius:18px;background:rgba(255,255,255,.045)}.principle-grid article>span{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#9bd8ff;color:#08243a;font:800 1.15rem ui-monospace,monospace}.principle-grid h3{margin:30px 0 10px;font-size:1.25rem}.principle-grid p{margin:0;color:rgba(235,247,255,.7);line-height:1.65}
.data-control{position:relative;z-index:1;margin:100px 0}
.spiral-panel,.source-panel,.computer-panel{position:relative;overflow:hidden;display:grid;place-items:center}.spiral-label{position:absolute;left:20px;top:18px;color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.1em}.spiral-label span{margin-left:7px;padding:4px 7px;border-radius:99px;background:var(--soft);color:var(--primary);letter-spacing:0}.field-spiral{position:relative;width:min(100%,390px);aspect-ratio:1}.field-word{position:absolute;left:50%;top:50%;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font:700 .72rem ui-monospace,monospace;white-space:nowrap;transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(var(--scale));transition:transform .65s cubic-bezier(.2,.8,.2,1),border-color .25s,background .25s}.field-word.editing{border-color:var(--primary);background:var(--soft)}.spiral-center{position:absolute;left:50%;top:50%;width:100px;height:100px;translate:-50% -50%;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:var(--primary-fg);font-size:2rem;box-shadow:0 0 0 14px var(--soft)}.spiral-center small{display:block;margin-top:-26px;font-size:.56rem;font-weight:700}.edit-cursor{position:absolute;left:50%;top:50%;font-style:normal;color:var(--primary);font-size:1.15rem;transform:translate(var(--cursor-x,0),var(--cursor-y,0));transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.source-orbit{position:relative;width:min(100%,400px);aspect-ratio:1;border:1px dashed var(--line);border-radius:50%;animation:source-spin 26s linear infinite}.source-orbit:before{content:"";position:absolute;inset:20%;border:1px dashed var(--line);border-radius:50%}.source-center{position:absolute;left:50%;top:50%;translate:-50% -50%;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:var(--primary-fg);font-size:2rem;box-shadow:0 0 0 12px var(--soft);z-index:2}.source-center small{display:block;margin-top:-28px;font-size:.6rem;font-weight:800}.source-orbit>span{--angle:calc(var(--i)*90deg);position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--bg);color:var(--primary);font-size:1.3rem;transform:rotate(var(--angle)) translateX(185px) rotate(calc(var(--angle)*-1));box-shadow:0 9px 24px rgba(11,47,74,.08);animation:source-counterspin 26s linear infinite}.source-orbit>span b{display:block;margin-top:-23px;color:var(--text);font-size:.58rem;text-align:center}@keyframes source-spin{to{rotate:360deg}}@keyframes source-counterspin{to{rotate:-360deg}}
.computer-panel{background:linear-gradient(145deg,var(--surface),var(--soft))}.computer{width:min(92%,390px)}.screen{aspect-ratio:16/10;border:9px solid var(--text);border-radius:17px;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px var(--line),0 24px 44px rgba(11,47,74,.14)}.screen span{color:var(--primary);font-size:.68rem;font-weight:850;letter-spacing:.14em}.screen strong{margin:17px 0 10px;font:700 clamp(3.4rem,7vw,5.7rem)/1 ui-monospace,monospace;letter-spacing:-.08em}.screen small{color:var(--muted)}.computer-base{width:48%;height:24px;margin:auto;background:var(--text);clip-path:polygon(38% 0,62% 0,69% 70%,100% 76%,100% 100%,0 100%,0 76%,31% 70%)}
@media(prefers-color-scheme:dark){.philosophy{background:#102b3d}.hero-dino img{filter:drop-shadow(0 24px 35px rgba(143,211,255,.12))}.field-word,.source-orbit>span{background:var(--bg)}}
@media(max-width:900px){.hero-dino{min-height:420px}.hero-dino img{width:min(90vw,560px)}.principle-grid{grid-template-columns:1fr}.source-orbit{scale:.82}.dino-boundary:before,.dino-boundary:after{height:64px}.dino-boundary:before{top:-63px}.dino-boundary:after{bottom:-63px}}
@media(max-width:560px){.hero-dino{min-height:340px}.philosophy{padding:90px 18px}.principle-grid article{min-height:220px}.field-spiral{scale:.82}.source-orbit{scale:.68}.source-orbit>span{transform:rotate(var(--angle)) translateX(165px) rotate(calc(var(--angle)*-1))}.screen strong{font-size:3.2rem}}
@media(prefers-reduced-motion:reduce){.dino-boundary:before,.dino-boundary:after,.source-orbit,.source-orbit>span{animation:none}.field-word,.edit-cursor{transition:none}}

/* Editable inward field spiral */
.spiral-panel{min-height:500px;background:radial-gradient(circle at center,var(--soft),var(--surface) 57%)}.field-spiral{width:min(100%,450px);overflow:visible}.spiral-path-point{position:absolute;left:50%;top:50%;width:2px;height:2px;border-radius:50%;background:color-mix(in srgb,var(--primary) 34%,transparent);transform:translate(-50%,-50%) translate(var(--x),var(--y));pointer-events:none}.field-word{padding:5px 9px;border:0;border-radius:6px;background:color-mix(in srgb,var(--bg) 88%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--line) 72%,transparent);font-size:.7rem;transform:translate(-50%,-50%) translate(var(--x),var(--y)) rotate(var(--rotation)) scale(var(--scale));transform-origin:center;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .25s,background .25s}.field-word.editing{background:var(--soft);box-shadow:0 0 0 1px var(--primary)}.edit-cursor{z-index:4;margin:-10px 0 0 -3px;color:var(--primary);font-size:1rem;transform:translate(var(--cursor-x,0),var(--cursor-y,0)) rotate(var(--cursor-rotation,0deg));transition:transform .22s ease;animation:cursor-blink .75s steps(1) infinite}.edit-cursor.hidden{display:none}@keyframes cursor-blink{50%{opacity:.12}}@media(max-width:560px){.spiral-panel{min-height:390px}.field-spiral{scale:.76}}

/* Task sources rotate into a stationary, unframed center */
.source-orbit:before{inset:0;border:0;border-radius:0;background:linear-gradient(90deg,transparent 6%,color-mix(in srgb,var(--primary) 42%,transparent) 6% 43%,transparent 43% 57%,color-mix(in srgb,var(--primary) 42%,transparent) 57% 94%,transparent 94%),linear-gradient(0deg,transparent 6%,color-mix(in srgb,var(--primary) 42%,transparent) 6% 43%,transparent 43% 57%,color-mix(in srgb,var(--primary) 42%,transparent) 57% 94%,transparent 94%);z-index:0}.source-center{width:92px;height:92px;border-radius:0;background:transparent;color:var(--text);box-shadow:none;font-size:2.6rem;animation:source-counterspin 26s linear infinite}.source-center small{margin-top:-23px;color:var(--muted);font-size:.58rem}.source-orbit>span{z-index:1;animation:none}.source-orbit>span b{transform:none}@media(prefers-reduced-motion:reduce){.source-center{animation:none}}

/* Continuous motion is driven frame-by-frame; only color changes are eased. */
.field-word{transition:background .2s,box-shadow .2s;will-change:transform}.edit-cursor{transition:none;will-change:transform}

/* Animations sit directly on the page without cards or tinted bounds. */
.spiral-panel,.source-panel,.computer-panel{min-height:470px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.spiral-panel{background:transparent}.computer-panel{background:transparent}.source-orbit{width:min(100%,440px);border:0}.source-center{width:118px;height:118px;font-size:4rem}.source-center small{display:none}.source-orbit>span{width:112px;height:112px;margin:-56px;font-size:1.85rem}.source-orbit>span b{margin-top:-25px;font-size:.74rem;line-height:1.12}@media(max-width:560px){.spiral-panel,.source-panel,.computer-panel{min-height:390px}.source-center{font-size:3.5rem}.source-orbit>span{width:106px;height:106px;margin:-53px}}

/* Upright source badges with compact connectors and no tinted field. */
.source-panel,.source-orbit{background:transparent!important}.source-orbit:before{background:linear-gradient(90deg,transparent 23%,color-mix(in srgb,var(--primary) 45%,transparent) 23% 40%,transparent 40% 60%,color-mix(in srgb,var(--primary) 45%,transparent) 60% 77%,transparent 77%),linear-gradient(0deg,transparent 23%,color-mix(in srgb,var(--primary) 45%,transparent) 23% 40%,transparent 40% 60%,color-mix(in srgb,var(--primary) 45%,transparent) 60% 77%,transparent 77%)}.source-center{font-size:5rem}.source-orbit>span{font-size:2.35rem;animation:source-counterspin 26s linear infinite}.source-orbit>span b{font-size:.82rem}.source-logo{display:block;width:46px;height:46px;object-fit:contain}.markdown-mark{font:850 1.75rem/1 ui-monospace,monospace;font-style:normal;letter-spacing:-.12em;color:var(--primary)}@media(prefers-color-scheme:dark){.source-logo{filter:invert(1)}}@media(prefers-reduced-motion:reduce){.source-orbit>span{animation:none}}

/* A larger, loosely populated Track spiral without a visible guide path. */
.spiral-panel{min-height:660px}.field-spiral{width:min(124%,610px)}.spiral-path-point{display:none}@media(max-width:900px){.spiral-panel{min-height:590px}.field-spiral{width:min(112%,570px)}}@media(max-width:560px){.spiral-panel{min-height:470px}.field-spiral{width:min(132%,520px);scale:.72}}

/* Each orbiting task source carries its own connector to the center. */
.source-orbit:before{display:none}.source-line{--angle:calc(var(--i)*90deg);position:absolute;z-index:0;left:50%;top:50%;width:72px;height:2px;border-radius:2px;background:color-mix(in srgb,var(--primary) 48%,transparent);transform-origin:left center;transform:translateY(-50%) rotate(var(--angle)) translateX(59px);pointer-events:none}.source-center{z-index:3}.source-orbit>span{z-index:2}

/* The source circles orbit with their lines; only their contents counter-rotate. */
.source-orbit>span{animation:none}.source-content{width:100%;height:100%;display:grid;place-items:center;color:var(--primary);font-size:2.35rem;animation:source-counterspin 26s linear infinite}.source-content b{display:block;margin-top:-25px;color:var(--text);font-size:.82rem;line-height:1.12;text-align:center}@media(prefers-reduced-motion:reduce){.source-content{animation:none}}

/* Pac-Man circles the inside edge of the Focus screen and clears its dot trail. */
.screen{position:relative;overflow:hidden}.screen>span,.screen>strong,.screen>small{position:relative;z-index:2}.pacman-track{position:absolute;z-index:1;inset:17px;pointer-events:none}.pacman-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--primary);translate:-50% -50%;transition:opacity .08s linear}.pacman-dot.eaten{opacity:0}.pacman{position:absolute;z-index:2;width:18px;height:18px;border-radius:50%;translate:-50% -50%;rotate:var(--pacman-direction,0deg);background:conic-gradient(from -90deg,#ffd84a 0 42%,transparent 42% 58%,#ffd84a 58% 100%);filter:drop-shadow(0 1px 2px rgba(0,0,0,.22));animation:pacman-chomp .3s steps(2) infinite}@keyframes pacman-chomp{50%{background:conic-gradient(from -90deg,#ffd84a 0 48%,transparent 48% 52%,#ffd84a 52% 100%)}}@media(prefers-reduced-motion:reduce){.pacman{animation:none}}

/* Full-width connected jungle silhouettes merge into the section below. */
.dino-boundary{--dino-section-color:#0b2f4a;isolation:isolate}.dino-boundary:before,.dino-boundary:after{display:none}.dino-silhouette{position:absolute;z-index:3;left:0;bottom:calc(100% - 1px);width:100%;height:auto;background:var(--dino-section-color);pointer-events:none}.dino-silhouette.jungle-one{aspect-ratio:1942/192;-webkit-mask:url("trex-jungle-low-one.png") center bottom/100% 100% no-repeat;mask:url("trex-jungle-low-one.png") center bottom/100% 100% no-repeat}.dino-silhouette.jungle-two{aspect-ratio:1983/225;-webkit-mask:url("trex-jungle-low-two.png") center bottom/100% 100% no-repeat;mask:url("trex-jungle-low-two.png") center bottom/100% 100% no-repeat}.data-control.dino-boundary{--dino-section-color:var(--primary)}@media(prefers-color-scheme:dark){.philosophy.dino-boundary{--dino-section-color:#102b3d}}

/* One continuous blue foundation from data control through contribution. */
.data-control{margin:100px 0 0}.backend,.contribute{--foundation:#0b2f4a;--foundation-text:#f5fbff;background:var(--foundation);color:var(--foundation-text)}.backend{position:relative;border-top:0}.backend:before{content:"";position:absolute;top:0;left:50%;width:min(1180px,calc(100% - 40px));translate:-50% 0;border-top:1px solid var(--line)}.backend .kicker,.contribute .kicker{color:#9bd8ff}.backend .section-heading>p:last-child,.contribute .prose p{color:rgba(235,247,255,.72)}.stack-flow span{border-color:rgba(188,230,255,.22);background:rgba(255,255,255,.045)}.stack-flow small{color:rgba(235,247,255,.64)}.stack-flow i{color:#9bd8ff}.contribute{--foundation:#071f31;width:100%;max-width:none;padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2))}.contribute .button.primary{border-color:#9bd8ff;background:#9bd8ff;color:#08243a}.contribute .button.quiet{border-color:rgba(188,230,255,.35);background:transparent;color:#f5fbff}@media(prefers-color-scheme:dark){.backend{--foundation:#102b3d}.contribute{--foundation:#091c2a}}@media(max-width:560px){.contribute{padding-left:18px;padding-right:18px}}

#track{border-top:0}

/* A compact T. rex runner lives at the backend/contribution color boundary. */
.dino-game{--game-ground:#071f31;position:relative;height:250px;overflow:hidden;background:#0b2f4a;color:#9bd8ff;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.dino-game:before{content:"";position:absolute;z-index:3;top:0;left:50%;width:min(1180px,calc(100% - 40px));translate:-50% 0;border-top:1px solid var(--line);pointer-events:none}.dino-game canvas{display:block;width:100%;height:100%}.dino-game-prompt{position:absolute;z-index:2;left:50%;top:50%;translate:-50% -50%;width:min(90%,760px);padding:12px;border:0;outline:0;background:transparent;color:#f5fbff;font:800 clamp(1.8rem,5vw,4.8rem)/1.02 Inter,Geist,sans-serif;letter-spacing:-.055em;text-align:center;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.dino-game-prompt.hidden{display:none}.dino-game-score{position:absolute;z-index:2;right:max(24px,calc((100vw - 1180px)/2));top:22px;color:rgba(235,247,255,.68);font:700 .78rem/1 ui-monospace,monospace;letter-spacing:.14em}.dino-game:focus-within,.dino-game-prompt:focus,.dino-game-prompt:focus-visible{outline:0;box-shadow:none}@media(prefers-color-scheme:dark){.dino-game{--game-ground:#091c2a;background:#102b3d}}@media(max-width:560px){.dino-game{height:205px}.dino-game-score{right:18px;top:17px}}