/*
Theme Name: SteelWP
Theme URI: https://steelwp.com
Template: Divi
Author: SteelWP
Author URI: https://steelwp.com
Description: Custom SteelWp theme based on Divi5
Version: 1.0.0.1772404060
Updated: 2026-03-01 22:27:40

*/

/* SteelWP Divi 5 Global CSS */

:root {
  --steelwp-bg: #0f1720;
  --steelwp-bg-alt: #151f2a;
  --steelwp-bg-deep: #0b1118;
  --steelwp-primary: #336699;
  --steelwp-highlight: #4fa3ff;
  --steelwp-text: #ffffff;
  --steelwp-text-soft: #cbd5e1;
  --steelwp-border: #253140;
  --steelwp-footer-text: #94a3b8;
  --steelwp-radius-sm: 6px;
  --steelwp-radius-md: 10px;
  --steelwp-radius-lg: 12px;
  --steelwp-shadow-accent: 0 0 16px rgba(51,102,153,0.35);
}

body {
  background: var(--steelwp-bg);
  color: var(--steelwp-text-soft);
  font-family: Inter, sans-serif;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--steelwp-text);
  font-family: Inter, sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
}

h1 { font-size: 48px; }
h2 { font-size: 40px; }
h3 { font-size: 34px; }
p { font-size: 16px; }

.steelwp-dark-section {
  background: var(--steelwp-bg);
}

.steelwp-alt-section {
  background: var(--steelwp-bg-alt);
}

.steelwp-deep-section {
  background: var(--steelwp-bg-deep);
}

.steelwp-feature-card,
.steelwp-step-card,
.steelwp-pricing-card,
.steelwp-screenshot-frame {
  background: var(--steelwp-bg-alt);
  border: 1px solid var(--steelwp-border);
  border-radius: var(--steelwp-radius-lg);
}

.steelwp-feature-card,
.steelwp-step-card,
.steelwp-pricing-card {
  padding: 30px;
}

.steelwp-feature-card:hover,
.steelwp-step-card:hover,
.steelwp-pricing-card:hover {
  border-color: var(--steelwp-primary);
  transform: translateY(-3px);
  transition: all 180ms ease;
}

.steelwp-screenshot-frame {
  background: var(--steelwp-bg-deep);
  padding: 16px;
}

.steelwp-button-primary .et_pb_button,
.et_pb_button.steelwp-button-primary {
  background: var(--steelwp-primary) !important;
  color: #fff !important;
  border-radius: var(--steelwp-radius-sm) !important;
  padding: 14px 22px !important;
  box-shadow: var(--steelwp-shadow-accent);
}

.steelwp-button-primary .et_pb_button:hover,
.et_pb_button.steelwp-button-primary:hover {
  background: var(--steelwp-highlight) !important;
}

.steelwp-button-secondary .et_pb_button,
.et_pb_button.steelwp-button-secondary {
  background: transparent !important;
  border: 1px solid var(--steelwp-primary) !important;
  color: var(--steelwp-primary) !important;
  border-radius: var(--steelwp-radius-sm) !important;
  padding: 14px 22px !important;
}

.steelwp-button-secondary .et_pb_button:hover,
.et_pb_button.steelwp-button-secondary:hover {
  background: var(--steelwp-primary) !important;
  color: #fff !important;
}

.steelwp-logo,
.steelwp-logo svg {
  color: #fff;
  fill: currentColor;
}

.steelwp-header {
  background: var(--steelwp-bg);
  border-bottom: 1px solid var(--steelwp-border);
}

.steelwp-footer {
  background: var(--steelwp-bg-deep);
  color: var(--steelwp-footer-text);
  border-top: 1px solid var(--steelwp-border);
}

.steelwp-trustline {
  color: var(--steelwp-footer-text);
  font-size: 15px;
}

.steelwp-pro-card {
  border: 2px solid var(--steelwp-primary);
  transform: scale(1.03);
}

.steelwp-accent-line {
  width: 80px;
  height: 3px;
  background: var(--steelwp-primary);
  border-radius: 999px;
  margin-bottom: 18px;
}