@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700;800&family=Syne:wght@500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-size:16px}body{color:#0f172a;background:#fff;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}:root{--primary:#1a6fd4;--primary-2:#0b5fc3;--accent:#0ea86e;--accent-2:#14c789;--gradient:linear-gradient(135deg, #1a6fd4 0%, #0ea5e9 45%, #0ea86e 100%);--gradient-soft:linear-gradient(135deg, #1a6fd424, #0ea86e1f);--dark:#08111f;--dark-2:#111d35;--dark-3:#172642;--text:#0f172a;--text-2:#475569;--text-3:#94a3b8;--border:#e2e8f0e6;--surface:#f8faff;--surface-2:#f1f5fb;--radius:18px;--radius-lg:26px;--radius-xl:34px;--shadow:0 10px 30px #0f172a14;--shadow-lg:0 24px 70px #0f172a24;--shadow-brand:0 18px 44px #1a6fd447}h1,h2,h3,h4,h5{letter-spacing:-.055em;font-family:Syne,sans-serif;font-weight:800;line-height:1.08}a{color:inherit;text-decoration:none}img{max-width:100%}.container{max-width:1180px;margin:0 auto;padding:0 24px}.container-sm{max-width:820px;margin:0 auto;padding:0 24px}.grad-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:13px 24px;font-family:inherit;font-size:15px;font-weight:800;transition:all .25s;display:inline-flex}.btn-primary{background:var(--gradient);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 24px 60px #1a6fd459}.btn-outline{color:#dbeafe;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #60a5fa99}.btn-outline:hover{background:#ffffff1f;border-color:#93c5fde6;transform:translateY(-2px)}.btn-white{color:var(--dark);box-shadow:var(--shadow);background:#fff}.btn-white:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-lg{border-radius:16px;min-height:58px;padding:17px 32px;font-size:16px}.btn-sm{min-height:40px;padding:10px 18px;font-size:14px}.section{padding:110px 0}.section-sm{padding:72px 0}.section-label{letter-spacing:.055em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;margin-bottom:18px;padding:8px 16px;font-size:12px;font-weight:800;display:inline-flex}.section-label-blue{color:var(--primary);background:#dbeafe}.section-label-green{color:var(--accent);background:#d1fae5}.section-label-purple{color:#7c3aed;background:#ede9fe}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#ffffffdb;border:1px solid #e2e8f0e6;padding:32px;transition:all .28s}.card:hover{box-shadow:var(--shadow-lg);border-color:#1a6fd440;transform:translateY(-6px)}.badge{border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex}.badge-green{color:var(--accent);background:#d1fae5}.badge-blue{color:var(--primary);background:#dbeafe}.badge-purple{color:#7c3aed;background:#ede9fe}.badge-amber{color:#d97706;background:#fef3c7}.grid-2{grid-template-columns:1fr 1fr;gap:28px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}hr{border:none;border-top:1px solid var(--border)}.hero,.hero-section{color:#fff;background:radial-gradient(circle at 75% 35%,#0ea86e3d,#0000 32%),radial-gradient(circle at 18% 85%,#1a6fd43d,#0000 30%),linear-gradient(135deg,#08111f 0%,#13213b 48%,#062f2c 100%);position:relative;overflow:hidden}.hero:before,.hero-section:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:52px 52px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000a6,#0000 75%);mask-image:linear-gradient(#000000a6,#0000 75%)}.hero h1,.hero-section h1{max-width:950px;margin:0 auto;font-size:clamp(3rem,7vw,6.6rem)}.hero p,.hero-section p{color:#e2e8f0d1;font-size:clamp(1rem,1.5vw,1.25rem)}.navbar,.site-header{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08111fc7;border-bottom:1px solid #ffffff14;position:sticky;top:0}.nav-link{color:#e2e8f09e;font-weight:700;transition:all .2s}.nav-link:hover,.nav-link.active{color:#fff}.browser-window,.app-preview,.dashboard-preview{background:#0f172acc;border:1px solid #60a5fa59;border-radius:26px;overflow:hidden;box-shadow:0 30px 90px #00000059,0 0 0 1px #ffffff0a}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:#94a3b8a6;border-radius:999px}::-webkit-scrollbar-track{background:0 0}@media (width<=900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:76px 0}.container,.container-sm{padding:0 18px}}@media (width<=768px){h1{font-size:2.6rem!important}h2{font-size:2rem!important}.hide-mobile{display:none!important}.btn-lg{width:100%}.card{border-radius:22px;padding:24px}.section{padding:64px 0}}