/* =============================================
   DESIGN TOKENS (all CSS from original landlord.html)
   ============================================= */
:root{
  --g-dark:#022c1f;
  --g-mid:#045c3a;
  --g-bright:#12c670;
  --g-subtle:#0d9f5b;
  --amber:#f59c1a;
  --amber2:#fbbf24;
  --cream:#faf7f0;
  --paper:#f3ede2;
  --ink:#0a1a12;
  --muted:#5a7264;
  --border:rgba(10,26,18,.1);
  --card-bg:#ffffff;
  --radius-xl:28px;
  --radius-2xl:40px;
  --shadow-card:0 24px 64px rgba(10,26,18,.10);
  --shadow-hero:0 40px 100px rgba(2,44,31,.25);
  --font-display:'Playfair Display',Georgia,serif;
  --font-body:'DM Sans',sans-serif;
  --font-mono:'DM Mono',monospace;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--cream);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}

/* ─── GRAIN OVERLAY ─── */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:999;
  opacity:.022;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:200px;
}

/* ─── NAV ─── */
.nav{
  position:fixed;top:0;left:0;width:100%;z-index:50;
  transition:.3s ease;
}
.nav.scrolled{
  background:rgba(250,247,240,.94);
  backdrop-filter:blur(24px);
  border-bottom:1px solid var(--border);
}
.nav-inner{
  max-width:1280px;margin:0 auto;
  padding:1.2rem 2rem;
  display:flex;align-items:center;justify-content:space-between;
}
.nav-logo img{height:42px}
.nav-links{display:flex;align-items:center;gap:2.2rem;font-weight:600;font-size:.9rem;color:rgba(255,255,255,.85)}
.nav.scrolled .nav-links{color:var(--ink)}
.nav-links a{transition:.2s;position:relative}
.nav-links a::after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background:var(--g-bright);border-radius:2px;transition:.25s}
.nav-links a:hover::after{width:100%}
.nav-actions{display:flex;align-items:center;gap:.8rem}
.btn-phone{font-weight:800;font-size:.9rem;color:var(--g-bright);letter-spacing:.01em}
.nav.scrolled .btn-phone{color:var(--g-mid)}
.btn-cta{
  background:var(--amber);
  color:#fff;
  font-weight:800;
  font-size:.88rem;
  padding:.7rem 1.4rem;
  border-radius:12px;
  letter-spacing:.02em;
  transition:.22s;
  border:none;cursor:pointer;
}
.btn-cta:hover{background:var(--amber2);transform:translateY(-1px);box-shadow:0 10px 28px rgba(245,156,26,.35)}
.mob-toggle{display:none;background:none;border:none;cursor:pointer;color:white;font-size:1.4rem}
.nav.scrolled .mob-toggle{color:var(--ink)}

/* ─── MOBILE MENU ─── */
.mob-menu{
  display:none;
  position:absolute;top:100%;left:0;width:100%;
  background:var(--cream);
  border-bottom:1px solid var(--border);
  padding:1.5rem 2rem;
}
.mob-menu.open{display:block}
.mob-menu a{display:block;padding:.7rem 0;font-weight:700;border-bottom:1px solid var(--border);color:var(--ink)}

/* ─── HERO ─── */
.hero{
  min-height:100svh;
  display:flex;align-items:center;
  position:relative;
  overflow:hidden;
  padding:7rem 2rem 5rem;
}
.hero-bg-img{
  position:absolute;inset:0;
  background:var(--pb4r-hero-image) center/cover no-repeat;
  transform:scale(1.04);
  transition:transform 8s ease;
}
.hero-bg-img.loaded{transform:scale(1)}
.hero-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(160deg, rgba(2,44,31,.93) 0%, rgba(4,92,58,.82) 55%, rgba(18,198,112,.15) 100%);
}
.hero-grid-pattern{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(18,198,112,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(18,198,112,.07) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black,transparent);
}
.hero-inner{
  max-width:1280px;margin:0 auto;width:100%;
  display:grid;grid-template-columns:1fr 480px;gap:5rem;align-items:center;
  position:relative;z-index:1;
}
.hero-badges{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.8rem}
.badge{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.42rem .9rem;
  border-radius:999px;
  font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
  color:rgba(255,255,255,.92);
  backdrop-filter:blur(8px);
  animation:fadeUp .6s ease backwards;
}
.badge:nth-child(2){animation-delay:.08s}
.badge:nth-child(3){animation-delay:.16s}
.badge i{color:var(--g-bright)}

