/*
Theme Name:  WPM WordPress Maintenance
Theme URI:   https://wordpresswebsitesmaintenance.com
Author:      WPM
Author URI:  https://wordpresswebsitesmaintenance.com
Description: Professional WordPress website maintenance theme for US small businesses — florists, cafes, salons & more.
Version:     2.0.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wpm
Tags:        one-page, business, responsive, seo, local-business
*/

/* ── TOKENS ───────────────────────────────────────── */
:root {
  --white:    #ffffff;
  --ink:      #0c0b0a;
  --ink2:     #302e2c;
  --ink3:     #7a7672;
  --gray-lt:  #f3f2f0;
  --gray-mid: #e8e6e3;
  --orange:   #e8420a;
  --orange-d: #c13507;
  --orange-lt:#fff2ed;
  --orange-md:#ffddd0;
  --fh: 'Fraunces', Georgia, serif;
  --fb: 'Plus Jakarta Sans', system-ui, sans-serif;
  --r:  10px;
  --rl: 18px;
}

/* ── RESET ────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--fb);background:var(--white);color:var(--ink);line-height:1.6;font-size:16px;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
h1,h2,h3,h4{font-family:var(--fh);line-height:1.05;letter-spacing:-0.02em;}

/* ── UTILITIES ────────────────────────────────────── */
.eyebrow{font-family:var(--fb);font-size:11px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--orange);}
.u-max{max-width:1200px;margin:0 auto;}
.fade-up{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease;}
.fade-up.vis{opacity:1;transform:none;}

/* ── NAV ──────────────────────────────────────────── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 48px;height:auto;
  background:rgba(255,255,255,1);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--gray-mid);
}
.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--fb);font-size:15px;font-weight:600;color:var(--ink);}
.headerLogo{width:200px;}
.nav-logo-box{
  width:34px;height:34px;background:var(--ink);border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  font-size:10px;font-weight:700;color:var(--white);letter-spacing:0.05em;
}
.nav-links{display:flex;align-items:center;gap:30px;}
.nav-links a{font-size:13px;font-weight:500;color:var(--ink2);transition:color .2s;}
.nav-links a:hover{color:var(--orange);}
.nav-cta{
  background:var(--orange)!important;color:var(--white)!important;
  padding:9px 20px;border-radius:100px;font-size:13px!important;font-weight:600!important;
  transition:background .2s,transform .15s!important;
}
.nav-cta:hover{background:var(--orange-d)!important;transform:translateY(-1px);}

/* ── HERO ─────────────────────────────────────────── */
#hero{
  min-height:100vh;
  padding:120px 48px 0;
  display:flex;flex-direction:column;justify-content:center;
  position:relative;overflow:hidden;
  border-bottom:1px solid var(--gray-mid);
}
.hero-inner{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:1fr 420px;
  gap:64px;align-items:end;
  padding-bottom:64px;
}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:600;color:var(--orange);
  margin-bottom:28px;letter-spacing:0.08em;text-transform:uppercase;
}
.hero-eyebrow .live{width:7px;height:7px;border-radius:50%;background:var(--orange);animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}

.hero-title{
  font-size:clamp(52px,6.5vw,88px);
  font-weight:900;
  line-height:.98;
  letter-spacing:-0.03em;
  margin-bottom:32px;
}
.hero-title .line-orange{color:var(--orange);}
.hero-title .line-italic{font-style:italic;font-weight:300;}

.hero-sub{font-size:17px;color:var(--ink3);line-height:1.75;max-width:500px;margin-bottom:40px;font-weight:300;}
.hero-sub strong{color:var(--ink);font-weight:500;}
.hero-actions{display:flex;align-items:center;gap:14px;margin-bottom:52px;}

.btn-fill{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--ink);color:var(--white);
  padding:14px 28px;border-radius:100px;
  font-family:var(--fb);font-size:14px;font-weight:600;
  border:none;cursor:pointer;transition:background .2s,transform .15s;
}
.btn-fill:hover{background:var(--orange);transform:translateY(-2px);}
.btn-ghost{
  display:inline-flex;align-items:center;gap:8px;
  background:transparent;color:var(--ink);
  padding:14px 28px;border-radius:100px;
  font-family:var(--fb);font-size:14px;font-weight:600;
  border:1.5px solid var(--gray-mid);cursor:pointer;
  transition:border-color .2s,transform .15s;
}
.btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px);}

