:root{--matrix-base:#0f3325;--matrix-accent:#20c997;--matrix-flash:#e0ffe0}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:56px}body{margin:0;overflow-x:hidden}h1,h2,h3,p{margin:0}a{color:inherit}.pill{font:600 16px/1 var(--font-body);border:1px solid var(--line);border-radius:999px;align-items:center;padding:12px 22px 11px;text-decoration:none;transition:transform .15s ease-out,filter .15s;display:inline-flex}.pill--go{background:var(--go);color:var(--on-go);border-color:#0000}.pill:hover{filter:brightness(1.08)}.pill:active{transform:scale(.97)}.pill:focus-visible{outline:2px solid var(--go);outline-offset:3px}.more:focus-visible{outline:2px solid var(--go);outline-offset:3px}.nav a:focus-visible{outline:2px solid var(--go);outline-offset:3px}.more{font:600 16px/1 var(--font-body);color:var(--info);text-decoration:none}.more:after{content:" ›"}.more:hover{text-decoration:underline}.nav{z-index:10;background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(18px);backdrop-filter:saturate(1.4)blur(18px);border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);align-items:center;gap:28px;height:48px;padding:0 clamp(20px,5vw,64px);display:flex;position:sticky;top:0}.nav__brand{font:800 15px/1 var(--font-display);letter-spacing:-.01em;white-space:nowrap;text-decoration:none}.nav__links{gap:28px;margin-left:auto;display:flex}.nav__links a,.nav__short{font:500 13px/1 var(--font-body);color:color-mix(in srgb, var(--fg) 80%, transparent);white-space:nowrap;text-decoration:none}.nav__links a:hover,.nav__short:hover{color:var(--fg)}.nav__short{margin-left:auto;display:none}[hidden]{display:none!important}body{flex-direction:column;min-height:100svh;display:flex}.city{z-index:0;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity 1.2s;position:fixed;top:0;bottom:0;left:0;right:0}.city.is-ready{opacity:1}.stage,.foot{z-index:1;position:relative}.stage{isolation:isolate;flex-direction:column;flex:1;justify-content:safe center;align-items:center;gap:28px;padding:24px clamp(12px,3vw,24px);display:flex}.stage:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(52% 40% at 50% 50%, color-mix(in srgb, var(--bg) 88%, transparent) 0%, transparent 100%);position:fixed;top:0;bottom:0;left:0;right:0}body[data-view=tools] .stage:before{background:color-mix(in srgb, var(--bg) 45%, transparent)}.stage__home{text-align:center;justify-items:center;gap:22px;max-width:1000px;padding:0 12px;display:grid}.stage__home h1{font:800 clamp(46px, 8vw, 104px) / 1 var(--font-display);letter-spacing:-.04em;text-wrap:balance;text-shadow:0 0 40px var(--bg), 0 0 80px var(--bg)}.stage__home h1 span{white-space:nowrap}.stage__lede{font:400 clamp(18px, 1.9vw, 24px) / 1.4 var(--font-body);color:color-mix(in srgb, var(--fg) 80%, transparent);max-width:38ch;text-shadow:0 0 24px var(--bg)}.stage__home{view-transition-name:home-copy}.tools{view-transition-name:tools-grid}.swap{view-transition-name:swap}::view-transition-old(root){display:none}::view-transition-new(root){animation:none}::view-transition-group(swap){animation-duration:.55s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(home-copy){animation:.32s cubic-bezier(.4,0,1,1) both flip-out}::view-transition-old(tools-grid){animation:.32s cubic-bezier(.4,0,1,1) both flip-out}::view-transition-new(home-copy){animation:.5s cubic-bezier(.2,.9,.25,1) .22s both flip-in}::view-transition-new(tools-grid){animation:.5s cubic-bezier(.2,.9,.25,1) .22s both flip-in}@keyframes flip-out{to{opacity:0;transform:perspective(1200px)rotateX(70deg)scale(.7)}}@keyframes flip-in{0%{opacity:0;transform:perspective(1200px)rotateX(-70deg)scale(1.2)}}.tools{width:100%;max-width:920px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.tool{background:color-mix(in srgb, var(--surface) 34%, transparent);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);border:1px solid color-mix(in srgb, var(--fg) 14%, transparent);border-radius:22px;flex-direction:column;gap:6px;padding:22px 26px;display:flex}.tool__job{font:600 13px/1.3 var(--font-body);color:var(--muted)}.tool__name{font:800 clamp(24px, 2.3vw, 30px) / 1.06 var(--font-display);letter-spacing:-.03em}.tool__tag{font:600 clamp(17px, 1.5vw, 20px) / 1.25 var(--font-display);letter-spacing:-.015em;color:color-mix(in srgb, var(--fg) 86%, transparent)}.tool__line{font:400 14px/1.5 var(--font-body);color:var(--muted);max-width:44ch}.tool__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-top:auto;padding-top:12px;display:flex}.state{font:600 12px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;display:inline-flex}.foot{border-top:1px solid color-mix(in srgb, var(--line) 60%, transparent);font:400 12px/1.5 var(--font-body);color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:8px 24px;padding:24px clamp(20px,5vw,64px) 32px;display:flex}.foot__tag{color:var(--fg);font-weight:600}@media (max-width:860px){.nav__links{display:none}.nav__short{display:inline}.grid{gap:10px}.tool{border-radius:18px;gap:4px;padding:16px 14px}.tool__job{font-size:11px}.tool__name{font-size:19px}.tool__tag{font-size:14px}.tool__line{display:none}.tool__foot{gap:8px;padding-top:10px}.tool__foot .state{font-size:10px}.tool__foot .pill{padding:8px 16px;font-size:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pill,.city{transition:none}}