:root{--violet: #6C5DD3;--violet-deep: #4D40A8;--violet-mid: #7C6EDD;--violet-soft: #E7E2FA;--ink: #1E1442;--ink-2: #4A4170;--mute: #5E5487;--cream: #FCF7EF;--paper: #F2EFFB;--rule: #DCD3F3;--yellow: #FFC83D;--yellow-edge: #D99A00;--yellow-ink: #3A2600;--yellow-light: #FFF1CC;--yellow-text: #6B4600;--pink: #FF8FC7;--pink-edge: #E2609F;--pink-ink: #4A0F2C;--pink-light: #FFE3F1;--pink-text: #9A2A62;--mint: #4FE3C1;--mint-edge: #2BC4A1;--mint-ink: #0B3B30;--mint-light: #E9FBF5;--mint-text: #0B6B55;--sky: #6DC2E8;--sky-edge: #3D96C4;--sky-ink: #0A3350;--sky-light: #E6F3FA;--sky-text: #1F5E8A;--flame: #FF7A1A;--display: "Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;--body: Nunito, ui-rounded, system-ui, sans-serif;--nums: "Baloo 2", ui-rounded, system-ui, sans-serif;--mono: "DM Mono", ui-monospace, Menlo, monospace;--gutter: 32px}@media(max-width:640px){:root{--gutter: 20px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-weight:600;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}h1,h2,h3,p{margin:0}a{color:var(--violet-deep);font-weight:800}a:hover{color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}.on-dark :focus-visible,.on-dark:focus-visible{outline-color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--yellow);color:var(--yellow-ink);padding:10px 16px;border-radius:12px}.skip:focus{top:12px}.wrap{max-width:1240px;margin:0 auto;padding-inline:var(--gutter)}.display{font-family:var(--display);font-weight:800;letter-spacing:-.035em;font-stretch:82%;line-height:.92;text-wrap:balance}.h-xl{font-size:clamp(54px,7.4vw,108px)}.h-l{font-size:clamp(36px,4.4vw,56px);line-height:1;letter-spacing:-.03em;font-stretch:85%}.h-m{font-size:clamp(26px,2.6vw,34px);line-height:1.05;letter-spacing:-.02em}.giant{font-family:var(--display);font-weight:800;line-height:.8;letter-spacing:-.05em;font-stretch:75%}.mono{font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:0}.nums{font-family:var(--nums);font-weight:800;font-variant-numeric:tabular-nums}.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.45}.muted{color:var(--ink-2)}.key{--edge: var(--rule);display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:18px;padding:15px 22px;text-decoration:none;cursor:pointer;font-family:var(--nums);font-weight:800;font-size:19px;line-height:1;box-shadow:0 5px 0 var(--edge);transition:transform 34ms linear,box-shadow 34ms linear,filter .25s}.key:hover{filter:brightness(1.06)}.key:active{transform:translateY(4px);box-shadow:0 1px 0 var(--edge)}.key--lg{border-radius:20px;padding:18px 28px;font-size:24px;box-shadow:0 6px 0 var(--edge)}.key--sm{border-radius:14px;padding:10px 18px;font-size:17px;box-shadow:0 4px 0 var(--edge)}.key--yellow{--edge: var(--yellow-edge);background:var(--yellow);color:var(--yellow-ink)}.key--yellow:hover{color:var(--yellow-ink)}.key--violet{--edge: var(--ink);background:var(--violet);color:#fff}.key--violet:hover{color:#fff}.key--outline{--edge: var(--ink);background:var(--violet);color:#fff;border:2px solid #fff}.key--outline:hover{color:#fff}.key--white{background:#fff;color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{text-decoration:none;background:#fff;border-radius:14px;padding:10px 16px;font-family:var(--nums);font-weight:800;font-size:18px;box-shadow:0 4px 0 var(--edge, var(--rule));transition:transform 34ms linear,box-shadow 34ms linear}.chip:active{transform:translateY(3px);box-shadow:0 1px 0 var(--edge, var(--rule))}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;font-weight:900;font-size:13px}.speed{--bg: var(--yellow);--edge: var(--yellow-edge);--fg: var(--yellow-ink);--text: var(--yellow-text);--light: var(--yellow-light)}.memory{--bg: var(--pink);--edge: var(--pink-edge);--fg: var(--pink-ink);--text: var(--pink-text);--light: var(--pink-light)}.focus{--bg: var(--mint);--edge: var(--mint-edge);--fg: var(--mint-ink);--text: var(--mint-text);--light: var(--mint-light)}.logic{--bg: var(--sky);--edge: var(--sky-edge);--fg: var(--sky-ink);--text: var(--sky-text);--light: var(--sky-light)}.band{background:var(--bg);color:var(--fg);overflow:hidden}.chip.skill{color:var(--fg)}.sticker{width:min(300px,80%);height:auto;border-radius:34px;border:8px solid #fff;box-shadow:12px 12px 0 var(--fg, var(--ink))}.nav{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;padding-block:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto;color:inherit}.brand:hover{color:inherit}.brand span{font-family:var(--display);font-weight:800;font-size:27px;letter-spacing:-.02em}.navlink{color:inherit;text-decoration:none;font-weight:800;font-size:16px}.on-dark .navlink:hover{color:var(--yellow)}@media(max-width:520px){.nav{gap:10px 16px}.nav .navlink[href="/#app"]{display:none}.brand span{font-size:23px}.brand img{width:34px;height:34px}.nav .key--sm{padding:9px 13px;font-size:15px}}@media(max-width:420px){.nav .key--sm{display:none}}.card-ink{background:#fff;border:2px solid var(--ink);border-radius:26px;box-shadow:8px 8px 0 var(--ink)}.card-edge{background:#fff;border-radius:22px;box-shadow:0 6px 0 var(--edge, var(--rule))}.footer{padding-block:72px 44px;display:flex;flex-direction:column;gap:40px}.footer a.flink{color:var(--ink);text-decoration:none}.footer a.flink:hover{color:var(--violet)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}