.g2-landing {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  font-family: Arial, sans-serif;
}

/* HERO */
.g2-hero {
  background: linear-gradient(135deg,#061b3a,#0b2957);
  color: white;
  padding: 80px 0;
}

.g2-wrap {
  width: min(1200px,92%);
  margin: auto;
}

.g2-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}

.g2-copy h1 {
  font-size: clamp(40px,6vw,70px);
}

.g2-actions {
  margin: 20px 0;
}

.g2-btn {
  padding: 14px 22px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: bold;
}

.g2-btn-primary {
  background:#3b82ff;
  color:white;
}

.g2-btn-secondary {
  border:1px solid white;
  color:white;
}

.g2-benefits {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.g2-benefits div {
  background:rgba(255,255,255,0.1);
  padding:10px;
  border-radius:8px;
}

/* SECTIONS */
.g2-section {
  padding:80px 0;
}

.g2-light {
  background:#f5f7fa;
}

.g2-grid-2 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
}

.g2-cards {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.g2-card {
  background:white;
  padding:20px;
  border-radius:10px;
}

/* PRICING */
.g2-pricing {
  background:#f5f7fa;
  padding:20px;
  border-radius:10px;
}

.highlight {
  color:#3b82ff;
}

.g2-save {
  background:#3b82ff;
  color:white;
  padding:8px;
  display:inline-block;
  border-radius:20px;
}

/* BUNDLE */
.g2-bundle {
  background:#0b2957;
  color:white;
  padding:80px 0;
}

.g2-box {
  background:rgba(255,255,255,0.1);
  padding:20px;
  border-radius:10px;
}

.g2-btn-light {
  background:white;
  color:#0b2957;
}

/* CTA */
.g2-cta {
  text-align:center;
  padding:60px 0;
}
/* ===== FIX SPACING PERFECTLY ===== */

/* remove default WP spacing */
.wp-site-blocks,
.wp-block-post-content,
.entry-content,
.is-layout-constrained,
main,
main.wp-block-group {
  margin: 0 !important;
  padding: 0 !important;
}

/* remove top margin from first block */
.wp-block-post-content > *:first-child,
.entry-content > *:first-child,
main > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* remove stray spacer/group at top */
.wp-block-spacer:first-child,
.wp-block-group:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* header sits tight */
.g2-site-header,
.g2-topbar,
header {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* hero starts immediately under header */
.g2-hero,
.g2-bb-hero,
.g2-energy-hero,
.g2-ts-hero {
  margin-top: 0 !important;
  padding-top: 48px !important;
}

/* remove extra top space from wrapper */
.g2-home,
.g2-page,
.g2-bb-page,
.g2-energy-page,
.g2-ts-page {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* if WP navigation block adds space */
.wp-block-template-part,
.wp-block-group {
  margin-top: 0 !important;
}

/* mobile */
@media (max-width: 767px) {
  .g2-hero,
  .g2-bb-hero,
  .g2-energy-hero,
  .g2-ts-hero {
    padding-top: 28px !important;
  }
}



.wp-block-navigation__responsive-container {
  background: linear-gradient(
    to bottom,
    rgba(10,25,48,0.20),
    rgba(10,25,48,0.10)
  ) !important;

backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  
border-left: none !important;;
}
	
	
 

.wp-block-navigation__responsive-container a {
  color: #ffffff !important;
  font-size: 20px;
  font-weight: 500;
}




.wp-block-navigation__responsive-container-content ul {
  padding: 0;
}

.wp-block-navigation__responsive-container-content li {
  list-style: none;
  margin: 12px 0;
}

.wp-block-navigation__responsive-container-content li {
  position: relative;
  padding: 12px 0;
}

@media (max-width: 768px) {

  /* center whole menu */
  .wp-block-navigation__responsive-container-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  /* reset list */
  .wp-block-navigation__responsive-container-content ul {
    padding: 0;
    margin: 0;
    width: 100%;
  }

  /* each item centered */
  .wp-block-navigation__responsive-container-content li {
    list-style: none;
    width: 100%;
    padding: 14px 0;
    text-align: center;
  }

  /* center links */
  .wp-block-navigation__responsive-container a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    color: #ffffff !important;
  }

  /* divider lines */
  .wp-block-navigation__responsive-container-content li::after {
    content: "";
    display: block;
    width: 50%;
    height: 1px;
    margin: 12px auto 0;
    background: linear-gradient(
      to right,
      transparent,
      rgba(255,255,255,0.25),
      transparent
    );
  }

  /* remove last line */
  .wp-block-navigation__responsive-container-content li:last-child::after {
    display: none;
  }

}



/* MAIN FOOTER */
.site-footer,
footer {
  background: #0a1930 !important;
  color: rgba(255,255,255,0.8);
}

/* TOP FOOTER AREA */
footer .wp-block-columns {
  padding: 40px 36px !important;
}

/* LOGO TEXT / DESCRIPTION */
footer p {
  color: rgba(255,255,255,0.75);
}

/* LINKS */
footer a {
  color: #ffffff;
  text-decoration: none;
}

footer a:hover {
  color: #9ac443;
}

/* RIGHT MENU LINKS */
footer .wp-block-navigation a {
  color: rgba(255,255,255,0.85);
}

footer .wp-block-navigation a:hover {
  color: #9ac443;
}

/* CONTACT ICON TEXT */
footer li {
  color: rgba(255,255,255,0.8);
}

/* FOOTER NOTE (BOTTOM BAR) */
.g2-footer-note {
  background: #081423; /* slightly darker than footer */
  color: rgba(255,255,255,0.7);
  text-align: center;
  font-size: 14px;
  padding: 18px 20px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

/* BRAND GREEN */
.g2-footer-note .g2-brand {
  color: #9ac443;
  font-weight: 600;
	font-size: inherit;
}

/* EMAIL ORANGE */
.g2-footer-note a {
  color: #ff9d2f;
  text-decoration: none;
}

.g2-footer-note a:hover {
  text-decoration: underline;
}

footer {
  margin-top: -1px;
}

/* Footer headings visible */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
  color: #ffffff !important;
}

/* Footer links visible */
footer a,
footer .wp-block-navigation a {
  color: #ffffff !important;
}

/* Footer paragraph/contact text visible */
footer p,
footer li {
  color: rgba(255,255,255,0.82) !important;
}

/* Footer link hover */
footer a:hover,
footer .wp-block-navigation a:hover {
  color: #9ac443 !important;
}

.g2-footer-note {
  background: #081423 !important;
  color: rgba(255,255,255,0.75) !important;
}

.g2-footer-note a {
  color: #ff9d2f !important;
}

.g2-footer-note .g2-brand {
  color: #9ac443 !important;
  font-size: inherit !important;
}




/* SUBMIT BUTTON UPGRADE */
.wpforms-submit {
  background: linear-gradient(135deg, #9ac443, #7fb32f) !important;
  color: #0d2344 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 28px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
  box-shadow: 0 6px 18px rgba(154,196,67,0.35);
  transition: all 0.25s ease;
}

/* Hover effect */
.wpforms-submit:hover {
  background: linear-gradient(135deg, #a8d84a, #8ac933) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(154,196,67,0.45);
}

/* Click effect */
.wpforms-submit:active {
  transform: translateY(0);
  box-shadow: 0 4px 10px rgba(154,196,67,0.3);
}

/* Make it full width on mobile */
@media (max-width: 768px) {
  .wpforms-submit {
    width: 100% !important;
  }
}