.hero-proof{
  display:flex;align-items:center;gap:16px;
  padding-top:28px;border-top:1px solid var(--gray-mid);
}
.avs{display:flex;}
.av{
  width:32px;height:32px;border-radius:50%;
  border:2.5px solid var(--white);color:var(--white);
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;margin-left:-9px;
}
.av:first-child{margin-left:0;}
.proof-txt{font-size:13px;color:var(--ink3);}
.proof-txt strong{color:var(--ink);}

/* ── HERO RIGHT: STATUS PANEL ─────────────────────── */
.hero-panel{
  background:var(--gray-lt);
  border:1px solid var(--gray-mid);
  border-radius:var(--rl);
  overflow:hidden;
  align-self:end;
}
.panel-header{
  padding:14px 18px;
  background:var(--ink);
  display:flex;align-items:center;justify-content:space-between;
}
.panel-title{font-size:12px;font-weight:600;color:rgba(255,255,255,.7);letter-spacing:.06em;text-transform:uppercase;}
.panel-live{display:flex;align-items:center;gap:6px;font-size:11px;color:rgba(255,255,255,.5);}
.panel-live::before{content:'';width:6px;height:6px;border-radius:50%;background:#4ade80;animation:pulse 2s infinite;}
.panel-sites{padding:12px;display:flex;flex-direction:column;gap:8px;}
.site-row{
  background:var(--white);border-radius:var(--r);
  padding:12px 14px;
  display:flex;align-items:center;justify-content:space-between;
  border:1px solid var(--gray-mid);
}
.site-info{display:flex;flex-direction:column;gap:2px;}
.site-name{font-size:13px;font-weight:600;color:var(--ink);}
.site-type{font-size:11px;color:var(--ink3);}
.site-badges{display:flex;gap:6px;align-items:center;}
.sbadge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:100px;}
.sb-ok{background:#dcfce7;color:#166534;}
.sb-warn{background:#fef3c7;color:#92400e;}
.sb-blue{background:#dbeafe;color:#1e40af;}
.panel-summary{
  padding:12px 14px;
  border-top:1px solid var(--gray-mid);
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.ps-item{text-align:center;}
.ps-val{font-family:var(--fh);font-size:20px;font-weight:700;color:var(--ink);display:block;}
.ps-key{font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;}

/* ── TICKER ───────────────────────────────────────── */
#ticker{
  background:var(--ink);
  padding:0;overflow:hidden;
  border-top:none;
}
.ticker-track{
  display:flex;align-items:center;
  height:44px;
  animation:scroll-left 40s linear infinite;
  white-space:nowrap;
  width:max-content;
}
@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ticker-item{
  display:inline-flex;align-items:center;gap:8px;
  padding:0 28px;
  font-size:12px;color:rgba(255,255,255,.55);
  border-right:1px solid rgba(255,255,255,.08);
}
.ticker-item .ti-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;}
.ti-green{background:#4ade80;}
.ti-orange{background:var(--orange);}
.ti-blue{background:#60a5fa;}

/* ── STATS DARK SECTION ───────────────────────────── */
#stats{background:var(--ink);padding:80px 48px;}
.stats-inner{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;
  gap:64px;align-items:center;
}
.stats-copy h2{
  font-size:clamp(32px,4vw,52px);font-weight:700;
  color:var(--white);margin-bottom:20px;
}
.stats-copy h2 em{font-style:italic;font-weight:300;color:rgba(255,255,255,.4);}
.stats-copy p{font-size:16px;color:rgba(255,255,255,.5);line-height:1.75;font-weight:300;max-width:440px;}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.08);}
.stat-cell{
  background:var(--ink);
  padding:32px 28px;
}
.stat-num{
  font-family:var(--fh);
  font-size:clamp(48px,5vw,72px);
  font-weight:900;
  color:var(--orange);
  line-height:1;
  display:block;margin-bottom:8px;
}
.stat-label{font-size:13px;color:rgba(255,255,255,.4);line-height:1.5;}

/* ── NICHES ───────────────────────────────────────── */
#niches{padding:100px 48px;background:var(--white);}
.niches-head{max-width:1200px;margin:0 auto 52px;}
.niches-head h2{font-size:clamp(30px,3.8vw,50px);font-weight:700;margin-top:10px;}
.niches-grid{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.niche-card{
  border:1px solid var(--gray-mid);border-radius:var(--rl);
  overflow:hidden;transition:transform .2s,box-shadow .2s;
  cursor:default;
}
.niche-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.08);}
.niche-thumb{
  height:100px;
  display:flex;align-items:center;justify-content:center;
  font-size:48px;position:relative;
}
.niche-body{padding:22px 20px 20px;}
.niche-title{font-family:var(--fh);font-size:19px;font-weight:700;margin-bottom:8px;}
.niche-desc{font-size:13px;color:var(--ink3);line-height:1.65;margin-bottom:14px;}
.niche-scenario{
  font-size:12px;font-weight:500;color:var(--orange);
  padding:8px 12px;background:var(--orange-lt);border-radius:8px;
  line-height:1.5;
}
.niche-scenario::before{content:'⚠ ';font-size:11px;}

/* ── SERVICES — alternating rows ─────────────────── */
#services{padding:100px 48px;background:var(--gray-lt);}
.services-head{max-width:1200px;margin:0 auto 52px;}
.services-head h2{font-size:clamp(30px,3.8vw,50px);font-weight:700;margin-top:10px;}
.svc-rows{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:0;}
.svc-row{
  display:grid;grid-template-columns:1fr 1fr;
  gap:0;border-bottom:1px solid var(--gray-mid);
  padding:48px 0;
  align-items:center;
}
.svc-row:first-child{padding-top:0;}
.svc-row:last-child{border-bottom:none;padding-bottom:0;}
.svc-row.flip .svc-text{order:2;}
.svc-row.flip .svc-visual{order:1;}
.svc-text{padding-right:48px;}
.svc-row.flip .svc-text{padding-right:0;padding-left:48px;}
.svc-num{
  font-family:var(--fh);font-size:72px;font-weight:900;
  color:var(--gray-mid);line-height:1;margin-bottom:12px;
  display:block;
}
.svc-title{font-family:var(--fh);font-size:26px;font-weight:700;margin-bottom:12px;}
.svc-desc{font-size:14px;color:var(--ink3);line-height:1.75;margin-bottom:16px;}
.svc-tag{
  display:inline-block;font-size:11px;font-weight:600;
  padding:4px 12px;border-radius:100px;
  background:var(--orange-lt);color:var(--orange);letter-spacing:.04em;
  text-transform:uppercase;
}
.svc-visual{
  background:var(--white);border-radius:var(--rl);
  border:1px solid var(--gray-mid);overflow:hidden;
}
.svc-visual-inner{padding:24px;}
.vis-bar-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.vis-bar-row:last-child{margin-bottom:0;}
.vis-bar-label{font-size:12px;color:var(--ink3);width:100px;flex-shrink:0;}
.vis-bar-track{flex:1;height:7px;background:var(--gray-lt);border-radius:100px;overflow:hidden;}
.vis-bar-fill{height:100%;border-radius:100px;}
.fill-green{background:#4ade80;}
.fill-orange{background:var(--orange);}
.fill-blue{background:#60a5fa;}
.vis-bar-val{font-size:12px;font-weight:600;color:var(--ink);width:36px;text-align:right;}
.vis-header{font-size:11px;font-weight:600;color:var(--ink3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--gray-mid);}
.vis-check-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--gray-lt);font-size:13px;}
.vis-check-row:last-child{border-bottom:none;}
.vis-check-label{color:var(--ink2);font-weight:500;}
.vis-check-ok{font-size:11px;font-weight:600;padding:2px 9px;border-radius:100px;background:#dcfce7;color:#166534;}
.vis-check-warn{font-size:11px;font-weight:600;padding:2px 9px;border-radius:100px;background:#fef3c7;color:#92400e;}
.speed-nums{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;}
.speed-box{text-align:center;background:var(--gray-lt);border-radius:var(--r);padding:14px 8px;}
.speed-val{font-family:var(--fh);font-size:28px;font-weight:900;display:block;}
.speed-key{font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;}
.sv-green{color:#16a34a;}
.sv-orange{color:var(--orange);}

/* ── COMPARE ──────────────────────────────────────── */
#compare{padding:100px 48px;background:var(--white);}
.compare-head{max-width:1200px;margin:0 auto 48px;}
.compare-head h2{font-size:clamp(30px,3.8vw,50px);font-weight:700;margin-top:10px;}
.compare-wrap{max-width:1200px;margin:0 auto;overflow-x:auto;}
.ctable{width:100%;border-collapse:collapse;font-size:13px;min-width:560px;}
.ctable thead tr{border-bottom:2px solid var(--ink);}
.ctable th{padding:10px 20px;text-align:center;font-family:var(--fb);font-size:12px;font-weight:600;color:var(--ink3);}
.ctable th:first-child{text-align:left;}
.ctable th.hi-col{color:var(--white);}
.ctable .hi-header{background:var(--ink);padding:8px 20px 6px;border-radius:10px 10px 0 0;font-size:13px;display:inline-block;color:var(--white);}
.ctable tbody tr{border-bottom:1px solid var(--gray-lt);transition:background .15s;}
.ctable tbody tr:hover{background:var(--gray-lt);}
.ctable td{padding:13px 20px;text-align:center;color:var(--ink3);}
.ctable td:first-child{text-align:left;color:var(--ink2);font-weight:500;}
.ctable td.hi-col{color:var(--ink);font-weight:500;}
.ck{color:#16a34a;font-size:16px;font-weight:700;}
.xk{color:var(--gray-mid);font-size:16px;}
.pk{font-size:12px;font-style:italic;}

/* ── PRICING ──────────────────────────────────────── */
#pricing{padding:100px 48px;background:var(--gray-lt);}
.pricing-head{max-width:1200px;margin:0 auto 48px;text-align:center;}
.pricing-head h2{font-size:clamp(30px,3.8vw,50px);font-weight:700;margin-top:10px;}
.pricing-head p{font-size:16px;color:var(--ink3);margin-top:14px;font-weight:300;}
.pricing-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start;}
.plan{
  background:var(--white);border-radius:var(--rl);
  padding:36px 30px;border:1px solid var(--gray-mid);
  position:relative;transition:transform .2s,box-shadow .2s;
}
.plan:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.1);}
.plan.best{
  background:var(--ink);color:var(--white);
  border-color:var(--ink);transform:scale(1.05);
  box-shadow:0 20px 60px rgba(0,0,0,.2);
}
.plan.best:hover{transform:scale(1.05) translateY(-4px);}
.plan-pop{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  background:var(--orange);color:var(--white);
  font-family:var(--fb);font-size:11px;font-weight:700;
  padding:4px 18px;border-radius:100px;white-space:nowrap;
}
.plan-tier{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:10px;}
.plan.best .plan-tier{color:rgba(255,255,255,.4);}
.plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:4px;}
.plan-price .p-amt{font-family:var(--fh);font-size:56px;font-weight:900;line-height:1;}
.plan-price .p-per{font-size:14px;color:var(--ink3);}
.plan.best .p-per{color:rgba(255,255,255,.4);}
.plan-sub{font-size:13px;color:var(--ink3);margin-bottom:24px;line-height:1.5;}
.plan.best .plan-sub{color:rgba(255,255,255,.4);}
.plan-hr{border:none;border-top:1px solid var(--gray-mid);margin-bottom:22px;}
.plan.best .plan-hr{border-color:rgba(255,255,255,.1);}
.plan-features{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:28px;}
.plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--ink2);}
.plan.best .plan-features li{color:rgba(255,255,255,.7);}
.pfi{width:17px;height:17px;border-radius:50%;background:var(--orange-lt);display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--orange);flex-shrink:0;margin-top:1px;}
.plan.best .pfi{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);}
.plan-btn{
  width:100%;padding:13px;border-radius:100px;
  font-family:var(--fb);font-size:14px;font-weight:600;
  cursor:pointer;transition:background .2s,color .2s,transform .15s;
  background:transparent;color:var(--ink);border:1.5px solid var(--ink);
}
.plan-btn:hover{background:var(--ink);color:var(--white);transform:translateY(-1px);}
.plan.best .plan-btn{background:var(--orange);color:var(--white);border-color:var(--orange);}
.plan.best .plan-btn:hover{background:var(--orange-d);}
.plan-note{text-align:center;font-size:11px;color:var(--ink3);margin-top:12px;}
.plan.best .plan-note{color:rgba(255,255,255,.3);}
.pricing-guarantee{max-width:1200px;margin:40px auto 0;text-align:center;padding:22px;background:var(--orange-lt);border-radius:var(--rl);border:1px solid var(--orange-md);}
.pricing-guarantee p{font-size:14px;color:var(--ink2);font-weight:500;}
.pricing-guarantee a{color:var(--orange);font-weight:600;text-decoration:underline;text-underline-offset:3px;}