.hero-title{
  font-family:var(--font-display);
  font-size:clamp(3rem,5.5vw,5.2rem);
  font-weight:900;
  line-height:1.04;
  color:#fff;
  margin-bottom:1.4rem;
  animation:fadeUp .7s .2s ease backwards;
}
.hero-title em{
  font-style:italic;
  background:linear-gradient(135deg,#6ee7b7,#fbbf24,#6ee7b7);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-size:200%;
  animation:shimmer 4s linear infinite;
}
@keyframes shimmer{to{background-position:200%}}

.hero-sub{
  color:rgba(255,255,255,.78);
  font-size:1.08rem;
  line-height:1.85;
  max-width:560px;
  margin-bottom:2.4rem;
  animation:fadeUp .7s .35s ease backwards;
}
.hero-actions{
  display:flex;flex-wrap:wrap;gap:1rem;
  animation:fadeUp .7s .45s ease backwards;
}
.btn-hero-primary{
  background:var(--amber);
  color:#fff;
  font-weight:800;
  font-size:1.02rem;
  padding:1rem 2rem;
  border-radius:16px;
  border:none;cursor:pointer;
  transition:.25s;
  display:flex;align-items:center;gap:.6rem;
  letter-spacing:.01em;
}
.btn-hero-primary:hover{background:var(--amber2);transform:translateY(-2px);box-shadow:0 20px 45px rgba(245,156,26,.4)}
.btn-hero-ghost{
  background:rgba(255,255,255,.12);
  border:1.5px solid rgba(255,255,255,.3);
  color:#fff;
  font-weight:700;
  font-size:1rem;
  padding:1rem 1.8rem;
  border-radius:16px;
  cursor:pointer;
  transition:.25s;
  backdrop-filter:blur(8px);
  display:flex;align-items:center;gap:.6rem;
}
.btn-hero-ghost:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}

/* HERO FORM CARD */
.hero-form-card{
  background:#fff;
  border-radius:var(--radius-2xl);
  box-shadow:var(--shadow-hero);
  overflow:hidden;
  animation:fadeUp .8s .3s ease backwards;
}
.hero-form-top{
  background:linear-gradient(135deg,var(--g-dark),var(--g-mid));
  padding:1.6rem 2rem;
  display:flex;align-items:center;gap:1rem;
}
.ai-orb{
  width:50px;height:50px;
  border-radius:50%;
  background:rgba(255,255,255,.15);
  border:1.5px solid rgba(255,255,255,.3);
  display:flex;align-items:center;justify-content:center;
  color:#6ee7b7;
  font-size:1.3rem;
  flex-shrink:0;
  position:relative;
}
.ai-orb::after{
  content:"";position:absolute;inset:-5px;border-radius:50%;
  border:1.5px solid rgba(110,231,183,.35);
  animation:ripple 2s infinite;
}
@keyframes ripple{0%{opacity:1;transform:scale(.9)}100%{opacity:0;transform:scale(1.4)}}
.hero-form-top h2{font-family:var(--font-display);font-size:1.4rem;color:#fff;font-weight:700}
.hero-form-top p{font-size:.8rem;color:rgba(255,255,255,.65);margin-top:.15rem}

.hero-form-body{padding:1.8rem 2rem}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.f-input{
  width:100%;padding:.85rem 1rem;
  border:1.5px solid #e5e7eb;
  border-radius:12px;
  background:#fafafa;
  font-family:var(--font-body);
  font-size:.9rem;
  color:var(--ink);
  outline:none;
  transition:.2s;
}
.f-input:focus{border-color:var(--g-bright);background:#fff;box-shadow:0 0 0 4px rgba(18,198,112,.12)}
.f-input::placeholder{color:#9ca3af}
.f-row{display:flex;flex-direction:column;gap:.75rem}

.submit-btn{
  width:100%;
  background:linear-gradient(135deg,var(--g-bright),var(--g-mid));
  color:#fff;
  font-family:var(--font-body);
  font-weight:800;
  font-size:1rem;
  padding:1rem;
  border-radius:14px;
  border:none;cursor:pointer;
  transition:.25s;
  letter-spacing:.02em;
  margin-top:.5rem;
}
.submit-btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(18,198,112,.32)}
.form-note{text-align:center;font-size:.75rem;color:#9ca3af;margin-top:.6rem}

/* ─── TRUST BAR ─── */
.trust-bar{background:var(--g-dark);padding:1.2rem 2rem}
.trust-bar-inner{
  max-width:1280px;margin:0 auto;
  display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem 3rem;
}
.trust-item{
  display:flex;align-items:center;gap:.55rem;
  font-size:.82rem;font-weight:700;color:rgba(255,255,255,.7);
  letter-spacing:.03em;text-transform:uppercase;
}
.trust-item i{color:var(--g-bright);font-size:.9rem}

/* ─── SECTIONS ─── */
.section{padding:7rem 2rem}
.section-inner{max-width:1280px;margin:0 auto}
.section-label{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:var(--g-mid);background:#dcfce7;
  padding:.4rem .9rem;border-radius:999px;margin-bottom:1.4rem;
}
.section-title{
  font-family:var(--font-display);
  font-size:clamp(2.2rem,4vw,3.4rem);
  font-weight:900;
  line-height:1.1;
  color:var(--ink);
  margin-bottom:1rem;
}
.section-sub{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:600px}

/* ─── AI AUTOMATION ─── */
.ai-section{background:var(--paper)}

.ai-cards{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1.5rem;margin:3.5rem 0 2rem;
}
.ai-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-xl);
  padding:2rem;
  position:relative;
  overflow:hidden;
  transition:.3s;
}
.ai-card::before{
  content:"";
  position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--g-bright),var(--amber));
  transform:scaleX(0);transform-origin:left;
  transition:.35s;
}
.ai-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(10,26,18,.1)}
.ai-card:hover::before{transform:scaleX(1)}
.ai-card-icon{
  width:52px;height:52px;border-radius:16px;
  background:linear-gradient(135deg,#dcfce7,#ecfdf5);
  color:var(--g-mid);
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;margin-bottom:1.4rem;
}
.ai-card h3{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:.6rem}
.ai-card p{font-size:.88rem;line-height:1.75;color:var(--muted)}

/* PIPELINE */
.pipeline{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:0;
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-xl);
  overflow:hidden;
}
.pipe-step{
  padding:2rem 1.6rem;
  position:relative;
  border-right:1px solid var(--border);
  transition:.25s;
}
.pipe-step:last-child{border-right:none}
.pipe-step:hover{background:#f0fdf4}
.pipe-num{
  font-family:var(--font-mono);
  font-size:2.5rem;font-weight:500;
  color:#d1fae5;
  margin-bottom:.8rem;
  line-height:1;
}
.pipe-step h4{font-weight:800;font-size:1rem;margin-bottom:.3rem}
.pipe-step p{font-size:.82rem;color:var(--muted);line-height:1.65}

/* ─── SERVICES ─── */
.services-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.5rem;
  margin-top:3.5rem;
}
.svc-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-xl);
  padding:2.2rem;
  display:flex;flex-direction:column;gap:1rem;
  transition:.3s;
  position:relative;
  overflow:hidden;
}
.svc-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card)}
.svc-num{
  position:absolute;top:1.5rem;right:1.8rem;
  font-family:var(--font-mono);
  font-size:.72rem;font-weight:500;
  color:#d1fae5;letter-spacing:.08em;
}
.svc-icon{
  width:58px;height:58px;border-radius:18px;
  background:linear-gradient(135deg,#064e3b,#065f46);
  color:#6ee7b7;
  display:flex;align-items:center;justify-content:center;
  font-size:1.25rem;
}
.svc-card h3{font-family:var(--font-display);font-size:1.3rem;font-weight:700}
.svc-card p{font-size:.88rem;line-height:1.75;color:var(--muted)}

/* ─── STATS STRIP ─── */
.stats-strip{
  background:linear-gradient(135deg,var(--g-dark),var(--g-mid));
  padding:5rem 2rem;
}
.stats-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.stat-item{text-align:center;border-right:1px solid rgba(255,255,255,.1);padding:0 1rem}
.stat-item:last-child{border-right:none}
.stat-num{
  font-family:var(--font-display);
  font-size:clamp(2.4rem,4vw,3.8rem);
  font-weight:900;color:#fff;
  line-height:1;margin-bottom:.4rem;
}
.stat-num span{color:var(--amber2)}
.stat-label{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.55);letter-spacing:.06em;text-transform:uppercase}

