:root{
  --bg: #0b0d12;
  --card: #121621;
  --text: #e6e9ef;
  --muted: #a7b0c0;
  --accent: #38e1a5;
  --accent-2: #8aa8ff;
  --outline: #2a3244;
  --btn: #1e2738;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji';
  color:var(--text);
  background:
    radial-gradient(1200px 600px at 10% -10%, #1a2031 0%, rgba(26,32,49,0) 60%),
    radial-gradient(700px 400px at 90% 10%, #132033 0%, rgba(19,32,51,0) 60%),
    var(--bg);
  line-height:1.6;
}

.wrap{max-width:980px;margin:0 auto;padding:24px}

.site-header .brand{
  display:flex;align-items:center;gap:12px;font-weight:700;font-size:18px;letter-spacing:.3px
}
.logo{width:28px;height:28px}
.domain .dotcom{opacity:.8}

.card{
  background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
  border:1px solid var(--outline);
  border-radius:20px;padding:28px;box-shadow:0 10px 30px rgba(0,0,0,.25)
}
.hero h1{font-size:34px;line-height:1.15;margin:0 0 8px 0}
.subhead{color:var(--muted);margin:0 0 18px 0}

.bullets{margin:0 0 18px 0;padding:0 0 0 18px}
.bullets li{margin:6px 0}

.price-row{display:flex;flex-wrap:wrap;align-items:center;gap:20px;justify-content:space-between}
.price .label{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.price .value{display:block;font-size:30px;font-weight:800}

.button{
  display:inline-block;padding:12px 18px;border-radius:14px;border:1px solid var(--outline);
  text-decoration:none;color:var(--text);background:var(--btn);transition:.2s ease all;font-weight:600
}
.button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.button.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0c1220;border:none}
.button.outline{background:transparent}
.button.full{display:block;text-align:center}

.trust{color:var(--muted);font-size:14px;margin-top:6px}
.trust a{color:var(--text)}

.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}
.contact-card .note{color:var(--muted);font-size:13px;margin-top:10px}

.site-footer{margin-top:26px;border-top:1px solid var(--outline);}
.site-footer .trust-row{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px;padding:16px 0}
.site-footer .meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:12px;padding-bottom:14px}

@media (max-width: 760px){
  .grid{grid-template-columns:1fr}
  .hero h1{font-size:28px}
  .price .value{font-size:26px}
}