:root{
  --bg: #0b0f19;
  --card: #12182a;
  --muted: #a6b0cf;
  --text: #e8ecff;
  --brand: #9b87f5;
  --accent: #22c55e;
  --border: #1f2a44;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.container{width:min(1100px,92%);margin-inline:auto}
.tiny{font-size:.9rem;color:var(--muted);text-align:center;padding:1rem 0;border-top:1px solid var(--border)}

.site-header{position:sticky;top:0;background:rgba(11,15,25,.8);backdrop-filter: blur(10px);border-bottom:1px solid var(--border);z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0}
.logo{font-weight:800;letter-spacing:.3px}
.logo span{color:var(--brand)}
.nav{display:flex;gap:1rem;flex-wrap:wrap}
.menu-btn{display:none;background:transparent;border:1px solid var(--border);color:var(--text);padding:.4rem .6rem;border-radius:.5rem}
@media (max-width:820px){
  .nav{display:none;position:absolute;top:60px;right:4%;background:var(--card);padding:1rem;border:1px solid var(--border);border-radius:1rem;flex-direction:column;min-width:240px}
  .menu-btn{display:block}
}

.hero{padding:5rem 0;background:
  radial-gradient(70% 100% at 10% 10%, rgba(155,135,245,.25), transparent 60%),
  radial-gradient(60% 80% at 90% 10%, rgba(34,197,94,.2), transparent 60%)}
.hero-inner{max-width:820px}
.hero h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 .6rem}
.hero p{color:var(--muted);margin:0 0 1.2rem}
.brand{color:var(--brand)}
.cta-row{display:flex;gap:.8rem;flex-wrap:wrap}
.btn{display:inline-block;background:var(--brand);color:#0b0f19;padding:.8rem 1rem;border-radius:.8rem;font-weight:700;border:1px solid transparent}
.btn.ghost{background:transparent;border-color:var(--border);color:var(--text)}
.btn.small{padding:.6rem .8rem;border-radius:.6rem}
.link{color:var(--brand);font-weight:600}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem auto}
@media (max-width:900px){.grid-3{grid-template-columns:1fr}}

.card{background:var(--card);border:1px solid var(--border);border-radius:1.2rem;padding:1rem}
.card.soft{background:rgba(18,24,42,.6)}

.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.2rem 0}
@media (max-width:900px){.pricing-grid{grid-template-columns:1fr}}
.price-card{background:var(--card);border:1px solid var(--border);border-radius:1.2rem;padding:1rem}
.price-card .price{font-size:1.4rem;font-weight:800;margin:.4rem 0}
.price-card ul{padding-left:1rem}
.price-card.featured{outline:2px solid var(--brand)}

.features .card h3{margin:.2rem 0}

.tick{list-style:none;padding-left:0}
.tick li{padding-left:1.2rem;position:relative;margin:.3rem 0}
.tick li:before{content:"✓";position:absolute;left:0;color:var(--accent)}

.page-hero{padding:3rem 0 1rem}
.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:1.2rem}
@media (max-width:900px){.two-col{grid-template-columns:1fr}}

.mini-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.6rem 0}
.muted{color:var(--muted);font-size:.95rem}

.tabs{display:flex;gap:.6rem;margin:1rem 0 0}
.tab{background:transparent;border:1px solid var(--border);color:var(--text);padding:.5rem 1rem;border-radius:.8rem;cursor:pointer}
.tab.active{background:var(--brand);color:#0b0f19;border-color:transparent}
.tab-content{display:none;padding:1rem 0}
.tab-content.active{display:block}

.site-footer{margin-top:3rem;border-top:1px solid var(--border);padding:2rem 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr}}

.contact{display:grid;grid-template-columns:2fr 1fr;gap:1rem}
@media (max-width:900px){.contact{grid-template-columns:1fr}}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
.form-grid .full{grid-column:1 / -1}
input,select,textarea{width:100%;padding:.7rem;border-radius:.6rem;border:1px solid var(--border);background:#0f1526;color:var(--text)}
label{display:flex;flex-direction:column;gap:.4rem;font-weight:600}