:root{--bg: #0b0c10;--bg-2: #111318;--line: rgba(255, 255, 255, .08);--line-2: rgba(255, 255, 255, .16);--ink: #f2f3f6;--ink-2: #b4b8c4;--muted: #7c8190;--accent: #29e0d6;--danger: #ff5c72;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-num: "Chakra Petch", "Inter", sans-serif;--t-h1: clamp(36px, 5.6vw, 60px);--t-h2: clamp(26px, 3.4vw, 36px);--t-h3: 19px;--t-small: 14px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--section: clamp(72px, 10vw, 128px);--gutter: clamp(20px, 5vw, 40px);--wrap: 1120px;--header-h: 64px;--radius: 12px;--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden}app-root{display:flex;flex-direction:column;min-height:100vh}main{flex:1}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.025em;line-height:1.1;text-wrap:balance}h1{font-size:var(--t-h1)}h2{font-size:var(--t-h2)}h3{font-size:var(--t-h3);letter-spacing:-.01em}p,li,dd{text-wrap:pretty}::selection{background:#29e0d64d}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}.eyebrow{display:block;font-size:var(--t-small);font-weight:500;color:var(--accent)}.lead{font-size:clamp(17px,1.6vw,19px);color:var(--ink-2);max-width:52ch}.body{color:var(--ink-2)}.meta{font-size:var(--t-small);color:var(--muted)}.num{font-family:var(--font-num);font-weight:600;font-variant-numeric:tabular-nums}.intro{padding-block:var(--s-9) var(--s-8);display:grid;gap:var(--s-4);justify-items:start}.intro h1{max-width:18ch}.block{padding-bottom:var(--section)}.section{padding-block:var(--section);border-top:1px solid var(--line)}.section-head{display:grid;gap:var(--s-3);margin-bottom:var(--s-7);max-width:640px}.state{display:grid;gap:var(--s-3);justify-items:start;padding-block:var(--s-6)}.state--error{color:var(--danger)}@media(max-width:760px){.intro{padding-block:var(--s-8) var(--s-7)}}@view-transition{navigation:auto}.site-header{view-transition-name:site-header}.subnav{view-transition-name:subnav}::view-transition-group(site-header),::view-transition-group(subnav){animation:none}::view-transition-old(root){animation:vt-out .2s var(--ease) both}::view-transition-new(root){animation:vt-in .5s var(--ease-out) both}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;translate:0 12px}}@supports not (view-transition-name: none){.page{animation:rise .6s var(--ease-out) both}}@keyframes rise{0%{opacity:0;translate:0 12px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:48px;padding:0 var(--s-5);border-radius:999px;border:1px solid var(--line-2);background:transparent;cursor:pointer;font-size:15px;font-weight:500;white-space:nowrap;transition:background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease),transform .15s var(--ease),opacity .2s}.btn:hover{border-color:var(--ink-2)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn--solid{background:var(--ink);border-color:var(--ink);color:var(--bg)}.btn--solid:hover{background:#fff;border-color:#fff}.btn--danger{border-color:#ff5c7273;color:var(--danger)}.btn--danger:hover{border-color:var(--danger);background:#ff5c7214}.actions{display:flex;flex-wrap:wrap;gap:var(--s-3)}.link{background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size .3s var(--ease),color .2s var(--ease)}.link:hover{background-size:100% 1px;color:var(--ink)}.tags{display:flex;flex-wrap:wrap;gap:var(--s-2)}.tag{font-size:13px;color:var(--ink-2);padding:2px var(--s-3);border:1px solid var(--line);border-radius:999px;white-space:nowrap}.site-header{position:sticky;top:0;z-index:40;height:var(--header-h);background:#0b0c10cc;backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--line)}.site-header .wrap{height:100%;display:flex;align-items:center;gap:var(--s-5)}.wordmark{font-family:var(--font-num);font-weight:700;font-size:17px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.wordmark span{color:var(--accent)}.site-nav{display:flex;gap:var(--s-1);margin-left:auto}.site-nav a{position:relative;padding:var(--s-2) var(--s-3);font-size:15px;color:var(--muted);transition:color .2s var(--ease)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink)}.site-nav a:after{content:"";position:absolute;left:var(--s-3);right:var(--s-3);bottom:2px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.site-nav a[aria-current=page]:after{transform:scaleX(1)}.header-social{display:flex;gap:var(--s-2)}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-2);cursor:pointer;transition:border-color .2s var(--ease),color .2s var(--ease),transform .15s var(--ease)}.icon-btn:hover{border-color:var(--line-2);color:var(--ink)}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:16px;height:16px;fill:currentColor}.menu-btn{display:none}.menu-btn span,.menu-btn span:before{display:block;width:16px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .3s var(--ease)}.menu-btn span{position:relative;transform:translateY(-3px)}.menu-btn span:before{content:"";position:absolute;top:6px}.menu-btn[aria-expanded=true] span{transform:rotate(45deg)}.menu-btn[aria-expanded=true] span:before{transform:translateY(-6px) rotate(-90deg)}@media(max-width:760px){.menu-btn{display:grid;margin-left:auto}.header-social{display:none}.site-nav{position:fixed;inset:var(--header-h) 0 auto 0;flex-direction:column;gap:0;margin:0;padding:var(--s-2) var(--gutter) var(--s-6);background:var(--bg);border-bottom:1px solid var(--line);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .25s var(--ease),transform .3s var(--ease-out)}.site-nav.is-open{opacity:1;transform:none;pointer-events:auto}.site-nav a{padding:var(--s-4) 0;font-size:22px;font-weight:500;color:var(--ink-2);border-bottom:1px solid var(--line)}.site-nav a:after{display:none}.site-nav a[aria-current=page]{color:var(--accent)}}.subnav{position:sticky;top:var(--header-h);z-index:30;background:#0b0c10e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.subnav-inner{display:flex;gap:var(--s-1);overflow-x:auto;scrollbar-width:none}.subnav-inner::-webkit-scrollbar{display:none}@media(max-width:640px){.subnav-inner{mask-image:linear-gradient(to right,#000 88%,transparent);-webkit-mask-image:linear-gradient(to right,#000 88%,transparent);padding-right:var(--s-7)}}.subnav a{position:relative;flex-shrink:0;padding:var(--s-4) var(--s-3);font-size:var(--t-small);font-weight:500;color:var(--muted);transition:color .2s var(--ease)}.subnav a:first-child{margin-left:calc(var(--s-3) * -1)}.subnav a:hover,.subnav a.is-active{color:var(--ink)}.subnav a:after{content:"";position:absolute;left:var(--s-3);right:var(--s-3);bottom:-1px;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .35s var(--ease-out)}.subnav a.is-active:after{transform:scaleX(1)}.toast{position:fixed;left:50%;bottom:calc(var(--s-5) + env(safe-area-inset-bottom));z-index:90;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:var(--ink);color:var(--bg);font-weight:500;padding:var(--s-3) var(--s-5);border-radius:999px;font-size:var(--t-small);transition:opacity .25s var(--ease),transform .35s var(--ease-out)}.toast.is-visible{opacity:1;transform:translate(-50%)}.site-footer{border-top:1px solid var(--line);padding-block:var(--s-7)}.site-footer .wrap{display:flex;flex-wrap:wrap;gap:var(--s-5) var(--s-7);align-items:center;justify-content:space-between}.site-footer nav{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5)}.site-footer a,.site-footer small{color:var(--muted);font-size:var(--t-small)}.site-footer a:hover{color:var(--ink)}.field{display:grid;gap:var(--s-2);align-content:start;min-width:0}.field label{font-size:var(--t-small);font-weight:500;color:var(--ink-2)}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:var(--s-3) var(--s-4);border-radius:var(--radius);border:1px solid var(--line-2);background:var(--bg);color:var(--ink);font-size:16px;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.field textarea{resize:vertical;min-height:120px;line-height:1.5}.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;background-size:5px 5px;background-repeat:no-repeat;padding-right:var(--s-7)}.field input[type=date]{color-scheme:dark}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #29e0d626}.field [aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);font-size:var(--t-small);animation:rise .3s var(--ease-out) both}.field-hint{font-size:12px;color:var(--muted);justify-self:end;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}