:root{--primary:#06c;--accent-gradient:linear-gradient(90deg,#19b6ff,#ffd166 50%,#ff6ba9);--muted:#6b7280;--bg:#f6f9ff;--card:#fff;--radius:14px;--shadow:0 4px 24px 0 rgba(0,0,0,.07)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:linear-gradient(120deg,#f6f9ff,#e3f0ff);color:#0f172a;min-height:100vh}a{color:var(--primary);text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:20px}.header{justify-content:space-between;padding:18px 0}.brand,.header{display:flex;align-items:center}.brand{gap:12px}.brand img{height:44px}.nav a{margin-left:16px;color:#0f172a}.hero{display:flex;align-items:center;gap:36px;padding:64px 0}.hero-left{flex:1 1}.hero h1{font-size:36px;margin:0 0 12px;line-height:1.05}.hero p{color:var(--muted);margin:0 0 18px}.cta-row{display:flex;gap:12px}.btn{background:var(--primary);color:#fff;padding:12px 22px;border-radius:12px;font-weight:700;border:none;box-shadow:0 2px 8px 0 rgba(25,182,255,.08);transition:background .2s,box-shadow .2s;letter-spacing:.01em}.btn:hover{background:#004a99;box-shadow:0 4px 16px 0 rgba(0,102,204,.15)}.btn-ghost{background:transparent;border:1.5px solid var(--primary);color:var(--primary);padding:10px 18px;border-radius:12px;font-weight:600;transition:border .2s,color .2s}.btn-ghost:hover{border-color:#ffd166;color:#ffd166}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;margin-top:20px}.card{background:var(--card);border:1px solid #eef2f7;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 8px 32px 0 rgba(0,102,204,.13);transform:translateY(-2px) scale(1.02)}.pricing{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}.pricing .plan{flex:1 1;min-width:220px}.testimonials{margin-top:28px}.footer{border-top:1px solid #eef2f7;padding:28px 0;margin-top:40px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;background:hsla(0,0%,100%,.92);border-radius:0 0 18px 18px;box-shadow:0 -2px 12px 0 rgba(0,0,0,.03);font-size:1.05em}.contact-card{background:linear-gradient(90deg,#f8fafc 60%,#e3f0ff);padding:18px;border-radius:12px;border:1px solid #eef2f7;box-shadow:0 2px 8px 0 rgba(25,182,255,.06);font-size:1.08em}@media (max-width:768px){.hero{flex-direction:column;align-items:flex-start;padding:36px 0}.hero h1{font-size:28px}}