/* ─── CTA BANNER ─── */
.cta-banner{
  background:var(--ink);
  padding:6rem 2rem;
  position:relative;overflow:hidden;
}
.cta-banner::before{
  content:"";position:absolute;
  top:-200px;right:-200px;
  width:600px;height:600px;
  background:radial-gradient(circle,rgba(18,198,112,.12),transparent 70%);
  pointer-events:none;
}
.cta-banner::after{
  content:"";position:absolute;
  bottom:-150px;left:-100px;
  width:400px;height:400px;
  background:radial-gradient(circle,rgba(245,156,26,.08),transparent 70%);
  pointer-events:none;
}
.cta-inner{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1}
.cta-banner h2{
  font-family:var(--font-display);
  font-size:clamp(2.2rem,4vw,3.8rem);
  font-weight:900;color:#fff;
  line-height:1.1;margin-bottom:1rem;
}
.cta-banner h2 em{
  font-style:italic;color:var(--amber2);
}
.cta-banner p{font-size:1.05rem;color:rgba(255,255,255,.6);margin-bottom:2.5rem;line-height:1.8}
.cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}
.btn-cta-white{
  background:#fff;color:var(--g-dark);
  font-weight:800;font-size:1rem;
  padding:1rem 2.2rem;border-radius:16px;
  transition:.25s;border:none;cursor:pointer;
}
.btn-cta-white:hover{background:var(--amber2);color:#fff;transform:translateY(-2px)}
.btn-cta-outline{
  background:transparent;
  border:1.5px solid rgba(255,255,255,.25);
  color:#fff;
  font-weight:700;font-size:1rem;
  padding:1rem 2rem;border-radius:16px;
  cursor:pointer;transition:.25s;
  display:flex;align-items:center;gap:.6rem;
}
.btn-cta-outline:hover{border-color:rgba(255,255,255,.6);transform:translateY(-2px)}

/* ─── ANALYSIS FORM SECTION ─── */
.analysis-section{background:var(--cream);padding:7rem 2rem}
.analysis-card{
  max-width:1140px;margin:0 auto;
  background:#fff;
  border-radius:var(--radius-2xl);
  box-shadow:var(--shadow-card);
  overflow:hidden;
  display:grid;grid-template-columns:1fr 420px;
}
.analysis-form-side{padding:3.5rem}
.analysis-promo-side{
  background:linear-gradient(160deg,var(--g-dark) 0%,var(--g-mid) 100%);
  padding:3.5rem 2.8rem;
  display:flex;flex-direction:column;justify-content:space-between;
  position:relative;overflow:hidden;
}
.analysis-promo-side::before{
  content:"";position:absolute;
  top:-60px;right:-60px;width:250px;height:250px;
  background:radial-gradient(circle,rgba(18,198,112,.2),transparent 70%);
}

.big-offer{
  position:relative;z-index:1;
}
.offer-num{
  font-family:var(--font-display);
  font-size:5rem;font-weight:900;
  color:var(--amber2);
  line-height:1;
}
.offer-label{
  font-family:var(--font-display);
  font-size:1.6rem;font-weight:700;color:#fff;
  margin-top:.2rem;
}
.offer-sub{font-size:.85rem;color:rgba(255,255,255,.6);margin-top:.4rem}

.promo-checks{margin:2rem 0;display:flex;flex-direction:column;gap:1rem}
.promo-check{display:flex;align-items:flex-start;gap:.8rem}
.promo-check i{color:var(--g-bright);margin-top:.15rem;flex-shrink:0}
.promo-check p{font-size:.88rem;color:rgba(255,255,255,.8);line-height:1.65}

.call-box{
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);
  border-radius:16px;padding:1.2rem 1.5rem;
  text-align:center;
  backdrop-filter:blur(8px);
  position:relative;z-index:1;
}
.call-box p{font-size:.78rem;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3rem}
.call-box a{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff}