/* ── REVIEWS ──────────────────────────────────────── */
#reviews{padding:100px 48px;background:var(--white);}
.reviews-head{max-width:1200px;margin:0 auto 52px;}
.reviews-head h2{font-size:clamp(30px,3.8vw,50px);font-weight:700;margin-top:10px;}
.reviews-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.rev-card{
  padding:28px 26px;border:1px solid var(--gray-mid);
  border-radius:var(--rl);display:flex;flex-direction:column;
  transition:transform .2s,box-shadow .2s;
}
.rev-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.07);}
.rev-stars{color:#fb923c;font-size:14px;letter-spacing:2px;margin-bottom:16px;}
.rev-quote-mark{font-family:var(--fh);font-size:64px;line-height:.8;color:var(--gray-mid);margin-bottom:4px;}
.rev-text{font-family:var(--fh);font-size:16px;font-weight:300;font-style:italic;color:var(--ink2);line-height:1.7;flex:1;margin-bottom:24px;}
.rev-author{display:flex;align-items:center;gap:12px;}
.rev-av{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fb);font-size:13px;font-weight:700;color:var(--white);flex-shrink:0;}
.rev-name{font-size:14px;font-weight:600;color:var(--ink);}
.rev-biz{font-size:12px;color:var(--ink3);}
.rev-plan{font-size:11px;color:var(--orange);font-weight:600;margin-top:1px;}

