:root{--bg:#07090f;--bg2:#0d1120;--bg3:#111827;--accent:#4effc4;--accent2:#3b7aff;--text:#f0f2f8;--muted:#6b7a99;--border:#ffffff12;--card:#ffffff0a;--font-head:"Bricolage Grotesque", sans-serif;--font-body:"Instrument Sans", sans-serif;--nav-bg:#07090fbf;--btn-text:#07090f}[data-theme=light]{--bg:#f4f6fb;--bg2:#eaeef7;--bg3:#dfe5f2;--accent:#00a87a;--accent2:#2b5fcc;--text:#0d1120;--muted:#5a6885;--border:#00000014;--card:#00000008;--nav-bg:#f4f6fbd9;--btn-text:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;transition:background .3s,color .3s;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1000;opacity:.4;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.04'/%3E%3C/svg%3E");position:fixed;inset:0}.btn-primary{background:var(--accent);color:var(--btn-text);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:16px 32px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px #4effc440}.btn-secondary{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.btn-secondary:hover{color:var(--text)}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px}section{padding:120px 0;position:relative}.container{max-width:1180px;margin:0 auto;padding:0 48px}h1,h2,h3,h4,h5,h6{font-family:var(--font-head);letter-spacing:-1px;font-weight:800;line-height:1.1}h1{font-size:clamp(42px,5vw,68px)}h2{font-size:clamp(32px,4vw,52px)}h3{font-size:28px}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.container{padding:0 24px}section{padding:80px 0}h1{font-size:42px}h2{font-size:36px}}:root{--background:var(--bg);--foreground:var(--text)}@media (prefers-color-scheme:dark){:root{--background:var(--bg);--foreground:var(--text)}}body{background:var(--background);color:var(--foreground);font-family:var(--font-body)}
