:root{--bg:239 240 236;--bg-soft:232 233 228;--surface:246 247 243;--ink:32 36 34;--mute:92 99 94;--dim:148 154 147;--line:32 36 34;--line-alpha:0.14;--accent:62 122 104;color-scheme:light;--font-display:"Space Grotesk", "Noto Sans SC", system-ui, sans-serif;--font-sans:"Noto Sans SC", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--shadow-soft:0 1px 2px rgba(20, 28, 24, 0.04);--shadow-lift:0 2px 6px rgba(20, 28, 24, 0.06), 0 12px 32px -18px rgba(20, 28, 24, 0.18)}.dark{--bg:23 26 24;--bg-soft:29 33 31;--surface:34 39 36;--ink:232 234 229;--mute:160 166 159;--dim:110 116 109;--line:232 234 229;--line-alpha:0.14;--accent:125 178 161;color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;line-height:1.5}body{margin:0;line-height:inherit;background:rgb(var(--bg));color:rgb(var(--ink));font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:rgb(var(--accent)/.22)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;cursor:pointer}.container{max-width:72rem;margin:0 auto;padding:0 1.5rem}@media(min-width:640px){.container{padding:0 2rem}}.eyebrow,.tag-mono{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.32em;color:rgb(var(--dim));margin:0}.tag-mono strong{color:rgb(var(--accent));font-weight:500}.tag-mono .sep{margin:0 .5rem;opacity:.5}.h-display{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.12;margin:0}.panel{background:rgb(var(--surface));border:1px solid rgb(var(--line)/var(--line-alpha));border-radius:8px;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s ease,background .3s ease}.panel-hover:hover{transform:translateY(-2px);border-color:rgb(var(--line)/calc(var(--line-alpha) * 1.9));background:rgb(var(--bg-soft)/.6)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:8px;background:rgb(var(--ink));color:rgb(var(--bg));padding:.75rem 1.75rem;font-weight:500;transition:transform .25s ease,box-shadow .25s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;border:1px solid rgb(var(--line)/var(--line-alpha));color:rgb(var(--ink));background:0 0;padding:.75rem 1.75rem;font-weight:500;transition:all .25s ease}.btn-ghost:hover{border-color:rgb(var(--line)/calc(var(--line-alpha) * 1.9));background:rgb(var(--surface));transform:translateY(-1px)}.corner-marks{position:relative}.corner-marks::before,.corner-marks::after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;border-color:rgb(var(--line)/.35);border-style:solid}.corner-marks::before{top:-1px;left:-1px;border-width:1px 0 0 1px}.corner-marks::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.pulse-dot{position:relative;display:flex;width:.5rem;height:.5rem}.pulse-dot::after{content:"";position:absolute;inset:0;border-radius:9999px;background:rgb(var(--accent));animation:pulse-ring 3s cubic-bezier(.2,.6,.4,1)infinite}@keyframes pulse-ring{0%{transform:scale(.6);opacity:.45}80%,100%{transform:scale(2.2);opacity:0}}.site-header{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .5s ease,border-color .5s ease}.site-header.scrolled{background:rgb(var(--bg)/.85);backdrop-filter:blur(12px);border-bottom:1px solid rgb(var(--line)/var(--line-alpha))}.nav{display:flex;height:4rem;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:.625rem}.nav-brand img{width:28px;height:28px}.nav-brand .wordmark,.footer-brand .wordmark{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:-.025em}.nav-links{display:none;align-items:center;gap:.25rem}@media(min-width:768px){.nav-links{display:flex}}.nav-link{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-radius:6px;font-size:14px;line-height:1.25rem;color:rgb(var(--mute));transition:color .3s ease}.nav-link:hover{color:rgb(var(--ink))}.nav-link .idx{font-family:var(--font-mono);font-size:9px;color:rgb(var(--dim));transition:color .3s ease}.nav-link:hover .idx{color:rgb(var(--accent))}.nav-sep{width:1px;height:1rem;background:rgb(var(--line)/var(--line-alpha));margin:0 .5rem}.icon-btn{display:flex;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;border:none;background:0 0;border-radius:6px;color:rgb(var(--mute));transition:color .3s ease}.icon-btn:hover{color:rgb(var(--ink))}.nav-actions{display:flex;align-items:center;gap:.5rem}@media(min-width:768px){.nav-actions{gap:.25rem}}.nav-cta{margin-left:.5rem;padding:.5rem 1.25rem;font-size:14px;line-height:1.25rem}.nav-tag{display:none;margin-left:.5rem}@media(min-width:640px){.nav-tag{display:block}}.nav-github,.nav-cta{display:none}@media(min-width:768px){.nav-github{display:flex}.nav-cta{display:inline-flex}}.nav-burger{display:flex;border:1px solid rgb(var(--line)/var(--line-alpha));color:rgb(var(--ink))}@media(min-width:768px){.nav-burger{display:none}}.nav-drawer{border-top:1px solid rgb(var(--line)/var(--line-alpha));background:rgb(var(--bg)/.95);backdrop-filter:blur(12px);padding:1rem 0}.nav-drawer[hidden]{display:none}@media(min-width:768px){.nav-drawer{display:none}}.nav-drawer-inner{display:flex;flex-direction:column;gap:.25rem}.nav-drawer-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;font-size:14px;color:rgb(var(--mute));transition:background .3s ease,color .3s ease}.nav-drawer-link:hover{background:rgb(var(--bg-soft));color:rgb(var(--ink))}.nav-drawer-link .idx{font-family:var(--font-mono);font-size:9px;color:rgb(var(--dim))}.nav-drawer-cta{margin-top:.5rem;justify-content:center;font-size:14px;line-height:1.25rem}.hero{position:relative;overflow:hidden;padding:6rem 0 4rem;min-height:100vh;display:flex;align-items:center}.hero-grid-bg{pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(rgb(var(--line)/.05) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--line)/.05) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 30%,transparent 56%);mask-image:linear-gradient(to bottom,#000 0%,#000 30%,transparent 56%)}.hero-matrix{pointer-events:none;position:absolute;inset:0;opacity:.5}.hero-inner{position:relative;width:100%;display:grid;gap:4rem;align-items:center}@media(min-width:1024px){.hero-inner{grid-template-columns:1.05fr .95fr}}.hero-visual{position:relative;display:flex;justify-content:center}@media(min-width:1024px){.hero-visual{justify-content:flex-end}}.animate-float-slow{animation:float-slow 11s ease-in-out infinite}@keyframes float-slow{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-rise{animation:hero-rise var(--rise-dur,.55s)var(--rise-ease,ease-out)both;animation-delay:var(--rise-delay,0s)}.hero-rise--scale{animation-name:hero-rise-scale}@keyframes hero-rise{from{opacity:0;transform:translateY(var(--rise-y,12px))}to{opacity:1;transform:none}}@keyframes hero-rise-scale{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.hero-scale{pointer-events:none;position:absolute;left:1.5rem;top:7rem;display:none}@media(min-width:1024px){.hero-scale{display:block}}.hero-ticks{display:flex;align-items:flex-end;gap:5px;opacity:.4}.hero-tick{width:1px;height:5px;background:rgb(var(--line)/.35)}.hero-tick:nth-child(6n+1){height:10px}.hero-scale__label{margin:.5rem 0 0;font-size:9px}.hero-copy .announce{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:2.5rem;padding:.5rem 1rem .5rem .75rem;border:1px solid rgb(var(--line)/var(--line-alpha));border-radius:6px;background:rgb(var(--surface));box-shadow:var(--shadow-soft);font-size:12px;line-height:1rem;color:rgb(var(--mute));transition:border-color .3s ease,background .3s ease,color .3s ease}@media(min-width:640px){.hero-copy .announce{font-size:14px;line-height:1.25rem}}.hero-copy .announce:hover{background:rgb(var(--bg-soft))}.hero-copy .announce .announce-text{transition:color .3s ease}.hero-copy .announce:hover .announce-text{color:rgb(var(--ink))}.hero-copy .announce .new-pill{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:rgb(var(--accent))}.hero-copy .announce .announce-arrow{flex:none;color:rgb(var(--dim));transition:transform .3s ease}.hero-copy .announce:hover .announce-arrow{transform:translateX(2px)}.btn-ghost .btn-arrow{flex:none;transition:transform .3s ease}.btn-ghost:hover .btn-arrow{transform:translateX(4px)}.hero-title{font-size:3.1rem;letter-spacing:-.025em}@media(min-width:640px){.hero-title{font-size:3.75rem}}@media(min-width:1024px){.hero-title{font-size:4.2rem}}.hero-title .u-accent{position:relative;white-space:nowrap}.hero-title .u-accent::after{content:"";position:absolute;left:0;right:0;bottom:-.25rem;height:3px;background:rgb(var(--accent))}.hero-lead{margin:2rem 0 0;max-width:40rem;font-size:1rem;line-height:1.625;color:rgb(var(--mute))}@media(min-width:640px){.hero-lead{font-size:1.125rem}}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.25rem}.hero-stats{display:flex;flex-wrap:wrap;gap:.75rem 2rem;margin-top:3rem;align-items:baseline}.hero-stat{display:flex;align-items:baseline;gap:.5rem}.hero-stat .k{font-family:var(--font-mono);font-size:9px;letter-spacing:.32em;text-transform:uppercase;color:rgb(var(--dim))}.hero-stat .v{font-family:var(--font-display);font-size:18px;line-height:1.75rem;font-weight:700}.hero-stat .t{font-size:12px;line-height:1rem;color:rgb(var(--dim))}.site-footer{border-top:1px solid rgb(var(--line)/var(--line-alpha));background:rgb(var(--bg-soft))}.site-footer>.container{padding-top:4rem;padding-bottom:4rem}.footer-grid{display:grid;gap:3rem}@media(min-width:768px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}.footer-brand{display:flex;align-items:center;gap:.625rem}.footer-brand img{width:26px;height:26px}.footer-desc{margin:1rem 0 0;max-width:20rem;font-size:14px;line-height:1.625;color:rgb(var(--mute))}.footer-slogan{margin:1.25rem 0 0;font-family:var(--font-display);font-size:14px;line-height:1.25rem;font-weight:700;letter-spacing:.025em}.footer-gh{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.5rem 1rem;border:1px solid rgb(var(--line)/var(--line-alpha));border-radius:6px;font-size:14px;line-height:1.25rem;color:rgb(var(--mute));transition:color .3s ease}.footer-gh:hover{color:rgb(var(--ink))}.footer-col h4{margin:0;font-family:var(--font-mono);font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:rgb(var(--dim))}.footer-col ul{margin:1.25rem 0 0;padding:0;list-style:none}.footer-col li{margin-bottom:.75rem}.footer-col a{font-size:14px;line-height:1.25rem;color:rgb(var(--mute));transition:color .3s ease}.footer-col a:hover{color:rgb(var(--ink))}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:3.5rem;padding:2rem 0 0;border-top:1px solid rgb(var(--line)/var(--line-alpha));font-size:12px;line-height:1rem;color:rgb(var(--dim))}@media(min-width:640px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-bottom .mono{font-family:var(--font-mono);letter-spacing:.05em}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001s!important;transition-duration:.001s!important}}.nav-link.active{color:rgb(var(--ink))}.nav-link.active .idx{color:rgb(var(--accent))}.hero-actions{flex-direction:column;align-items:flex-start;gap:1.15rem}.platform-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%;max-width:30rem}@media(min-width:560px){.platform-row{grid-template-columns:repeat(2,minmax(0,auto));justify-content:start;width:auto}}.platform-btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;height:40px;padding:0 1.35rem;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .25s ease,background .25s ease,color .25s ease}.platform-btn.is-live{background:#fff;border:1px solid rgb(var(--ink)/.75);color:rgb(var(--ink))}html.dark .platform-btn.is-live{background:#000}.platform-btn.is-live:hover{border-color:rgb(var(--accent));color:rgb(var(--accent))}.platform-btn.is-live:hover{transform:translateY(-2px);opacity:.9}.platform-btn.is-dev{background:0 0;border:1px dashed rgb(var(--line)/calc(var(--line-alpha) * 2.2));color:rgb(var(--dim));cursor:default}.platform-icon{width:19px;height:19px;color:currentColor;flex:none;opacity:.9}.platform-icon-pair{display:inline-flex;align-items:center;gap:4px;flex:none}.platform-badge-plate{display:inline-flex;align-items:center;flex:none;transition:transform .25s cubic-bezier(.22,1,.36,1)}.platform-badge-plate:hover{transform:translateY(-2px)}.platform-badge-img{display:block;height:40px;width:auto}.platform-badge-img--blk{display:none}.platform-badge-img--ag{filter:invert(1)}html.dark .platform-badge-img--blk{display:block}html.dark .platform-badge-img--wht{display:none}html.dark .platform-badge-img--ag{filter:none}.platform-name{font-size:13px;font-weight:500;color:currentColor}.platform-badge{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.12em;color:rgb(var(--accent))}.platform-btn.is-dev .platform-badge{color:rgb(var(--dim));opacity:.8}.platform-btn.is-live .platform-badge{color:rgb(var(--accent))}.platform-btn.is-dev .platform-badge{color:rgb(var(--dim))}.platform-row{display:flex;flex-wrap:wrap;width:100%;max-width:40rem;justify-content:flex-start}.platform-btn{flex:none;white-space:nowrap;padding:.62rem .72rem;gap:.45rem}.announce-rotator{display:grid;justify-items:start;align-items:center}.announce-rotator .announce{grid-area:1/1;opacity:0;pointer-events:none;transition:opacity .5s ease}.announce-rotator .announce.is-active{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.announce-rotator .announce{transition:none}}