/* ── HOW IT WORKS ─────────────────────────────────── */
#how{padding:100px 48px;background:var(--gray-lt);}
.how-head{max-width:1200px;margin:0 auto 52px;}
.how-head h2{font-size:clamp(30px,3.8vw,50px);font-weight:700;margin-top:10px;}
.how-steps{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;}
.how-steps::after{content:'';position:absolute;top:32px;left:calc(12.5%+18px);right:calc(12.5%+18px);height:1px;background:var(--gray-mid);}
.how-step{text-align:center;padding:0 12px;position:relative;z-index:1;}
.how-num{
  width:64px;height:64px;border-radius:50%;
  background:var(--white);border:1px solid var(--gray-mid);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--fh);font-size:22px;font-weight:900;
  color:var(--orange);margin:0 auto 20px;
  transition:background .2s,border-color .2s;
}
.how-step:hover .how-num{background:var(--orange);border-color:var(--orange);color:var(--white);}
.how-title{font-family:var(--fh);font-size:16px;font-weight:700;margin-bottom:8px;}
.how-desc{font-size:13px;color:var(--ink3);line-height:1.6;}

/* ── BLOG ─────────────────────────────────────────── */
#blog{padding:100px 48px;background:var(--white);}
.blog-head{max-width:1200px;margin:0 auto 52px;}
.blog-head h2{font-size:clamp(30px,3.8vw,50px);font-weight:700;margin-top:10px;}
.blog-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.blog-card{border:1px solid var(--gray-mid);border-radius:var(--rl);overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.08);}
.blog-thumb{height:140px;display:flex;align-items:center;justify-content:center;font-size:40px;}
.blog-body{padding:20px 18px;}
.blog-tag{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:8px;}
.blog-title{font-family:var(--fh);font-size:17px;font-weight:700;line-height:1.3;margin-bottom:8px;color:var(--ink);}
.blog-excerpt{font-size:13px;color:var(--ink3);line-height:1.6;margin-bottom:14px;}
.blog-meta{font-size:12px;color:var(--ink3);display:flex;gap:10px;}
.read-time{background:var(--gray-lt);padding:2px 8px;border-radius:100px;}

