@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700;800&display=swap";.cs-hero{background:var(--dark);color:var(--white);padding:200px 0 120px;position:relative;overflow:hidden}.cs-hero-glow{background:radial-gradient(circle, var(--theme,#2563eb26) 0%, transparent 60%);pointer-events:none;opacity:.7;width:1000px;height:1000px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.cs-hero-content{z-index:1;text-align:left;max-width:100%;position:relative}.cs-hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin-top:60px;display:grid}.cs-badge{margin-bottom:24px;color:var(--theme,var(--white))!important;background:#ffffff0d!important;border-color:#ffffff1a!important}.cs-hero h1{letter-spacing:-3px;color:var(--white);margin:0 0 32px;font-size:clamp(56px,8vw,96px);font-weight:800;line-height:1}.cs-intro{color:var(--gray-2);max-width:100%;margin:0;font-size:clamp(18px,1.5vw,22px);font-weight:400;line-height:1.6}.cs-hero-image-wrap{z-index:2;border:1px solid #ffffff1a;border-radius:24px;max-width:100%;margin:0;position:relative;overflow:hidden;box-shadow:0 40px 100px #000c}.cs-bg-img{object-fit:cover;opacity:.6;width:100%;display:block}.cs-mockup-float{border:1px solid #ffffff26;border-bottom:none;border-radius:12px 12px 0 0;width:70%;height:85%;position:absolute;top:15%;left:15%;overflow:hidden;box-shadow:0 24px 64px #00000080}.cs-app-img{object-fit:cover;width:100%;height:100%;display:block}.cs-meta{background:var(--dark-2);border-bottom:1px solid #ffffff0d;padding:64px 0}.cs-meta-grid{grid-template-columns:repeat(4,1fr);gap:40px;display:grid}.meta-item h4{color:var(--gray-2);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.meta-item p{color:var(--white);font-size:18px;font-weight:500}.cs-section{background:var(--white);color:var(--dark);padding:140px 0}.cs-dark-bg{background:var(--dark);color:var(--white)}.cs-section-title{letter-spacing:-1.5px;margin-bottom:40px;font-size:clamp(32px,4vw,48px);font-weight:800}.cs-two-col{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.cs-text{color:var(--gray);margin-bottom:24px;font-size:18px;line-height:1.7}.cs-dark-bg .cs-text{color:var(--gray-2)}.cs-text-large{color:var(--dark);font-size:24px;font-weight:400;line-height:1.6}.cs-dark-bg .cs-text-large{color:var(--white)}.cs-code-placeholder{background:var(--dark-2);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.placeholder-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;align-items:center;padding:16px 20px;display:flex}.placeholder-header .dots{gap:6px;display:flex}.placeholder-header .dots span{background:#fff3;border-radius:50%;width:10px;height:10px}.placeholder-header .title{color:var(--gray-2);text-align:center;flex-grow:1;margin-left:20px;font-family:monospace;font-size:13px}.placeholder-body{flex-direction:column;flex-grow:1;justify-content:center;padding:40px;display:flex;position:relative}.cs-quote{text-align:center;max-width:800px;margin:0 auto;padding:60px 0}.cs-quote h3{letter-spacing:-1px;color:var(--theme,var(--blue));margin-bottom:24px;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,4vw,40px);font-weight:500;line-height:1.4}.cs-quote p{text-transform:uppercase;letter-spacing:2px;color:var(--gray-2);font-size:16px;font-weight:600}.cs-results{background:var(--theme,var(--blue));color:var(--white);padding:120px 0}.results-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.result-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;padding:40px}.result-number{letter-spacing:-2px;margin-bottom:12px;font-size:clamp(48px,6vw,72px);font-weight:800;line-height:1}.result-label{opacity:.9;font-size:18px;font-weight:500}@media (width<=900px){.cs-meta-grid{grid-template-columns:repeat(2,1fr)}.cs-two-col{grid-template-columns:1fr;gap:48px}.results-grid{grid-template-columns:1fr}.cs-hero{padding-top:140px}.cs-mockup-float{width:90%;left:5%}}:root{--blue:#2563eb;--blue-light:#3b82f6;--blue-pale:#eff6ff;--dark:#0b0f14;--dark-2:#151a23;--gray:#6b7280;--gray-2:#9ca3af;--gray-3:#d1d5db;--gray-4:#f3f4f6;--white:#fff;--border:#e5e7eb;--border-dark:#ffffff1a;--text:#111827;--text-2:#374151;--radius:16px;--radius-lg:24px;--radius-xl:32px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow:0 4px 16px #00000014;--shadow-lg:0 16px 48px #0000001f;--shadow-blue:0 8px 32px #2563eb2e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--white);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Sora,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--dark);font-family:Space Grotesk,sans-serif;line-height:1.2}a{color:inherit;text-decoration:none}ul{list-style:none}.custom-cursor{border:1.5px solid var(--blue);pointer-events:none;z-index:9999;background-color:#2563eb26;border-radius:50%;width:24px;height:24px;transition:width .2s,height .2s,background-color .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor.active{border-color:var(--blue);background-color:#0000;border-width:1px;width:56px;height:56px}@media (pointer:coarse){.custom-cursor{display:none!important}}.container{max-width:1200px;margin:0 auto;padding:0 32px}.section{padding:112px 0}.section-dark{background-color:var(--dark);color:var(--white)}.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4{color:var(--white)}.text-center{text-align:center}.text-blue{color:var(--blue)}.pill-badge{background:var(--blue-pale);color:var(--blue);border:1px solid #2563eb33;border-radius:100px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.section-heading{letter-spacing:-1px;margin-bottom:20px;font-size:clamp(32px,5vw,48px);font-weight:800}.section-subheading{color:var(--gray);max-width:600px;margin:0 auto 64px;font-size:18px}@media (width<=768px){.container{padding:0 24px}.section{padding:80px 0}}
