:root{--bg: #0a0a0b;--bg-2: #101012;--surface: #131315;--surface-2: #19191c;--line: rgba(255,255,255,.08);--line-2: rgba(255,255,255,.14);--fg: #ededec;--fg-2: #a1a1a6;--fg-3: #6b6b72;--accent: #ff6b3d;--accent-2: #ff8f6b;--accent-soft: rgba(255,107,61,.12);--ok: #3ecf8e;--bad: #ff5d5d;--serif: "Instrument Serif", Georgia, serif;--sans: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--r: 18px;--heat-0: rgba(255,255,255,.05);color-scheme:dark}:root[data-theme=light]{--bg: #f7f6f3;--bg-2: #efeee9;--surface: #ffffff;--surface-2: #faf9f6;--line: rgba(0,0,0,.08);--line-2: rgba(0,0,0,.16);--fg: #111112;--fg-2: #55555c;--fg-3: #8a8a91;--accent: #e8521f;--accent-2: #f06a3c;--accent-soft: rgba(232,82,31,.1);--heat-0: rgba(0,0,0,.06);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}.mono{font-family:var(--mono)}.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--accent);z-index:70}.nav{position:sticky;top:0;z-index:60;transition:background .25s,border-color .25s;border-bottom:1px solid transparent}.nav.scrolled{background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);border-bottom-color:var(--line)}.nav .wrap{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;letter-spacing:-.01em}.brand-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--fg);color:var(--bg);font-family:var(--serif);font-style:italic;font-size:19px;line-height:1}.nav-links{display:flex;gap:2px;padding:4px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 70%,transparent)}.nav-links a{font-size:14px;color:var(--fg-2);padding:7px 14px;border-radius:999px;transition:color .15s,background .15s}.nav-links a:hover{color:var(--fg)}.nav-links a.active{color:var(--fg);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.nav-right{display:flex;align-items:center;gap:8px}.kbd-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--fg-2);font-size:13.5px;cursor:pointer;transition:border-color .15s,color .15s}.kbd-btn:hover{color:var(--fg);border-color:var(--line-2)}kbd{font-family:var(--mono);font-size:11.5px;padding:2px 6px;border-radius:6px;border:1px solid var(--line-2);background:var(--bg-2);color:var(--fg-2)}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--fg-2);cursor:pointer;transition:border-color .15s,color .15s}.icon-btn:hover{color:var(--fg);border-color:var(--line-2)}.icon-btn svg{width:17px;height:17px}.menu-btn,.sun{display:none}:root[data-theme=light] .sun{display:block}:root[data-theme=light] .moon{display:none}.hero{position:relative;padding:84px 0 40px}.hero-glow{position:absolute;inset:-120px 0 auto;height:620px;pointer-events:none;z-index:-1;background:radial-gradient(520px 260px at 78% 18%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),linear-gradient(var(--line) 1px,transparent 1px) 0 0 / 56px 56px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0 / 56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 60% 20%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 60% 20%,#000 20%,transparent 75%)}.intro{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:30px}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-size:22px;background:linear-gradient(140deg,var(--accent),#ffb38f);color:#1a0d07}.intro-name{font-weight:600;font-size:15.5px;line-height:1.25}.intro-name span{display:block;color:var(--fg-3);font-weight:400;font-size:13.5px}.status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13px;color:var(--fg-2)}.pulse{width:8px;height:8px;border-radius:50%;background:var(--ok);position:relative}.pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--ok);opacity:0;animation:ring 2.2s ease-out infinite}@keyframes ring{0%{transform:scale(.5);opacity:.7}to{transform:scale(1.6);opacity:0}}h1.display{font-size:clamp(46px,8.4vw,112px);line-height:.96;letter-spacing:-.045em;font-weight:600;margin:0;max-width:13ch}h1.display .serif{color:var(--accent);letter-spacing:-.02em;padding-right:.06em}.hero-sub{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;margin-top:36px}.hero-sub p{margin:0;max-width:560px;font-size:clamp(17px,1.6vw,19.5px);color:var(--fg-2);line-height:1.55}.hero-sub p b{color:var(--fg);font-weight:600}.cta{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 20px;border-radius:14px;font-weight:600;font-size:15px;border:1px solid var(--line-2);background:var(--surface);transition:transform .18s,background .18s,border-color .18s;white-space:nowrap;cursor:pointer}.btn:hover{transform:translateY(-2px);border-color:var(--fg-3)}.btn svg{width:17px;height:17px}.btn.solid{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn.solid:hover{background:var(--accent);border-color:var(--accent);color:#fff}.btn .arr{transition:transform .18s}.btn:hover .arr{transform:translate(2px,-2px)}.marquee{margin-top:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;position:relative}.marquee:before,.marquee:after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:1;pointer-events:none}.marquee:before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}.marquee:after{right:0;background:linear-gradient(-90deg,var(--bg),transparent)}.marquee-track{display:flex;width:max-content;animation:scroll 38s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{display:flex;align-items:center;gap:14px;padding:18px 34px;font-size:15px;color:var(--fg-2);white-space:nowrap}.marquee-item b{font-weight:600;color:var(--fg)}.marquee-item .mono{font-size:12px;color:var(--fg-3)}.marquee-item i{width:5px;height:5px;border-radius:50%;background:var(--accent);display:block}@keyframes scroll{to{transform:translate(-50%)}}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:40px}.tile{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;overflow:hidden;min-width:0}.spot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%),color-mix(in srgb,var(--accent) 9%,transparent),transparent 45%)}.spot:hover:before{opacity:1}.tile-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.label{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}.t-heat{grid-column:span 8}.t-stats{grid-column:span 4;display:flex;flex-direction:column}.t-term{grid-column:span 5;padding:0;background:#0c0c0e;border-color:var(--line)}:root[data-theme=light] .t-term{border-color:#1d1d21}.t-review{grid-column:span 4}.t-now{grid-column:span 3;display:flex;flex-direction:column}.heat-wrap{position:relative}.heat{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);gap:3px}.heat span{aspect-ratio:1;border-radius:2.5px;background:var(--heat-0)}.heat span[data-l="1"]{background:color-mix(in srgb,var(--accent) 28%,transparent)}.heat span[data-l="2"]{background:color-mix(in srgb,var(--accent) 50%,transparent)}.heat span[data-l="3"]{background:color-mix(in srgb,var(--accent) 75%,transparent)}.heat span[data-l="4"]{background:var(--accent)}.heat-months{display:grid;grid-auto-flow:column;font-family:var(--mono);font-size:10.5px;color:var(--fg-3);margin-bottom:6px}.heat-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:12px;flex-wrap:wrap;font-size:13.5px;color:var(--fg-2)}.heat-foot b{color:var(--fg);font-weight:600}.legend{display:flex;align-items:center;gap:4px;font-family:var(--mono);font-size:10.5px;color:var(--fg-3)}.legend span{width:10px;height:10px;border-radius:2px}.heat-tip{position:absolute;pointer-events:none;padding:6px 9px;border-radius:8px;background:var(--fg);color:var(--bg);font-size:12px;font-family:var(--mono);white-space:nowrap;transform:translate(-50%,-120%);opacity:0;transition:opacity .12s;z-index:3}.big-stat{display:flex;align-items:baseline;gap:10px}.big-stat .n{font-size:clamp(64px,7vw,92px);font-weight:600;letter-spacing:-.05em;line-height:.9}.big-stat .serif{font-size:26px;color:var(--accent)}.t-stats p{margin:10px 0 0;color:var(--fg-2);font-size:14.5px}.mini-stats{margin-top:auto;padding-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px dashed var(--line)}.mini-stats div{padding-top:14px}.mini-stats b{display:block;font-size:24px;font-weight:600;letter-spacing:-.03em}.mini-stats span{font-size:12.5px;color:var(--fg-3);line-height:1.3;display:block}.term-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.07)}.term-bar i{width:11px;height:11px;border-radius:50%;display:block;background:#2c2c31}.term-bar span{margin-left:8px;font-family:var(--mono);font-size:11.5px;color:#6b6b72}.term-body{padding:16px 18px 20px;font-family:var(--mono);font-size:12.5px;color:#c8c8cc;line-height:1.95}.term-body .cmd{color:#ededec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.term-body .cmd b{color:var(--accent);font-weight:500}.tl{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}.tl.on{opacity:1;transform:none}.tl .r{color:#8ab4ff;overflow:hidden;text-overflow:ellipsis}.tl .m{overflow:hidden;text-overflow:ellipsis}.tl .m:before{content:"✓ ";color:var(--ok)}.term-foot{color:#6b6b72;margin-top:6px}.caret{display:inline-block;width:8px;height:15px;background:var(--accent);vertical-align:-3px;margin-left:4px;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.review-list{display:flex;flex-direction:column;gap:2px;margin:0 -10px}.review-list a{display:grid;grid-template-columns:10px minmax(0,1fr);gap:12px;align-items:start;padding:9px 10px;border-radius:10px;transition:background .15s}.review-list a:hover{background:var(--surface-2)}.review-list .dot{width:8px;height:8px;margin-top:7px;border-radius:50%;border:2px solid #e3b341}.review-list .tt{font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.review-list .rp{font-family:var(--mono);font-size:11.5px;color:var(--fg-3)}.count-pill{font-family:var(--mono);font-size:11.5px;padding:3px 8px;border-radius:999px;background:#e3b3411f;color:#e3b341}.clock{font-size:40px;font-weight:600;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.clock small{font-size:14px;color:var(--fg-3);font-weight:500;letter-spacing:0;margin-left:6px}.place{margin-top:8px;color:var(--fg-2);font-size:14px}.now-box{margin-top:auto;padding-top:18px;border-top:1px dashed var(--line);font-size:14px;color:var(--fg-2);line-height:1.5}.now-box b{display:block;color:var(--fg);font-weight:600;margin:6px 0 2px}.now-box a{color:var(--accent)}section{padding:120px 0 0}.sec-head{display:grid;grid-template-columns:1fr minmax(0,420px);gap:40px;align-items:end;margin-bottom:44px}.kicker{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}.kicker b{color:var(--accent);font-weight:500}h2{font-size:clamp(36px,5.2vw,64px);line-height:1;letter-spacing:-.04em;font-weight:600;margin:0}h2 .serif{color:var(--accent)}.sec-head p{margin:0;color:var(--fg-2);font-size:16.5px}.explorer{border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow:hidden}.ex-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:16px;border-bottom:1px solid var(--line)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--fg-2);font-size:13.5px;cursor:pointer;transition:all .15s}.chip:hover{color:var(--fg);border-color:var(--line-2)}.chip.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}.chip em{font-style:normal;font-family:var(--mono);font-size:11.5px;opacity:.65}.search{position:relative;flex:0 1 260px}.search input{width:100%;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--bg-2);color:var(--fg);padding:0 12px 0 34px;font:inherit;font-size:14px;outline:none;transition:border-color .15s}.search input:focus{border-color:var(--accent)}.search svg{position:absolute;left:11px;top:10px;width:16px;height:16px;color:var(--fg-3)}.pr-row{display:grid;grid-template-columns:96px 150px minmax(0,1fr) 70px 20px;gap:16px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line);font-size:14.5px;transition:background .15s}.pr-row:hover{background:var(--surface-2)}.pr-row .d{font-family:var(--mono);font-size:12px;color:var(--fg-3)}.pr-row .rb{font-family:var(--mono);font-size:12px;color:var(--fg-2);display:inline-flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-row .rb i{width:8px;height:8px;border-radius:2px;flex:none}.pr-row .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-row .n{font-family:var(--mono);font-size:12px;color:var(--fg-3);text-align:right}.pr-row svg{width:15px;height:15px;color:var(--fg-3);transition:transform .15s,color .15s}.pr-row:hover svg{color:var(--accent);transform:translate(2px,-2px)}.ex-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:13.5px;color:var(--fg-3);flex-wrap:wrap}.ex-foot button{border:0;background:none;color:var(--fg);font-weight:600;cursor:pointer;padding:6px 0}.ex-foot button:hover{color:var(--accent)}.empty{padding:40px 20px;text-align:center;color:var(--fg-3)}.case{display:grid;grid-template-columns:1.15fr 1fr;gap:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface)}.case-vis{padding:32px;background:var(--bg-2);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:22px}.case-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.tag{font-family:var(--mono);font-size:11.5px;padding:4px 9px;border-radius:7px;border:1px solid var(--line-2);color:var(--fg-2)}.case-vis h3{font-size:clamp(26px,3vw,36px);line-height:1.08;letter-spacing:-.03em;margin:0;font-weight:600}.case-vis h3 .serif{color:var(--accent)}.buffers{display:grid;grid-template-columns:1fr 1fr;gap:0;font-family:var(--mono);font-size:12px;position:relative;margin-top:14px}.buf{border:1px solid var(--line-2);padding:14px;background:var(--surface);min-width:0}.buf:first-child{border-radius:12px 0 0 12px;border-right-style:dashed}.buf:last-child{border-radius:0 12px 12px 0;border-left:0}.buf .cap{color:var(--fg-3);font-size:11px;margin-bottom:10px;display:flex;justify-content:space-between;gap:6px}.bytes{display:flex;gap:3px;flex-wrap:wrap}.byte{min-width:26px;height:28px;padding:0 5px;display:grid;place-items:center;border-radius:6px;background:var(--bg-2);color:var(--fg-3);border:1px solid var(--line)}.byte.cr{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:var(--accent-soft)}.byte.dup{color:var(--bad);border-color:#ff5d5d73;background:#ff5d5d1a}.boundary{position:absolute;left:50%;top:-12px;bottom:-12px;width:0;border-left:2px solid var(--accent)}.boundary span{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:10.5px;color:var(--accent);white-space:nowrap;background:var(--bg-2);padding:0 6px}.scanners{display:grid;grid-template-columns:1fr 1fr;font-family:var(--mono);font-size:11.5px;color:var(--fg-2);gap:10px}.scanners div{padding:10px 12px;border-radius:10px;border:1px dashed var(--line-2)}.scanners b{color:var(--bad);font-weight:500}.verdict{display:flex;gap:10px;flex-wrap:wrap;font-family:var(--mono);font-size:12.5px}.verdict span{padding:7px 11px;border-radius:9px}.v-bad{background:#ff5d5d1a;color:var(--bad)}.v-ok{background:#3ecf8e1f;color:var(--ok)}.case-steps{padding:18px 32px;display:flex;flex-direction:column}.cstep{display:grid;grid-template-columns:34px minmax(0,1fr);gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.cstep:last-child{border-bottom:0}.cstep .k{font-family:var(--mono);font-size:12px;color:var(--accent);padding-top:3px}.cstep h4{margin:0 0 6px;font-size:17px;letter-spacing:-.01em;font-weight:600}.cstep p{margin:0;color:var(--fg-2);font-size:14.5px}code{font-family:var(--mono);font-size:.86em;padding:1px 6px;border-radius:6px;background:var(--bg-2);border:1px solid var(--line)}.case-link{display:inline-flex;gap:8px;align-items:center;margin-top:16px;font-weight:600;font-size:14.5px}.case-link:hover{color:var(--accent)}.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0}.feature-body{padding:36px;display:flex;flex-direction:column}.feature-arch{padding:36px;border-left:1px solid var(--line);background:var(--bg-2);display:flex;align-items:center;justify-content:center}.proj h3{font-size:26px;letter-spacing:-.03em;margin:10px 0 12px;font-weight:600;line-height:1.15}.tile.proj:not(.feature) h3{font-size:21px}.proj p{color:var(--fg-2);margin:0;font-size:15px}.pts{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:12px}.pts li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;color:var(--fg-2);font-size:14.5px}.pts li:before{content:"";width:6px;height:6px;border-radius:2px;background:var(--accent);margin-top:9px}.pts b{color:var(--fg);font-weight:600}.stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.stack span{font-family:var(--mono);font-size:11.5px;padding:4px 9px;border-radius:7px;border:1px solid var(--line);color:var(--fg-2);background:var(--bg-2)}.proj-links{display:flex;gap:18px;margin-top:auto;padding-top:24px;font-size:14px;font-weight:600}.proj-links a{display:inline-flex;align-items:center;gap:6px}.proj-links a:hover{color:var(--accent)}.proj-links svg{width:15px;height:15px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.metric-row div{border:1px solid var(--line);border-radius:12px;padding:10px 12px}.metric-row b{display:block;font-size:19px;letter-spacing:-.02em}.metric-row span{font-size:11.5px;color:var(--fg-3);font-family:var(--mono)}.arch{width:100%;max-width:420px;font-family:var(--mono);font-size:12.5px;display:flex;flex-direction:column;align-items:stretch}.node{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface)}.node em{font-style:normal;font-size:11px;color:var(--fg-3);padding:2px 7px;border-radius:6px;border:1px solid var(--line)}.node.hot{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 4px var(--accent-soft)}.wire{height:34px;position:relative;margin:0 auto;width:2px;background:repeating-linear-gradient(to bottom,var(--line-2) 0 4px,transparent 4px 8px)}.wire:after{content:"";position:absolute;left:50%;width:7px;height:7px;border-radius:50%;background:var(--accent);transform:translate(-50%);animation:packet 2.4s ease-in-out infinite;box-shadow:0 0 10px var(--accent)}.wire:nth-of-type(4):after{animation-delay:.8s}.wire:nth-of-type(6):after{animation-delay:1.6s}@keyframes packet{0%{top:-4px;opacity:0}15%{opacity:1}85%{opacity:1}to{top:30px;opacity:0}}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.side-note{margin-top:14px;font-size:11.5px;color:var(--fg-3);text-align:center}.side-note b{color:var(--bad);font-weight:500}.xp{display:grid;grid-template-columns:1fr 1fr;gap:14px}.xp-list{display:flex;flex-direction:column}.xp-item{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;padding:22px 0;border-top:1px solid var(--line)}.xp-item:first-child{border-top:0;padding-top:4px}.xp-item .when{font-family:var(--mono);font-size:12px;color:var(--fg-3);padding-top:4px}.xp-item h4{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em}.xp-item .org{color:var(--fg-2);font-size:14.5px}.xp-item p{margin:8px 0 0;font-size:14.5px;color:var(--fg-2)}.skills{display:flex;flex-direction:column;gap:20px}.skill-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:start}.skill-row .label{padding-top:7px}.skill-row .stack{margin:0}.skill-row .stack span{font-size:12.5px;padding:5px 10px;color:var(--fg)}.contact{position:relative;padding:110px 0 40px;text-align:center}.contact h2{font-size:clamp(44px,8vw,104px)}.contact p{color:var(--fg-2);max-width:540px;margin:24px auto 0;font-size:17px}.mail{display:inline-flex;align-items:center;gap:12px;margin-top:36px;padding:10px 10px 10px 22px;border-radius:18px;border:1px solid var(--line-2);background:var(--surface);max-width:100%}.mail a{font-family:var(--mono);font-size:clamp(13px,1.8vw,16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail a:hover{color:var(--accent)}.mail button{height:40px;padding:0 14px;border-radius:12px;border:0;background:var(--fg);color:var(--bg);font-weight:600;font-size:13.5px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}.mail button.done{background:var(--ok);color:#04130b}.mail button svg{width:15px;height:15px}.socials{display:flex;justify-content:center;gap:10px;margin-top:22px;flex-wrap:wrap}.socials a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;border:1px solid var(--line);color:var(--fg-2);font-size:14px;transition:color .15s,border-color .15s}.socials a:hover{color:var(--fg);border-color:var(--line-2)}.socials svg{width:16px;height:16px}footer{border-top:1px solid var(--line);margin-top:80px}footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:26px;padding-bottom:36px;font-size:13px;color:var(--fg-3)}footer a:hover{color:var(--fg)}.cmdk{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:none;align-items:flex-start;justify-content:center;padding:14vh 16px 16px;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.cmdk.open{display:flex}.cmdk-box{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--line-2);border-radius:18px;box-shadow:0 30px 80px -20px #0009;overflow:hidden;animation:pop .16s ease-out}@keyframes pop{0%{transform:scale(.97) translateY(6px);opacity:0}}.cmdk-in{display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--line)}.cmdk-in svg{width:18px;height:18px;color:var(--fg-3);flex:none}.cmdk-in input{flex:1;height:54px;border:0;outline:none;background:none;color:var(--fg);font:inherit;font-size:16px;min-width:0}.cmdk-list{max-height:340px;overflow-y:auto;padding:8px}.cmdk-g{font-family:var(--mono);font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;padding:10px 10px 6px}.cmdk-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:14.5px;color:var(--fg-2)}.cmdk-item.sel{background:var(--surface-2);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line)}.cmdk-item span:last-child{font-family:var(--mono);font-size:11.5px;color:var(--fg-3)}.rv{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}@media (max-width: 1080px){.t-heat{grid-column:span 12}.t-stats,.t-now{grid-column:span 6}.t-term{grid-column:span 7}.t-review{grid-column:span 5}.pr-row{grid-template-columns:92px 130px minmax(0,1fr) 20px}.pr-row .n{display:none}}@media (max-width: 900px){.nav-links{display:none}.menu-btn{display:grid}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:72px;left:16px;right:16px;border-radius:18px;padding:8px;background:var(--surface);box-shadow:0 20px 50px -20px #0009}.nav-links.open a{padding:12px 14px;font-size:16px;border-radius:12px}.kbd-btn .lbl{display:none}.hero-sub{grid-template-columns:1fr;gap:28px}.sec-head{grid-template-columns:1fr;gap:18px}.case{grid-template-columns:1fr}.case-vis{border-right:0;border-bottom:1px solid var(--line)}.feature{grid-template-columns:1fr}.feature-arch{border-left:0;border-top:1px solid var(--line)}.proj-grid{grid-template-columns:1fr 1fr}.xp{grid-template-columns:1fr}section{padding-top:96px}}@media (max-width: 680px){.wrap{padding:0 16px}.hero{padding-top:48px}.bento{gap:12px}.t-stats,.t-now,.t-term,.t-review{grid-column:span 12}.proj-grid{grid-template-columns:1fr}.feature-body,.feature-arch,.case-vis{padding:22px}.case-steps{padding:6px 22px}.pr-row{grid-template-columns:minmax(0,1fr) 16px;gap:4px 12px;padding:14px 16px}.pr-row .d{grid-row:1;grid-column:1}.pr-row .rb{grid-row:2;grid-column:1}.pr-row .t{grid-row:3;grid-column:1;white-space:normal}.pr-row svg{grid-row:1 / 4;grid-column:2}.pr-row .d{display:none}.search{flex:1 1 100%}.xp-item{grid-template-columns:1fr;gap:6px}.skill-row{grid-template-columns:1fr;gap:8px}.skill-row .label{padding-top:0}.buffers{font-size:11px}.byte{min-width:22px;height:26px;padding:0 4px}.metric-row b{font-size:17px}.btn{height:46px;padding:0 16px}.cta .btn{flex:1 1 auto;justify-content:center}.mail{flex-direction:column;padding:16px;gap:12px;width:100%}.mail button{width:100%;justify-content:center}.marquee-item{padding:14px 22px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.rv,.tl{opacity:1;transform:none}}
