/*
Theme Name: Usama Authority
Theme URI: https://usama.uk
Author: Usama Brand Elevate
Description: A clean, fast, premium multi-page WordPress theme for executive branding, leadership visibility and authority positioning. No page builder required.
Version: 2.3.0
License: GPLv2 or later
Text Domain: usama-authority
*/

:root{
  --black:#030303;
  --charcoal:#0B0B0B;
  --charcoal2:#111111;
  --gold:#D4AF37;
  --gold2:#F2C14E;
  --ivory:#F7F3EA;
  --white:#FFFFFF;
  --text:#171717;
  --muted:#666666;
  --border:rgba(212,175,55,.24);
  --max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.65}
img{max-width:100%;height:auto}
a{color:inherit}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.gold{color:var(--gold2)}
.center{text-align:center}
.narrow{max-width:820px;margin-inline:auto}
.lead{font-size:19px;line-height:1.75;color:inherit;opacity:.86}
.eyebrow{color:var(--gold2);text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.16em;margin-bottom:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:6px;background:linear-gradient(135deg,#F5D36B,#D4AF37);color:#050505!important;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;border:1px solid rgba(212,175,55,.7);transition:.28s ease;line-height:1}
.btn:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(212,175,55,.18)}
.btn.outline{background:transparent;color:#fff!important;border-color:rgba(212,175,55,.45)}
.section{padding:92px 0}
.dark{background:var(--black);color:#fff}
.ivory{background:var(--ivory)}
.section-title,h1,h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.035em;line-height:1.08}
.section-title{font-size:48px;margin:0 0 22px}
h1{font-size:68px;margin:0 0 24px}
h3{line-height:1.2}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.top-align{align-items:start}

.site-header{height:78px;background:rgba(3,3,3,.97);border-bottom:1px solid rgba(212,175,55,.22);position:sticky;top:0;z-index:9999}
.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo-link{display:flex;align-items:center;width:210px;min-width:210px;height:64px;overflow:hidden}
.logo-link img{display:block;max-width:205px;max-height:58px;width:auto;height:auto;object-fit:contain;object-position:left center}
.primary-nav{display:flex;align-items:center;justify-content:center;gap:26px;flex:1}
.primary-nav a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.08em;opacity:.9}
.primary-nav a:hover{color:var(--gold2)}
.menu-toggle{display:none;background:transparent;color:var(--gold2);border:1px solid rgba(212,175,55,.4);border-radius:7px;padding:8px 10px;font-size:20px}

.hero{min-height:calc(100vh - 78px);background:radial-gradient(circle at 75% 35%,rgba(212,175,55,.22),transparent 31%),linear-gradient(135deg,#020202,#0a0a0a 65%,#111);color:#fff;display:flex;align-items:center;padding:92px 0 74px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(212,175,55,.06) 1px,transparent 1px),linear-gradient(rgba(212,175,55,.05) 1px,transparent 1px);background-size:72px 72px;opacity:.18;mask-image:radial-gradient(circle at 70% 40%,#000,transparent 62%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.hero p{color:#dcdcdc}
.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin:34px 0}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;padding-top:25px;border-top:1px solid rgba(212,175,55,.22)}
.trust-strip strong{display:block;color:var(--gold2);font-family:Georgia,serif;font-size:25px;line-height:1.1}
.trust-strip span{display:block;color:#bebebe;font-size:12px;line-height:1.4}
.portrait-frame{border:1px solid rgba(212,175,55,.35);border-radius:28px;padding:12px;background:linear-gradient(145deg,rgba(212,175,55,.2),rgba(255,255,255,.035));box-shadow:0 42px 90px rgba(0,0,0,.52)}
.portrait-frame img{display:block;width:100%;height:620px;object-fit:cover;object-position:center top;border-radius:20px}
.floating-proof{position:absolute;left:-44px;bottom:44px;width:262px;padding:22px;border-radius:16px;background:rgba(0,0,0,.82);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.35);box-shadow:0 24px 55px rgba(0,0,0,.45)}
.hero-visual{position:relative}

.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.card,.pain-card,.step-card,.service-tile,.editorial-card,.result-card,.price-card{border:1px solid rgba(212,175,55,.18);border-radius:18px;padding:30px;transition:.3s ease;background:#fff}
.card:hover,.pain-card:hover,.step-card:hover,.service-tile:hover,.editorial-card:hover,.result-card:hover,.price-card:hover{transform:translateY(-5px);border-color:rgba(212,175,55,.5);box-shadow:0 22px 50px rgba(0,0,0,.08)}
.pain-card span,.step-card strong,.editorial-card span{color:var(--gold2);font-weight:900;letter-spacing:.18em}
.pain-card p,.step-card p,.editorial-card p,.service-tile p,.card p{color:#555}
.mega-title{font-family:Georgia,"Times New Roman",serif;font-size:64px;line-height:1.05;margin:0}
.manifesto-layout{display:grid;grid-template-columns:120px 1.2fr 1fr;gap:46px;align-items:start}
.manifesto-number{font-size:82px;color:rgba(212,175,55,.18);font-family:Georgia,serif;line-height:1}
.framework-steps,.service-preview-grid,.editorial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}
.editorial-grid{grid-template-columns:repeat(3,1fr)}
.step-card{background:#fbfaf7}
.service-tile,.dark .editorial-card,.dark .result-card{background:rgba(255,255,255,.045);border-color:rgba(212,175,55,.24)}
.dark .service-tile p,.dark .editorial-card p,.dark .result-card p{color:#d1d1d1}
.transformation-grid{display:grid;grid-template-columns:1fr 80px 1fr;gap:28px;align-items:center;margin-top:45px}
.before-after{background:#fbfaf7;border:1px solid rgba(212,175,55,.18);border-radius:18px;padding:34px}
.before-after.after{background:#0a0a0a;color:#fff;border-color:var(--gold)}
.arrow-circle{width:80px;height:80px;border-radius:50%;background:var(--gold);display:grid;place-items:center;font-size:36px;font-weight:900;color:#000}
.audit-box{background:linear-gradient(135deg,#080808,#111);border:1px solid rgba(212,175,55,.45);border-radius:22px;padding:44px;display:flex;justify-content:space-between;align-items:center;gap:40px;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.2)}
.audit-box h2{font-family:Georgia,serif;font-size:42px;margin:0 0 12px}
.page-hero{padding:110px 0 80px;background:radial-gradient(circle at 75% 30%,rgba(212,175,55,.17),transparent 32%),#050505;color:#fff}
.page-hero h1{max-width:980px}
.service-grid,.pricing-grid,.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.service-card{background:#fff;border:1px solid rgba(212,175,55,.18);border-radius:18px;padding:34px}
.service-card ul{padding-left:18px}
.price-card{background:rgba(255,255,255,.045);color:#fff}
.price-card strong{display:block;color:var(--gold2);font-size:30px;margin:20px 0}
.price-card.featured{border-color:var(--gold);background:linear-gradient(135deg,rgba(212,175,55,.16),rgba(255,255,255,.04))}
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px}
.contact-form{display:grid;gap:18px;background:#fff;border-radius:20px;padding:36px;border:1px solid rgba(212,175,55,.18);box-shadow:0 30px 70px rgba(0,0,0,.08)}
.contact-form input,.contact-form textarea{width:100%;padding:16px 18px;border:1px solid #ddd;border-radius:8px;font:inherit}
.contact-form textarea{min-height:160px}
.site-footer{background:#030303;color:#fff;padding:64px 0 24px;border-top:1px solid rgba(212,175,55,.22)}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr 1fr;gap:44px}
.footer-logo{max-width:210px;max-height:90px;width:auto;height:auto;margin-bottom:16px}
.site-footer a{text-decoration:none;color:#ddd}
.site-footer h4{color:var(--gold2);text-transform:uppercase;font-size:13px;letter-spacing:.08em}
.copyright{margin-top:42px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);color:#aaa;font-size:13px}

@media(max-width:1000px){
  h1{font-size:46px}.section-title,.mega-title{font-size:38px}
  .hero-grid,.split,.manifesto-layout,.grid4,.framework-steps,.service-preview-grid,.editorial-grid,.transformation-grid,.service-grid,.pricing-grid,.result-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}
  .primary-nav{display:none}.menu-toggle{display:block}.header-cta{display:none}
  .trust-strip{grid-template-columns:1fr}
  .portrait-frame img{height:520px}
  .floating-proof{position:relative;left:auto;bottom:auto;margin-top:18px;width:auto}
  .arrow-circle{transform:rotate(90deg);margin:auto}
  .audit-box{flex-direction:column;align-items:flex-start}
}


/* ===== V1.1 Header, Portfolio and Customisation Update ===== */

/* Header adjusted so complete menu fits professionally */
.logo-link{
  width:185px;
  min-width:185px;
  height:62px;
}
.logo-link img{
  max-width:180px;
  max-height:54px;
}
.primary-nav{
  gap:18px;
}
.primary-nav a{
  font-size:11.5px;
  letter-spacing:.065em;
}
.header-cta{
  padding:12px 16px;
  font-size:11px;
  white-space:nowrap;
}

/* Mobile navigation */
.mobile-nav-panel{
  display:none;
  background:#050505;
  border-top:1px solid rgba(212,175,55,.18);
  padding:18px 24px 24px;
}
.mobile-nav-panel a{
  display:block;
  color:#fff;
  text-decoration:none;
  padding:12px 0;
  text-transform:uppercase;
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
}
.mobile-nav-panel .btn{
  display:inline-flex;
  margin-top:12px;
  padding:13px 18px;
  color:#050505!important;
}
.mobile-nav-panel.is-open{
  display:block;
}

/* Stronger website customisation refinements */
.hero{
  min-height:760px;
}
.hero h1{
  max-width:760px;
}
.section-title{
  max-width:850px;
}
.card h3,
.pain-card h3,
.step-card h3,
.service-tile h3,
.editorial-card h3{
  margin-top:14px;
}
.card,
.pain-card,
.step-card,
.service-tile,
.editorial-card,
.result-card,
.service-card,
.price-card{
  box-shadow:0 18px 45px rgba(0,0,0,.04);
}

/* Portfolio page */
.portfolio-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
  margin-top:46px;
}
.portfolio-card{
  background:#fff;
  border:1px solid rgba(212,175,55,.18);
  border-radius:20px;
  padding:28px;
  transition:.3s ease;
  box-shadow:0 20px 55px rgba(0,0,0,.05);
}
.portfolio-card:hover{
  transform:translateY(-6px);
  border-color:rgba(212,175,55,.5);
  box-shadow:0 24px 60px rgba(0,0,0,.09);
}
.portfolio-thumb{
  height:190px;
  border-radius:16px;
  background:
    radial-gradient(circle at 70% 30%, rgba(212,175,55,.24), transparent 35%),
    linear-gradient(135deg,#030303,#141414);
  color:var(--gold2);
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  padding:24px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:32px;
  line-height:1.05;
  margin-bottom:24px;
}
.portfolio-card h3{
  font-size:24px;
  margin:0 0 12px;
}
.portfolio-card p{
  color:#555;
}
.portfolio-card span{
  display:inline-block;
  margin-top:16px;
  color:var(--gold);
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}

/* Make header robust on medium screens */
@media(max-width:1120px){
  .primary-nav{
    gap:13px;
  }
  .primary-nav a{
    font-size:10.8px;
  }
  .logo-link{
    width:165px;
    min-width:165px;
  }
  .logo-link img{
    max-width:160px;
  }
  .header-cta{
    padding:11px 13px;
  }
}

@media(max-width:1000px){
  .primary-nav,
  .header-cta{
    display:none;
  }
  .menu-toggle{
    display:block;
  }
  .portfolio-grid{
    grid-template-columns:1fr;
  }
  .logo-link{
    width:180px;
    min-width:180px;
  }
  .logo-link img{
    max-width:175px;
  }
}


/* ===== V1.2 Duplicate Menu Fix ===== */
/* Desktop menu only appears on desktop. Mobile menu is hidden by HTML hidden attribute until button click. */
.desktop-nav{
  display:flex !important;
}

.mobile-nav-panel[hidden]{
  display:none !important;
}

.mobile-nav-panel{
  background:#050505;
  border-top:1px solid rgba(212,175,55,.18);
  padding:18px 24px 24px;
}

.mobile-nav-panel a{
  display:block;
  color:#fff;
  text-decoration:none;
  padding:12px 0;
  text-transform:uppercase;
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
}

.mobile-nav-panel .mobile-audit-btn{
  display:inline-flex;
  margin-top:12px;
  padding:13px 18px;
  color:#050505 !important;
}

@media(min-width:1001px){
  .desktop-nav{
    display:flex !important;
  }

  .menu-toggle,
  .mobile-nav-panel{
    display:none !important;
  }
}

@media(max-width:1000px){
  .desktop-nav,
  .header-cta{
    display:none !important;
  }

  .menu-toggle{
    display:block !important;
  }

  .mobile-nav-panel.is-open{
    display:block !important;
  }
}


/* ===== V1.3 Human Services Content & Layout Upgrade ===== */

.services-hero .lead{
  max-width:820px;
}

.services-intro p{
  color:#333;
}

.human-services{
  margin-top:44px;
}

.premium-service{
  position:relative;
  overflow:hidden;
  padding:34px;
  min-height:520px;
  display:flex;
  flex-direction:column;
}

.premium-service:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,var(--gold),transparent);
  opacity:.9;
}

.service-number{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#050505;
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  margin-bottom:22px;
}

.premium-service h3{
  font-size:28px;
  margin:0 0 14px;
  letter-spacing:-.02em;
}

.service-hook{
  color:#111!important;
  font-weight:800;
  font-size:16px;
  line-height:1.55;
  margin:0 0 16px;
}

.premium-service p{
  color:#555;
  margin-top:0;
}

.premium-service ul{
  padding-left:20px;
  margin:18px 0 24px;
}

.premium-service li{
  margin-bottom:8px;
  color:#333;
}

.premium-service a{
  margin-top:auto;
  color:var(--gold);
  text-decoration:none;
  font-weight:900;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.08em;
}

.service-method{
  background:
    radial-gradient(circle at 80% 25%, rgba(212,175,55,.12), transparent 30%),
    #050505;
}

.method-list{
  display:grid;
  gap:20px;
}

.method-list div{
  padding:24px;
  border:1px solid rgba(212,175,55,.22);
  border-radius:16px;
  background:rgba(255,255,255,.04);
}

.method-list span{
  color:var(--gold2);
  font-weight:900;
  letter-spacing:.18em;
  font-size:12px;
}

.method-list strong{
  display:block;
  margin:8px 0;
  font-size:20px;
  color:#fff;
}

.method-list p{
  color:#d0d0d0;
  margin:0;
}

.light-audit{
  background:#050505;
}

.home-services-human .lead{
  color:#d6d6d6;
  margin-bottom:24px;
}

.human-preview .service-tile span{
  display:inline-block;
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  margin-bottom:14px;
}

.human-preview .service-tile h3{
  font-size:25px;
}

@media(max-width:1000px){
  .premium-service{
    min-height:auto;
  }
}


/* =========================================================
   V1.4 VISUAL AUTHORITY UPGRADE
   Homepage polish, portfolio proof, pricing, FAQ, typography,
   WPForms integration and cleaner design hierarchy.
   ========================================================= */

/* Typography refinement */
.section-title,
h1,
h2,
.mega-title,
.audit-box h2,
.portfolio-thumb,
.hero h1{
  font-family:'Playfair Display', Georgia, "Times New Roman", serif !important;
}

body{
  font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lead{
  font-weight:400;
}

/* Stronger hero visual language */
.hero-v14{
  background:
    radial-gradient(circle at 78% 30%, rgba(212,175,55,.26), transparent 31%),
    radial-gradient(circle at 10% 95%, rgba(212,175,55,.10), transparent 28%),
    linear-gradient(135deg,#020202,#080808 62%,#111);
}

.hero-v14 h1{
  letter-spacing:-.055em;
}

.authority-visual-stack .portrait-frame{
  position:relative;
  z-index:2;
}

.audit-score-card{
  width:285px;
}

.audit-score-card span{
  display:block;
  color:var(--gold2);
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  margin-bottom:8px;
}

.audit-score-card strong{
  color:#fff;
  display:block;
  line-height:1.35;
}

.score-bars{
  display:grid;
  gap:8px;
  margin-top:16px;
}

.score-bars i{
  display:block;
  height:7px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--gold),var(--gold2));
}

.mini-editorial-card{
  position:absolute;
  right:-26px;
  top:48px;
  width:230px;
  padding:22px;
  border-radius:16px;
  background:#F7F3EA;
  color:#111;
  border:1px solid rgba(212,175,55,.4);
  box-shadow:0 24px 60px rgba(0,0,0,.35);
  z-index:3;
}

.mini-editorial-card em{
  font-family:'Playfair Display', Georgia, serif;
  font-size:22px;
  line-height:1.25;
  display:block;
}

/* Proof strip */
.proof-strip-section{
  padding:34px 0;
  background:#0B0B0B;
  color:#fff;
  border-top:1px solid rgba(212,175,55,.2);
  border-bottom:1px solid rgba(212,175,55,.2);
}

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

.proof-strip-grid div{
  border-left:1px solid rgba(212,175,55,.25);
  padding-left:20px;
}

.proof-strip-grid span{
  color:var(--gold2);
  font-size:11px;
  letter-spacing:.16em;
  font-weight:900;
  display:block;
  margin-bottom:5px;
}

.proof-strip-grid strong{
  font-size:15px;
}

/* Portfolio proof */
.portfolio-proof{
  background:
    radial-gradient(circle at 20% 10%, rgba(212,175,55,.13), transparent 30%),
    #050505;
}

.portfolio-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
  margin-top:44px;
}

.portfolio-proof-grid article{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(212,175,55,.22);
  border-radius:20px;
  overflow:hidden;
  transition:.3s ease;
}

.portfolio-proof-grid article:hover{
  transform:translateY(-6px);
  border-color:rgba(212,175,55,.55);
}

.portfolio-proof-grid img{
  width:100%;
  aspect-ratio: 1.35 / 1;
  object-fit:cover;
  display:block;
}

.portfolio-proof-grid h3{
  color:#fff;
  padding:22px 24px 24px;
  margin:0;
}

.portfolio-proof-cta{
  margin-top:36px;
}

/* Visual portfolio page */
.visual-portfolio-grid .portfolio-card img{
  width:100%;
  border-radius:16px;
  display:block;
  margin-bottom:22px;
  aspect-ratio:1.45/1;
  object-fit:cover;
}

/* Pricing */
.packages-home,
.packages-services{
  background:#F7F3EA;
}

.pricing-grid{
  align-items:stretch;
}

.price-card{
  min-height:390px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}

.price-card span{
  color:var(--gold2);
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
}

.price-card h3{
  font-family:'Playfair Display', Georgia, serif;
  font-size:32px;
  margin:14px 0;
}

.price-card p{
  color:inherit;
  opacity:.8;
}

.light-price{
  background:#fff;
  color:#111;
  border:1px solid rgba(212,175,55,.22);
}

.light-price strong{
  color:#111;
}

.outline-dark{
  background:transparent!important;
  color:#111!important;
  border-color:rgba(0,0,0,.25)!important;
}

/* FAQ */
.faq-section{
  background:#fff;
}

.faq-list{
  display:grid;
  gap:14px;
}

.faq-list details{
  border:1px solid rgba(212,175,55,.22);
  border-radius:14px;
  padding:20px 22px;
  background:#fff;
  box-shadow:0 14px 35px rgba(0,0,0,.035);
}

.faq-list summary{
  cursor:pointer;
  font-weight:900;
  color:#111;
  font-size:18px;
}

.faq-list p{
  color:#555;
  margin:14px 0 0;
}

/* WPForms styling */
.wpforms-shell{
  background:#fff;
}

.wpforms-shell .wpforms-container{
  margin:0!important;
}

.wpforms-shell .wpforms-field-label{
  font-weight:800!important;
  color:#111!important;
}

.wpforms-shell input,
.wpforms-shell textarea,
.wpforms-shell select,
.wpforms-form input,
.wpforms-form textarea,
.wpforms-form select{
  border:1px solid rgba(0,0,0,.16)!important;
  border-radius:8px!important;
  padding:14px 16px!important;
  min-height:48px!important;
}

.wpforms-submit,
.wpforms-form button[type=submit]{
  background:linear-gradient(135deg,#F5D36B,#D4AF37)!important;
  color:#050505!important;
  border:1px solid rgba(212,175,55,.7)!important;
  border-radius:6px!important;
  padding:15px 24px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}

/* Better card variation and luxury restraint */
.card,
.pain-card,
.step-card,
.service-tile,
.editorial-card,
.result-card,
.service-card,
.price-card,
.portfolio-card{
  box-shadow:0 18px 45px rgba(0,0,0,.045);
}

.dark .service-tile,
.dark .editorial-card,
.dark .result-card{
  box-shadow:none;
}

/* Responsiveness */
@media(max-width:1000px){
  .proof-strip-grid,
  .portfolio-proof-grid{
    grid-template-columns:1fr;
  }

  .mini-editorial-card{
    position:relative;
    right:auto;
    top:auto;
    width:auto;
    margin-top:18px;
  }

  .audit-score-card{
    width:auto;
  }
}


/* ===== V1.5 WPForms Reliability Fix ===== */
.audit-checklist{
  margin-top:28px;
  padding:24px;
  border-left:4px solid var(--gold);
  background:#fff;
  border-radius:12px;
  box-shadow:0 16px 40px rgba(0,0,0,.04);
}

.audit-checklist h3{
  margin:0 0 12px;
}

.audit-checklist ul{
  margin:0;
  padding-left:20px;
}

.audit-checklist li{
  margin-bottom:8px;
}

.form-setup-notice{
  padding:26px;
  border:1px solid rgba(212,175,55,.3);
  border-radius:16px;
  background:#F7F3EA;
}

.form-setup-notice h3{
  margin-top:0;
  font-size:24px;
}

.form-setup-notice p{
  color:#555;
}


/* ===== V1.6 Embedded Form + Hero Overlap Fix ===== */

/* Hero picture text/card no longer overlaps important image content */
.authority-visual-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

.authority-visual-stack .portrait-frame{
  grid-row:1;
}

.authority-visual-stack .floating-proof,
.authority-visual-stack .mini-editorial-card{
  position:static !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  width:100% !important;
  max-width:100% !important;
  z-index:auto !important;
}

.authority-visual-stack .floating-proof{
  background:rgba(0,0,0,.86);
  border:1px solid rgba(212,175,55,.32);
  margin:0;
}

.authority-visual-stack .mini-editorial-card{
  background:#F7F3EA;
  color:#111;
  border:1px solid rgba(212,175,55,.35);
  box-shadow:0 20px 45px rgba(0,0,0,.18);
}

/* embedded form styling */
.embedded-audit-form h3{
  font-family:'Playfair Display', Georgia, serif;
  font-size:32px;
  margin:0 0 8px;
}

.embedded-audit-form p{
  color:#555;
  margin-top:0;
}

.embedded-audit-form form{
  display:grid;
  gap:13px;
  margin-top:20px;
}

.embedded-audit-form label{
  font-weight:800;
  color:#111;
  font-size:14px;
  margin-top:4px;
}

.embedded-audit-form input,
.embedded-audit-form textarea{
  width:100%;
  border:1px solid rgba(0,0,0,.16);
  border-radius:8px;
  padding:15px 16px;
  min-height:50px;
  font:inherit;
  background:#fff;
}

.embedded-audit-form textarea{
  min-height:150px;
  resize:vertical;
}

.embedded-audit-form button{
  margin-top:10px;
  border:0;
  cursor:pointer;
}

.form-message{
  padding:16px 18px;
  border-radius:10px;
  margin-bottom:22px;
  font-weight:700;
}

.form-message.success{
  background:#e9f8ef;
  color:#125c2f;
  border:1px solid #bfe8cd;
}

.form-message.error{
  background:#fff0f0;
  color:#8b1c1c;
  border:1px solid #f0b8b8;
}

/* maintain strong hero balance after moving cards below image */
@media(min-width:1001px){
  .hero-grid{
    align-items:center;
  }

  .portrait-frame img{
    height:560px;
  }
}

@media(max-width:1000px){
  .authority-visual-stack{
    gap:14px;
  }
}


/* ===== V1.7 Immediate Audit Fixes ===== */

/* Single controlled navigation: no duplicate menu on desktop */
.desktop-nav{
  display:flex !important;
}

.mobile-nav-panel[hidden]{
  display:none !important;
}

.mobile-nav-panel{
  display:none;
  background:#050505;
  border-top:1px solid rgba(212,175,55,.18);
  padding:18px 24px 24px;
}

.mobile-nav-panel.is-open{
  display:block;
}

.mobile-nav-panel a{
  display:block;
  color:#fff;
  text-decoration:none;
  padding:12px 0;
  text-transform:uppercase;
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
}

.mobile-nav-panel .mobile-audit-btn{
  display:inline-flex;
  margin-top:12px;
  color:#050505 !important;
}

@media(min-width:1001px){
  .desktop-nav{
    display:flex !important;
  }

  .menu-toggle,
  .mobile-nav-panel{
    display:none !important;
  }
}

@media(max-width:1000px){
  .desktop-nav,
  .header-cta{
    display:none !important;
  }

  .menu-toggle{
    display:block !important;
  }
}

/* Results page proof upgrade */
.result-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
  margin-top:44px;
}

.result-proof-card{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(212,175,55,.24);
  border-radius:20px;
  padding:32px;
  transition:.3s ease;
}

.result-proof-card:hover{
  transform:translateY(-6px);
  border-color:rgba(212,175,55,.55);
}

.result-proof-card span{
  display:block;
  color:var(--gold2);
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  margin-bottom:16px;
}

.result-proof-card h3{
  color:#fff;
  font-family:'Playfair Display', Georgia, serif;
  font-size:28px;
  margin:0 0 18px;
}

.result-proof-card ul{
  padding-left:20px;
  margin:0;
}

.result-proof-card li{
  color:#d1d1d1;
  margin-bottom:10px;
}

.result-metric-grid strong{
  display:block;
  font-family:'Playfair Display', Georgia, serif;
  font-size:28px;
  margin-bottom:8px;
}

.testimonial-section{
  background:#fff;
}

.testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
  margin-top:42px;
}

.testimonial-grid blockquote{
  margin:0;
  padding:34px;
  border:1px solid rgba(212,175,55,.22);
  border-radius:20px;
  background:#fff;
  box-shadow:0 20px 45px rgba(0,0,0,.045);
}

.testimonial-grid p{
  font-size:18px;
  line-height:1.7;
  color:#333;
}

.testimonial-grid cite{
  display:block;
  margin-top:18px;
  color:var(--gold);
  font-style:normal;
  font-weight:900;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.08em;
}

@media(max-width:1000px){
  .result-proof-grid,
  .testimonial-grid{
    grid-template-columns:1fr;
  }
}

/* V1.8 Prompt Implementation */
.section-title,h1,h2,.mega-title,.audit-box h2,.hero h1,.premium-service h3,.price-card h3,.embedded-audit-form h3{font-family:'Playfair Display',Georgia,"Times New Roman",serif!important}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.desktop-nav{display:flex!important}.mobile-nav-panel[hidden]{display:none!important}.mobile-nav-panel{display:none;background:#050505;border-top:1px solid rgba(212,175,55,.18);padding:18px 24px 24px}.mobile-nav-panel.is-open{display:block}.mobile-nav-panel a{display:block;color:#fff;text-decoration:none;padding:12px 0;text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:.08em}.mobile-nav-panel .mobile-audit-btn{display:inline-flex;margin-top:12px;color:#050505!important}@media(min-width:1001px){.desktop-nav{display:flex!important}.menu-toggle,.mobile-nav-panel{display:none!important}}@media(max-width:1000px){.desktop-nav,.header-cta{display:none!important}.menu-toggle{display:block!important}}
.hero-v18{background:radial-gradient(circle at 78% 28%,rgba(212,175,55,.22),transparent 32%),radial-gradient(circle at 10% 96%,rgba(212,175,55,.10),transparent 28%),linear-gradient(135deg,#020202,#080808 62%,#111)}.authority-visual-stack{display:grid;grid-template-columns:1fr;gap:16px}.authority-visual-stack .floating-proof,.authority-visual-stack .mini-editorial-card,.authority-visual-stack .audit-card{position:static!important;width:100%!important;max-width:100%!important}.clean-audit-card{padding:22px;border-radius:16px;background:#F7F3EA;color:#111;border:1px solid rgba(212,175,55,.4);box-shadow:0 20px 45px rgba(0,0,0,.18)}.clean-audit-card span{display:block;color:var(--gold);font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.16em;margin-bottom:8px}.clean-audit-card strong{display:block;font-family:'Playfair Display',Georgia,serif;font-size:23px;line-height:1.25;margin-bottom:8px}.clean-audit-card p{margin:0;color:#333!important}
.proof-strip-section{padding:34px 0;background:#0B0B0B;color:#fff;border-top:1px solid rgba(212,175,55,.2);border-bottom:1px solid rgba(212,175,55,.2)}.proof-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.proof-strip-grid div{border-left:1px solid rgba(212,175,55,.25);padding-left:20px}.proof-strip-grid span{color:var(--gold2);font-size:11px;letter-spacing:.16em;font-weight:900;display:block;margin-bottom:5px}.proof-strip-grid strong{font-size:15px}
.portfolio-proof{background:radial-gradient(circle at 20% 10%,rgba(212,175,55,.13),transparent 30%),#050505}.portfolio-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px}.portfolio-proof-grid article{background:rgba(255,255,255,.045);border:1px solid rgba(212,175,55,.22);border-radius:20px;overflow:hidden;transition:.3s ease}.portfolio-proof-grid article:hover{transform:translateY(-6px);border-color:rgba(212,175,55,.55)}.portfolio-proof-grid img{width:100%;aspect-ratio:1.35/1;object-fit:cover;display:block}.portfolio-proof-grid h3{color:#fff;padding:22px 24px 24px;margin:0}.portfolio-proof-cta{margin-top:36px}.visual-portfolio-grid .portfolio-card img,.proof-portfolio-card img{width:100%;border-radius:16px;display:block;margin-bottom:22px;aspect-ratio:1.45/1;object-fit:cover}.proof-list{margin-top:18px;border-top:1px solid rgba(212,175,55,.18);padding-top:16px}.proof-list p{font-size:14px;line-height:1.55;margin:0 0 10px}.text-cta{display:inline-block;margin-top:14px;color:var(--gold);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.08em;text-decoration:none}
.premium-service{position:relative;overflow:hidden;padding:34px;min-height:560px;display:flex;flex-direction:column}.premium-service:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--gold),transparent)}.service-number{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#050505;color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:.08em;margin-bottom:22px}.service-hook{color:#111!important;font-weight:800;font-size:16px;line-height:1.55;margin:0 0 16px}.premium-service h4{margin:16px 0 8px}.premium-service a{margin-top:auto;color:var(--gold);text-decoration:none;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.method-list{display:grid;gap:20px}.method-list div{padding:24px;border:1px solid rgba(212,175,55,.22);border-radius:16px;background:rgba(255,255,255,.04)}.method-list span{color:var(--gold2);font-weight:900;letter-spacing:.18em;font-size:12px}.method-list strong{display:block;margin:8px 0;font-size:20px;color:#fff}.method-list p{color:#d0d0d0;margin:0}
.price-card{min-height:430px;display:flex;flex-direction:column}.price-card span{color:var(--gold2);text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.14em}.price-card h3{font-size:32px;margin:14px 0}.price-card ul{padding-left:20px}.price-card li{margin-bottom:7px}.light-price{background:#fff;color:#111;border:1px solid rgba(212,175,55,.22)}.light-price strong{color:#111}.outline-dark{background:transparent!important;color:#111!important;border-color:rgba(0,0,0,.25)!important}.faq-section{background:#fff}.faq-list{display:grid;gap:14px}.faq-list details{border:1px solid rgba(212,175,55,.22);border-radius:14px;padding:20px 22px;background:#fff;box-shadow:0 14px 35px rgba(0,0,0,.035)}.faq-list summary{cursor:pointer;font-weight:900;color:#111;font-size:18px}.faq-list p{color:#555;margin:14px 0 0}
.result-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px}.result-proof-card{background:rgba(255,255,255,.045);border:1px solid rgba(212,175,55,.24);border-radius:20px;padding:32px;transition:.3s ease}.result-proof-card:hover{transform:translateY(-6px);border-color:rgba(212,175,55,.55)}.result-proof-card span{display:block;color:var(--gold2);text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:16px}.result-proof-card h3{color:#fff;font-family:'Playfair Display',Georgia,serif;font-size:28px;margin:0 0 18px}.result-proof-card ul{padding-left:20px;margin:0}.result-proof-card li{color:#d1d1d1;margin-bottom:10px}.result-metric-grid strong{display:block;font-family:'Playfair Display',Georgia,serif;font-size:28px;margin-bottom:8px}.testimonial-section{background:#fff}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:42px}.testimonial-grid blockquote{margin:0;padding:34px;border:1px solid rgba(212,175,55,.22);border-radius:20px;background:#fff;box-shadow:0 20px 45px rgba(0,0,0,.045)}.testimonial-grid p{font-size:18px;line-height:1.7;color:#333}.testimonial-grid cite{display:block;margin-top:18px;color:var(--gold);font-style:normal;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.insights-grid{align-items:stretch}.insight-card{display:flex;flex-direction:column}.insight-card .text-cta{margin-top:auto}.audit-checklist,.next-steps-box{margin-top:28px;padding:24px;border-left:4px solid var(--gold);background:#fff;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.04)}.audit-checklist h3,.next-steps-box h3{margin:0 0 12px}.embedded-audit-form h3{font-family:'Playfair Display',Georgia,serif;font-size:32px;margin:0 0 8px}.embedded-audit-form form{display:grid;gap:13px;margin-top:20px}.embedded-audit-form label{font-weight:800;color:#111;font-size:14px;margin-top:4px}.embedded-audit-form input,.embedded-audit-form textarea{width:100%;border:1px solid rgba(0,0,0,.16);border-radius:8px;padding:15px 16px;min-height:50px;font:inherit;background:#fff}.embedded-audit-form textarea{min-height:150px;resize:vertical}.embedded-audit-form button{margin-top:10px;border:0;cursor:pointer}.form-message{padding:16px 18px;border-radius:10px;margin-bottom:22px;font-weight:700}.form-message.success{background:#e9f8ef;color:#125c2f;border:1px solid #bfe8cd}.form-message.error{background:#fff0f0;color:#8b1c1c;border:1px solid #f0b8b8}.why-list p{padding:18px;border-left:3px solid var(--gold);background:#fff;border-radius:10px;margin-bottom:16px}@media(max-width:1000px){.proof-strip-grid,.portfolio-proof-grid,.result-proof-grid,.testimonial-grid{grid-template-columns:1fr}.premium-service{min-height:auto}}


/* ===== V1.9 Forced Page Template + Duplicate Menu Safeguard ===== */
.mobile-nav-panel[hidden]{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    overflow:hidden !important;
}

@media(min-width:1001px){
    #mobile-nav-panel,
    .mobile-nav-panel{
        display:none !important;
        visibility:hidden !important;
        height:0 !important;
        overflow:hidden !important;
    }
}


/* ===== V2.0.0 FINAL FIXES ===== */
.primary-nav[hidden]{display:none!important;}
@media(min-width:1001px){.primary-nav{display:flex!important;align-items:center;justify-content:center;gap:18px;flex:1}.menu-toggle{display:none!important}}
@media(max-width:1000px){.header-inner{position:relative}.menu-toggle{display:block!important;order:3}.primary-nav{position:absolute;top:78px;left:24px;right:24px;z-index:9999;background:#050505;border:1px solid rgba(212,175,55,.24);border-radius:14px;padding:18px 22px;display:grid!important;box-shadow:0 24px 60px rgba(0,0,0,.35)}.primary-nav[hidden]{display:none!important}.primary-nav a{display:block;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}.header-cta{display:none!important}}
.audit-checklist,.next-steps-box{margin-top:28px;padding:24px;border-left:4px solid var(--gold);background:#fff;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.04)}
.embedded-audit-form form{display:grid;gap:13px;margin-top:20px}.embedded-audit-form label{font-weight:800;color:#111;font-size:14px}.embedded-audit-form input,.embedded-audit-form textarea{width:100%;border:1px solid rgba(0,0,0,.16);border-radius:8px;padding:15px 16px;min-height:50px;font:inherit;background:#fff}.embedded-audit-form textarea{min-height:150px}.form-message{padding:16px 18px;border-radius:10px;margin-bottom:22px;font-weight:700}.form-message.success{background:#e9f8ef;color:#125c2f;border:1px solid #bfe8cd}.form-message.error{background:#fff0f0;color:#8b1c1c;border:1px solid #f0b8b8}
.price-card .timeline{background:rgba(212,175,55,.10);border-left:3px solid var(--gold);padding:10px 12px;border-radius:8px;margin:14px 0}.coming-soon-label{display:inline-block;margin:10px 0 12px;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}


/* ===== V2.1 CLIENT DASHBOARD ===== */
.client-auth-wrap{
  max-width:760px;
}
.client-login-box,
.client-panel,
.dashboard-card{
  background:#fff;
  border:1px solid rgba(212,175,55,.22);
  border-radius:20px;
  padding:34px;
  box-shadow:0 20px 55px rgba(0,0,0,.06);
}
.client-login-box form p{
  display:grid;
  gap:8px;
}
.client-login-box input[type=text],
.client-login-box input[type=password],
.client-login-box input[type=email],
.dashboard-card input,
.dashboard-card textarea,
.dashboard-card select{
  width:100%;
  border:1px solid rgba(0,0,0,.16);
  border-radius:8px;
  padding:13px 14px;
  font:inherit;
}
.client-login-box input[type=submit]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 22px;
  border-radius:6px;
  background:linear-gradient(135deg,#F5D36B,#D4AF37);
  color:#050505;
  font-weight:900;
  text-transform:uppercase;
  border:0;
  cursor:pointer;
}
.dashboard-shell{
  max-width:1260px;
}
.dashboard-grid{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:28px;
  align-items:start;
}
.dashboard-sidebar{
  position:sticky;
  top:100px;
  background:#050505;
  color:#fff;
  border:1px solid rgba(212,175,55,.24);
  border-radius:18px;
  padding:24px;
}
.dashboard-sidebar h3{
  color:var(--gold2);
  margin-top:0;
}
.dashboard-sidebar a{
  display:block;
  color:#fff;
  text-decoration:none;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  font-weight:800;
}
.dashboard-main{
  display:grid;
  gap:28px;
}
.dashboard-card label{
  display:block;
  font-weight:900;
  margin:16px 0 7px;
}
.dashboard-card textarea{
  min-height:110px;
}
.dashboard-card .large-textarea{
  min-height:220px;
}
.dashboard-two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.dashboard-three-col{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.dashboard-alert{
  background:#e9f8ef;
  color:#125c2f;
  border:1px solid #bfe8cd;
  padding:16px 18px;
  border-radius:10px;
  margin-bottom:22px;
  font-weight:800;
}
.dashboard-filter{
  background:#F7F3EA;
  padding:16px;
  border-radius:12px;
  margin-bottom:20px;
}
.dashboard-list{
  display:grid;
  gap:12px;
  margin-bottom:28px;
}
.dashboard-list-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:16px;
  border:1px solid rgba(212,175,55,.18);
  border-radius:12px;
  background:#fff;
}
.dashboard-list-item span{
  display:block;
  color:#777;
  font-size:12px;
  text-transform:uppercase;
  font-weight:800;
}
.dashboard-list-actions{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.dashboard-list-actions a,
.dashboard-list-actions button{
  background:#050505;
  color:#fff;
  border:0;
  border-radius:6px;
  padding:8px 11px;
  font-size:12px;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
}
.dashboard-list-actions button{
  background:#7d1d1d;
}
@media(max-width:1000px){
  .dashboard-grid,
  .dashboard-two-col,
  .dashboard-three-col{
    grid-template-columns:1fr;
  }
  .dashboard-sidebar{
    position:static;
  }
  .dashboard-list-item{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ===== V2.3 SMART WEBSITE EXPERIENCE UPGRADE ===== */
.smart-website-section{
  background:radial-gradient(circle at 22% 8%, rgba(212,175,55,.12), transparent 31%), radial-gradient(circle at 90% 80%, rgba(212,175,55,.10), transparent 24%), #050505;
}
.smart-website-section p{color:#d8d8d8}
.smart-comparison{display:grid;gap:18px}
.smart-comparison article{background:rgba(255,255,255,.045);border:1px solid rgba(212,175,55,.22);border-radius:20px;padding:26px;transition:.3s ease}
.smart-comparison article.highlight{background:linear-gradient(135deg, rgba(212,175,55,.18), rgba(255,255,255,.045));border-color:rgba(212,175,55,.55)}
.smart-comparison article:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.5)}
.smart-comparison span{display:block;color:var(--gold2);text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.14em;margin-bottom:10px}
.smart-comparison h3{color:#fff;font-family:'Playfair Display', Georgia, serif;font-size:27px;margin:0 0 14px}
.smart-comparison ul{margin:0;padding-left:20px}
.smart-comparison li{color:#d1d1d1;margin-bottom:8px}
.audit-interest-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 10px}
.audit-interest-grid label{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#fff;font-weight:700;margin:0}
.audit-interest-grid input{width:auto!important;min-height:auto!important}
.field-help{font-size:13px;color:#666!important;margin:4px 0 12px}
@media(max-width:1000px){.audit-interest-grid{grid-template-columns:1fr}}