*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand: #0284c7;--brand-dark: #0369a1;--brand-light: #e0f2fe;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-600: #475569;--gray-900: #0f172a;--radius: .75rem;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px 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)}body{font-family:Inter,sans-serif;color:var(--gray-900);background:#fff}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.nav{position:sticky;top:0;z-index:50;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0}.nav .container{display:flex;align-items:center;justify-content:space-between;height:4rem}.logo{font-size:1.25rem;font-weight:700;color:var(--brand-dark);text-decoration:none}.nav nav{display:flex;align-items:center;gap:1.5rem}.nav nav a{color:var(--gray-600);text-decoration:none;font-size:.9rem}.btn-primary{background:var(--brand);color:#fff;padding:.5rem 1.25rem;border-radius:var(--radius);font-size:.875rem;font-weight:600;text-decoration:none;display:inline-block;transition:background .15s}.btn-primary:hover{background:var(--brand-dark)}.btn-outline{border:1.5px solid var(--brand);color:var(--brand);padding:.5rem 1.25rem;border-radius:var(--radius);font-size:.875rem;font-weight:600;text-decoration:none;display:inline-block;transition:all .15s}.btn-outline:hover{background:var(--brand-light)}.btn-lg{padding:.75rem 1.75rem;font-size:1rem}.hero{padding:5rem 0 4rem;text-align:center;background:linear-gradient(180deg,var(--gray-50) 0%,#fff 100%)}.badge{display:inline-block;background:var(--brand-light);color:var(--brand-dark);font-size:.8rem;font-weight:600;padding:.3rem .9rem;border-radius:999px;margin-bottom:1.5rem}.hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:1.25rem}.hero h1 span{color:var(--brand)}.hero p{font-size:1.125rem;color:var(--gray-600);max-width:560px;margin:0 auto 2rem;line-height:1.7}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.features{padding:5rem 0}.features h2,.pricing h2{font-size:2rem;font-weight:700;text-align:center;margin-bottom:3rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.feature-card{background:var(--gray-50);border:1px solid #e2e8f0;border-radius:var(--radius);padding:1.5rem}.feature-card .icon{font-size:1.75rem;display:block;margin-bottom:.75rem}.feature-card h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.feature-card p{font-size:.875rem;color:var(--gray-600);line-height:1.6}.pricing{padding:5rem 0;background:var(--gray-50)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.pricing-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius);padding:2rem;position:relative}.pricing-featured{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand)}.badge-popular{position:absolute;top:-.75rem;left:50%;transform:translate(-50%);background:var(--brand);color:#fff;font-size:.7rem;font-weight:700;padding:.25rem .75rem;border-radius:999px;white-space:nowrap}.pricing-card h3{font-size:1rem;font-weight:700;color:var(--gray-600);margin-bottom:.75rem}.price{font-size:2rem;font-weight:800;margin-bottom:1.5rem}.price span{font-size:.875rem;font-weight:400;color:var(--gray-600)}.pricing-card ul{list-style:none;space-y:.5rem;margin-bottom:1.5rem}.pricing-card ul li{font-size:.875rem;padding:.3rem 0;color:var(--gray-600)}.pricing-card .btn-primary,.pricing-card .btn-outline{width:100%;text-align:center}.footer{padding:2rem 0;border-top:1px solid #e2e8f0;text-align:center}.footer p{font-size:.875rem;color:var(--gray-600)}