:root{--bg:#fff;--bg-alt:#f8f7ff;--text:#4b5563;--text-heading:#111827;--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--accent:#8b5cf6;--surface:#fff;--border:#e5e7eb;--shadow-sm:0 1px 2px #0000000d;--shadow:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--radius:12px;--radius-lg:20px;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--transition:.25s cubic-bezier(.4,0,.2,1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f0f1a;--bg-alt:#16162a;--text:#a1a1b5;--text-heading:#f1f1f6;--surface:#1a1a2e;--border:#2a2a40;--shadow-sm:0 1px 2px #0000004d;--shadow:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 20px 25px -5px #00000080, 0 8px 10px -6px #0006}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}img{max-width:100%;display:block}a{color:var(--primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--primary-dark)}h1,h2,h3,h4{color:var(--text-heading);font-weight:700;line-height:1.2}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fffc;justify-content:space-between;align-items:center;padding:16px 48px;display:flex;position:sticky;top:0}@media (prefers-color-scheme:dark){.nav{background:#0f0f1ad9}}@media (width<=768px){.nav{padding:14px 20px}}.nav-brand{text-decoration:none}.logo-text{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text);transition:color var(--transition);font-size:15px;font-weight:500}.nav-links a:hover{color:var(--primary)}@media (width<=768px){.nav-links{gap:18px}.nav-links a{font-size:14px}}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:85vh;padding:120px 48px 100px;display:flex;position:relative;overflow:hidden}@media (width<=768px){.hero{min-height:70vh;padding:80px 20px 60px}}.hero-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f126 0%,#8b5cf614 40%,#0000 70%);width:800px;height:800px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}@media (prefers-color-scheme:dark){.hero-glow{background:radial-gradient(circle,#6366f133 0%,#8b5cf61a 40%,#0000 70%)}}.hero-content{z-index:1;max-width:720px;position:relative}.hero h1{letter-spacing:-1.5px;margin-bottom:24px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 50%, #ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text);max-width:560px;margin:0 auto 40px;font-size:clamp(1rem,2.2vw,1.25rem);line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-shapes{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.shape{opacity:.06;border-radius:50%;position:absolute}@media (prefers-color-scheme:dark){.shape{opacity:.1}}.shape-1{background:var(--primary);width:400px;height:400px;top:-100px;right:-100px}.shape-2{background:var(--accent);width:300px;height:300px;bottom:-60px;left:-60px}.shape-3{background:#ec4899;width:200px;height:200px;top:50%;left:10%}.btn{cursor:pointer;transition:all var(--transition);border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;box-shadow:0 4px 14px #6366f159}.btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 22px #6366f166}.btn-outline{color:var(--text-heading);border:2px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.section{text-align:center;padding:100px 48px}@media (width<=768px){.section{padding:60px 20px}}.section-alt{background:var(--bg-alt)}.section-title{margin-bottom:16px;font-size:clamp(1.8rem,4vw,2.5rem)}.section-sub{color:var(--text);max-width:560px;margin:0 auto 56px;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.6}.grid-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;max-width:1100px;margin:0 auto;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:960px;margin:0 auto;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;transition:all var(--transition);padding:36px 28px}.card:hover{box-shadow:var(--shadow-lg);border-color:#6366f14d;transform:translateY(-4px)}.card-icon{margin-bottom:16px;font-size:2rem;display:inline-flex}.card h3{margin-bottom:8px;font-size:1.15rem}.card p{color:var(--text);font-size:.95rem;line-height:1.6}.app-card{text-align:center}.app-icon{border-radius:var(--radius);background:linear-gradient(135deg,#6366f11a,#8b5cf61a);justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;font-size:3rem;display:inline-flex}a.app-card{color:inherit;cursor:pointer;text-decoration:none}.app-icon-img{width:96px;height:96px;box-shadow:var(--shadow);border-radius:22px;margin:0 auto 20px}.app-links{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.app-badge{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;letter-spacing:.5px;transition:all var(--transition);border-radius:50px;padding:6px 18px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.app-badge:hover{color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.footer{border-top:1px solid var(--border);background:var(--bg);padding:48px 48px 0}@media (width<=768px){.footer{padding:36px 20px 0}}.footer-inner{justify-content:space-between;align-items:flex-start;gap:40px;max-width:1100px;margin:0 auto;padding-bottom:32px;display:flex}@media (width<=768px){.footer-inner{text-align:center;flex-direction:column;align-items:center}}.footer-brand p{color:var(--text);margin-top:8px;font-size:14px}.footer-links{flex-wrap:wrap;gap:28px;display:flex}.footer-links a{color:var(--text);transition:color var(--transition);font-size:14px;font-weight:500}.footer-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);text-align:center;padding:20px 0}.footer-bottom p{color:var(--text);font-size:13px}.prose{text-align:left;max-width:720px;margin:0 auto;padding:60px 48px 80px}@media (width<=768px){.prose{padding:40px 20px 60px}}.prose h1{margin-bottom:8px;font-size:clamp(2rem,4vw,2.8rem)}.prose .last-updated{color:var(--text);opacity:.7;margin-bottom:40px;font-size:14px}.prose h2{border-top:1px solid var(--border);margin-top:48px;margin-bottom:16px;padding-top:24px;font-size:1.4rem}.prose p{margin-bottom:16px;line-height:1.7}.prose ul{margin-bottom:16px;padding-left:24px}.prose li{margin-bottom:8px;line-height:1.7}.prose a{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.prose a:hover{color:var(--primary-dark)}