:root{--blue:#1a3fd1;--blue-dark:#0b1d6b;--orange:#ff7a1a;--ink:#0a0f24;--white:#fff;--muted:#c9d3ff}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--white);background:radial-gradient(circle at 50% -10%,#2f5bff 0%,var(--blue) 35%,var(--blue-dark) 75%,var(--ink) 100%);background-attachment:fixed;line-height:1.5}
a{color:var(--white)}
.wrap{max-width:880px;margin:0 auto;padding:32px 22px 48px}
header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;font-style:italic;letter-spacing:.04em;font-size:20px}
.mark{width:42px;height:42px;border-radius:10px;background:var(--blue);border:2px solid rgba(255,255,255,.25);display:grid;place-items:center}
nav a{text-decoration:none;font-weight:600;opacity:.85;margin-left:18px}
nav a:hover{opacity:1}
.hero{text-align:center;padding:72px 0 40px}
.ball{width:96px;height:96px;margin:0 auto 26px}
h1{font-size:clamp(40px,8vw,72px);font-weight:900;font-style:italic;letter-spacing:.02em;line-height:1.05;text-transform:uppercase}
h1 span{color:var(--orange)}
.sub{font-size:clamp(18px,3.2vw,22px);color:var(--muted);margin:18px auto 0;max-width:560px}
.badge{display:inline-block;margin-top:28px;padding:10px 20px;border-radius:999px;background:var(--orange);color:var(--ink);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:14px}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:56px}
.card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:20px}
.card b{display:block;font-size:17px;margin-bottom:4px}
.card p{color:var(--muted);font-size:15px}
.contact{margin-top:48px;text-align:center;color:var(--muted)}
.contact a{font-weight:700}
.page h1{font-size:clamp(34px,6vw,52px);text-align:left}
.page h2{font-size:20px;margin:30px 0 8px}
.page p,.page li{color:var(--muted);font-size:16px}
.page ul{margin:8px 0 0 20px}
.mail{display:inline-block;margin-top:16px;padding:14px 22px;border-radius:12px;background:var(--orange);color:var(--ink);font-weight:800;text-decoration:none;font-size:18px}
footer{margin-top:64px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:space-between;font-size:14px;color:var(--muted)}
footer a{color:var(--muted)}