@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-dark:#0f172a;--bg-card:#1e293bb3;--primary:#3b82f6;--primary-hover:#2563eb;--text-main:#f8fafc;--text-muted:#94a3b8;--border-light:#ffffff1a;--accent:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at 15%,#3b82f626,#0000 25%),radial-gradient(circle at 85% 30%,#10b9811a,#0000 25%);min-height:100vh;font-family:Inter,sans-serif}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:16px;padding:24px;box-shadow:0 4px 30px #0000001a}.btn{cursor:pointer;color:var(--text-main);border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f63b}.header{border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0f172acc;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.logo{background:linear-gradient(90deg,#60a5fa,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:100px 20px;display:flex}.hero-title{margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.2}.hero-subtitle{color:var(--text-muted);max-width:800px;margin-bottom:40px;font-size:1.25rem;line-height:1.6}.hero-highlight{color:var(--primary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.gap-2{gap:.5rem}.gap-4{gap:1rem}.dashboard-layout{background-color:var(--bg-dark);min-height:100vh;display:flex}.sidebar{background-color:var(--bg-dark);border-right:1px solid var(--border-light);z-index:50;flex-direction:column;width:280px;height:100vh;display:flex;position:sticky;top:0}.main-content{background-color:#0b1120;flex:1;height:100vh;overflow-y:auto}.hero-buttons{justify-content:center;align-items:center;gap:16px;width:100%;margin-bottom:40px;padding:0 16px;display:flex}.proof-grid{grid-template-columns:repeat(4,1fr);justify-content:center;gap:12px;max-width:880px;margin:0 auto 32px;padding:0 16px;list-style:none;display:grid}.video-placeholder{margin:40px auto 0;padding:0 16px}.video-placeholder-text{font-size:1.5rem}@media (max-width:1024px){.dashboard-layout{flex-direction:column}.header{gap:8px;padding:12px 16px!important}.header .btn{padding:8px 12px!important;font-size:.85rem!important}.logo{white-space:nowrap;font-size:1.2rem!important}.sidebar{border-right:none;border-bottom:1px solid var(--border-light);width:100%;height:auto;position:static}.sidebar-content{display:none}.sidebar-content.open{flex-direction:column;display:flex}.mobile-menu-btn{display:block}.main-content{height:auto;overflow-y:visible}.hero-section{min-height:auto;padding:30px 16px}.hero-subtitle{word-break:keep-all;margin-bottom:24px;font-size:1rem}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.proof-grid{grid-template-columns:repeat(2,1fr);margin-bottom:16px}.proof-grid .glass-panel{min-height:48px!important;padding:4px 8px!important;font-size:.9rem!important}.hero-title{margin-bottom:16px;font-size:clamp(1.5rem,5vw,2.5rem)!important}.landing-section{overflow-x:hidden;padding:40px 16px!important}.section-title{line-height:1.4;text-align:center!important;margin-bottom:24px!important;font-size:clamp(1.3rem,6vw,1.8rem)!important}.section-subtitle{text-align:center!important;margin-bottom:24px!important}.pricing-header{margin-bottom:30px!important}.video-placeholder{margin:20px auto 0!important}.video-placeholder-text{font-size:1.2rem!important}}@media (min-width:1025px){.mobile-menu-btn{display:none}.sidebar-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.landing-section{border-top:1px solid var(--border-light);padding:80px 0}.section-title{text-align:center;margin-bottom:50px;font-size:2.5rem}}
