:root{color-scheme:dark;--bg:#070b12;--ink:#edf5ff;--muted:#8592a5;--cyan:#98f4ff;--lime:#b3ffbd;--line:rgba(164,200,234,.15);--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100svh;color:var(--ink);font-family:var(--sans);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:7px}button{cursor:pointer}::selection{background:#93edff;color:#071017}.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}
.atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 75% 40%,#0b192b 0,transparent 52%),var(--bg)}.halo{position:absolute;border-radius:50%;filter:blur(90px);opacity:.18;animation:drift 18s ease-in-out infinite alternate}.halo-one{width:480px;height:480px;background:#1659d6;right:-130px;top:8%}.halo-two{width:380px;height:240px;background:#157385;left:-240px;bottom:10%;animation-delay:-8s}.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(146,185,225,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(146,185,225,.038) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 48%,black 18%,transparent 80%)}.scanline{position:absolute;inset:0;background:repeating-linear-gradient(transparent 0,transparent 3px,rgba(0,0,0,.1) 4px);opacity:.45}
.page{max-width:1440px;min-height:100svh;margin:auto;padding:0 64px;display:flex;flex-direction:column}.masthead{display:flex;align-items:center;justify-content:space-between;height:126px;flex-shrink:0;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:15px}.logo{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(152,244,255,.4);border-radius:11px;background:linear-gradient(145deg,rgba(126,234,255,.11),rgba(126,234,255,.02));font-family:var(--mono);font-size:18px;letter-spacing:-3px;padding-right:3px;color:var(--cyan);box-shadow:inset 0 0 18px #8beeff08}.brand{font-size:14px;font-weight:600;letter-spacing:2.6px}.brand-sub{display:block;margin-top:6px;color:var(--muted);font:8px var(--mono);letter-spacing:2.1px}.header-right{display:flex;align-items:center;gap:32px}.online{font:10px var(--mono);letter-spacing:1.5px;color:#a5b8b6;display:flex;align-items:center;gap:9px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #b3ffbd70;animation:breathe 3s infinite}.motion-toggle{border:1px solid var(--line);border-radius:5px;background:#0e1520;color:#a5b3c7;font-size:11px;display:flex;gap:9px;align-items:center;padding:9px 12px;transition:border-color .2s,color .2s}.motion-toggle:hover{border-color:#98f4ff66;color:var(--cyan)}.motion-icon{font:11px var(--mono);color:var(--cyan)}
main{width:100%;max-width:1184px;margin:auto;padding:48px 0 44px}.intro{display:flex;align-items:center;gap:20px;padding-bottom:23px}.section-code{font:10px var(--mono);letter-spacing:2px;color:#c1cedc;white-space:nowrap}.intro-rule{height:1px;width:50px;background:var(--line)}.intro-note{font:9px var(--mono);letter-spacing:1.3px;color:#657389}.terminal{position:relative;border:1px solid var(--line);background:linear-gradient(110deg,rgba(10,16,25,.89),rgba(11,22,37,.67));box-shadow:0 30px 100px #0003,inset 0 0 90px #80b8ff03;isolation:isolate}.corner{position:absolute;width:13px;height:13px;z-index:4;border-color:#9ce9f1b3;border-style:solid;pointer-events:none}.corner-tl{top:-1px;left:-1px;border-width:1px 0 0 1px}.corner-tr{top:-1px;right:-1px;border-width:1px 1px 0 0}.corner-bl{bottom:-1px;left:-1px;border-width:0 0 1px 1px}.corner-br{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.terminal-bar{display:flex;justify-content:space-between;align-items:center;height:57px;padding:0 30px;border-bottom:1px solid var(--line);position:relative;z-index:3;background:#0a111b80}.terminal-path{font:11px var(--mono);letter-spacing:.4px;color:#9babbf;display:flex;align-items:center;gap:11px}.terminal-symbol{color:var(--cyan);font-size:17px}.terminal-tag{font:8px var(--mono);letter-spacing:1.7px;color:#718198}.terminal-tag span{color:var(--cyan);margin-left:15px;font-size:15px}
.hero{position:relative;z-index:2;padding:64px 48px 56px}.eyebrow{display:flex;gap:12px;align-items:center;margin:0 0 31px;font-size:12px;letter-spacing:2px;color:#b1becf}.small-line{width:20px;height:1px;background:var(--cyan);box-shadow:0 0 10px #98f4ff66}h1{font-family:var(--mono);font-size:clamp(48px,8.9vw,126px);font-weight:400;line-height:1.2;letter-spacing:-.075em;margin:0;white-space:nowrap}.type-line{display:inline-flex;align-items:baseline;position:relative}.prompt{font-size:.43em;letter-spacing:0;color:#7bc6d3;align-self:center;margin-right:22px;font-weight:300;opacity:.8}.typed{min-width:0;letter-spacing:-.075em;background:linear-gradient(120deg,#fff 12%,#d9edff 56%,#98f4ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 60px #8fdfff16}.cursor{color:var(--cyan);font-size:.8em;line-height:1;letter-spacing:-.1em;position:absolute;left:calc(var(--cursor-position,11) * .527em + .6em);bottom:.07em;animation:blink 1s step-end infinite;text-shadow:0 0 20px #98f4ff80}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:42px;gap:28px}.description{font-size:17px;line-height:1.8;letter-spacing:1.6px;color:#dbe7f5;margin:0}.description span{display:inline-block;color:var(--muted);font-size:12px;letter-spacing:1.1px;margin-top:8px}.replay{position:relative;display:flex;align-items:center;gap:13px;border:1px solid #98f4ff4a;border-radius:4px;background:linear-gradient(130deg,#98f4ff12,#98f4ff04);color:#d9faff;font-size:12px;letter-spacing:1px;padding:14px 18px;min-width:152px;transition:background .2s,border-color .2s,transform .2s;flex-shrink:0}.replay:hover{background:#98f4ff1c;border-color:#98f4ffb3;transform:translateY(-2px)}.replay:active{transform:translateY(0)}.replay-icon{font-size:18px;color:var(--cyan)}.replay-arrow{margin-left:auto;color:var(--cyan);font-size:17px}
.orbit{position:absolute;width:440px;height:440px;right:5px;top:14px;z-index:0;pointer-events:none;opacity:.55;overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 70%,transparent 100%)}.orbit-ring{position:absolute;border:1px solid #7fc3ff25;border-radius:50%;inset:60px;transform:rotate(-30deg) scaleY(.56)}.ring-one{animation:orbit-one 28s linear infinite;border-left-color:#94edff70}.ring-two{transform:rotate(42deg) scaleY(.56);animation:orbit-two 34s linear infinite reverse;border-right-color:#94edff55}.ring-three{inset:88px;border-color:#7fc3ff16;transform:rotate(100deg) scaleY(.6);animation:orbit-three 42s linear infinite}.ring-one::before{content:"";position:absolute;left:38px;top:44px;width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 15px var(--cyan)}.orbit-center{position:absolute;inset:114px;border:1px dashed #7fc3ff1c;border-radius:50%;background:radial-gradient(ellipse,#6aa6ef0b,transparent 70%);animation:spin 90s linear infinite}.orbit-label{position:absolute;bottom:75px;left:160px;font:7px var(--mono);letter-spacing:3px;color:#8aaac1}.cross{position:absolute;color:#6c8fa6;font:20px var(--mono);font-weight:200}.cross-one{top:105px;right:48px}.cross-two{bottom:100px;left:28px}
.terminal-bottom{height:58px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:relative;z-index:2;background:#080e1799}.command{font:11px var(--mono);color:#8ca5b7;display:flex;align-items:center;gap:12px;white-space:nowrap}.command-chevron{font-size:20px;color:var(--lime)}#command-status{font-family:var(--sans);font-size:11px;letter-spacing:.5px;min-width:70px;color:#a8c7c0}.command-comment{color:#4d5f76;font-size:10px;letter-spacing:.1px;margin-left:6px}.char-count{font:9px var(--mono);color:#6f839b;letter-spacing:1px}.progress-track{height:1px;position:absolute;bottom:-1px;left:0;right:0;background:#98f4ff08}.progress{width:100%;height:1px;background:linear-gradient(90deg,transparent,#6fd8f066,#a4f4ff);box-shadow:0 0 8px #98f4ff55;transition:width .13s ease}.under-terminal{display:flex;justify-content:space-between;align-items:center;margin-top:22px;color:#6f8096;font-size:11px;letter-spacing:1px}.plus{color:#829eb1;margin-right:11px;font-size:15px}.keyboard-hint{display:flex;gap:9px;align-items:center;color:#5b6d85;font-size:10px;letter-spacing:.4px}kbd{font:8px var(--mono);letter-spacing:1px;border:1px solid #9bb8dd20;border-radius:3px;padding:4px 6px;color:#7a8ca3}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px;border-top:1px solid var(--line);color:#5f7189;font:8px var(--mono);letter-spacing:1.2px}.footer-domain{color:#8293aa;letter-spacing:1.6px}.footer-center{color:#4e6078;font-size:8px}.clock{display:flex;align-items:center;gap:9px;font-size:10px;color:#90a6ba;white-space:nowrap}.clock-dot{width:3px;height:3px;border-radius:50%;background:#78a8bc}.timezone{font-size:8px;color:#4e637b;margin-left:4px}
@keyframes blink{50%{opacity:0}}@keyframes breathe{50%{opacity:.45;box-shadow:0 0 3px #b3ffbd40}}@keyframes drift{to{transform:translate(-60px,45px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbit-one{to{transform:rotate(330deg) scaleY(.56)}}@keyframes orbit-two{to{transform:rotate(402deg) scaleY(.56)}}@keyframes orbit-three{to{transform:rotate(460deg) scaleY(.6)}}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
@media(min-width:1500px){.page{padding:0 80px}h1{font-size:132px}.hero{padding-top:78px;padding-bottom:65px}.masthead{height:140px}.orbit{right:45px}}
@media(max-width:1050px){.page{padding:0 40px}.hero{padding:56px 30px 44px}h1{font-size:8.65vw}.prompt{margin-right:17px}.header-right{gap:20px}.orbit{right:-50px}.hero-bottom{margin-top:38px}.terminal-tag{font-size:7px}.footer-center{display:none}.command-comment{font-size:9px}}
@media(max-width:640px){.page{padding:0 22px}.masthead{height:96px}.logo{width:34px;height:34px;border-radius:9px;font-size:15px}.identity{gap:10px}.brand{font-size:10px;letter-spacing:1.7px}.brand-sub{font-size:6px;letter-spacing:1.3px;margin-top:5px}.header-right{gap:0}.online{font-size:0;gap:0;margin-right:15px}.status-dot{width:5px;height:5px}.motion-toggle{padding:7px 9px;font-size:0;gap:0}.motion-icon{font-size:12px}.intro{gap:13px;padding-bottom:18px}.section-code{font-size:8px;letter-spacing:1.4px}.intro-rule{width:24px}.intro-note{font-size:6px;letter-spacing:.7px}main{padding:36px 0 32px}.terminal-bar{height:48px;padding:0 18px}.terminal-path{font-size:9px;gap:8px}.terminal-symbol{font-size:14px}.terminal-tag{font-size:0}.terminal-tag span{font-size:15px}.hero{padding:54px 20px 36px}.eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:34px;gap:9px}.small-line{width:14px}h1{font-size:8.5vw;letter-spacing:-.08em}.prompt{margin-right:9px}.cursor{left:calc(var(--cursor-position,11) * .527em + .5em)}.hero-bottom{margin-top:37px;display:block}.description{font-size:16px;letter-spacing:1px}.description span{font-size:11px;letter-spacing:.4px;margin-top:7px}.replay{margin-top:30px;font-size:11px;padding:11px 14px;min-width:143px;width:143px;gap:10px}.replay-icon{font-size:17px}.replay-arrow{font-size:16px}.orbit{width:330px;height:330px;top:60px;right:-74px;opacity:.35}.orbit-ring{inset:50px}.ring-three{inset:75px}.orbit-center{inset:90px}.orbit-label{bottom:60px;left:100px;font-size:6px}.terminal-bottom{height:51px;padding:0 18px}.command{gap:8px}.command-comment{display:none}.char-count{font-size:8px}.under-terminal{margin-top:19px;font-size:10px;letter-spacing:.5px}.keyboard-hint{display:none}footer{min-height:72px;font-size:7px;letter-spacing:.7px}.footer-domain{font-size:7px;letter-spacing:.9px}.clock{font-size:9px;gap:6px}.timezone{font-size:7px;margin-left:1px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep the caret directly after the last rendered character at every viewport. */
.type-line .cursor{position:static;left:auto;bottom:auto;margin-left:.05em;letter-spacing:0}

.terminal{overflow:hidden}.intro-note{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}