/* RebootTwice Site Kit – consistent design system (lightweight) */
:root{
  --rbt2-blue-900:#1e3a8a;
  --rbt2-blue-600:#3b82f6;
  --rbt2-amber:#f59e0b;
  --rbt2-ink:#2c3e50;
  --rbt2-muted:#4b5563;
  --rbt2-bg:#f9fafb;
  --rbt2-border:#e5e7eb;
  --rbt2-radius:14px;
}

body{color:var(--rbt2-ink);}
.rbt2-section{padding:72px 0;}
.rbt2-bg{background:var(--rbt2-bg);}
.rbt2-container{max-width:1100px;margin:0 auto;padding:0 20px;}
.rbt2-narrow{max-width:900px;margin:0 auto;padding:0 20px;}

.upgrade-hero{
  background:linear-gradient(135deg,var(--rbt2-blue-900) 0%,var(--rbt2-blue-600) 100%);
  color:#fff;
  padding:72px 20px 54px;
  text-align:center;
}
.upgrade-hero h1{
  font-size:clamp(2rem, 2.8vw, 2.6rem);
  line-height:1.15;
  margin:0 0 14px 0;
}
.upgrade-hero p{
  font-size:1.15rem;
  opacity:.95;
  max-width:820px;
  margin:0 auto 22px;
}
.rbt2-kicker{
  display:inline-block;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
  font-size:.85rem;
  opacity:.9;
  margin-bottom:10px;
}

.rbt2-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px;}
.btn, .wp-block-button__link{
  display:inline-block;
  padding:12px 22px;
  border-radius:10px;
  font-weight:650;
  text-decoration:none !important;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}
.btn-primary, .rbt2-btn-primary .wp-block-button__link{
  background:var(--rbt2-amber);
  color:#fff !important;
  border:2px solid var(--rbt2-amber);
}
.btn-primary:hover, .rbt2-btn-primary .wp-block-button__link:hover{
  background:#d97706;
  border-color:#d97706;
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(245,158,11,.25);
}
.btn-outline, .rbt2-btn-outline .wp-block-button__link{
  background:transparent;
  color:#fff !important;
  border:2px solid rgba(255,255,255,.9);
}
.btn-outline:hover, .rbt2-btn-outline .wp-block-button__link:hover{
  background:#fff;
  color:var(--rbt2-blue-900) !important;
}

.rbt2-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:18px;
}
.rbt2-card{
  background:#fff;
  border:1px solid var(--rbt2-border);
  border-radius:var(--rbt2-radius);
  padding:22px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.rbt2-card h3{margin:0 0 8px 0;color:var(--rbt2-blue-900);font-size:1.25rem;}
.rbt2-card p{margin:0;color:var(--rbt2-muted);line-height:1.7;}
.rbt2-card a{color:var(--rbt2-blue-900);font-weight:650;text-decoration:none;}
.rbt2-card a:hover{text-decoration:underline;}

.rbt2-col-4{grid-column:span 4;}
.rbt2-col-6{grid-column:span 6;}
.rbt2-col-12{grid-column:span 12;}

.rbt2-list{margin:14px 0 0 18px;color:var(--rbt2-muted);}
.rbt2-list li{margin:8px 0;}

.rbt2-callout{
  border-left:4px solid var(--rbt2-blue-600);
  background:#fff;
  border-radius:12px;
  padding:18px 18px;
  color:var(--rbt2-blue-900);
  font-weight:600;
}

.rbt2-form{
  background:#fff;
  border:1px solid var(--rbt2-border);
  border-radius:var(--rbt2-radius);
  padding:22px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.rbt2-form label{display:block;font-weight:650;margin:12px 0 6px 0;color:var(--rbt2-blue-900);}
.rbt2-form input, .rbt2-form textarea{
  width:100%;
  border:1px solid var(--rbt2-border);
  border-radius:10px;
  padding:12px 12px;
  font-size:1rem;
}
.rbt2-form textarea{min-height:140px;resize:vertical;}
.rbt2-form .rbt2-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.rbt2-form .rbt2-form-actions{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap;}

@media (max-width: 900px){
  .rbt2-col-4,.rbt2-col-6{grid-column:span 12;}
  .rbt2-form .rbt2-form-row{grid-template-columns:1fr;}
}