@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap";
:root{--bg-0:#0a0a0a;--bg-1:#111;--bg-2:#161616;--bg-3:#1c1c1c;--fg-0:#f5f5f4;--fg-1:#d4d4d4;--fg-2:#a3a3a3;--fg-3:#6b6b6b;--fg-4:#3f3f3f;--line-1:#1f1f1f;--line-2:#2a2a2a;--line-3:#3a3a3a;--accent:#67e8f9;--accent-dim:#22d3ee;--accent-soft:#67e8f91f;--accent-line:#67e8f952;--success:#4ade80;--warning:#facc15;--danger:#f87171;--new-tag:#67e8f9;--font-sans:"Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Geist Mono", "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--fs-12:.75rem;--fs-13:.8125rem;--fs-14:.875rem;--fs-16:1rem;--fs-18:1.125rem;--fs-20:1.25rem;--fs-24:1.5rem;--fs-32:2rem;--fs-48:3rem;--fs-64:4rem;--fs-80:5rem;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--tracking-tight:-.02em;--tracking-snug:-.011em;--tracking-normal:0;--tracking-wide:.04em;--lh-tight:1.05;--lh-snug:1.2;--lh-normal:1.5;--lh-loose:1.7;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-1:2px;--radius-2:4px;--radius-3:6px;--radius-4:8px;--radius-pill:999px;--border-hair:1px solid var(--line-1);--border-card:1px solid var(--line-2);--shadow-none:0 0 0 0 transparent;--shadow-glow:0 0 0 1px var(--accent), 0 0 24px -8px var(--accent);--crosshair-stroke:1px;--crosshair-arm:10px;--crosshair-color:var(--accent);--crosshair-duration:.15s;--crosshair-easing:cubic-bezier(.32, 0, .67, 0);--crosshair-inset:-1px;--motion-fast:.12s;--motion-base:.15s;--motion-slow:.24s;--easing-out:cubic-bezier(.16, 1, .3, 1);--easing-in:cubic-bezier(.32, 0, .67, 0);--page-max:1200px;--gutter:var(--space-6)}html{background:var(--bg-0);color:var(--fg-0);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{background:var(--bg-0);color:var(--fg-0);font-family:var(--font-sans);font-size:var(--fs-16);line-height:var(--lh-normal);font-weight:var(--fw-regular);margin:0}.display,.h0{font-family:var(--font-sans);font-size:clamp(var(--fs-48), 6vw, var(--fs-64));font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);color:var(--fg-0)}h1,.h1{font-family:var(--font-sans);font-size:var(--fs-48);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);color:var(--fg-0);margin:0}h2,.h2{font-family:var(--font-sans);font-size:var(--fs-32);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-snug);line-height:var(--lh-snug);color:var(--fg-0);margin:0}h3,.h3{font-family:var(--font-sans);font-size:var(--fs-24);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-snug);line-height:var(--lh-snug);color:var(--fg-0);margin:0}h4,.h4{font-family:var(--font-sans);font-size:var(--fs-20);font-weight:var(--fw-medium);letter-spacing:var(--tracking-snug);line-height:var(--lh-snug);color:var(--fg-0);margin:0}p,.body{font-size:var(--fs-16);line-height:var(--lh-normal);color:var(--fg-1);margin:0}.body-lg{font-size:var(--fs-18);line-height:var(--lh-normal);color:var(--fg-1)}.body-sm{font-size:var(--fs-14);line-height:var(--lh-normal);color:var(--fg-1)}.caption{font-size:var(--fs-13);color:var(--fg-2);line-height:var(--lh-normal)}.meta{font-size:var(--fs-12);color:var(--fg-3);line-height:var(--lh-normal)}code,.mono,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:"liga" 0, "calt" 0}.mono-tag{font-family:var(--font-mono);font-size:var(--fs-14);font-weight:var(--fw-medium);color:var(--fg-0);letter-spacing:0}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-12);font-weight:var(--fw-regular);letter-spacing:var(--tracking-wide);text-transform:lowercase;color:var(--fg-2)}a{color:var(--fg-0);transition:color var(--motion-fast) var(--easing-out);text-decoration:none}a:hover{color:var(--accent)}::selection{background:var(--accent);color:var(--bg-0)}
.crosshair{position:relative}.crosshair>.crosshair-fill{pointer-events:none;opacity:0;border-radius:inherit;background-image:repeating-linear-gradient(-45deg, var(--fg-0) 0 1px, transparent 1px 5px);mix-blend-mode:normal;transition:opacity var(--crosshair-duration) var(--crosshair-easing);z-index:0;position:absolute;inset:0;-webkit-mask-image:linear-gradient(45deg,#0000 0,#000 18% 82%,#0000 100%);mask-image:linear-gradient(45deg,#0000 0,#000 18% 82%,#0000 100%)}.crosshair>:not(.crosshair-fill):not(.crosshair-tr):not(.crosshair-bl){z-index:1;position:relative}.crosshair:before,.crosshair:after{content:"";pointer-events:none;width:var(--crosshair-arm);height:var(--crosshair-arm);opacity:0;transition:opacity var(--crosshair-duration) var(--crosshair-easing);position:absolute}.crosshair:before{top:var(--crosshair-inset);left:var(--crosshair-inset);border-top:var(--crosshair-stroke) solid var(--crosshair-color);border-left:var(--crosshair-stroke) solid var(--crosshair-color)}.crosshair:after{bottom:var(--crosshair-inset);right:var(--crosshair-inset);border-bottom:var(--crosshair-stroke) solid var(--crosshair-color);border-right:var(--crosshair-stroke) solid var(--crosshair-color)}.crosshair>.crosshair-tr,.crosshair>.crosshair-bl{pointer-events:none;width:var(--crosshair-arm);height:var(--crosshair-arm);opacity:0;transition:opacity var(--crosshair-duration) var(--crosshair-easing);position:absolute}.crosshair>.crosshair-tr{top:var(--crosshair-inset);right:var(--crosshair-inset);border-top:var(--crosshair-stroke) solid var(--crosshair-color);border-right:var(--crosshair-stroke) solid var(--crosshair-color)}.crosshair>.crosshair-bl{bottom:var(--crosshair-inset);left:var(--crosshair-inset);border-bottom:var(--crosshair-stroke) solid var(--crosshair-color);border-left:var(--crosshair-stroke) solid var(--crosshair-color)}.crosshair:hover:before,.crosshair:hover:after,.crosshair:hover>.crosshair-tr,.crosshair:hover>.crosshair-bl{opacity:1}.crosshair:hover>.crosshair-fill{opacity:.06}.btn-primary.crosshair>.crosshair-fill{background-image:repeating-linear-gradient(-45deg, var(--bg-0) 0 1px, transparent 1px 5px)}.btn-primary.crosshair:hover>.crosshair-fill{opacity:.2}.crosshair:focus-visible:before,.crosshair:focus-visible:after,.crosshair:focus-visible>.crosshair-tr,.crosshair:focus-visible>.crosshair-bl{opacity:1}.crosshair:focus-visible>.crosshair-fill{opacity:.06}.btn-primary.crosshair:focus-visible>.crosshair-fill{opacity:.2}.crosshair.crosshair-tight{--crosshair-arm:8px;--crosshair-inset:-4px}.crosshair.crosshair-loose{--crosshair-arm:14px;--crosshair-inset:-8px}.btn-primary.crosshair{--crosshair-color:var(--fg-0);--crosshair-inset:-5px}
*{box-sizing:border-box}html,body,*{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar{width:0;height:0;display:none}.grid-backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.grid-backdrop .grid-layer{pointer-events:none;position:absolute;inset:-2px}.grid-backdrop .grid-lines{-webkit-mask-composite:source-in;will-change:background-position;background-image:linear-gradient(90deg,#67e8f90b 1px,#0000 1px),linear-gradient(#67e8f90b 1px,#0000 1px);background-size:48px 48px,48px 48px;animation:60s linear infinite grid-drift;-webkit-mask-image:linear-gradient(#0000 0,#000 12% 88%,#0000 100%),linear-gradient(90deg,#0000 0,#000 6% 94%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 12% 88%,#0000 100%),linear-gradient(90deg,#0000 0,#000 6% 94%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:48px 48px,48px 48px}}.grid-backdrop .grid-glow{background:radial-gradient(1100px 720px at 50% 22%,#67e8f912 0%,#67e8f906 30%,#0000 65%)}.grid-backdrop .grid-scanlines{mix-blend-mode:overlay;opacity:.55;background-image:repeating-linear-gradient(#0000 0 2px,#f5f5f405 2px 3px)}.grid-backdrop .grid-vignette{background:radial-gradient(80% 60%,#0000 40%,#0a0a0a8c 100%)}@media (prefers-reduced-motion:reduce){.grid-backdrop .grid-lines{animation:none}}@media (max-width:720px){.grid-backdrop .grid-lines{background-size:32px 32px,32px 32px}.grid-backdrop .grid-glow{background:radial-gradient(600px 480px at 50% 18%,#67e8f914 0%,#0000 60%)}}.backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.backdrop-ping{padding:3px 8px;display:inline-block;position:absolute}@media (max-width:1180px){.backdrop-ping{display:none}}.backdrop-ping .ping-comment{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:0;white-space:nowrap;opacity:0;transition:opacity .24s var(--easing-out);font-size:11px;display:inline-block}.backdrop-ping[data-stage=text-in] .ping-comment,.backdrop-ping[data-stage=arms-far] .ping-comment,.backdrop-ping[data-stage=arms-close] .ping-comment{opacity:.78}.backdrop-ping[data-stage=text-glitch] .ping-comment{animation:.48s steps(14,end) forwards ping-glitch}@keyframes ping-glitch{0%{opacity:.78}10%{opacity:0}18%{opacity:.78}28%{opacity:0}38%{opacity:.55}48%{opacity:0}60%{opacity:.32}72%{opacity:0}85%{opacity:.18}to{opacity:0}}.backdrop-ping .ping-tl,.backdrop-ping .ping-tr,.backdrop-ping .ping-bl,.backdrop-ping .ping-br{opacity:0;width:5px;height:5px;transition:transform .36s cubic-bezier(.22, 1.2, .36, 1), opacity .24s var(--easing-out);position:absolute}.backdrop-ping .ping-tl{border-top:1px solid var(--accent);border-left:1px solid var(--accent);top:0;left:0}.backdrop-ping .ping-tr{border-top:1px solid var(--accent);border-right:1px solid var(--accent);top:0;right:0}.backdrop-ping .ping-bl{border-bottom:1px solid var(--accent);border-left:1px solid var(--accent);bottom:0;left:0}.backdrop-ping .ping-br{border-bottom:1px solid var(--accent);border-right:1px solid var(--accent);bottom:0;right:0}.backdrop-ping[data-stage=arms-far] .ping-tl{opacity:.4;transform:translate(-10px,-8px)}.backdrop-ping[data-stage=arms-far] .ping-tr{opacity:.4;transform:translate(10px,-8px)}.backdrop-ping[data-stage=arms-far] .ping-bl{opacity:.4;transform:translate(-10px,8px)}.backdrop-ping[data-stage=arms-far] .ping-br{opacity:.4;transform:translate(10px,8px)}.backdrop-ping[data-stage=arms-close] .ping-tl,.backdrop-ping[data-stage=text-glitch] .ping-tl,.backdrop-ping[data-stage=arms-close] .ping-tr,.backdrop-ping[data-stage=text-glitch] .ping-tr,.backdrop-ping[data-stage=arms-close] .ping-bl,.backdrop-ping[data-stage=text-glitch] .ping-bl,.backdrop-ping[data-stage=arms-close] .ping-br,.backdrop-ping[data-stage=text-glitch] .ping-br{opacity:.8;transform:translate(0)}.backdrop-ping[data-stage=arms-leave] .ping-tl{opacity:0;transform:translate(-7px,-6px)}.backdrop-ping[data-stage=arms-leave] .ping-tr{opacity:0;transform:translate(7px,-6px)}.backdrop-ping[data-stage=arms-leave] .ping-bl{opacity:0;transform:translate(-7px,6px)}.backdrop-ping[data-stage=arms-leave] .ping-br{opacity:0;transform:translate(7px,6px)}@media (prefers-reduced-motion:reduce){.backdrop-ping{display:none}}.page{z-index:1;min-height:100vh;color:var(--fg-0);background:0 0;flex-direction:column;display:flex;position:relative}.container{width:100%;max-width:1100px;padding:0 var(--space-6);margin:0 auto}.container-narrow{width:100%;max-width:760px;padding:0 var(--space-6);margin:0 auto}.topbar{padding:var(--space-6) 0;justify-content:space-between;align-items:center;display:flex}.brand{font-family:var(--font-mono);color:var(--fg-0);letter-spacing:0;cursor:pointer;align-items:baseline;gap:0;font-size:16px;font-weight:500;display:inline-flex;position:relative}.brand:before{content:"$ ";color:var(--accent);white-space:pre;opacity:0;width:0;transition:width .22s var(--easing-out), opacity .18s var(--easing-out), transform .22s var(--easing-out);overflow:hidden;transform:translate(-4px)}.brand:hover{color:var(--fg-0)}.brand:hover:before{opacity:1;width:1.6ch;transform:translate(0)}.brand:after{content:none}.topbar-link{color:var(--fg-2);transition:color var(--motion-fast) var(--easing-out);padding:6px 10px;font-size:14px}.topbar-link:hover{color:var(--fg-0)}.hero{min-height:100vh;padding:var(--space-16) 0;text-align:center;flex-direction:column;justify-content:center;display:flex}.hero h1,.hero .subhead,.hero .email-form,.hero .email-confirmed,.hero .terminal{opacity:0;animation:hero-rise .52s var(--easing-out) forwards;transform:translateY(8px)}.hero h1{animation-delay:80ms}.hero .subhead{animation-delay:.18s}.hero .email-form,.hero .email-confirmed{animation-delay:.28s}.hero .terminal{animation-delay:.38s}@keyframes hero-rise{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero h1,.hero .subhead,.hero .email-form,.hero .email-confirmed,.hero .terminal{opacity:1;animation:none;transform:none}.brand:after{opacity:.4;animation:none}}.hero h1{letter-spacing:-.025em;color:var(--fg-0);margin:0 0 var(--space-6);font-size:clamp(40px,6.2vw,68px);font-weight:600;line-height:1.02}.hero .subhead{color:var(--fg-2);max-width:560px;margin:0 auto var(--space-10);font-size:18px;line-height:1.5}.email-form{max-width:500px;margin:0 auto var(--space-16)}.email-shell{background:var(--bg-3);border:1px solid var(--line-2);height:52px;transition:border-color var(--motion-base) var(--easing-out), box-shadow var(--motion-base) var(--easing-out);border-radius:6px;align-items:stretch;display:flex;position:relative}.email-shell:hover{border-color:var(--line-3)}.email-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 28px -10px var(--accent)}.email-shell:focus-within .email-prompt{color:var(--accent)}.email-prompt{font-family:var(--font-mono);color:var(--fg-3);-webkit-user-select:none;user-select:none;transition:color var(--motion-fast) var(--easing-out);align-items:center;padding:0 2px 0 16px;font-size:15px;font-weight:500;display:inline-flex}.email-input{min-width:0;font-family:var(--font-mono);color:var(--fg-0);letter-spacing:0;background:0 0;border:none;outline:none;flex:1;padding:0 12px 0 8px;font-size:14px}.email-input::placeholder{color:var(--fg-3)}.email-submit{border:none;border-left:1px solid var(--line-2);background:var(--accent);color:var(--bg-0);font-family:var(--font-sans);letter-spacing:-.011em;cursor:pointer;white-space:nowrap;transition:background var(--motion-fast) var(--easing-out), transform var(--motion-fast) var(--easing-out);border-radius:0 5px 5px 0;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.email-submit:hover{background:var(--accent-dim)}.email-submit:active{transform:translateY(.5px)}.email-submit:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.email-submit .arrow{display:none}@media (max-width:480px){.email-shell{height:48px}.email-submit{padding:0 14px}.email-prompt{padding-left:12px;font-size:14px}}.btn{height:44px;font-family:var(--font-sans);letter-spacing:-.011em;cursor:pointer;transition:transform var(--motion-fast) var(--easing-out), background var(--motion-fast) var(--easing-out), color var(--motion-fast) var(--easing-out);white-space:nowrap;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--accent);color:var(--bg-0)}.btn-primary:hover{background:var(--accent)}.btn-primary:active{background:var(--accent-dim)}.btn-secondary{color:var(--fg-0);border:1px solid var(--line-2);background:0 0}.btn-sm{height:36px;padding:0 14px;font-size:13px}.email-confirmed{max-width:460px;height:44px;margin:0 auto var(--space-16);font-family:var(--font-mono);color:var(--success);justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.scan-sweep:hover{border-color:var(--accent-line)}.terminal{background:var(--bg-1);border:1px solid var(--line-2);max-width:640px;font-family:var(--font-mono);text-align:left;transition:border-color var(--motion-base) var(--easing-out);border-radius:8px;margin:0 auto;position:relative;overflow:hidden}.terminal-chrome{background:var(--bg-2);border-bottom:1px solid var(--line-1);align-items:center;gap:6px;padding:6px 12px;display:flex}.dot{background:var(--line-3);width:10px;height:10px;transition:background var(--motion-base) var(--easing-out), box-shadow var(--motion-base) var(--easing-out);border-radius:999px}.terminal:hover .dot-close,.code-block:hover .dot-close{background:#ff5f57;box-shadow:0 0 8px -2px #ff5f57}.terminal:hover .dot-min,.code-block:hover .dot-min{background:#febc2e;box-shadow:0 0 8px -2px #febc2e}.terminal:hover .dot-max,.code-block:hover .dot-max{background:#28c840;box-shadow:0 0 8px -2px #28c840}.terminal-chrome .label{color:var(--fg-3);letter-spacing:.04em;margin-left:12px;font-size:11px}.terminal-body{color:var(--fg-1);min-height:clamp(180px,30vw,240px);padding:clamp(10px,2.4vw,18px) clamp(12px,3vw,20px);font-size:clamp(9px,2.6vw,16px);line-height:1.7;overflow:hidden}.terminal-body .term-row{white-space:nowrap;align-items:baseline;gap:8px;min-width:0;display:flex}.terminal-body .term-step,.terminal-body .cmd{text-overflow:ellipsis;min-width:0;overflow:hidden}.terminal-body .gutter{width:12px;color:var(--fg-3);flex:none}.terminal-body .gutter-ok{color:var(--success)}.terminal-body .gutter-done{color:var(--accent)}.terminal-body .prompt{color:var(--fg-3)}.terminal-body .cmd{color:var(--fg-0)}.terminal-body .term-step,.terminal-body .final{color:var(--fg-2);font-size:1em}.terminal-body .term-step .name{color:var(--fg-0)}.terminal-body .term-step .meta{color:var(--fg-3);font-size:.85em}.terminal-body .final{color:var(--accent)}.terminal-body .final .name{color:var(--fg-0)}.cursor{vertical-align:-.15em;background:var(--accent);width:7px;height:1em;margin-left:2px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{to{opacity:0}}.section{min-height:100vh;padding:var(--space-24) 0;border-top:1px solid var(--line-1);flex-direction:column;justify-content:center;display:flex}.section-header{display:inline-block;position:relative}.section-header:after{content:"";background:var(--accent);width:0;height:1px;transition:width .6s var(--easing-out);position:absolute;bottom:-8px;left:0}.section.in-view .section-header:after{width:28px}@media (prefers-reduced-motion:reduce){.section-header:after{transition:none}.section.in-view .section-header:after{width:28px}}.section-eyebrow{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.06em;text-transform:lowercase;margin-bottom:var(--space-4);font-size:12px}.section-header{letter-spacing:-.022em;color:var(--fg-0);margin:0 0 var(--space-3);font-size:36px;font-weight:600;line-height:1.1}.section-header.lower{text-transform:lowercase}.section-sub{color:var(--fg-2);max-width:560px;margin:0 0 var(--space-12);font-size:17px;line-height:1.5}.skill-def{gap:var(--space-12);grid-template-columns:1fr 1.2fr;align-items:start;display:grid}.skill-def .def{color:var(--fg-0);letter-spacing:-.015em;font-size:22px;line-height:1.4}.skill-def .def em{color:var(--fg-2);font-style:normal}.code-block{background-color:var(--bg-1);opacity:1;border:1px solid var(--line-2);font-family:var(--font-mono);color:var(--fg-1);isolation:isolate;transition:border-color var(--motion-base) var(--easing-out);border-radius:6px;font-size:clamp(10px,1.8vw,15px);line-height:1.65;position:relative;overflow:hidden}.code-block .filename{border-bottom:1px solid var(--line-1);background:var(--bg-2);color:var(--fg-3);letter-spacing:.04em;align-items:center;gap:6px;padding:6px 12px;font-size:11px;display:flex}.code-block .filename .filename-label{margin-left:12px}.code-block pre{box-sizing:border-box;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;height:clamp(300px,32vw,400px);margin:0;padding:clamp(12px,1.8vw,18px);overflow:hidden}.code-caret{background:var(--accent);vertical-align:-.12em;width:7px;height:1em;margin-left:2px;animation:1.1s steps(2,end) infinite code-caret-blink;display:inline-block}.code-caret.done{opacity:.4}@keyframes code-caret-blink{to{opacity:0}}@media (prefers-reduced-motion:reduce){.code-caret{opacity:.4;animation:none}}.tk-key{color:var(--fg-2)}.tk-str{color:#b5e8a0}.tk-num{color:#f5d28a}.tk-com{color:var(--fg-3)}.tk-acc,.tk-hd{color:var(--accent)}@media (max-width:720px){.skill-def{grid-template-columns:1fr}}.community-row{gap:var(--space-6);grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;align-items:stretch;display:grid}.community{gap:var(--space-4);flex-direction:column;height:100%;display:flex}.community>.skill-card{flex:1}.community-head{padding-bottom:var(--space-3);border-bottom:1px solid var(--line-1);justify-content:space-between;align-items:baseline;display:flex}.community-tag{font-family:var(--font-mono);color:var(--fg-0);font-size:15px;font-weight:500}.community-meta{font-family:var(--font-mono);color:var(--fg-3);font-size:12px}.skill-card{background:var(--bg-1);border:1px solid var(--line-2);text-align:left;cursor:pointer;transition:border-color var(--motion-fast) var(--easing-out);border-radius:6px;flex-direction:column;gap:6px;padding:16px 18px;display:flex;position:relative}.skill-card:hover{border-color:var(--line-3)}.skill-name{font-family:var(--font-mono);color:var(--fg-0);letter-spacing:0;word-break:break-word;font-size:14px;font-weight:500}.skill-desc{color:var(--fg-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3em;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.skill-meta{font-family:var(--font-mono);color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:4px;font-size:11px;display:flex}.skill-meta .avatar{object-fit:cover;background:var(--bg-2);border:1px solid var(--line-2);border-radius:999px;flex:none;width:18px;height:18px}.skill-meta .handle{color:var(--fg-2)}.skill-meta .stars{color:var(--warning);letter-spacing:1px}.skill-meta .stars .v{color:var(--fg-2);margin-left:2px}.skill-meta .dot{color:var(--fg-4)}@media (max-width:720px){.community-row{grid-template-columns:repeat(2,1fr)}.community-row>.community:nth-child(3){grid-column:1/-1}}.locked{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px dashed var(--line-2);position:relative}.locked-row{gap:var(--space-6);filter:blur(4px);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;align-items:stretch;display:grid}.locked-overlay{justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex;position:absolute;inset:0}.locked-overlay .msg{color:var(--fg-0);text-align:center;font-size:15px}@media (max-width:720px){.locked-row{grid-template-columns:1fr}.locked-row>:nth-child(n+2){display:none}}.why-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;grid-auto-rows:1fr;display:grid}@media (max-width:720px){.why-grid{grid-template-columns:1fr}}.why-card{background:var(--bg-1);border:1px solid var(--line-2);cursor:default;border-radius:6px;flex-direction:column;gap:10px;padding:16px 18px 18px;display:flex;position:relative}.why-card .why-top{align-items:center;gap:10px;height:14px;display:flex}.why-card .why-num{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.08em;flex:none;font-size:11px}.why-card .why-rule{background:var(--line-2);flex:1;height:1px}.why-card .why-title{color:var(--fg-0);letter-spacing:-.011em;margin:4px 0 0;font-size:17px;font-weight:500;line-height:1.25}.why-card .why-body{color:var(--fg-2);margin:0;font-size:14px;line-height:1.55}.why-card .why-foot{padding-top:var(--space-2);margin-top:auto}.why-card .cmd{font-family:var(--font-mono);color:var(--accent);background:var(--bg-2);border:1px solid var(--line-2);text-overflow:ellipsis;white-space:nowrap;border-radius:3px;width:fit-content;max-width:100%;padding:5px 9px;font-size:12px;display:inline-block;overflow:hidden}.why-card .why-stat{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:0;align-items:center;gap:8px;font-size:12px;display:inline-flex}.why-card .why-stat .stars{color:var(--warning);letter-spacing:1px}.why-card .why-stat .dim,.why-card .why-stat .arrow{color:var(--fg-3)}.why-card .why-stat .accent{color:var(--accent)}.pip{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--accent-line);letter-spacing:.04em;text-transform:lowercase;border-radius:2px;padding:2px 6px;font-size:10px;line-height:1}.steps{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:720px){.steps{grid-template-columns:1fr}}.step{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line-2);flex-direction:column;display:flex}.step .num{font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;font-size:12px}.step .body{color:var(--fg-0);letter-spacing:-.011em;font-size:17px;line-height:1.4}.footer{margin-top:var(--space-24);padding:var(--space-10) 0 var(--space-8);border-top:1px solid var(--line-1)}.footer-row{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer-nav{gap:var(--space-6);display:flex}.footer-nav a{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.02em;font-size:12px}.footer-nav a:hover{color:var(--fg-0)}.footer-copy{margin-top:var(--space-6);font-family:var(--font-mono);color:var(--fg-4);font-size:11px}@media (max-width:720px){.container,.container-narrow{padding:0 var(--space-6)}.topbar{padding:var(--space-4) 0}.hero{min-height:auto;padding:var(--space-12) 0 var(--space-16)}.hero h1{margin-bottom:var(--space-4);font-size:clamp(32px,8.5vw,44px)}.hero .subhead{margin-bottom:var(--space-8);padding:0 var(--space-2);font-size:15px}.email-form{max-width:240px;margin:0 auto var(--space-10)}.email-shell{background:0 0;border:none;border-radius:0;height:auto;display:block;position:relative;box-shadow:none!important}.email-shell:hover,.email-shell:focus-within{box-shadow:none;border:none}.email-shell:focus-within .email-prompt{color:inherit}.email-prompt{display:none}.email-input{background:var(--bg-3);border:1px solid var(--line-2);width:100%;height:36px;font-family:var(--font-sans);color:var(--fg-0);transition:border-color var(--motion-fast) var(--easing-out), box-shadow var(--motion-fast) var(--easing-out);border-radius:6px;padding:0 38px 0 11px;font-size:12.5px}.email-input:hover{border-color:var(--line-3)}.email-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 24px -10px var(--accent);outline:none}.email-submit{background:var(--accent);width:28px;height:28px;color:var(--bg-0);border:none;border-radius:5px;justify-content:center;align-items:center;gap:0;padding:0;display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.email-submit:hover{background:var(--accent-dim)}.email-submit:active{transform:translateY(-50%)}.email-submit>span:first-child{display:none}.email-submit .arrow{font-size:15px;line-height:1;transition:none;display:inline-block;transform:none!important}.email-submit:hover .arrow{transform:none}.terminal{max-width:100%}.terminal-chrome,.code-block .filename{padding:5px 10px}.section{min-height:auto;padding:var(--space-16) 0}.section-header{font-size:28px}.section-sub{font-size:15px}.skill-def{gap:var(--space-6)}.skill-def .def{font-size:18px}.community-row,.locked-row{gap:var(--space-3)}.skill-card{padding:12px}.skill-name{font-size:13px}.skill-desc{font-size:12px}.skill-meta{gap:6px;font-size:10px}.community-tag{font-size:13px}.community-meta{font-size:11px}.why-card{gap:8px;padding:14px}.why-card .why-title{font-size:15px}.why-card .why-body{font-size:13px}.why-card .cmd,.why-card .why-stat{font-size:11px}.step .body{font-size:15px}.footer{padding:var(--space-8) 0 var(--space-6)}.footer-row{align-items:flex-start;gap:var(--space-3);flex-direction:column}.footer-nav{gap:var(--space-4)}}@media (max-width:480px){.container,.container-narrow{padding:0 var(--space-5)}.hero h1{font-size:clamp(28px,9vw,38px)}.hero .subhead{font-size:14px}.section-header{font-size:24px}.topbar-link{padding:5px 8px;font-size:13px}.locked-overlay .msg{font-size:14px}}