:root{--background:#fff;--background-rgb:255, 255, 255;--foreground:#09090b;--primary:#18181b;--primary-foreground:#fff;--secondary:#f4f4f5;--secondary-foreground:#18181b;--muted:#f4f4f5;--muted-foreground:#71717a;--accent:#f4f4f5;--accent-foreground:#18181b;--card:#fff;--card-foreground:#09090b;--border:#e4e4e7;--input:#e4e4e7;--ring:#18181b;--radius:.75rem;--gradient-start:#18181b;--gradient-end:#71717a;--hero-bg:radial-gradient(ellipse at 50% 0%, #f4f4f5 0%, #fff 80%);--card-shadow:0 8px 30px -4px #0000000a, 0 4px 10px -2px #00000005}[data-theme=dark]{--background:#000;--background-rgb:0, 0, 0;--foreground:#fafafa;--primary:#fafafa;--primary-foreground:#18181b;--secondary:#18181b;--secondary-foreground:#fafafa;--muted:#18181b;--muted-foreground:#a1a1aa;--accent:#18181b;--accent-foreground:#fafafa;--card:#09090b;--card-foreground:#fafafa;--border:#27272a;--input:#27272a;--ring:#d4d4d8;--gradient-start:#fff;--gradient-end:#71717a;--hero-bg:radial-gradient(ellipse at 50% 0%, #18181b 0%, #000 80%);--card-shadow:0 8px 30px -4px #0009, 0 4px 10px -2px #0006}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--background:#000;--background-rgb:0, 0, 0;--foreground:#fafafa;--primary:#fafafa;--primary-foreground:#18181b;--secondary:#18181b;--secondary-foreground:#fafafa;--muted:#18181b;--muted-foreground:#a1a1aa;--accent:#18181b;--accent-foreground:#fafafa;--card:#09090b;--card-foreground:#fafafa;--border:#27272a;--input:#27272a;--ring:#d4d4d8;--gradient-start:#fff;--gradient-end:#71717a;--hero-bg:radial-gradient(ellipse at 50% 0%, #18181b 0%, #000 80%);--card-shadow:0 8px 30px -4px #0009, 0 4px 10px -2px #0006}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .3s,color .3s;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.gradient-text{background:linear-gradient(180deg, var(--gradient-start) 0%, var(--gradient-end) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--foreground);opacity:.9;transform:translateY(-1px);box-shadow:0 6px 15px -3px #0000001a}.btn-secondary{color:var(--foreground);border-radius:var(--radius);border:1px solid var(--border);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--secondary);border-color:var(--foreground)}.section{padding:6rem 0}.section-title{text-align:center;letter-spacing:-.02em;margin-bottom:1.25rem;font-size:2.75rem;font-weight:800}.section-subtitle{color:var(--muted-foreground);text-align:center;max-width:600px;margin:0 auto 4rem;font-size:1.125rem;line-height:1.6}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:1.75rem;transition:all .3s}.card:hover{border-color:var(--ring);transform:translateY(-4px);box-shadow:0 12px 30px -10px #0000001a}.desktop-nav{align-items:center;gap:2rem;display:flex}.mobile-menu-btn,.mobile-nav{display:none}@media (max-width:768px){.section{padding:4rem 0}.section-title{font-size:2rem}.container{padding:0 1rem}.desktop-nav{display:none}.mobile-menu-btn,.mobile-nav{display:block!important}}.hero-grid{background-size:40px 40px;background-image:linear-gradient(to right, var(--border) 1px, transparent 1px), linear-gradient(to bottom, var(--border) 1px, transparent 1px);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0003 0%,#0000 100%);mask-image:linear-gradient(#0003 0%,#0000 100%)}
