:root {--bg:#071018; --panel:#101b26; --panel-2:#152433; --text:#f5f7fa; --muted:#b8c3cf; --accent:#22c55e; --accent-2:#38bdf8; --warning:#facc15; --border:rgba(255,255,255,0.12); --shadow:0 20px 60px rgba(0,0,0,0.35);}
body {margin:0; font-family:Arial, Helvetica, sans-serif; background:radial-gradient(circle at top left, #12324a 0, #071018 38%, #05090d 100%); color:var(--text); line-height:1.6;}

* {box-sizing:border-box; }

a {color:inherit; text-decoration:none; }

.container {width:min(1120px, calc(100% - 32px)); margin:0 auto;}
header {padding:26px 0; position:sticky; top:0; z-index:10; backdrop-filter:blur(14px); background:rgba(7,16,24,0.75); border-bottom:1px solid var(--border);}
.nav {display:flex; align-items:center; justify-content:space-between; gap:20px;}

.brand {display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:0.3px; font-size:1.25rem;}
.logo {width:44px; height:44px; border-radius:50%; display:grid; place-items:center;/* background:linear-gradient(135deg, #111827, #581c87); border:2px solid #d946ef; box-shadow:0 0 25px rgba(217,70,239,0.35);*/ font-size:0.8rem; font-weight:900;}

.nav-links {display:flex; gap:18px; align-items:center; color:var(--muted); font-size:0.95rem;}
.button {display:inline-flex; align-items:center; justify-content:center; gap:8px; border:0; border-radius:999px; padding:13px 20px; font-weight:800; cursor:pointer; transition:transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;}
.button:hover {transform:translateY(-2px);}
.button.primary {background:var(--accent); color:#031008; box-shadow:0 12px 35px rgba(34,197,94,0.28);}
.button.secondary {background:rgba(255,255,255,0.08); color:var(--text); border:1px solid var(--border);}

.hero {padding:78px 0 56px;}
.hero-grid {display:grid; grid-template-columns:1.1fr 0.9fr; gap:34px; align-items:center;}
.eyebrow {color:var(--accent-2); font-weight:800; text-transform:uppercase; letter-spacing:1.5px; font-size:0.82rem; margin-bottom:14px;}

h1 {font-size:clamp(2.3rem, 5vw, 4.8rem); line-height:1.03; margin:0 0 22px; letter-spacing:-2px;}

.hero p {font-size:1.15rem; color:var(--muted); max-width:650px; margin:0 0 28px;}
.hero-actions {display:flex; gap:14px; flex-wrap:wrap; margin-bottom:24px;}

.trust {display:flex; flex-wrap:wrap; gap:12px; color:var(--muted); font-size:0.95rem;}
.pill {border:1px solid var(--border); background:rgba(255,255,255,0.06); padding:8px 12px; border-radius:999px;}

.hero-card {background:linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03)); border:1px solid var(--border); border-radius:28px; box-shadow:var(--shadow); padding:26px;}
.hero-card h2 {margin:0 0 12px; font-size:1.7rem;}

.check-list {list-style:none; padding:0; margin:20px 0 0;}
.check-list li {display:flex; gap:12px; padding:12px 0; border-bottom:1px solid rgba(255,255,255,0.08); color:var(--muted);}
.check-list li:last-child {border-bottom:0;}

.tick {color:var(--accent); font-weight:900;}
section {padding:56px 0;}

.section-head {text-align:center; max-width:720px; margin:0 auto 34px;}
.section-head h2 {font-size:clamp(2rem, 4vw, 3rem); line-height:1.1; margin:0 0 12px;}
.section-head p {margin:0; color:var(--muted); font-size:1.05rem;}

.cards {display:grid; grid-template-columns:repeat(4, 1fr); gap:16px;}
.card {background:var(--panel); border:1px solid var(--border); border-radius:22px; padding:22px; box-shadow:0 12px 35px rgba(0,0,0,0.18);}
.card .icon {width:46px; height:46px; border-radius:14px; display:grid; place-items:center; background:rgba(56,189,248,0.12); color:var(--accent-2); font-size:1.45rem; margin-bottom:14px;}
.card h3 {margin:0 0 8px;}
.card p {margin:0; color:var(--muted);}

.pricing {display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; align-items:stretch;}
.price-card {background:var(--panel); border:1px solid var(--border); border-radius:26px; padding:28px; position:relative; box-shadow:var(--shadow);}
.price-card.featured {background:linear-gradient(180deg, rgba(34,197,94,0.16), rgba(16,27,38,0.95)); border-color:rgba(34,197,94,0.55); transform:scale(1.03);}

.badge {position:absolute; top:18px; right:18px; background:var(--warning); color:#171303; font-weight:900; border-radius:999px; padding:6px 10px; font-size:0.78rem;}

.price-card h3 {margin:0 0 8px; font-size:1.45rem;}
.price-card .desc {color:var(--muted); margin:0 0 18px;}
.price {font-size:3rem; font-weight:900; letter-spacing:-1px; margin:8px 0;}
.price span {font-size:1rem; color:var(--muted); font-weight:600;}

.features {list-style:none; padding:0; margin:22px 0; color:var(--muted);}
.features li {padding:9px 0; border-bottom:1px solid rgba(255,255,255,0.08);}
.features li:before {content:"✓"; color:var(--accent); font-weight:900; margin-right:10px;}

.area {background:var(--panel-2); border:1px solid var(--border); border-radius:26px; padding:30px; display:grid; grid-template-columns:1fr auto; gap:20px; align-items:center;}
.area h2 {margin:0 0 8px;}
.area p {margin:0; color:var(--muted);}

.locations {display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end;}
.faq {max-width:850px; margin:0 auto; display:grid; gap:12px;}

details {background:var(--panel); border:1px solid var(--border); border-radius:18px; padding:18px 20px;}
summary {cursor:pointer; font-weight:800;}
details p {color:var(--muted); margin-bottom:0;}

.cta {text-align:center; background:linear-gradient(135deg, rgba(34,197,94,0.16), rgba(56,189,248,0.12)); border:1px solid var(--border); border-radius:32px; padding:44px 22px; box-shadow:var(--shadow);}
.cta h2 {font-size:clamp(2rem, 4vw, 3rem); margin:0 0 12px;}
.cta p {color:var(--muted); max-width:640px; margin:0 auto 24px;}

footer {padding:34px 0; border-top:1px solid var(--border); color:var(--muted); text-align:center; font-size:0.95rem;}

@media (max-width:900px) {
	.hero-grid, .pricing, .area { grid-template-columns:1fr; }
	.cards { grid-template-columns:repeat(2, 1fr); }
	.price-card.featured { transform:none; }
	.locations { justify-content:flex-start; }
	.nav-links { display:none; }
}
@media (max-width:560px) {
	.cards { grid-template-columns:1fr; }
	.hero { padding-top:48px; }
	.hero-actions .button { width:100%; }
	.price { font-size:2.55rem; }
}