.blog-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    align-items:stretch;
}

.blog-card-link{
    display:flex;
    text-decoration:none;
    color:inherit;
    height:100%;
}

.blog-card{
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
}

/* ── CTA / AUDIT ──────────────────────────────────── */
#audit{
  padding:100px 48px;
  background:var(--orange);
}
.audit-inner{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;
  gap:64px;align-items:center;
}
.audit-copy h2{
  font-family:var(--fh);
  font-size:clamp(32px,4vw,52px);
  font-weight:900;color:var(--white);
  margin-bottom:16px;line-height:1.0;
}
.audit-copy h2 em{font-style:italic;font-weight:300;opacity:.7;}
.audit-copy p{font-size:16px;color:rgba(255,255,255,.75);line-height:1.75;font-weight:300;}
.audit-bullets{list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:10px;}
.audit-bullets li{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.85);}
.audit-bullets li::before{content:'✓';font-weight:800;color:rgba(255,255,255,.5);}
.audit-form{
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.25);
  border-radius:var(--rl);padding:32px;
}
.audit-form h3{font-family:var(--fh);font-size:22px;font-weight:700;color:var(--white);margin-bottom:20px;}
.form-row{margin-bottom:13px;}
.form-row label{display:block;font-size:12px;color:rgba(255,255,255,.65);margin-bottom:5px;font-weight:600;letter-spacing:.04em;}
.form-row input,.form-row select{
  width:100%;padding:11px 14px;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.25);
  border-radius:10px;color:var(--white);
  font-size:14px;font-family:var(--fb);outline:none;transition:border-color .2s;
  appearance:none;
}
.form-row input::placeholder{color:rgba(255,255,255,.4);}
.form-row input:focus,.form-row select:focus{border-color:rgba(255,255,255,.7);}
.form-row select option{background:var(--ink);color:var(--white);}
.audit-btn{
  width:100%;padding:14px !important;
  background:var(--white) !important;color:var(--orange) !important;
  border:none !important;border-radius:100px !important;
  font-family:var(--fb);font-size:15px !important;font-weight:700;
  cursor:pointer;margin-top:8px;
  transition:transform .15s,opacity .2s !important;
}
.audit-btn:hover{transform:translateY(-2px);opacity:.92;}
.audit-fine{font-size:11px;color:rgba(255,255,255,.4);text-align:center;margin-top:10px;}
.wpcf7-not-valid-tip {
    color: #bf0000 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: block !important;
}
.form-row br{display: none;}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #e8420a !important;
    color: #fff !important;
}

