body { margin:0; font-family:'Segoe UI',Arial,sans-serif; color:#0f172a; }
.background-gradient { min-height:100vh; background:linear-gradient(135deg,#eff6ff,#fdf2ff,#ecfeff); }
.compact-container { max-width:980px; margin:auto; padding:18px 16px 20px; }
.header { display:flex; justify-content:space-between; align-items:center; padding-bottom:10px; }
.brand { display:flex; align-items:center; gap:12px; }
.logo-small { width:52px; }
.brand-text h1 { font-size:22px; margin:0; }
.brand-tag { font-size:13px; color:#64748b; }
.badge-soon { font-size:16px; letter-spacing:0.12em; padding:10px 22px; border-radius:999px; background:rgba(59,130,246,0.18); color:#1d4ed8; font-weight:700; text-transform:uppercase; box-shadow:0 4px 16px rgba(37,99,235,0.25); }
.hero { display:flex; align-items:center; padding:18px 4px 10px; }
.main-title { font-size:32px; margin:0 0 6px; }
.tagline { font-size:17px; margin:0; color:#475569; }
.services { display:flex; justify-content:space-between; margin:18px 0 12px; gap:14px; }
.service-box { background:rgba(255,255,255,0.92); padding:16px 15px 12px; flex:1; border-radius:14px; box-shadow:0 6px 20px rgba(15,23,42,0.08); font-size:14px; }
.contact { display:flex; justify-content:space-between; gap:18px; padding-top:10px; }
.contact-form { max-width:360px; width:100%; }
input, textarea { width:100%; padding:10px; margin:6px 0; border:1.5px solid #cbd5e1; border-radius:9px; font-size:14px; }
button { margin-top:4px; padding:11px 22px; font-size:15px; border:none; border-radius:999px; background:linear-gradient(135deg,#4f46e5,#2563eb); color:white; cursor:pointer; }
.contact-text a {
    color:#2563eb;
    text-decoration:none;
    font-weight:500;
}
.contact-text a:hover {
    text-decoration:underline;
}