:root{--paper:#fbfbfd;--ink:#1d1d1f;--ink-soft:#86868b;--chip:#f0f0f3;--nav-h:52px;--ui:"PingFang SC", "Source Han Sans SC", "Noto Sans CJK SC", -apple-system, sans-serif;--mono:"SF Mono", Menlo, "PingFang SC", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;margin:0}.nav{z-index:10;height:var(--nav-h);-webkit-backdrop-filter:saturate(1.8)blur(20px);background:#fbfbfdc7;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:0 max(20px,4vw);display:flex;position:fixed;inset:0 0 auto}.nav-logo img{height:20px;display:block}.nav-install{color:var(--ink);border:1px solid #00000047;border-radius:999px;padding:5px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s,border-color .15s}.nav-install:hover{background:#0000000f;border-color:#00000073}.hero{min-height:100svh;padding:calc(var(--nav-h) + 32px) 24px 56px;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.hero>*{animation:.8s cubic-bezier(.16,1,.3,1) backwards rise}.hero>:nth-child(2){animation-delay:80ms}.hero>:nth-child(3){animation-delay:.16s}.hero>:nth-child(4){animation-delay:.24s}.hero>:nth-child(n+5){animation-delay:.32s}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.hero-eyebrow{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-soft);margin:0;font-size:clamp(12px,1.2vw,15px)}.hero-title{letter-spacing:.02em;text-wrap:balance;margin:22px 0 0;font-size:clamp(36px,5.6vw,76px);font-weight:700;line-height:1.15}.hero-sub{max-width:34em;color:var(--ink-soft);margin:24px 0 40px;font-size:clamp(16px,1.6vw,21px);line-height:1.7}.hero-meta{color:var(--ink-soft);margin:20px 0 0;font-size:14px}.hero-demo{color:var(--ink);opacity:.8;margin-top:40px;font-size:15px;font-weight:500;text-decoration:none}.hero-demo:hover{opacity:1;text-underline-offset:4px;text-decoration:underline}.stage{height:100svh;padding-top:var(--nav-h);flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}.stage-canvas{flex:1;min-height:0;position:relative}.copy{flex:none;height:clamp(150px,24svh,230px);padding:0 24px;position:relative}.copy:before{content:"";background:linear-gradient(to bottom, #fbfbfd00, var(--paper) 48px);pointer-events:none;position:absolute;inset:-48px 0 0}.copy-scene{text-align:center;position:absolute;inset:0 24px}.copy-title{letter-spacing:.04em;margin:0;font-size:clamp(28px,4vw,56px);font-weight:600;line-height:1.2}.copy-title span{display:inline-block}.copy-sub{max-width:40em;color:var(--ink-soft);margin:14px auto 0;font-size:clamp(15px,1.35vw,19px);line-height:1.6}.legend{color:var(--ink);flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:14px 0 0;padding:0;font-size:clamp(14px,1.2vw,16px);list-style:none;display:flex}.legend li{align-items:center;gap:8px;display:flex}.legend i{border-radius:50%;width:10px;height:10px}.scroll-hint{color:var(--ink-soft);letter-spacing:.1em;pointer-events:none;font-size:13px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.scroll-hint:after{content:"";background:var(--ink-soft);transform-origin:top;width:1px;height:18px;margin:8px auto 0;animation:1.6s ease-in-out infinite hint;display:block}@keyframes hint{0%{opacity:1;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.end{min-height:100svh;padding:calc(var(--nav-h) + 40px) 24px 40px;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.end>*{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(18px)}.end.in>*{opacity:1;transform:none}.end.in>:nth-child(2){transition-delay:.1s}.end.in>:nth-child(3){transition-delay:.2s}.end.in>:nth-child(4){transition-delay:.3s}.end.in>:nth-child(n+5){transition-delay:.4s}.end-logo{width:min(320px,64vw)}.end-title{letter-spacing:.04em;margin:40px 0 0;font-size:clamp(30px,4vw,52px);font-weight:600}.end-sub{max-width:34em;color:var(--ink-soft);margin:16px 0 32px;font-size:clamp(15px,1.4vw,19px);line-height:1.7}.command{background:var(--chip);max-width:100%;font-family:var(--mono);border-radius:14px;align-items:center;gap:16px;padding:12px 12px 12px 22px;font-size:15px;display:flex}.command code{white-space:pre;text-align:left;overflow-x:auto}.command-large{padding:16px 16px 16px 28px;font-size:clamp(16px,2vw,24px)}.prompt{color:var(--ink-soft)}.command button{font:500 13px var(--ui);cursor:pointer;border:1px solid #0000;border-radius:999px;flex-shrink:0;padding:6px 14px;transition:background-color .15s,border-color .15s}.command .btn-primary{background:var(--ink);color:var(--paper)}.command .btn-secondary{color:var(--ink);background:0 0;border-color:#00000047}.command .btn-secondary:hover{background:#0000000f;border-color:#00000073}.command button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.end-note{color:var(--ink-soft);margin:28px 0 12px;font-size:14px}.facts{max-width:720px;color:var(--ink-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;margin:56px 0 0;padding:0;font-size:14px;line-height:1.6;list-style:none;display:grid}.facts b{color:var(--ink);margin-bottom:6px;font-size:15px;font-weight:600;display:block}.footer{text-align:center;color:var(--ink-soft);padding:8px 24px 32px;font-size:12px}@media (width<=720px){.facts{grid-template-columns:1fr;gap:20px}.command,.command-large{gap:10px;padding:10px 10px 10px 16px;font-size:13px}.command code{white-space:pre-wrap;overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-hint:after,.hero>*{animation:none}.end>*{transition:none}}