/*
Theme Name: Hex Business
Theme URI: https://hexbiz.com
Author: Hex Business
Author URI: https://hexbiz.com
Description: Full WordPress theme for Hex Business — a cinematic scroll-driven "Hex Engine" homepage plus standard header, footer, nav menu and page templates. Colors, copy, stats, clients, service cards and platform badges are all editable from the WP admin (Customizer, Theme Options, and ACF if installed).
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hex-business
*/

html, body {
  margin: 0;
  padding: 0;
  background: #f8f6fb;
  color: #1c1330;
  font-family: 'Space Grotesk', sans-serif;
}

* { box-sizing: border-box; }

a { color: #ff7a2e; text-decoration: none; }
a:hover { color: #8a63e8; }

::selection { background: #ff7a2e; color: #ffffff; }

img { max-width: 100%; height: auto; }

/* ---- Site header ---- */
.hexbiz-header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 36px;
  background: rgba(248,246,251,0.7);
  backdrop-filter: blur(10px);
}
.hexbiz-header .site-branding { display: flex; align-items: center; gap: 12px; }
.hexbiz-header .site-branding img { width: 44px; height: auto; border-radius: 12px; box-shadow: 0 8px 20px rgba(30,15,60,0.2); }
.hexbiz-header .site-branding .site-title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 18px; color: #1c1330; }
.hexbiz-nav ul { list-style: none; display: flex; gap: 28px; margin: 0; padding: 0; }
.hexbiz-nav a { font-size: 14px; font-weight: 500; letter-spacing: 0.03em; color: #1c1330; }
.hexbiz-nav a:hover { color: #ff7a2e; }
.hexbiz-nav-toggle { display: none; }

@media (max-width: 780px) {
  .hexbiz-header { padding: 16px 20px; }
  .hexbiz-nav ul { gap: 16px; flex-wrap: wrap; justify-content: flex-end; }
  .hexbiz-nav a { font-size: 13px; }
}

/* ---- Site footer ---- */
.hexbiz-footer {
  background: #1c1330;
  color: #cfc3ea;
  padding: 60px 36px 30px;
}
.hexbiz-footer .footer-inner { max-width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-between; }
.hexbiz-footer h4 { font-family: 'Poppins', sans-serif; color: #fff; font-size: 15px; margin: 0 0 14px; }
.hexbiz-footer ul { list-style: none; margin: 0; padding: 0; }
.hexbiz-footer li { margin-bottom: 8px; }
.hexbiz-footer a { color: #cfc3ea; font-size: 14px; }
.hexbiz-footer a:hover { color: #ff7a2e; }
.hexbiz-footer .copyright { text-align: center; margin-top: 40px; font-size: 12px; color: #8a7ab0; }

/* ---- Generic page template ---- */
.hexbiz-page-wrap { max-width: 820px; margin: 0 auto; padding: 160px 24px 100px; }
.hexbiz-page-wrap h1 { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: clamp(28px,4vw,44px); margin-bottom: 24px; }
.hexbiz-page-wrap .entry-content { font-size: 17px; line-height: 1.7; color: #3a2e58; }
.hexbiz-page-wrap .entry-content p { margin: 0 0 20px; }

/* ---- Blog / archive ---- */
.hexbiz-archive { max-width: 820px; margin: 0 auto; padding: 160px 24px 100px; }
.hexbiz-post-card { border-bottom: 1px solid rgba(90,60,150,0.15); padding: 28px 0; }
.hexbiz-post-card h2 { font-family: 'Poppins', sans-serif; font-size: 24px; margin: 0 0 8px; }
.hexbiz-post-card .meta { font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: #ff7a2e; margin-bottom: 10px; }