*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e1525;--surface:#1c2333;--surface-2:#232b3d;--fg:#f5f9fc;--muted:#9da8b9;--faint:#6b7689;--accent:#ff8a00;--accent-2:#ffb224;--blue:#4d9ef6;--cyan:#22d3ee;--green:#34d399;--pink:#f472b6;--violet:#a78bfa;--border:#f5f9fc17;--mono:ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;overflow-x:hidden}::selection{background:var(--accent);color:#0e1525}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:.75rem;font-weight:600;display:inline-block}.section-title{letter-spacing:-.025em;margin-bottom:18px;font-size:clamp(1.8rem,4.2vw,2.9rem);font-weight:800;line-height:1.15}.section-sub{color:var(--muted);max-width:62ch;font-size:1.05rem;line-height:1.75}.nav{z-index:100;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0e1525b8;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:14px 24px;display:flex}.nav-brand{color:var(--fg);align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0e1525;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.nav-name{font-family:var(--mono);letter-spacing:-.01em;font-size:.95rem;font-weight:700}.nav-name-dim{color:var(--muted);font-weight:500}.nav-links{align-items:center;gap:26px;display:flex}.nav-links a{color:var(--muted);font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--fg)}.nav-badge{font-family:var(--mono);color:var(--accent-2);background:#ff8a0014;border:1px solid #ffb22459;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:.72rem;display:flex}.nav-badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@media (width<=560px){.nav-links a{display:none}}.hero{padding:150px 24px 90px;position:relative;overflow:hidden}.hero-glow{filter:blur(110px);pointer-events:none;border-radius:50%;position:absolute}.hero-glow-1{background:#ff8a0029;width:560px;height:560px;top:-180px;right:-120px}.hero-glow-2{background:#4d9ef621;width:480px;height:480px;bottom:-160px;left:-140px}.hero-grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);pointer-events:none;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 65% at 50% 0,#000 25%,#0000 75%);mask-image:radial-gradient(90% 65% at 50% 0,#000 25%,#0000 75%)}.hero-inner{text-align:center;max-width:1180px;margin:0 auto;position:relative}.hero-pill{font-family:var(--mono);color:var(--blue);background:#4d9ef614;border:1px solid #4d9ef64d;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:7px 14px;font-size:.76rem;display:inline-flex}.hero-pill-icon{font-size:.9rem}.hero-title{letter-spacing:-.035em;font-size:clamp(2.5rem,6.8vw,4.8rem);font-weight:800;line-height:1.08}.hero-title-accent{background:linear-gradient(92deg, var(--accent), var(--accent-2), var(--pink));color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:5s ease-in-out infinite heroGradient}@keyframes heroGradient{0%,to{background-position:0%}50%{background-position:100%}}.hero-sub{max-width:58ch;color:var(--muted);margin:26px auto 0;font-size:clamp(1rem,1.7vw,1.16rem);line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:38px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:9px;padding:13px 26px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0e1525;cursor:default}.btn-shimmer{background:linear-gradient(105deg,#0000 40%,#ffffff73 50%,#0000 60%);animation:2.6s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}.btn-ghost{color:var(--fg);border:1px solid var(--border);background:#f5f9fc0d;transition:background .25s,border-color .25s}.btn-ghost:hover{background:#f5f9fc17;border-color:#f5f9fc38}.btn-arrow{display:inline-block}.btn-octocat{flex-shrink:0}.ide{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:16px;max-width:920px;margin:72px auto 0;overflow:hidden;box-shadow:0 30px 80px -20px #0009,0 0 70px -30px #ff8a0040}.ide-bar{border-bottom:1px solid var(--border);background:#0e152580;align-items:center;gap:8px;padding:12px 16px;display:flex}.ide-dot{border-radius:50%;width:11px;height:11px}.ide-dot.red{background:#ff5f57}.ide-dot.yellow{background:#febc2e}.ide-dot.green{background:#28c840}.ide-url{font-family:var(--mono);color:var(--faint);border:1px solid var(--border);background:#0e152599;border-radius:6px;margin-left:14px;padding:4px 12px;font-size:.74rem}.ide-body{grid-template-columns:1fr 1fr;display:grid}.ide-editor{border-right:1px solid var(--border)}.ide-tab{font-family:var(--mono);color:var(--muted);border-bottom:1px solid var(--border);background:#0e152559;padding:9px 16px;font-size:.72rem}.ide-code{font-family:var(--mono);color:var(--muted);padding:16px 18px;font-size:.78rem;line-height:1.75;overflow-x:auto}.c-key{color:var(--blue)}.c-str{color:var(--green)}.c-var{color:var(--accent-2)}.term{font-family:var(--mono);min-height:210px;padding:16px 18px;font-size:.78rem;line-height:1.8}.term-line{color:var(--muted);white-space:pre-wrap}.term-line.cmd{color:var(--fg);font-weight:600}.term-line.ok{color:var(--green)}.term-line.dim{color:var(--faint)}.term-line.live{color:var(--accent-2);font-weight:600}.term-caret{background:var(--accent);vertical-align:-2px;width:7px;height:14px;margin-left:3px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@media (width<=720px){.hero{padding-top:120px}.ide-body{grid-template-columns:1fr}.ide-editor{border-right:none;border-bottom:1px solid var(--border)}.term{min-height:190px}}.marquee{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#1c233366;padding:18px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{width:max-content;animation:36s linear infinite marqueeScroll;display:flex}@keyframes marqueeScroll{to{transform:translate(-50%)}}.marquee-item{font-family:var(--mono);color:var(--muted);white-space:nowrap;align-items:center;font-size:.82rem;display:inline-flex}.marquee-sep{color:var(--accent);margin:0 22px;font-size:.5rem}.what{padding:130px 24px 90px}.what-inner{max-width:1180px;margin:0 auto}.what-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:64px;display:grid}.what-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:30px 28px;transition:border-color .3s}.what-card:hover{border-color:var(--f-color)}.what-card-icon{width:44px;height:44px;color:var(--f-color);background:color-mix(in srgb, var(--f-color) 12%, transparent);border:1px solid color-mix(in srgb, var(--f-color) 30%, transparent);border-radius:12px;place-items:center;margin-bottom:20px;font-size:1.3rem;display:grid}.what-card h3{letter-spacing:-.01em;margin-bottom:12px;font-size:1.12rem;font-weight:700}.what-card p{color:var(--muted);font-size:.92rem;line-height:1.7}.how{background:radial-gradient(60% 45% at 85% 15%,#a78bfa12,#0000),radial-gradient(55% 40% at 10% 85%,#22d3ee0f,#0000);padding:100px 24px}.how-inner{max-width:940px;margin:0 auto}.how-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:80px;display:flex}.how-steps{flex-direction:column;gap:56px;display:flex;position:relative}.how-rail{background:linear-gradient(180deg, var(--accent), var(--violet), var(--cyan), var(--green));opacity:.35;border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;left:27px}.how-step{gap:28px;display:flex;position:relative}.how-num{width:56px;height:56px;font-family:var(--mono);color:var(--s-color);background:var(--surface);border:1.5px solid var(--s-color);box-shadow:0 0 26px -8px var(--s-color);z-index:1;border-radius:16px;flex-shrink:0;place-items:center;font-size:.95rem;font-weight:700;display:grid;position:relative}.how-content{padding-top:4px}.how-title-row{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;display:flex}.how-content h3{letter-spacing:-.015em;font-size:1.3rem;font-weight:700}.how-chip{font-family:var(--mono);color:var(--s-color);border:1px solid color-mix(in srgb, var(--s-color) 40%, transparent);background:color-mix(in srgb, var(--s-color) 9%, transparent);border-radius:7px;padding:4px 11px;font-size:.74rem}.how-content p{color:var(--muted);max-width:66ch;font-size:.95rem;line-height:1.75}@media (width<=600px){.how-rail{left:21px}.how-num{border-radius:12px;width:44px;height:44px;font-size:.82rem}.how-step{gap:18px}}.security{background:radial-gradient(55% 40% at 12% 10%,#34d3990f,#0000),radial-gradient(50% 35% at 90% 90%,#ff8a000d,#0000);padding:110px 24px}.security-inner{max-width:1180px;margin:0 auto}.security-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:64px;display:grid}.security-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:30px 28px;transition:border-color .3s}.security-card:hover{border-color:var(--m-color)}.security-card-icon{width:44px;height:44px;color:var(--m-color);background:color-mix(in srgb, var(--m-color) 12%, transparent);border:1px solid color-mix(in srgb, var(--m-color) 30%, transparent);border-radius:12px;place-items:center;margin-bottom:20px;font-size:1.3rem;display:grid}.security-card h3{letter-spacing:-.01em;margin-bottom:12px;font-size:1.12rem;font-weight:700}.security-card p{color:var(--muted);font-size:.92rem;line-height:1.7}.sysdesign{background:radial-gradient(55% 40% at 88% 12%,#4d9ef60f,#0000),radial-gradient(50% 35% at 8% 92%,#f472b60d,#0000);padding:110px 24px}.sysdesign-inner{max-width:1180px;margin:0 auto}.sysdesign-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:64px;display:grid}.sysdesign-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:30px 28px;transition:border-color .3s}.sysdesign-card:hover{border-color:var(--p-color)}.sysdesign-card-icon{width:44px;height:44px;color:var(--p-color);background:color-mix(in srgb, var(--p-color) 12%, transparent);border:1px solid color-mix(in srgb, var(--p-color) 30%, transparent);border-radius:12px;place-items:center;margin-bottom:20px;font-size:1.3rem;display:grid}.sysdesign-card h3{letter-spacing:-.01em;margin-bottom:12px;font-size:1.12rem;font-weight:700}.sysdesign-card p{color:var(--muted);font-size:.92rem;line-height:1.7}.stack{padding:120px 24px}.stack-inner{max-width:1180px;margin:0 auto}.stack-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:70px;display:flex}.stack-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;display:grid}.tech-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;align-items:flex-start;gap:18px;padding:22px;transition:border-color .3s,box-shadow .3s;display:flex}.tech-card:hover{border-color:color-mix(in srgb, var(--t-color) 60%, transparent);box-shadow:0 12px 40px -18px var(--t-color)}.tech-tile{width:46px;height:46px;font-family:var(--mono);color:var(--t-color);background:color-mix(in srgb, var(--t-color) 12%, transparent);border:1px solid color-mix(in srgb, var(--t-color) 35%, transparent);border-radius:12px;flex-shrink:0;place-items:center;font-size:1rem;font-weight:700;display:grid}.tech-text h3{letter-spacing:-.01em;margin-bottom:7px;font-size:1rem;font-weight:700}.tech-text p{color:var(--muted);font-size:.86rem;line-height:1.65}@media (width<=400px){.stack-grid{grid-template-columns:1fr}}.soon{text-align:center;border-top:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;min-height:62vh;padding:80px 24px;display:flex;position:relative;overflow:hidden}.soon-glow{pointer-events:none;background:radial-gradient(circle,#ff8a0024,#0000 65%);border-radius:50%;width:640px;height:640px;position:absolute}.soon-chip{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green);background:#34d39912;border:1px solid #34d39959;border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:6px 14px;font-size:.72rem;display:inline-flex;position:relative}.soon-chip-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite soonPulse}@keyframes soonPulse{0%,to{opacity:1}50%{opacity:.35}}.soon-title{letter-spacing:-.03em;font-size:clamp(2rem,5.5vw,3.6rem);font-weight:800;position:relative}.soon-accent{background:linear-gradient(92deg, var(--accent), var(--accent-2), var(--pink));color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:5s ease-in-out infinite soonGradient}@keyframes soonGradient{0%,to{background-position:0%}50%{background-position:100%}}.soon-sub{color:var(--muted);max-width:52ch;margin-top:20px;font-size:1.02rem;line-height:1.7;position:relative}.footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1180px;margin:0 auto;padding:26px 24px;display:flex}.footer-name{font-family:var(--mono);color:var(--muted);font-size:.78rem}.footer-meta{color:var(--faint);font-size:.78rem}