:root{--color-canvas:#fff;--color-canvas-soft:#fafafa;--color-canvas-soft-2:#f5f5f5;--color-primary:#171717;--color-ink:#171717;--color-body:#4d4d4d;--color-mute:#888;--color-hairline:#ebebeb;--color-hairline-strong:#a1a1a1;--color-link:#0070f3;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--rounded-sm:6px;--rounded-md:8px;--rounded-lg:12px;--rounded-pill:100px;--rounded-full:9999px}html,body{background-color:var(--color-canvas-soft);width:100%;min-height:100%;color:var(--color-ink);font-family:var(--font-sans);flex-direction:column;margin:0;padding:0;font-size:16px;line-height:1.5;display:flex}html{scroll-behavior:smooth}.scroll-progress{background:linear-gradient(90deg, var(--color-link), #ff0080, #ff4d4d);z-index:9999;width:0%;height:3px;transition:width 80ms ease-out;position:fixed;top:0;left:0;box-shadow:0 0 8px #0070f366}.reveal-on-scroll{opacity:0;will-change:transform, opacity;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)scale(.98)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)scale(1)}.mesh-gradient-container{z-index:-10;pointer-events:none;opacity:.12;height:600px;position:absolute;top:0;left:0;right:0;overflow:hidden}.mesh-gradient{filter:blur(100px);background:radial-gradient(circle at 20% 30%,#007cf0 0%,#0000 50%),radial-gradient(circle at 80% 20%,#7928ca 0%,#0000 50%),radial-gradient(circle at 50% 80%,#ff4d4d 0%,#0000 50%),radial-gradient(circle at 10% 70%,#50e3c2 0%,#0000 50%);height:600px;position:absolute;top:-200px;left:10%;right:10%}.site-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-hairline);z-index:100;background-color:#fffc;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.site-logo{color:var(--color-ink);letter-spacing:-.6px;font-size:20px;font-weight:600;text-decoration:none}.logo-accent{color:var(--color-link)}.site-nav{gap:16px;display:flex}.nav-link{color:var(--color-body);border-radius:var(--rounded-full);padding:6px 12px;font-size:14px;text-decoration:none;transition:color .15s,background-color .15s}.nav-link:hover{color:var(--color-ink);background-color:var(--color-canvas-soft-2)}.btn-primary-sm{background-color:var(--color-primary);color:var(--color-canvas);border-radius:var(--rounded-pill);padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-block}.btn-primary-sm:hover{opacity:.9}.main-content{box-sizing:border-box;flex:1;width:100%}.site-footer{background-color:var(--color-canvas-soft);border-top:1px solid var(--color-hairline);margin-top:120px;padding:80px 24px 64px}.footer-container{grid-template-columns:1.25fr 2fr;gap:64px;max-width:1200px;margin:0 auto;display:grid}.footer-brand-section{flex-direction:column;gap:16px;display:flex}.footer-tagline{color:var(--color-body);margin:0;font-size:14px;line-height:1.6}.text-link{color:var(--color-link);font-weight:500;text-decoration:none}.text-link:hover{text-decoration:underline}.footer-links-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}@media (width<=960px){.footer-container{grid-template-columns:1fr;gap:48px}.footer-links-grid{gap:32px}}@media (width<=640px){.footer-links-grid{grid-template-columns:1fr;gap:32px}.site-nav{display:none}}.footer-heading{font-size:12px;font-family:var(--font-mono);text-transform:uppercase;color:var(--color-mute);letter-spacing:.8px;margin:0 0 16px;font-weight:500}.footer-links{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:var(--color-body);font-size:14px;text-decoration:none;transition:color .15s,transform .15s;display:inline-block}.footer-links a:hover{color:var(--color-ink);transform:translate(2px)}.footer-disclosure{border-top:1px solid var(--color-hairline);color:var(--color-mute);flex-direction:column;grid-column:1/-1;gap:16px;padding-top:40px;font-size:11px;line-height:1.65;display:flex}.footer-disclosure p{margin:0}.footer-copyright{color:var(--color-body);border-top:1px solid var(--color-hairline);padding-top:24px;font-size:12px;margin-top:24px!important}
