/*
 Theme Name: ToTheNOC Child
 Template: generatepress
 Author: Alex
 Version: 1.0
*/
@import url("../generatepress/style.css");

/* Custom ToTheNOC styles below */
:root{
  --bg:#071226;
  --accent:#2D9CFF;
  --accent-2:#00D47E;
  --muted:#cbd5e1;
  --max-width:1100px;
  --radius:8px;
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
body{font-family:var(--font);background:var(--bg);color:#fff;margin:0;line-height:1.5}
.container{max-width:var(--max-width);margin:0 auto;padding:40px}
.hero{display:flex;align-items:center;justify-content:center;padding:60px 0}
.hero-left{flex:1;padding-right:30px}
.hero-right{flex:1;display:flex;align-items:center;justify-content:center}
.hero-title{font-size:2.2rem;margin:0 0 12px;color:#fff}
.hero-sub{color:var(--muted);margin-bottom:18px}
.btn{display:inline-block;padding:12px 18px;border-radius:6px;text-decoration:none;font-weight:600}
.btn.primary{background:var(--accent);color:#071226}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,0.08);color:#fff;margin-left:10px}
.hero-card{background:rgba(255,255,255,0.03);padding:24px;border-radius:var(--radius);text-align:center}
.client-slots{margin-top:18px;color:var(--muted)}
.noc-response{padding:40px 0}
.noc-response .lead{color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:20px}
.step{background:rgba(255,255,255,0.03);padding:18px;border-radius:8px}
.noc-cta{margin-top:24px}
@media(max-width:800px){
  .hero{flex-direction:column}
  .hero-left{padding-right:0}
  .hero-title{font-size:1.6rem}
}
.tothenoc-pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap: 24px;
  margin: 24px 0;
}
.tothenoc-plan-card {
  border: 1px solid #e6e6e6;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}
.tothenoc-plan-title { font-size: 1.25rem; margin-bottom: 8px; }
.tothenoc-plan-price { font-size: 1.5rem; font-weight:700; margin-bottom: 12px; }
.tothenoc-plan-features { list-style: none; padding:0; margin:0 0 16px 0; }
.tothenoc-plan-features li { padding:6px 0; border-top:1px solid #f2f2f2; }
.tothenoc-plan-select {
  display:inline-block;
  padding:10px 18px;
  background:#0078d4;
  color:#fff;
  border-radius:6px;
  text-decoration:none;
}
.tothenoc-plan-select:hover { background:#005ea6; }