: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}.hero{place-items:center;min-height:calc(100svh - 48px);display:grid;position:relative;overflow:hidden}.hero__city{z-index:0;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity 1.2s;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.hero__city.is-ready{opacity:1}.hero:after{content:"";background:radial-gradient(52% 40% at 50% 50%, color-mix(in srgb, var(--bg) 88%, transparent) 0%, transparent 100%);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hero__copy{z-index:1;text-align:center;justify-items:center;gap:22px;max-width:1000px;padding:0 24px 6vh;display:grid;position:relative}.hero 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)}.hero h1 span{white-space:nowrap}.hero__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)}.hero .pill{margin-top:8px}.tools{align-content:center;max-width:1280px;min-height:calc(100svh - 48px);margin:0 auto;padding:32px clamp(12px,3vw,24px);display:grid}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tool{background:var(--surface);border:1px solid color-mix(in srgb, var(--line) 70%, transparent);border-radius:28px;flex-direction:column;gap:12px;min-height:300px;padding:clamp(28px,3.6vw,48px);display:flex}.tool__job{font:600 14px/1.3 var(--font-body);color:var(--muted)}.tool__name{font:800 clamp(32px, 3.4vw, 44px) / 1.04 var(--font-display);letter-spacing:-.03em}.tool__tag{font:600 clamp(22px, 2.2vw, 28px) / 1.2 var(--font-display);letter-spacing:-.015em;color:color-mix(in srgb, var(--fg) 86%, transparent)}.tool__line{font:400 16px/1.55 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:20px;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 var(--line);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}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(24px)}.reveal.is-in{opacity:1;transform:none}@media (max-width:860px){.nav__links{display:none}.nav__short{display:inline}.grid{grid-template-columns:1fr}.tool{min-height:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.pill,.hero__city{transition:none}}