*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#18181b;background:#fafafa;font-family:Urbanist,sans-serif;line-height:1.6;overflow-x:hidden}:root{--primary:#18181b;--primary-dark:#09090b;--primary-light:#f4f4f5;--accent:#3b82f6;--success:#10b981;--text:#18181b;--text-muted:#71717a;--border:#e4e4e7;--surface:#fff;--surface-2:#fafafa;--radius:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a;--shadow-lg:0 4px 12px #00000014;--transition:.2s ease}.container{max-width:1200px;margin:0 auto;padding:0 24px}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section{padding:96px 0}.section-header{text-align:center;max-width:700px;margin:0 auto 64px}.section-header h2{color:var(--text);margin:16px 0 12px;font-family:Urbanist,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.2}.section-header p{color:var(--text-muted);font-size:1.1rem;line-height:1.6}.section-tag{color:#71717a;letter-spacing:.05em;text-transform:uppercase;background:#f4f4f5;border-radius:50px;padding:4px 12px;font-size:.7rem;font-weight:600;display:inline-block}.btn{cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:Urbanist,sans-serif;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:var(--text);background:var(--surface-2)}.btn-outline{color:var(--primary);border:1px solid var(--border);background:0 0}.btn-outline:hover{background:var(--surface-2);border-color:var(--primary);transform:translateY(-1px)}.btn-lg{padding:12px 24px;font-size:.95rem}.btn-icon{flex-shrink:0;width:18px;height:18px}@keyframes blobFloat{0%{transform:translate(0)scale(1)}to{transform:translate(40px,-40px)scale(1.08)}}@keyframes phoneBob{0%{transform:translateY(0)rotate(-1deg)}to{transform:translateY(-14px)rotate(1deg)}}@keyframes cardPop{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.in-view{opacity:1!important;transform:translateY(0)!important}@media (max-width:1024px){.section{padding:72px 0}}@media (max-width:768px){.section{padding:64px 0}}