:root{--bg-primary:#f7f6f2;--bg-canvas:#f7f6f2;--bg-surface:#fff;--bg-secondary:#fff;--bg-elevated:#f0eee9;--bg-sunken:#e8e6e0;--bg-overlay:#f7f6f2e0;--accent-primary:#b8f000;--accent:#b8f000;--accent-deep:#486e00;--accent-glow:#b8f0002e;--accent-tint:#b8f00014;--accent-border:#b8f00059;--text-primary:#111;--text-secondary:#444;--text-muted:#626262;--text-disabled:#c0bdb5;--text-on-accent:#0a0a0a;--text-on-dark:#f7f6f2;--border-primary:#11111114;--border:#11111114;--border-strong:#11111129;--border-accent:#b8f00066;--border-focus:#b8f000;--border-subtle:#1111110d;--border-hover:#b8f00059;--shadow-xs:0 1px 2px #1111110f;--shadow-sm:0 2px 8px #11111114;--shadow-md:0 4px 20px #1111111a;--shadow-lg:0 8px 40px #1111111f;--shadow-accent:0 4px 24px #b8f00033;--shadow-inset:inset 0 1px 4px #1111110f;--glass-bg:#ffffffb8;--glass-border:#11111114;--glass-blur:blur(20px) saturate(1.5);--success:#2d9e5f;--warning:#d97706;--error:#dc2626;--info:#3b82f6;--success-tint:#2d9e5f1a;--error-tint:#dc262614;--font-display:"Syne", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--text-hero:clamp(52px, 7vw, 96px);--text-display:clamp(40px, 5vw, 72px);--text-headline:clamp(28px, 3vw, 48px);--text-title:22px;--text-subtitle:18px;--text-body:15px;--text-small:13px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-canvas);color:var(--text-secondary);font-family:var(--font-body);scroll-padding-top:96px;font-size:16px;line-height:1.7;overflow-x:hidden}html.lenis,html.lenis-scrolling,.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.container{max-width:1280px;margin:0 auto;padding:0 24px}.section-padding{padding:120px 0}@media (width<=768px){.section-padding{padding:64px 0}}.bento-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.bento-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);border-radius:16px;padding:32px;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.bento-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md), var(--shadow-accent);transform:translateY(-4px)}.btn{font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:12px 28px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background-color:var(--accent-primary);color:var(--text-on-accent);box-shadow:var(--shadow-accent)}.btn-primary:hover{background-color:#caff14;transform:scale(1.03);box-shadow:0 6px 32px #b8f00059}.btn-secondary{color:var(--text-primary);background-color:#0000;border:1px solid #1113}.btn-secondary:hover{background-color:#1111110d;border-color:#1116;transform:scale(1.02)}.badge{font-family:var(--font-mono);color:var(--accent-deep);text-transform:uppercase;letter-spacing:.12em;background-color:#b8f0001a;border:1px solid #b8f00040;border-radius:999px;align-items:center;padding:4px 12px;font-size:11px;display:inline-flex}.badge-pulse{background-color:var(--accent-primary);width:6px;height:6px;box-shadow:0 0 8px var(--accent-primary);border-radius:50%;margin-right:8px;animation:2s infinite pulse-glow}@keyframes pulse-glow{0%{transform:scale(.95);box-shadow:0 0 #b8f000b3}70%{transform:scale(1);box-shadow:0 0 0 6px #b8f00000}to{transform:scale(.95);box-shadow:0 0 #b8f00000}}.marquee-container{-webkit-user-select:none;user-select:none;white-space:nowrap;display:flex;overflow:hidden}.marquee-content{flex-shrink:0;justify-content:space-around;align-items:center;min-width:100%;animation:32s linear infinite marquee-scroll;display:flex}.marquee-container:hover .marquee-content{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (hover:hover) and (pointer:fine){body,a,button,.interactive{cursor:none}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}