/* ─── SOCIAL ENGAGEMENT SECTION (QR + FACEBOOK) ─── */
.social-connect{
  background:var(--cream);
  padding:5rem 2rem;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.social-card{
  max-width:1100px;
  margin:0 auto;
  background:#fff;
  border-radius:var(--radius-2xl);
  box-shadow:var(--shadow-card);
  overflow:hidden;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:2rem;
}
.social-left{
  flex:1.2;
  padding:2.8rem 2rem 2.8rem 2.8rem;
}
.social-right{
  flex:0.8;
  background:linear-gradient(145deg,#f8f5ef,#fefcf8);
  padding:2rem;
  text-align:center;
  border-left:1px solid var(--border);
}
.social-badge{
  display:inline-flex;
  background:#e0f2fe;
  color:#0369a1;
  padding:.3rem 1rem;
  border-radius:40px;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  margin-bottom:1rem;
}
.social-left h3{
  font-family:var(--font-display);
  font-size:1.9rem;
  font-weight:900;
  color:var(--g-dark);
  margin-bottom:.8rem;
}
.social-left p{
  color:var(--muted);
  line-height:1.7;
  margin-bottom:1.8rem;
}
.btn-facebook{
  display:inline-flex;
  align-items:center;
  gap:12px;
  background:#1877f2;
  color:white;
  font-weight:800;
  padding:1rem 2rem;
  border-radius:40px;
  font-size:1rem;
  transition:.2s;
  box-shadow:0 8px 16px rgba(24,119,242,.2);
}
.btn-facebook i{font-size:1.3rem;}
.btn-facebook:hover{background:#0e63b0;transform:translateY(-3px);box-shadow:0 15px 28px rgba(24,119,242,.35);}
.social-stats{
  display:flex;
  gap:1.5rem;
  margin-top:2rem;
  font-size:.8rem;
  font-weight:600;
  color:var(--g-mid);
}
.social-stats span{display:flex;align-items:center;gap:.3rem}
.qr-img{
  max-width:160px;
  border-radius:18px;
  box-shadow:0 12px 24px rgba(0,0,0,.08);
  margin-bottom:1rem;
  border:3px solid white;
  background:white;
}
.qr-label{
  font-size:.7rem;
  font-weight:600;
  color:var(--g-dark);
  background:#dcfce7;
  display:inline-block;
  padding:.2rem .8rem;
  border-radius:40px;
}
.social-right p{margin-top:.7rem; font-size:.75rem; color:var(--muted);}
@media(max-width:800px){
  .social-card{flex-direction:column;text-align:center;}
  .social-left{padding:2rem; text-align:center;}
  .social-right{border-left:none; border-top:1px solid var(--border);}
  .btn-facebook{margin:0 auto;}
}
/* ─── FOOTER ─── */
.footer{background:var(--ink);padding:5rem 2rem 2.5rem}
.footer-inner{max-width:1280px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:4rem;margin-bottom:3.5rem}
.footer-brand p{font-size:.88rem;color:rgba(255,255,255,.45);line-height:1.8;margin-top:1rem;max-width:320px}
.footer-col h4{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:1.2rem}
.footer-links{display:flex;flex-direction:column;gap:.8rem}
.footer-links a{font-size:.88rem;color:rgba(255,255,255,.55);transition:.2s}
.footer-links a:hover{color:#fff}
.footer-contact-item{display:flex;align-items:center;gap:.7rem;font-size:.88rem;color:rgba(255,255,255,.55);margin-bottom:.8rem}
.footer-contact-item i{color:var(--g-bright);width:16px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-bottom p{font-size:.8rem;color:rgba(255,255,255,.28)}

/* ─── AI ASSISTANT WIDGET ─── */
#ai-fab-area{position:fixed;right:1.5rem;bottom:1.5rem;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:.8rem}
.ai-toast-card{
  width:320px;
  background:#fff;
  border-radius:24px;
  box-shadow:0 24px 64px rgba(10,26,18,.2);
  border:1px solid var(--border);
  overflow:hidden;
  transform-origin:bottom right;
  animation:toastIn .4s cubic-bezier(.34,1.56,.64,1);
}
@keyframes toastIn{from{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
.toast-top{
  background:linear-gradient(135deg,var(--g-dark),var(--g-mid));
  padding:1rem 1.2rem;
  display:flex;align-items:center;gap:.75rem;
}
.toast-orb{
  width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,.15);
  display:flex;align-items:center;justify-content:center;
  color:#6ee7b7;font-size:1rem;
}
.toast-top-text{flex:1}
.toast-top-text strong{font-size:.88rem;color:#fff;display:block}
.toast-top-text span{font-size:.72rem;color:rgba(255,255,255,.65)}
.toast-close{background:none;border:none;cursor:pointer;color:rgba(255,255,255,.6);font-size:1.1rem;padding:.2rem}
.toast-close:hover{color:#fff}
.toast-body{padding:1.1rem 1.2rem}
.toast-body p{font-size:.84rem;color:var(--muted);line-height:1.65;margin-bottom:.8rem}
.toast-cta-btn{
  width:100%;
  background:linear-gradient(135deg,var(--g-bright),var(--g-mid));
  color:#fff;font-weight:800;font-size:.88rem;
  padding:.8rem;border-radius:12px;
  border:none;cursor:pointer;transition:.2s;
}
.toast-cta-btn:hover{opacity:.9;transform:translateY(-1px)}

.ai-fab{
  width:58px;height:58px;border-radius:50%;
  background:linear-gradient(135deg,var(--g-bright),var(--g-mid));
  color:#fff;font-size:1.4rem;
  border:none;cursor:pointer;
  box-shadow:0 8px 28px rgba(18,198,112,.4);
  display:flex;align-items:center;justify-content:center;
  transition:.25s;
  position:relative;
}
.ai-fab::before{
  content:"";position:absolute;inset:-5px;border-radius:50%;
  border:2px solid rgba(18,198,112,.3);
  animation:ripple 2.5s infinite;
}
.ai-fab:hover{transform:scale(1.08);box-shadow:0 12px 36px rgba(18,198,112,.5)}

/* ─── UTILS ─── */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}

.success-box{display:none;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:.9rem 1rem;color:var(--g-mid);font-weight:700;font-size:.88rem;margin-top:.5rem}
.error-box{display:none;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:.9rem 1rem;color:#dc2626;font-size:.85rem;margin-top:.5rem}

@media(max-width:1100px){
  .hero-inner{grid-template-columns:1fr;gap:3rem}
  .hero-form-card{max-width:520px}
  .ai-cards{grid-template-columns:repeat(2,1fr)}
  .pipeline{grid-template-columns:repeat(2,1fr)}
  .pipe-step:nth-child(2){border-right:none}
  .pipe-step:nth-child(1),.pipe-step:nth-child(2){border-bottom:1px solid var(--border)}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .stats-inner{grid-template-columns:repeat(2,1fr)}
  .stat-item:nth-child(2){border-right:none}
  .stat-item:nth-child(3){border-right:1px solid rgba(255,255,255,.1)}
  .analysis-card{grid-template-columns:1fr}
  .analysis-promo-side{display:none}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .hero{padding:6rem 1.2rem 4rem}
  .section{padding:4.5rem 1.2rem}
  .nav-inner{padding:1rem 1.2rem}
  .nav-links{display:none}
  .nav-actions .btn-phone{display:none}
  .mob-toggle{display:block}
  .ai-cards{grid-template-columns:1fr}
  .pipeline{grid-template-columns:1fr}
  .pipe-step{border-right:none;border-bottom:1px solid var(--border)}
  .pipe-step:last-child{border-bottom:none}
  .services-grid{grid-template-columns:1fr}
  .stats-inner{grid-template-columns:repeat(2,1fr)}
  .stat-item:nth-child(2){border-right:none}
  .stat-item:nth-child(3){border-right:none}
  .stat-item{border-right:none !important;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1.5rem}
  .stat-item:last-child{border-bottom:none}
  .footer-grid{grid-template-columns:1fr}
  .ai-toast-card{width:calc(100vw - 3rem)}
  .analysis-form-side{padding:2rem 1.5rem}
  .hero-title{font-size:2.5rem}
  .form-grid-2{grid-template-columns:1fr}
}
/* additional style for google button */
.btn-google {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  color: #EA4335;
  border: 2px solid #EA4335;
  font-weight: 800;
  padding: 1rem 2rem;
  border-radius: 40px;
  font-size: 1rem;
  transition: 0.2s;
  background: white;
  box-shadow: 0 4px 12px rgba(234,67,53,0.1);
}
.btn-google i { font-size: 1.2rem; }
.btn-google:hover {
  background: #EA4335;
  color: white;
  transform: translateY(-3px);
  box-shadow: 0 12px 22px rgba(234,67,53,0.3);
  border-color: #EA4335;
}
.social-right p { font-size: 0.72rem; }

/* two-column layout for combined section */
.social-connect {
  background: var(--cream);
  padding: 5rem 2rem;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.social-card.two-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-card);
  overflow: hidden;
}
.social-left, .social-right {
  flex: 1;
  padding: 2.8rem 2rem;
}
.social-left {
  background: #fff;
  border-right: 1px solid var(--border);
}
.social-right.google-focus {
  background: linear-gradient(145deg, #fefcf8, #ffffff);
}
.social-badge {
  display: inline-flex;
  background: #e0f2fe;
  color: #0369a1;
  padding: 0.3rem 1rem;
  border-radius: 40px;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.google-badge {
  background: #fef2e8;
  color: #EA4335;
}
.social-left h3, .social-right h3 {
  font-family: var(--font-display);
  font-size: 1.8rem;
  font-weight: 900;
  margin-bottom: 0.8rem;
  line-height: 1.2;
}
.social-left p, .social-right p {
  color: var(--muted);
  line-height: 1.6;
  margin-bottom: 1.5rem;
}
.btn-facebook {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #1877f2;
  color: white;
  font-weight: 800;
  padding: 0.9rem 1.8rem;
  border-radius: 40px;
  font-size: 0.95rem;
  transition: 0.2s;
  box-shadow: 0 4px 12px rgba(24,119,242,0.2);
}
.btn-facebook i { font-size: 1.2rem; }
.btn-facebook:hover {
  background: #0e63b0;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(24,119,242,0.3);
}
.btn-google {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  color: #EA4335;
  border: 2px solid #EA4335;
  font-weight: 800;
  padding: 0.9rem 1.8rem;
  border-radius: 40px;
  font-size: 0.95rem;
  transition: 0.2s;
  margin-top: 0.5rem;
}
.btn-google i { font-size: 1.1rem; }
.btn-google:hover {
  background: #EA4335;
  color: white;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(234,67,53,0.3);
  border-color: #EA4335;
}
.social-stats {
  display: flex;
  gap: 1.5rem;
  margin-top: 1.8rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--g-mid);
}
.social-stats span {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.qr-google-wrapper {
  text-align: center;
  margin: 1.5rem 0;
}
.qr-img {
  max-width: 140px;
  border-radius: 18px;
  box-shadow: 0 12px 24px rgba(0,0,0,0.1);
  background: white;
  padding: 6px;
  border: 1px solid var(--border);
}
.qr-label {
  font-size: 0.7rem;
  font-weight: 700;
  background: #dcfce7;
  display: inline-block;
  padding: 0.2rem 0.8rem;
  border-radius: 40px;
  margin-top: 0.6rem;
}
.qr-caption {
  font-size: 0.7rem;
  margin-top: 0.3rem;
  color: #7f8c8d;
}
.rating-stats {
  margin-top: 1rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--g-dark);
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
@media (max-width: 800px) {
  .social-card.two-columns {
    flex-direction: column;
  }
  .social-left {
    border-right: none;
    border-bottom: 1px solid var(--border);
  }
  .social-left, .social-right {
    text-align: center;
    padding: 2rem;
  }
  .btn-facebook, .btn-google {
    justify-content: center;
  }
  .social-stats {
    justify-content: center;
  }
}

/* WordPress integration, accessibility, and production hardening */
:root{--pb4r-hero-image:linear-gradient(145deg,#022c1f,#045c3a)}
body.admin-bar .nav{top:32px}
.nav-logo{display:inline-flex;align-items:center;min-width:150px;color:#fff;font-family:var(--font-display);font-size:1.25rem;font-weight:900}
.nav.scrolled .nav-logo{color:var(--g-dark)}
.nav-logo .custom-logo{width:auto;max-width:220px;height:42px;object-fit:contain}
.footer-brand .custom-logo{width:auto;max-width:240px;height:40px;object-fit:contain}
.site-title-logo{line-height:1.1}
.skip-link{position:fixed;left:1rem;top:-100px;z-index:1000;background:#fff;color:#000;padding:.8rem 1rem;border-radius:8px;box-shadow:var(--shadow-card)}
.skip-link:focus{top:1rem}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--amber2);outline-offset:3px}
button:disabled{opacity:.65;cursor:not-allowed;transform:none!important}
.pb4r-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.consent-row{display:flex;align-items:flex-start;gap:.65rem;font-size:.76rem;line-height:1.5;color:var(--muted)}
.consent-row input{margin-top:.2rem;accent-color:var(--g-mid)}
.consent-row a{text-decoration:underline;color:var(--g-mid)}
.form-note a{text-decoration:underline}
.services-heading{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:1rem}
.content-shell{max-width:980px;margin:0 auto;padding:8rem 2rem 5rem}
.content-shell article{background:#fff;border-radius:24px;padding:2.5rem;box-shadow:var(--shadow-card)}
.content-shell h1{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4rem);margin-bottom:1.2rem}
.content-shell .entry-content{line-height:1.8;color:var(--muted)}
.generic-site-header{position:relative;background:var(--g-dark);padding:1rem 2rem;color:#fff}
.generic-site-header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.generic-site-footer{background:var(--ink);color:rgba(255,255,255,.55);padding:2rem;text-align:center}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:#fff;clip:auto!important;clip-path:none;color:#000;display:block;font-size:1rem;height:auto;left:1rem;line-height:normal;padding:1rem;top:1rem;width:auto;z-index:100000}
@media(max-width:782px){body.admin-bar .nav{top:46px}}
@media(max-width:700px){.services-heading{grid-template-columns:1fr;gap:1rem}.hero{min-height:auto}.nav-logo .custom-logo{max-width:170px;height:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-bg-img{transform:none!important}}


/* WordPress menus, dropdowns, and widget areas — v1.1 */
.nav-links{flex:1;justify-content:center;min-width:0}
.nav-links .menu,.generic-primary-nav .menu,.footer-menu,.mob-menu .menu,.generic-mobile-menu .menu{list-style:none;margin:0;padding:0}
.nav-links>.menu{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,2vw,2.2rem)}
.nav-links .menu-item{position:relative}
.nav-links .menu-item>a{display:flex;align-items:center;gap:.35rem;padding:.5rem 0;white-space:nowrap}
.nav-links .menu-item-has-children>a::before{content:"";order:2;width:.38rem;height:.38rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7}
.nav-links .sub-menu{position:absolute;top:calc(100% + .75rem);left:50%;z-index:60;min-width:220px;padding:.65rem;background:#fff;color:var(--ink);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 50px rgba(2,44,31,.18);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
.nav-links .sub-menu .sub-menu{top:-.65rem;left:calc(100% + .75rem);transform:translate(8px,0)}
.nav-links .menu-item:hover>.sub-menu,.nav-links .menu-item:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-links .sub-menu .menu-item:hover>.sub-menu,.nav-links .sub-menu .menu-item:focus-within>.sub-menu{transform:translate(0,0)}
.nav-links .sub-menu a{display:block;padding:.7rem .85rem;border-radius:10px;color:var(--ink)}
.nav-links .sub-menu a:hover,.nav-links .sub-menu a:focus{background:#ecfdf5;color:var(--g-mid)}
.nav-links .sub-menu a::after{display:none}
.nav-links .current-menu-item>a,.nav-links .current-menu-ancestor>a{color:var(--g-bright)}
.mobile-call-button{display:block!important;text-align:center;margin-top:1rem}
.mob-menu .menu>li>a,.mob-menu .sub-menu a{display:block;padding:.75rem 0;font-weight:700;border-bottom:1px solid var(--border);color:var(--ink)}
.mob-menu .sub-menu{padding-left:1rem;list-style:none}
.mob-menu .sub-menu a{font-size:.9rem;font-weight:600;color:var(--muted)}
.mob-menu .current-menu-item>a{color:var(--g-mid)}

.footer-grid{grid-template-columns:minmax(230px,1.45fr) repeat(auto-fit,minmax(170px,1fr));align-items:start}
.footer-col h4,.footer .widget-title{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.35);margin:0 0 1.2rem}
.footer-links .menu,.footer-menu{display:flex;flex-direction:column;gap:.8rem}
.footer-links li{list-style:none}
.footer-links a,.footer-menu a{font-size:.88rem;color:rgba(255,255,255,.58);transition:.2s}
.footer-links a:hover,.footer-links a:focus,.footer-menu a:hover,.footer-menu a:focus{color:#fff}
.footer-menu .sub-menu{list-style:none;padding:.6rem 0 0 1rem;display:flex;flex-direction:column;gap:.55rem}
.footer-contact-item a{color:rgba(255,255,255,.55)}
.footer-tagline{font-size:.75rem!important;color:rgba(255,255,255,.24)!important}

.landing-widget-area{background:var(--paper);padding:3.5rem 2rem;border-top:1px solid var(--border)}
.landing-widget-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}
.footer-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;padding:2.5rem 0;margin:0 0 2.5rem;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.widget{min-width:0}
.widget-title{font-family:var(--font-display);font-size:1.25rem;margin:0 0 1rem}
.widget ul{list-style:none;margin:0;padding:0}
.widget li+li{margin-top:.55rem}
.widget a{text-decoration:none}
.widget img{max-width:100%;height:auto}
.widget select,.widget input:not([type="checkbox"]):not([type="radio"]),.widget textarea{max-width:100%;width:100%;padding:.75rem;border:1px solid var(--border);border-radius:10px;font:inherit}
.widget button,.widget input[type="submit"]{background:var(--g-mid);color:#fff;border:0;border-radius:10px;padding:.75rem 1rem;font-weight:700;cursor:pointer}
.landing-widget-area .widget{background:#fff;padding:1.5rem;border:1px solid var(--border);border-radius:20px;box-shadow:0 12px 32px rgba(10,26,18,.06)}
.footer .widget,.generic-site-footer .widget{color:rgba(255,255,255,.62);line-height:1.7}
.footer .widget a,.generic-site-footer .widget a{color:rgba(255,255,255,.72)}
.footer .widget a:hover,.generic-site-footer .widget a:hover{color:#fff}

.generic-site-header{position:relative;background:var(--g-dark);padding:1rem 2rem;color:#fff}
.generic-site-header-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.generic-primary-nav{margin-left:auto}
.generic-primary-nav>.menu{display:flex;align-items:center;gap:1.5rem}
.generic-primary-nav li{position:relative;list-style:none}
.generic-primary-nav a{display:block;color:rgba(255,255,255,.85);font-weight:700;padding:.55rem 0}
.generic-primary-nav a:hover,.generic-primary-nav .current-menu-item>a{color:#fff}
.generic-primary-nav .sub-menu{position:absolute;top:100%;left:0;min-width:210px;background:#fff;padding:.6rem;border-radius:12px;box-shadow:0 15px 40px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:20}
.generic-primary-nav li:hover>.sub-menu,.generic-primary-nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.generic-primary-nav .sub-menu a{color:var(--ink);padding:.65rem .75rem;border-radius:8px}
.generic-primary-nav .sub-menu a:hover{background:#ecfdf5;color:var(--g-mid)}
.generic-mob-toggle{display:none;background:transparent;border:0;color:#fff;font-size:1.35rem;padding:.5rem;cursor:pointer}
.generic-mobile-menu{display:none;background:#fff;color:var(--ink);padding:1rem 2rem;border-top:1px solid rgba(255,255,255,.1)}
.generic-mobile-menu.open{display:block}
.generic-mobile-menu li{list-style:none}
.generic-mobile-menu a{display:block;padding:.7rem 0;border-bottom:1px solid var(--border);font-weight:700}
.generic-mobile-menu .sub-menu{padding-left:1rem}
.content-layout{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;padding:0 2rem}
.content-layout.has-sidebar{grid-template-columns:minmax(0,1fr) minmax(260px,340px)}
.content-layout .content-shell{width:100%;padding-left:0;padding-right:0}
.site-sidebar{padding:8rem 0 5rem}
.site-sidebar .widget{background:#fff;padding:1.5rem;border-radius:20px;box-shadow:var(--shadow-card);margin-bottom:1.25rem;color:var(--muted);line-height:1.7}
.generic-site-footer{padding:3rem 2rem;text-align:left}
.generic-footer-inner{max-width:1280px;margin:0 auto}
.generic-footer-menu{margin:0 0 1.5rem}
.generic-footer-menu>.menu{display:flex;flex-wrap:wrap;gap:1rem 1.5rem}
.generic-footer-menu li{list-style:none}
.generic-footer-menu a{color:rgba(255,255,255,.72)}
.generic-site-footer>*,.generic-footer-inner>p{color:rgba(255,255,255,.55)}

@media(max-width:1050px){
  .nav-links{display:none}
  .mob-toggle{display:block}
  .nav-actions .btn-phone{display:none}
  .generic-primary-nav{display:none}
  .generic-mob-toggle{display:block}
}
@media(max-width:800px){
  .content-layout.has-sidebar{grid-template-columns:1fr}
  .site-sidebar{padding:0 0 4rem}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .footer-grid{grid-template-columns:1fr}
  .footer-widgets,.landing-widget-inner{grid-template-columns:1fr}
  .nav-actions .btn-cta{display:none}
}