:root{--brand:#4c8dff;--page:#0b0f14;--surface:#101826;--surface2:#0e1521;--border:rgba(255,255,255,.10);--text:rgba(255,255,255,.92);--muted:rgba(255,255,255,.70)}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--page);color:var(--text)}
.navbar-brand{font-weight:700;letter-spacing:.2px}
.hero{background:radial-gradient(1200px 600px at 10% 10%,rgba(76,141,255,.22),transparent 55%),linear-gradient(135deg,rgba(16,24,38,1),rgba(11,15,20,1));border-bottom:1px solid var(--border)}
.hero h1{font-weight:800}
.badge-pill{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.10);color:rgba(255,255,255,.88);font-size:clamp(.9rem,.3vw + .85rem,1rem);font-weight:600;padding:.5rem .9rem}
.card{background:var(--surface);border:1px solid var(--border)}
.card-service .price{font-weight:800;font-size:1.25rem}
.section-title{font-weight:800}
.muted{color:var(--muted)}
.footer{border-top:1px solid var(--border)}
.kbd-like{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem}
a{text-decoration:none}
a:hover{text-decoration:underline}
.border{border-color:var(--border)!important}
hr{border-color:var(--border);opacity:1}
.btn-outline-primary{color:rgba(255,255,255,.88);border-color:rgba(76,141,255,.65)}
.btn-outline-primary:hover{color:#fff}