*{box-sizing:border-box}
:root{--navy:#082f5b;--navy2:#0d447d;--gold:#c99a12;--gray:#66778a;--light:#eef3f7}
html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:#f6f8fa}
body{min-height:100vh;background:
radial-gradient(circle at 15% 10%,rgba(13,68,125,.09),transparent 34%),
radial-gradient(circle at 90% 85%,rgba(201,154,18,.07),transparent 30%),
#f7f9fb}
.page{min-height:100vh;display:grid;place-items:center;padding:28px}
.card{width:min(980px,100%);background:rgba(255,255,255,.96);border:1px solid #dce4eb;border-radius:28px;
padding:clamp(28px,5vw,58px);text-align:center;box-shadow:0 24px 70px rgba(8,47,91,.12)}
.logo{display:block;width:min(680px,94%);height:auto;margin:0 auto 24px}
.rule{height:3px;width:86px;background:var(--gold);border-radius:99px;margin:0 auto 26px}
.eyebrow{font-size:12px;letter-spacing:.24em;font-weight:700;color:var(--gray);margin:0 0 12px}
h1{font-size:clamp(30px,5vw,52px);line-height:1.08;margin:0 0 16px;letter-spacing:-.025em}
.lead{max-width:720px;margin:0 auto 34px;color:#53687e;font-size:clamp(16px,2vw,20px);line-height:1.55}
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 auto 34px}
.services div{border:1px solid #dce5ed;background:#fbfcfd;border-radius:16px;padding:18px 12px;min-height:92px}
.services strong{display:block;font-size:15px;margin-bottom:7px}
.services span{display:block;font-size:12px;line-height:1.45;color:#738397}
.coming{display:inline-flex;align-items:center;gap:10px;background:var(--navy);color:#fff;border-radius:999px;padding:12px 20px;font-weight:700;font-size:14px}
.dot{width:8px;height:8px;border-radius:50%;background:#e1b532;box-shadow:0 0 0 5px rgba(225,181,50,.14)}
.domain{margin:20px 0 0;font-weight:700;letter-spacing:.04em;color:var(--navy2)}
@media(max-width:760px){.page{padding:14px}.card{border-radius:20px;padding:28px 18px}.services{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.services{grid-template-columns:1fr}.logo{width:100%}}