body{margin:0;background:#0b0d10;color:#e5e7eb;font-family:Tahoma,Arial}
a{color:#fff;text-decoration:none}
.container{max-width:1152px;margin:auto;padding:0 20px}
.site-header{position:sticky;top:0;background:rgba(11,13,16,.75);backdrop-filter:blur(6px);z-index:20;border-bottom:1px solid #111}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:68px}
.brand{display:flex;align-items:center;gap:10px}
.logo{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#06b6d4);font-weight:800}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-text small{color:#98a2b3}
nav a{margin-inline:10px;opacity:.9}
nav a.cta,.btn-primary{padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#06b6d4)}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;padding:64px 20px 32px}
.hero-cta{display:flex;gap:12px;margin:20px 0}
.btn-outline{border:1px solid #1f2937;padding:10px 14px;border-radius:12px}
.trust{list-style:none;padding:0;margin:18px 0;display:flex;gap:14px;flex-wrap:wrap;color:#cbd5e1}
.hero-card{display:flex;align-items:center;justify-content:center}
.rate-card{background:#10141a;border:1px solid #1f2937;border-radius:16px;padding:18px;min-width:280px}
.rate-title{color:#cbd5e1}
.rate-value{font-size:34px;font-weight:800;margin:6px 0}
.calc{display:flex;gap:8px;margin:8px 0}
.calc input{flex:1;padding:10px 12px;border-radius:10px;border:1px solid #1f2937;background:#0e1319;color:#fff}
.ribbon{padding:40px 20px}
.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.about-card{background:#10141a;border:1px solid #1f2937;border-radius:16px;padding:16px}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.plan{background:#10141a;border:1px solid #1f2937;border-radius:16px;overflow:hidden}
.p-head{padding:12px 16px;background:#0e1319;font-weight:800}
.p-body{padding:14px 16px;color:#cbd5e1}
.plan-note{color:#cbd5e1;margin:12px 0}
.center{text-align:center;margin-top:12px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.gallery .card{background:#10141a;border:1px solid #1f2937;border-radius:14px;overflow:hidden}
.gallery img{width:100%;height:220px;object-fit:cover;display:block}
.gallery .cap{padding:10px 12px;color:#cbd5e1}
.faq details{background:#10141a;border:1px solid #1f2937;border-radius:14px;padding:10px 14px;margin:8px 0}
.site-footer{border-top:1px solid #111;margin-top:40px;padding:24px 0}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}
.logo.sm{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#06b6d4)}
@media (max-width: 980px){.hero{grid-template-columns:1fr}.plans{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}}
@media (max-width: 560px){.plans,.gallery{grid-template-columns:1fr}}