*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0b;--bg-elev:#0b0b0d;--bg-card:#0c0c0e;--bg-card-hover:#101013;--bg-card-elev:#131316;--bg-inset:#060607;--border:#1e1e22;--border-strong:#2a2a30;--border-accent:#c6f24e59;--text:#fafaf7;--text-2:#a1a1a8;--text-3:#6b6b72;--text-dim:#48484f;--accent:#c6f24e;--accent-hover:#d4f86f;--accent-dim:#c6f24e1f;--accent-dim-2:#c6f24e0f;--accent-glow:#c6f24e40;--accent-ink:#0a0a0b;--success:#86efac;--error:#fca5a5;--warning:#fde047;--sans:"Inter", "Inter Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "SF Mono", "Consolas", monospace;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--ease:cubic-bezier(.22, 1, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--transition:.22s var(--ease);--transition-slow:.4s var(--ease);--shadow-sm:0 2px 8px #00000059;--shadow:0 8px 32px #00000080;--shadow-lg:0 16px 64px #0009;--code-bg:#0c0c0e;--code-bg-elev:#131316;--code-border:#22222a;--code-prompt:#c6f24e;--code-comment:#58585f;--code-key:#8ba3b5;--code-string:#e6e0ba;--code-number:#f6b894;--code-fn:#c6f24e;--code-punct:#6b6b72;--code-success:#86efac;--code-hash:#fca5a5}html{scroll-behavior:smooth;background:var(--bg);font-size:16px}body{font-family:var(--sans);background:var(--bg);color:var(--text);font-feature-settings:"cv11", "ss01", "ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;font-family:inherit}input,textarea{color:inherit;font-family:inherit}::selection{background:var(--accent);color:var(--accent-ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#3a3a42}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 28px}.section{z-index:1;padding:96px 0;position:relative}.section-hairline{border-top:1px solid var(--border)}.eyebrow{font-family:var(--mono);letter-spacing:.04em;color:var(--text-2);border:1px solid var(--border);background:var(--bg-elev);border-radius:999px;align-items:center;gap:10px;margin-bottom:20px;padding:5px 12px 5px 10px;font-size:.74rem;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;display:block}.display{font-family:var(--sans);letter-spacing:-.04em;color:var(--text);font-size:clamp(2.5rem,6vw,5rem);font-weight:600;line-height:1}.section-title{letter-spacing:-.035em;color:var(--text);margin-bottom:20px;font-size:clamp(2rem,3.6vw,3.25rem);font-weight:600;line-height:1.04}.section-subtitle{color:var(--text-2);max-width:560px;font-size:1.0625rem;line-height:1.6}.accent-text{color:var(--accent)}.btn{font-family:var(--sans);letter-spacing:-.005em;transition:background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition), transform 80ms ease-out;cursor:pointer;white-space:nowrap;isolation:isolate;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:11px 18px;font-size:.92rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:relative}.btn:active{transform:translateY(.5px)}.btn svg{transition:transform var(--transition);flex-shrink:0}.btn-primary{background:linear-gradient(180deg, var(--accent-hover) 0%, var(--accent) 100%);color:var(--accent-ink);border-color:#0000001f;font-weight:600;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #00000014,0 1px #0000002e,0 0 0 1px #c6f24e2e,0 8px 20px -8px #c6f24e73}.btn-primary:hover{background:linear-gradient(180deg, #dcfd7c 0%, var(--accent-hover) 100%);box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #00000014,0 1px #0000002e,0 0 0 1px #c6f24e52,0 12px 28px -10px #c6f24e8c}.btn-primary:hover svg{transform:translate(2px)}.btn-primary:focus-visible{box-shadow:inset 0 1px 0 #ffffff73, 0 0 0 3px var(--accent-dim), 0 0 0 4px #c6f24e66;outline:none}.btn-shine{isolation:isolate;position:relative;overflow:hidden}.btn-shine:before{content:"";width:55%;transition:left .85s var(--ease-out);pointer-events:none;z-index:0;background:linear-gradient(100deg,#0000 0%,#ffffff52 50%,#0000 100%);position:absolute;top:0;bottom:0;left:-120%;transform:skew(-18deg)}.btn-shine:hover:before{left:140%}.btn-shine>*{z-index:1;position:relative}.btn-secondary{background:var(--bg-elev);color:var(--text);border-color:var(--border-strong);box-shadow:inset 0 1px #ffffff08,0 1px #0003}.btn-secondary:hover{border-color:var(--text-3);background:var(--bg-card);color:var(--text)}.btn-secondary:hover svg{transform:translate(2px)}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000;padding:9px 14px}.btn-ghost:hover{color:var(--text);background:var(--bg-elev)}.btn-sm{border-radius:8px;gap:8px;padding:8px 14px;font-size:.85rem}.btn-lg{border-radius:11px;gap:12px;padding:14px 22px;font-size:.98rem}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none!important}.cursor-block{background:var(--accent);vertical-align:-.08em;border-radius:1px;width:.62em;height:.86em;animation:1.1s step-end infinite cursor-blink;display:inline-block}.cursor-block--static{animation:none}@keyframes cursor-blink{0%,55%{opacity:1}56%,to{opacity:0}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition), background var(--transition), transform var(--transition)}.card:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}.frame{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);position:relative;box-shadow:inset 0 1px #ffffff09,0 1px 2px #0006}.frame:hover{background:var(--bg-card-hover);border-color:#c6f24e38;box-shadow:inset 0 1px #ffffff0d,0 1px 2px #0006,0 14px 36px -22px #0009}.tag{font-family:var(--mono);letter-spacing:.02em;border:1px solid var(--border);color:var(--text-2);background:var(--bg-inset);transition:border-color var(--transition), color var(--transition);border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-size:.7rem;font-weight:500;display:inline-flex}.tag:before{content:"·";color:var(--accent);margin-right:1px;font-weight:700;line-height:0}.tag:hover{border-color:var(--border-strong);color:var(--text)}.fade-up{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translateY(18px)}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-up.delay-1{transition-delay:60ms}.fade-up.delay-2{transition-delay:.12s}.fade-up.delay-3{transition-delay:.18s}.fade-up.delay-4{transition-delay:.24s}.fade-up.delay-5{transition-delay:.3s}.fade-up.delay-6{transition-delay:.36s}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.scroll-progress{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-hover) 100%);z-index:999;pointer-events:none;will-change:width;width:0%;height:2px;transition:opacity .3s;position:fixed;top:0;left:0}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(20px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-x{transform:translate(-24px)}.reveal-x.is-visible{transform:translate(0)}.reveal-stagger>*{opacity:0;transition:opacity .55s var(--ease-out), transform .55s var(--ease-out);transform:translateY(14px)}.reveal-stagger.is-visible>*{opacity:1;transform:translateY(0)}.reveal-stagger.is-visible>:first-child{transition-delay:0s}.reveal-stagger.is-visible>:nth-child(2){transition-delay:60ms}.reveal-stagger.is-visible>:nth-child(3){transition-delay:.12s}.reveal-stagger.is-visible>:nth-child(4){transition-delay:.18s}.reveal-stagger.is-visible>:nth-child(5){transition-delay:.24s}.reveal-stagger.is-visible>:nth-child(6){transition-delay:.3s}.reveal-stagger.is-visible>:nth-child(7){transition-delay:.36s}.reveal-stagger.is-visible>:nth-child(8){transition-delay:.42s}.code-surface{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-md);font-family:var(--mono);color:var(--text-2);font-size:.85rem;line-height:1.65}.code-line{white-space:nowrap;align-items:baseline;gap:10px;display:flex}.code-prompt{color:var(--code-prompt);flex-shrink:0;font-weight:600}.code-comment{color:var(--code-comment);font-style:italic}.code-key{color:var(--code-key)}.code-string{color:var(--code-string)}.code-number{color:var(--code-number)}.code-fn{color:var(--code-fn)}.code-punct{color:var(--code-punct)}.code-success{color:var(--code-success)}.code-hash{color:var(--code-hash);font-weight:500}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@media (width<=768px){.section{padding:60px 0}.container{padding:0 18px}.section-title{font-size:clamp(1.7rem,7vw,2.4rem)}.section-subtitle{font-size:.98rem}}@media (width<=480px){.section{padding:52px 0}.container{padding:0 16px}}