*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f4f4f9;--bg-card: #ffffff;--bg-card-hover: #ececf6;--accent: #7ab800;--accent-bright: #c8ff00;--accent-dim: rgba(122, 184, 0, .12);--text: #0c0c14;--text-dim: #54546e;--border: #dcdce8;--radius: 12px;--glow: 0 0 30px rgba(122, 184, 0, .15);--nav-bg: rgba(244, 244, 249, .92);--font-display: "Clash Display", sans-serif;--font-body: "Geist", sans-serif;--shadow: 0 2px 12px rgba(0,0,0,.06)}.dark{--bg: #0a0a0f;--bg-card: #111118;--bg-card-hover: #16161f;--accent: #c8ff00;--accent-bright: #c8ff00;--accent-dim: rgba(200, 255, 0, .1);--text: #e8e8ef;--text-dim: #8888a0;--border: #222233;--glow: 0 0 40px rgba(200, 255, 0, .1);--nav-bg: rgba(10, 10, 15, .92);--shadow: 0 2px 12px rgba(0,0,0,.4)}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;transition:background .3s,color .3s}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}h1,h2,h3{font-family:var(--font-display)}.nav-links{display:flex}@media(max-width:768px){.nav-links,.nav-cta{display:none}.mobile-menu-btn{display:flex!important}}.mobile-menu-overlay{position:fixed;inset:0;z-index:200;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s}.mobile-menu-overlay.open{opacity:1;pointer-events:all}.mobile-menu-panel{position:absolute;top:0;right:0;width:min(340px,85vw);height:100%;background:var(--bg-card);border-left:1px solid var(--border);padding:80px 24px 32px;display:flex;flex-direction:column;gap:4px;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-overlay.open .mobile-menu-panel{transform:translate(0)}.mobile-menu-link{display:block;padding:14px 16px;color:var(--text-dim);text-decoration:none;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;border-radius:8px;transition:all .2s}.mobile-menu-link:hover{background:var(--accent-dim);color:var(--accent)}.mobile-menu-cta{display:block;margin-top:16px;padding:14px 24px;background:var(--accent);color:var(--bg);text-align:center;border-radius:100px;font-weight:700;font-size:.9rem;text-decoration:none;font-family:var(--font-display);transition:all .2s}.mobile-menu-cta:hover{box-shadow:var(--glow)}.ob-card-option{cursor:pointer;border:2px solid var(--border);border-radius:12px;padding:1.25rem;transition:all .2s;background:var(--bg-card);text-align:center}.ob-card-option:hover,.ob-card-option.selected{border-color:var(--accent);background:var(--accent-dim)}.ob-chip{cursor:pointer;padding:.5rem 1rem;border:1.5px solid var(--border);border-radius:99px;font-size:.85rem;transition:all .18s;background:var(--bg-card);color:var(--text-dim);font-family:var(--font-body)}.ob-chip:hover{border-color:var(--accent);color:var(--accent)}.ob-chip.selected{border-color:var(--accent);background:var(--accent-dim);color:var(--accent);font-weight:600}@media(max-width:600px){.ob-grid-2,.ob-grid-3{grid-template-columns:1fr 1fr!important}}