.author-strip{display: none !important;}

/* ── FAQ ──────────────────────────────────────────── */
#faq{padding:100px 48px;background:var(--white);}
.faq-head{max-width:1200px;margin:0 auto 48px;}
.faq-head h2{font-size:clamp(30px,3.8vw,50px);font-weight:700;margin-top:10px;}
.faq-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.faq-item{border:1px solid var(--gray-mid);border-radius:var(--r);overflow:hidden;}
.faq-q{
  display:flex;justify-content:space-between;align-items:center;
  padding:18px 22px;cursor:pointer;gap:14px;
  font-family:var(--fh);font-size:15px;font-weight:600;color:var(--ink);
}
.faq-q:hover{color:var(--orange);}
.faq-icon{font-size:20px;color:var(--ink3);transition:transform .2s;flex-shrink:0;}
.faq-item.open .faq-icon{transform:rotate(45deg);color:var(--orange);}
.faq-a{display:none;padding:0 22px 18px;font-size:13px;color:var(--ink3);line-height:1.7;}
.faq-item.open .faq-a{display:block;}

/* ── SLA NUMBERS ──────────────────────────────────── */
#sla{padding:80px 48px;background:var(--gray-lt);}
.sla-inner{max-width:1200px;margin:0 auto;}
.sla-head{text-align:center;margin-bottom:48px;}
.sla-head h2{font-size:clamp(28px,3.5vw,44px);font-weight:700;margin-top:10px;}
.sla-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.sla-card{background:var(--white);border-radius:var(--rl);padding:28px 20px;text-align:center;border:1px solid var(--gray-mid);}
.sla-big{font-family:var(--fh);font-size:44px;font-weight:900;color:var(--orange);line-height:1;display:block;}
.sla-unit{font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:.07em;margin:5px 0 10px;display:block;}
.sla-desc{font-size:13px;color:var(--ink2);line-height:1.55;}

/* ── FOOTER ───────────────────────────────────────── */
footer{background:var(--ink);color:var(--white);padding:64px 48px 32px;}
.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;}
.footer-logo{font-family:var(--fb);font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.footer-about{font-size:13px;color:rgba(255,255,255,.35);line-height:1.7;max-width:260px;}
.footer-about a{color:rgba(255,255,255,.35);font-size:11px;}
.footer-col h4{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:14px;}
.footer-col a{display:block;font-size:13px;color:rgba(255,255,255,.5);margin-bottom:9px;transition:color .2s;}
.footer-col a:hover{color:var(--white);}
.footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid rgba(255,255,255,.07);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.footer-bottom p{font-size:12px;color:rgba(255,255,255,.25);}
.footer-badges{display:flex;gap:8px;flex-wrap:wrap;}
.fb{background:rgba(255,255,255,.05);color:rgba(255,255,255,.3);font-size:11px;font-weight:600;padding:4px 12px;border-radius:100px;border:1px solid rgba(255,255,255,.08);}

/* ── RESPONSIVE ───────────────────────────────────── */
@media(max-width:980px){
  nav{padding:0 20px;}
  .nav-links .hide{display:none;}
  #hero{padding:110px 20px 0;}
  .hero-inner{grid-template-columns:1fr;gap:36px;padding-bottom:48px;}
  section,#niches,#services,#compare,#pricing,#reviews,#how,#blog,#audit,#faq,#sla{padding:64px 20px;}
  .stats-inner,.audit-inner{grid-template-columns:1fr;gap:36px;}
  .stats-grid{grid-template-columns:1fr 1fr;}
  .niches-grid,.services-grid,.reviews-grid,.blog-grid{grid-template-columns:1fr;}
  .pricing-grid{grid-template-columns:1fr;}
  .plan.best{transform:none;}
  .sla-grid{grid-template-columns:1fr 1fr;}
  .how-steps{grid-template-columns:1fr 1fr;gap:32px;}
  .how-steps::after{display:none;}
  .faq-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
  .svc-row,.svc-row.flip{grid-template-columns:1fr;}
  .svc-row.flip .svc-text,.svc-row.flip .svc-visual{order:unset;}
  .svc-text,.svc-row.flip .svc-text{padding:0;}
}

/* ── GEO: Answer blocks & citability ─────────────────── */
.answer-block {
  background: var(--gray-lt);
  border-left: 3px solid var(--orange);
  border-radius: 0 var(--r) var(--r) 0;
  padding: 20px 24px;
  margin: 24px 0;
  font-size: 15px;
  line-height: 1.75;
  color: var(--ink2);
}
.answer-block strong { color: var(--ink); }
.answer-block .answer-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--orange);
  margin-bottom: 8px;
  display: block;
}

