@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Outfit:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&family=Syne:wght@600;700;800&display=swap";:root{--color-bg:#fff;--color-bg-soft:#fafafa;--color-bg-card:#fff;--color-bg-card-hover:#fafafa;--color-surface:#f5f5f7;--color-border:#e8e8ed;--color-border-subtle:#f0f0f3;--color-text:#1d1d1f;--color-text-muted:#6e6e73;--color-text-dim:#aeaeb2;--color-accent:#6c5ce7;--color-accent-soft:#a29bfe;--color-accent-glow:#6c5ce714;--color-success:#34c759;--color-overlay:#0000004d;--blob-pink:#ffd6e0;--blob-cyan:#cffafe;--blob-violet:#e0d4fd;--blob-yellow:#fef9c3;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Space Mono", "JetBrains Mono", "Fira Code", monospace;--font-display:"Syne", "Outfit", "Inter", sans-serif;--text-xs:clamp(.7rem, .65rem + .25vw, .75rem);--text-sm:clamp(.8rem, .75rem + .25vw, .875rem);--text-base:clamp(.9rem, .85rem + .25vw, 1rem);--text-lg:clamp(1rem, .9rem + .5vw, 1.125rem);--text-xl:clamp(1.15rem, 1rem + .75vw, 1.25rem);--text-2xl:clamp(1.4rem, 1.1rem + 1.5vw, 1.75rem);--text-3xl:clamp(1.8rem, 1.3rem + 2.5vw, 2.5rem);--text-4xl:clamp(2.2rem, 1.5rem + 3.5vw, 3.5rem);--text-5xl:clamp(2.8rem, 1.8rem + 5vw, 4.5rem);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--max-width:1100px;--max-width-narrow:720px;--nav-height:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-xl:0 16px 48px #0000001f;--cursor-size:200px;--cursor-color:#fff}[data-theme=dark]{--color-bg:#0a0a0c;--color-bg-soft:#111114;--color-bg-card:#16161a;--color-bg-card-hover:#1c1c21;--color-surface:#1e1e23;--color-border:#2a2a30;--color-border-subtle:#1f1f25;--color-text:#f0ece4;--color-text-muted:#9a9598;--color-text-dim:#6b666a;--color-accent:#a29bfe;--color-accent-soft:#6c5ce7;--color-accent-glow:#a29bfe1a;--color-success:#5cb87a;--color-overlay:#00000080;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 48px #0009;--cursor-color:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;font-weight:700;line-height:1.15}::selection{background:var(--color-accent);color:#fff}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-xl);margin:0 auto}@media (width<=768px){.container{padding:0 var(--space-lg)}}.section{padding:var(--space-5xl) 0}.section-header{margin-bottom:var(--space-3xl);text-align:center}.section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);margin-bottom:var(--space-sm);font-weight:600}.section-title{font-size:var(--text-3xl);color:var(--color-text);margin-bottom:var(--space-md)}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:520px;margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;letter-spacing:.04em;padding:.75rem 1.5rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:0 2px 12px #6c5ce74d}.btn-primary:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 20px #6c5ce766}.btn-secondary{background:var(--color-bg-card);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}[data-theme=dark] .btn-secondary{background:var(--color-bg-card);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.liquid-btn{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;transition:color .35s var(--ease-out), border-color .35s var(--ease-out);padding:.75rem 1.4rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.liquid-btn:hover,[data-theme=dark] .liquid-btn:hover{color:#fff!important;border-color:var(--color-accent)!important}.liquid-btn-content{z-index:1;align-items:center;gap:.4rem;display:inline-flex;position:relative}.tag{font-size:var(--text-xs);background:var(--color-surface);color:var(--color-text-muted);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);white-space:nowrap;align-items:center;padding:.3rem .75rem;font-weight:500;display:inline-flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes blobMove{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-30px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.95)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reveal{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(16px)}.reveal.visible{opacity:1;transform:translateY(0)}.text-roll{vertical-align:bottom;display:inline-block;position:relative;overflow:hidden}.text-roll-inner{transition:transform .4s cubic-bezier(.51,.92,.24,1.15);display:inline-block}.text-roll-duplicate{width:100%;transition:transform .4s cubic-bezier(.51,.92,.24,1.15);position:absolute;top:0;left:0;transform:translateY(100%)}.text-roll-host:hover .text-roll-inner{transform:translateY(-100%)}.text-roll-host:hover .text-roll-duplicate{transform:translateY(0)}.liquid-btn{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;transition:color .4s var(--ease-out);justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.liquid-btn-bg{z-index:0;background:var(--color-accent);border-top-left-radius:15rem;border-top-right-radius:15rem;transition:transform .5s cubic-bezier(.77,0,.175,1),border-radius .5s cubic-bezier(.77,0,.175,1);position:absolute;inset:0;transform:translateY(100%)}.liquid-btn:hover .liquid-btn-bg{border-top-left-radius:0;border-top-right-radius:0;transform:translateY(0)}.liquid-btn-content{z-index:1;position:relative}.mono-badge{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}