:root{--primary-color: #0f172a;--secondary-color: #64748b;--accent-color: #774be5;--accent-hover: #6d41db;--accent-gradient: linear-gradient(125deg, rgb(119, 75, 229) -4%, rgb(119, 75, 229) 100%);--accent-gradient-hover: linear-gradient(125deg, rgb(109, 65, 219) -4%, rgb(109, 65, 219) 100%);--background-color: #ffffff;--surface-color: #f8fafc;--border-color: #e2e8f0;--text-main: #334155;--text-heading: #0f172a;--font-family: "Inter", system-ui, -apple-system, sans-serif;--max-width: 1200px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-main);background-color:var(--background-color);background-image:radial-gradient(#cbd5e1 1.5px,transparent 1.5px);background-size:24px 24px;line-height:1.6}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 32px}.stats-container{display:flex;justify-content:center;gap:40px;margin-bottom:40px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-weight:600;font-size:16px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;letter-spacing:-.01em}.cta-group{display:flex;justify-content:center;gap:20px}.btn-primary{background:var(--accent-gradient);color:#fff;border:1px solid transparent;border-radius:10px;box-shadow:#c0b0e8 0 1px 2px inset,#6345ad59 0 .706592px .706592px -.583333px,#6345ad57 0 1.80656px 1.80656px -1.16667px,#6345ad54 0 3.62176px 3.62176px -1.75px,#6345ad4d 0 6.8656px 6.8656px -2.33333px,#6345ad42 0 13.6468px 13.6468px -2.91667px,#6345ad26 0 30px 30px -3.5px}.btn-primary:hover{background:var(--accent-gradient-hover);transform:translateY(-1px);box-shadow:#c0b0e8 0 1px 2px inset,#6345ad66 0 .706592px .706592px -.583333px,#6345ad63 0 1.80656px 1.80656px -1.16667px,#6345ad61 0 3.62176px 3.62176px -1.75px,#6345ad59 0 6.8656px 6.8656px -2.33333px,#6345ad4f 0 13.6468px 13.6468px -2.91667px,#6345ad33 0 30px 30px -3.5px}.btn-outline{border:1px solid var(--border-color);color:var(--text-heading);background:#fff;box-shadow:var(--shadow-sm);border-radius:10px}.btn-outline:hover{background-color:var(--surface-color);border-color:#cbd5e1;transform:translateY(-1px)}header{position:relative;padding:16px 0;background:transparent;z-index:1000}.header-wrapper{max-width:var(--max-width);margin:0 auto;padding:0 32px;display:flex;justify-content:center}.header-pill{display:inline-flex;align-items:center;gap:24px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px 8px 8px;box-shadow:0 4px 12px #0000000d,0 0 0 1px #00000005}.header-logo{display:flex;align-items:center;justify-content:center;background:transparent;border-radius:12px;padding:8px;width:48px;height:48px;flex-shrink:0}.header-logo img{width:32px;height:32px;border-radius:4px}.header-left{display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:12px}.hamburger-menu,.mobile-menu{display:none}.mobile-signup{display:none!important}.desktop-signup{display:inline-flex!important}.header-nav{display:flex;align-items:center;gap:28px}.header-nav a{color:#1a1a1a;font-weight:500;font-size:15px;transition:color .2s;white-space:nowrap}.header-nav a:hover{color:#3b82f6}.header-cta{background:var(--accent-gradient);color:#fff;font-weight:600;font-size:15px;padding:10px 20px;border-radius:10px;transition:all .2s;white-space:nowrap;box-shadow:#c0b0e8 0 1px 2px inset,#6345ad59 0 .706592px .706592px -.583333px,#6345ad57 0 1.80656px 1.80656px -1.16667px,#6345ad54 0 3.62176px 3.62176px -1.75px,#6345ad4d 0 6.8656px 6.8656px -2.33333px,#6345ad42 0 13.6468px 13.6468px -2.91667px,#6345ad26 0 30px 30px -3.5px}.header-cta:hover{background:var(--accent-gradient-hover);transform:translateY(-1px);box-shadow:#c0b0e8 0 1px 2px inset,#6345ad66 0 .706592px .706592px -.583333px,#6345ad63 0 1.80656px 1.80656px -1.16667px,#6345ad61 0 3.62176px 3.62176px -1.75px,#6345ad59 0 6.8656px 6.8656px -2.33333px,#6345ad4f 0 13.6468px 13.6468px -2.91667px,#6345ad33 0 30px 30px -3.5px}header .btn-primary{border-radius:9999px;padding:8px 20px;font-size:14px}.ad-banner{background-color:var(--surface-color);border-bottom:1px solid var(--border-color);padding:12px 0;text-align:center;font-size:14px}.ad-banner span{font-weight:600;color:var(--accent-color)}.hero{padding:120px 0 80px;text-align:center;background:radial-gradient(circle at 50% 0%,#f1f5f9 0%,transparent 50%)}.hero h1{font-size:56px;font-weight:800;color:var(--text-heading);margin-bottom:24px;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(to right,#0f172a 20%,#475569 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:20px;color:var(--secondary-color);max-width:640px;margin:0 auto 40px;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;padding:40px 0 100px}.feature-card{border:1px solid var(--border-color);border-radius:16px;padding:40px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--accent-color),#60a5fa);opacity:0;transition:opacity .3s ease;border-radius:15px 15px 0 0}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:#cbd5e1}.feature-card:hover:before{opacity:1}.feature-icon{width:56px;height:56px;background-color:#eff6ff;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--accent-color);transition:background-color .3s ease}.feature-card:hover .feature-icon{background-color:var(--accent-color);color:#fff}.feature-card h3{font-size:22px;margin-bottom:16px;color:var(--text-heading);font-weight:700;letter-spacing:-.01em}.feature-card p{color:var(--secondary-color);margin-bottom:32px;line-height:1.6}.feature-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent-color);font-weight:600;font-size:15px;transition:gap .2s ease}.feature-link:hover{gap:10px;color:var(--accent-hover)}.content-section{padding:80px 0}.split-layout{display:flex;align-items:center;gap:60px;margin-bottom:80px}.split-layout:nth-child(2n){flex-direction:row-reverse}.split-content{flex:1}.split-content h2{font-size:36px;font-weight:800;margin-bottom:20px;color:var(--text-heading)}.split-content p{font-size:18px;color:var(--secondary-color);margin-bottom:32px}.split-media{flex:1;background-color:var(--surface-color);border-radius:16px;height:400px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color)}footer{border-top:1px solid var(--border-color);padding:80px 0 40px;margin-top:80px;background:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px}.footer-brand p{color:var(--secondary-color);margin-top:16px;max-width:300px}.footer-col h4{font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:24px;letter-spacing:.05em}.footer-col ul li{margin-bottom:16px}.footer-col a{color:var(--secondary-color)}.footer-col a:hover{color:var(--text-heading)}.footer-bottom{border-top:1px solid var(--border-color);padding-top:32px;display:flex;justify-content:space-between;color:var(--secondary-color);font-size:14px}@media(max-width:768px){.header-pill{padding:8px;gap:12px}.header-nav{display:none}.desktop-signup{display:none!important}.mobile-signup{display:inline-flex!important}.hamburger-menu{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:8px;color:#1a1a1a}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:8px;padding:16px;display:none;box-shadow:0 4px 12px #0000001a}.mobile-menu.active{display:block}.mobile-nav{display:flex;flex-direction:column;gap:16px}.mobile-nav a{color:#1a1a1a;font-weight:500;font-size:15px;padding:8px 0}.footer-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:36px}.hero p{font-size:18px}.features-grid{grid-template-columns:1fr}.split-layout{flex-direction:column!important;gap:40px}}