/* ── Author / E-E-A-T strip ───────────────────────────── */
.author-strip {
  max-width: 1200px; margin: 0 auto 0;
  padding: 14px 0;
  border-bottom: 1px solid var(--gray-mid);
  display: flex; align-items: center; gap: 12px;
  font-size: 12px; color: var(--ink3);
}
.author-av {
  width: 32px; height: 32px; border-radius: 50%;
  background: var(--orange-lt); border: 1.5px solid var(--orange-md);
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 700; color: var(--orange);
  flex-shrink: 0;
}
.author-strip .au-name { font-weight: 600; color: var(--ink2); }
.author-strip .au-sep { color: var(--gray-mid); }
.page-dates { margin-left: auto; display: flex; gap: 16px; }

/* ── Stats source citations ───────────────────────────── */
.stat-source {
  font-size: 10px;
  color: rgba(255,255,255,.28);
  display: block;
  margin-top: 4px;
  font-style: italic;
}

/* ── Screen-reader only ───────────────────────────────── */
.sr-only {
  position: absolute; width: 1px; height: 1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}

/* WPM Blog Post Styles — add to style.css or enqueue separately */
.post-hero{background:var(--ink);padding:120px 48px 56px;position:relative;overflow:hidden;}
.post-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 80% 50%,rgba(232,66,10,0.18) 0%,transparent 70%);}
.post-hero-inner{max-width:800px;margin:0 auto;position:relative;z-index:1;}
.post-category{display:inline-block;font-size:11px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--orange);margin-bottom:16px;}
.post-h1{font-size:clamp(32px,4.5vw,56px);font-weight:900;color:var(--white);line-height:1.0;margin-bottom:20px;}
.post-sub{font-size:16px;color:rgba(255,255,255,0.55);font-weight:300;line-height:1.7;margin-bottom:32px;}
.post-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.meta-author{display:flex;align-items:center;gap:10px;}
.meta-av{width:36px;height:36px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--white);}
.meta-name{font-size:13px;font-weight:600;color:rgba(255,255,255,0.8);}
.meta-role{font-size:11px;color:rgba(255,255,255,0.4);}
.meta-sep{color:rgba(255,255,255,0.15);font-size:18px;}
.meta-info{font-size:12px;color:rgba(255,255,255,0.4);}
.post-wrap{max-width:1160px;margin:0 auto;padding:56px 48px 80px;display:grid;grid-template-columns:1fr 300px;gap:64px;align-items:start;}
.article-body h2{font-size:clamp(22px,3vw,30px);font-weight:700;margin:44px 0 14px;}
.article-body h3{font-size:18px;font-weight:700;margin:28px 0 10px;}
.article-body p{font-size:15px;color:var(--ink2);line-height:1.8;margin-bottom:16px;}
.article-body ul,.article-body ol{padding-left:24px;margin-bottom:18px;}
.article-body li{font-size:15px;color:var(--ink2);line-height:1.75;margin-bottom:6px;}
.answer-block{background:var(--gray-lt);border-left:3px solid var(--orange);border-radius:0 var(--r) var(--r) 0;padding:18px 22px;margin:22px 0;}
.answer-label{font-size:10px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--orange);margin-bottom:8px;display:block;}
.sign-card{border:1px solid var(--gray-mid);border-radius:14px;padding:24px;margin-bottom:20px;}
.sign-num{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:6px;}
.sign-title{font-family:var(--fh);font-size:20px;font-weight:700;margin-bottom:10px;}
.sign-what,.sign-why,.sign-fix{font-size:14px;line-height:1.7;margin-bottom:8px;padding:8px 12px;border-radius:8px;}
.sign-what{background:var(--gray-lt);}
.sign-why{background:var(--orange-lt);}
.sign-fix{background:#f0fdf4;}
.sign-what::before{content:"👀 What it looks like: ";font-weight:600;color:var(--ink);}
.sign-why::before{content:"⚡ Why it happens: ";font-weight:600;}
.sign-fix::before{content:"✓ What to do: ";font-weight:600;color:#166534;}
.stat-callout{background:var(--ink);color:var(--white);border-radius:14px;padding:24px;margin:24px 0;text-align:center;}
.stat-big{font-family:var(--fh);font-size:56px;font-weight:900;color:var(--orange);line-height:1;display:block;margin-bottom:6px;}
.stat-desc{font-size:14px;color:rgba(255,255,255,0.6);}
.stat-src{font-size:11px;color:rgba(255,255,255,0.3);margin-top:4px;font-style:italic;}
.checklist-section{margin-bottom:32px;}
.checklist-head{font-family:var(--fh);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--white);background:var(--ink);padding:8px 16px;border-radius:8px 8px 0 0;display:inline-block;}
.checklist-body{border:1px solid var(--gray-mid);border-radius:0 12px 12px 12px;padding:16px 20px;}
.check-item{display:flex;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid var(--gray-lt);font-size:14px;color:var(--ink2);line-height:1.5;}
.check-item:last-child{border-bottom:none;}
.check-box{width:18px;height:18px;border:1.5px solid var(--gray-mid);border-radius:4px;flex-shrink:0;margin-top:1px;cursor:pointer;transition:all .15s;}
.check-box.checked{background:var(--orange);border-color:var(--orange);}
.cta-box{background:var(--orange);border-radius:16px;padding:32px;margin:40px 0;text-align:center;}
.cta-box h3{font-family:var(--fh);font-size:24px;font-weight:800;color:var(--white);margin-bottom:10px;}
.cta-box p{font-size:14px;color:rgba(255,255,255,0.8);margin-bottom:20px;line-height:1.65;}
.cta-btn{display:inline-block;background:var(--white);color:var(--orange);padding:13px 28px;border-radius:100px;font-family:var(--fb);font-size:14px;font-weight:700;text-decoration:none;}
.sidebar{position:sticky;top:80px;}
.toc-card,.related-posts{background:var(--gray-lt);border-radius:14px;padding:22px;margin-bottom:20px;}
.toc-title,.related-title{font-family:var(--fh);font-size:14px;font-weight:700;margin-bottom:14px;}
.toc-list{list-style:none;display:flex;flex-direction:column;gap:8px;}
.toc-list a{font-size:13px;color:var(--ink3);text-decoration:none;display:flex;align-items:center;gap:8px;}
.toc-list a::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--orange-md);flex-shrink:0;}
.sidebar-cta{background:var(--ink);border-radius:14px;padding:22px;margin-bottom:20px;}
.sidebar-cta h4{font-family:var(--fh);font-size:18px;font-weight:700;color:var(--white);margin-bottom:8px;}
.sidebar-cta p{font-size:13px;color:rgba(255,255,255,0.5);line-height:1.6;margin-bottom:16px;}
.sidebar-btn{display:block;text-align:center;background:var(--orange);color:var(--white);padding:11px 16px;border-radius:100px;font-family:var(--fb);font-size:13px;font-weight:700;text-decoration:none;}
.related-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--gray-mid);}
.related-item:last-child{border-bottom:none;}
.related-tag{font-size:9px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--orange);flex-shrink:0;margin-top:3px;}
.related-item a{font-size:13px;color:var(--ink2);font-weight:500;text-decoration:none;line-height:1.4;}
.fix-step{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px;}
.fix-num{width:36px;height:36px;border-radius:50%;background:var(--orange-lt);color:var(--orange);font-family:var(--fh);font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.fix-body h3{margin:0 0 6px;}
.fix-body p{margin:0;font-size:14px;color:var(--ink3);line-height:1.65;}
.speed-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px;}
.speed-table th{background:var(--ink);color:var(--white);padding:10px 14px;text-align:left;font-family:var(--fh);font-size:12px;font-weight:700;letter-spacing:0.06em;}
.speed-table td{padding:10px 14px;border-bottom:1px solid var(--gray-lt);color:var(--ink2);}
.t-good{color:#166534;font-weight:600;}.t-bad{color:var(--orange);font-weight:600;}
.post-tags{display:flex;gap:8px;flex-wrap:wrap;margin:32px 0;}
.post-tag{background:var(--gray-lt);color:var(--ink3);font-size:12px;font-weight:600;padding:4px 12px;border-radius:100px;border:1px solid var(--gray-mid);}
@media(max-width:900px){.post-hero{padding:100px 20px 48px;}.post-wrap{grid-template-columns:1fr;padding:40px 20px 60px;gap:40px;}.sidebar{position:static;}}



@media only screen and (max-width : 992px) {
  .stat-cell{padding: 30px 20px;}
}
@media only screen and (max-width : 767px) {
  .headerLogo{width: 130px;}
}