/*
Theme Name: BM2500 Domain For Sale
Theme URI: https://bm2500.org
Author: MediaPlugX
Description: Centered, minimal "domain for sale" landing theme for bm2500.org — premium deep-navy and gold listing page with a wordmark hero, value grid, audience tags and a direct-offer panel.
Version: 2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bm2500forsale
*/

:root{
  --bg:#0E1728;
  --bg-radial: radial-gradient(ellipse 900px 500px at 50% 0%, rgba(198,161,91,0.07), transparent 60%);
  --panel:#152640;
  --gold:#D3A75C;
  --gold-bright:#E9C783;
  --ink:#EEF1F6;
  --muted:#8E9AB0;
  --line: rgba(255,255,255,0.10);
  --line-gold: rgba(211,167,92,0.35);
}
*{box-sizing:border-box; margin:0; padding:0;}
html,body{background:var(--bg); color:var(--ink); font-family:'IBM Plex Sans', sans-serif;}
body{ -webkit-font-smoothing:antialiased; background-image:var(--bg-radial); background-repeat:no-repeat; }
.serif{ font-family:'Fraunces', serif; }
.script{ font-family:'Playfair Display', serif; font-style:italic; }
a{ color:inherit; text-decoration:none; }
ul{ list-style:none; }

.wrap{ max-width:1180px; margin:0 auto; padding:0 32px; }
.narrow{ max-width:680px; margin:0 auto; text-align:center; }

/* NAV */
header.site-header{ padding:30px 0; }
nav.main-nav{ display:flex; align-items:center; justify-content:space-between; }
.logo{ display:flex; align-items:center; gap:10px; font-size:15px; font-weight:600; letter-spacing:0.2px; }
.logo .lock{ width:26px; height:26px; border:1px solid var(--line-gold); border-radius:5px; display:flex; align-items:center; justify-content:center; }
.logo .lock svg{ width:12px; height:12px; }
.logo .accent{ color:var(--gold); }
.listing-pill{ font-size:11px; letter-spacing:1.5px; color:var(--muted); border:1px solid var(--line); padding:7px 16px; border-radius:20px; }

/* HERO */
.hero{ padding:70px 0 60px; text-align:center; }
.eyebrow{ font-size:12px; letter-spacing:3px; color:var(--muted); margin-bottom:26px; text-transform:uppercase; }
.wordmark-wrap{ position:relative; display:inline-block; margin-bottom:30px; }
.wordmark{
  font-size:clamp(52px, 8vw, 92px);
  background:linear-gradient(180deg, var(--gold-bright), var(--gold) 70%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  line-height:1;
}
.tag-icon{ position:absolute; top:-6px; right:-64px; transform:rotate(16deg); opacity:0.95; }
.tag-icon svg{ width:78px; height:44px; }

.hero .lead{ font-size:17px; line-height:1.7; color:var(--muted); max-width:560px; margin:0 auto; }
.hero-actions{ margin-top:38px; display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.cta-btn{
  background:var(--gold); color:#0E1728; padding:13px 26px; border-radius:4px; font-size:14.5px; font-weight:700;
  border:1px solid var(--gold); transition:all .2s ease; display:inline-block;
}
.cta-btn:hover{ background:var(--gold-bright); border-color:var(--gold-bright); }
.ghost-btn{
  padding:13px 26px; border-radius:4px; font-size:14.5px; font-weight:600; border:1px solid var(--line); color:var(--ink);
  transition:all .2s ease; display:inline-block;
}
.ghost-btn:hover{ border-color:var(--gold); color:var(--gold-bright); }
.trust-note{ margin-top:24px; font-size:13px; color:var(--muted); }

/* DIVIDER */
.divider{ max-width:1180px; margin:0 auto; height:1px; background:var(--line); }

/* SECTIONS */
.sec{ padding:88px 0; text-align:center; }
.sec .eyebrow{ margin-bottom:16px; }
.sec h2{ font-size:clamp(24px,2.8vw,32px); font-weight:600; letter-spacing:-0.2px; margin-bottom:52px; }

/* WHY GRID */
.why-grid{ display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); max-width:980px; margin:0 auto; text-align:left; }
.why-card{ padding:32px 30px; border-left:1px solid var(--line); }
.why-card:first-child{ border-left:none; }
.why-card .label{ font-size:11px; letter-spacing:1.5px; color:var(--gold); text-transform:uppercase; margin-bottom:14px; font-weight:600; }
.why-card p{ font-size:14.5px; color:var(--muted); line-height:1.65; }
.why-card p b, .why-card p strong{ color:var(--ink); }

/* WHO IT FITS */
.who-intro{ font-size:15.5px; color:var(--ink); margin-bottom:26px; }
.pills{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.pill{ font-size:13.5px; color:var(--gold-bright); border:1px solid var(--line-gold); padding:9px 18px; border-radius:20px; }

/* OFFER PANEL */
.offer-card{ max-width:560px; margin:0 auto; background:var(--panel); border:1px solid var(--line-gold); border-radius:6px; padding:52px 44px; text-align:center; position:relative; }
.offer-card::before, .offer-card::after{ content:''; position:absolute; width:14px; height:14px; border:1.5px solid var(--gold); opacity:0.6; }
.offer-card::before{ top:-1px; left:-1px; border-right:none; border-bottom:none; }
.offer-card::after{ bottom:-1px; right:-1px; border-left:none; border-top:none; }
.check-badge{ width:46px; height:46px; border-radius:50%; border:1.5px solid var(--gold); display:flex; align-items:center; justify-content:center; margin:0 auto 22px; }
.check-badge svg{ width:18px; height:18px; }
.offer-card h3{ font-size:24px; font-weight:600; margin-bottom:14px; }
.offer-card p{ font-size:14.5px; color:var(--muted); line-height:1.65; max-width:420px; margin:0 auto 28px; }
.offer-actions{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.contact-btn{ display:flex; align-items:center; gap:8px; font-size:13.5px; font-weight:600; border:1px solid var(--line); padding:10px 18px; border-radius:4px; }
.contact-btn:hover{ border-color:var(--gold); color:var(--gold-bright); }
.contact-btn svg{ width:14px; height:14px; opacity:0.8; }

/* FOOTER */
footer.site-footer{ border-top:1px solid var(--line); padding:36px 0; text-align:center; }
.foot-text{ font-size:12.5px; color:var(--muted); letter-spacing:0.3px; }
.foot-text .gold{ color:var(--gold); }

.site-content{ padding:80px 0; max-width:760px; margin:0 auto; text-align:left; }
.site-content h1,.site-content h2{ font-family:'Fraunces', serif; margin-bottom:18px; }
.site-content p{ color:var(--muted); line-height:1.7; margin-bottom:16px; }

@media (max-width: 760px){
  .why-grid{ grid-template-columns:1fr; }
  .why-card{ border-left:none; border-top:1px solid var(--line); }
  .why-card:first-child{ border-top:none; }
  .tag-icon{ display:none; }
  .listing-pill{ display:none; }
}