/*
Theme Name: BuildGenie Website Theme
Theme URI: https://buildgenie.local
Author: BuildGenie
Author URI: https://buildgenie.local
Description: A custom one-page WordPress theme using the approved BuildGenie banner/template artwork without changing any logos or pictures.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: buildgenie
Tags: custom-background, custom-logo, one-column, landing-page
*/

:root {
  --bg: #f8fbff;
  --ink: #0c1222;
  --blue: #1269ff;
  --purple: #8f20ff;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; min-height: 100%; }
body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--bg);
  color: var(--ink);
}
a { color: inherit; text-decoration: none; }

.buildgenie-page {
  min-height: 100vh;
  width: 100%;
  overflow: hidden;
  background: #f8fbff;
}

/* This keeps the approved image/logo/pictures unchanged. */
.buildgenie-hero-art {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background-image: url('assets/images/buildgenie-template-banner.png');
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.buildgenie-accessible-content {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.buildgenie-actions {
  position: absolute;
  left: 3.25%;
  top: 57.4%;
  display: flex;
  gap: 1.45rem;
  z-index: 5;
}

.buildgenie-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: clamp(42px, 4.3vw, 65px);
  min-width: clamp(150px, 16vw, 255px);
  border-radius: 14px;
  font-weight: 700;
  font-size: clamp(14px, 1.15vw, 20px);
  line-height: 1;
  transition: transform .18s ease, box-shadow .18s ease;
}
.buildgenie-btn:hover { transform: translateY(-2px); }
.buildgenie-btn-primary {
  background: linear-gradient(135deg, var(--blue), var(--purple));
  color: #fff;
  box-shadow: 0 18px 40px rgba(72, 57, 255, .25);
}
.buildgenie-btn-secondary {
  border: 1px solid rgba(21, 35, 70, .15);
  background: rgba(255,255,255,.78);
  color: #0c1222;
  backdrop-filter: blur(8px);
}

.buildgenie-top-cta {
  position: absolute;
  right: 3.1%;
  top: 4.4%;
  z-index: 5;
  min-width: clamp(130px, 11.2vw, 190px);
  height: clamp(40px, 3.8vw, 58px);
  border: 2px solid transparent;
  background: linear-gradient(#fff,#fff) padding-box, linear-gradient(135deg, var(--blue), var(--purple)) border-box;
  color: #111827;
  border-radius: 999px;
  font-weight: 700;
}

@media (max-width: 980px) {
  .buildgenie-hero-art {
    min-height: 120vh;
    background-size: auto 100%;
    background-position: center top;
  }
  .buildgenie-actions, .buildgenie-top-cta { display: none; }
}

@media (max-width: 640px) {
  .buildgenie-hero-art {
    min-height: 100vh;
    background-size: cover;
    background-position: 42% top;
  }
}