:root{
  --orange:#ff4f16;
  --orange2:#ff6b1a;
  --black:#050b10;
  --dark:#091119;
  --text:#111111;
  --muted:#5d6570;
  --line:#e7e7e7;
  --soft:#f8f8f8;
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:var(--text);
  background:#fff;
}

.site-header{
  min-height:96px;
  padding:8px 5.6%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#e5e7eb;
  border-bottom:4px solid var(--orange);
  position:sticky;
  top:0;
  z-index:100;
  box-shadow:0 2px 14px rgba(0,0,0,.08);
}

.brand img{
  display:block;
  width:250px;
  max-height:82px;
  object-fit:contain;
  filter:drop-shadow(0 2px 3px rgba(255,255,255,.75));
}

.main-nav{
  display:flex;
  gap:30px;
  align-items:center;
}

.main-nav a{
  text-decoration:none;
  color:#111;
  text-transform:uppercase;
  font-size:13px;
  font-weight:900;
}

.main-nav a.active,
.main-nav a:hover{
  color:var(--orange);
}

.header-btn{
  background:var(--orange);
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  font-size:14px;
  font-weight:900;
  padding:20px 32px;
  border-radius:6px;
  box-shadow:0 10px 25px rgba(255,79,22,.30);
}

.hero{
  min-height:540px;
  display:grid;
  grid-template-columns:1fr 1.1fr;
  padding:36px 5.6% 0;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 52% 40%, rgba(0,0,0,.035), transparent 26%),
    linear-gradient(126deg,#fff 0%,#fff 62%,#fff1ec 62.1%,#ff4f16 100%);
}

.hero-left{
  padding-top:32px;
  z-index:2;
}

.local-tag{
  color:var(--orange);
  font-size:13px;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.8px;
  margin:0 0 12px;
}

.hero h1{
  font-size:56px;
  line-height:1.03;
  margin:0 0 18px;
  letter-spacing:-2px;
  max-width:560px;
}

.hero h1 span{
  display:block;
  font-size:33px;
  font-weight:800;
  letter-spacing:0;
}

.hero h1 strong{
  display:block;
  color:var(--orange);
  font-size:62px;
  line-height:.97;
}

.hero h1 small{
  display:block;
  font-size:30px;
  line-height:1.2;
  letter-spacing:0;
}

.hero p{
  max-width:500px;
  line-height:1.65;
  font-size:17px;
  color:#222;
}

.button-row{
  margin-top:22px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.btn{
  display:inline-block;
  padding:16px 22px;
  border-radius:5px;
  text-transform:uppercase;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
}

.btn.orange{
  background:var(--orange);
  color:#fff;
}

.btn.black{
  background:#111;
  color:#fff;
}

.btn.white{
  background:#fff;
  border:2px solid #111;
  color:#111;
}

.hero-right{
  min-height:520px;
  position:relative;
  z-index:2;
}

.social-bubble{
  width:78px;
  height:78px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:46px;
  font-weight:900;
  box-shadow:0 16px 30px rgba(0,0,0,.20);
  position:absolute;
  z-index:5;
}

.fb{background:#1877f2;left:92px;top:52px;}
.ig{background:radial-gradient(circle at 20% 110%,#ffdc80,#f77737,#c13584,#5851db);left:80px;top:162px;}
.tt{background:#020202;left:105px;top:278px;}

.reaction{
  position:absolute;
  right:56px;
  padding:13px 18px;
  color:#fff;
  border-radius:10px;
  font-size:22px;
  font-weight:900;
  box-shadow:0 14px 28px rgba(0,0,0,.22);
  z-index:6;
}

.heart{background:#f7255e;top:72px;}
.like{background:#2f75ff;top:192px;}
.follow{background:var(--orange);top:310px;}

.phone{
  width:285px;
  height:505px;
  background:#111;
  border:8px solid #111;
  border-radius:36px;
  position:absolute;
  top:10px;
  right:205px;
  transform:rotate(7deg);
  box-shadow:0 25px 55px rgba(0,0,0,.28);
  overflow:hidden;
}

.notch{
  position:absolute;
  top:0;
  left:82px;
  width:120px;
  height:24px;
  background:#111;
  border-radius:0 0 16px 16px;
  z-index:4;
}

.phone-header{
  height:35px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 18px 0;
  font-size:11px;
  font-weight:800;
}

.profile-row{
  background:#fff;
  display:flex;
  gap:10px;
  align-items:center;
  padding:8px 12px;
}

.profile-row img{
  width:42px;
  height:42px;
  object-fit:contain;
  border-radius:50%;
  background:#111;
}

.profile-row strong{
  display:block;
  font-size:12px;
}

.profile-row small{
  display:block;
  font-size:8px;
  color:#444;
}

.phone-actions{
  display:flex;
  gap:7px;
  background:#fff;
  padding:0 12px 9px;
}

.phone-actions button{
  flex:1;
  border:0;
  padding:7px;
  border-radius:4px;
  font-size:11px;
  font-weight:800;
}

.phone-actions button:first-child{
  background:#2f75ff;
  color:#fff;
}

.post-grid{
  background:#fff;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  padding:5px;
}

.post{
  height:103px;
  color:#fff;
  padding:9px;
  display:flex;
  align-items:flex-end;
  text-transform:uppercase;
  font-weight:900;
  font-size:14px;
  line-height:1.05;
}

.phone-note{
  background:#fff;
  color:#666;
  font-size:10px;
  text-align:center;
  padding:5px;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.5px;
}

.p1{background:linear-gradient(135deg,#262626,#ff4f16);}
.p2{background:linear-gradient(135deg,#111,#392216);}
.p3{background:linear-gradient(135deg,#291400,#ff6b1a);}
.p4{background:linear-gradient(135deg,#18252c,#111);}
.p5{background:linear-gradient(135deg,#1c1c1c,#5a2b0a);}
.p6{background:linear-gradient(135deg,#0b1017,#ff4f16);}

.brand-section{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:42px;
  padding:38px 5.6%;
  align-items:center;
  border-top:1px solid var(--line);
}

.desk-card{
  min-height:305px;
  border-radius:12px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.8)),
    linear-gradient(135deg,#d6d6d6,#fff);
  position:relative;
  overflow:hidden;
  box-shadow:0 10px 35px rgba(0,0,0,.13);
}

.laptop{
  width:395px;
  height:230px;
  border-radius:14px;
  background:#1a1a1a;
  position:absolute;
  left:100px;
  top:35px;
  padding:16px;
  box-shadow:0 18px 35px rgba(0,0,0,.25);
}

.laptop-screen{
  height:100%;
  background:#050505;
  border-radius:8px;
  display:grid;
  place-items:center;
}

.laptop-screen img{
  width:240px;
  max-height:150px;
  object-fit:contain;
}

.coffee-mug{
  position:absolute;
  left:35px;
  bottom:34px;
  width:70px;
  height:78px;
  background:#111;
  border-radius:8px 8px 20px 20px;
  display:grid;
  place-items:center;
}

.coffee-mug:after{
  content:"";
  position:absolute;
  right:-18px;
  top:22px;
  width:18px;
  height:28px;
  border:6px solid #111;
  border-left:0;
  border-radius:0 20px 20px 0;
}

.coffee-mug img{
  width:48px;
  height:48px;
  object-fit:contain;
}

.notebook{
  position:absolute;
  left:135px;
  bottom:26px;
  width:160px;
  height:36px;
  background:#111;
  opacity:.85;
  border-radius:6px;
  transform:rotate(-8deg);
}

.eyebrow{
  margin:0 0 8px;
  color:var(--orange);
  text-transform:uppercase;
  font-size:13px;
  font-weight:900;
}

.center{
  text-align:center;
}

.brand-copy h2{
  font-size:36px;
  line-height:1.08;
  margin:0 0 14px;
}

.brand-copy p{
  max-width:520px;
  line-height:1.6;
}

.feature-icons{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:28px;
  text-align:center;
}

.feature-icons span{
  color:var(--orange);
  font-size:38px;
  display:block;
}

.feature-icons strong{
  display:block;
}

.feature-icons small{
  display:block;
  font-weight:800;
}

.pricing-section{
  background:#fbfbfb;
  padding:20px 5.6% 40px;
  text-align:center;
}

.pricing-section h2{
  font-size:31px;
  margin:0 0 22px;
}

.pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
  max-width:1100px;
  margin:0 auto;
}

.package-card{
  background:#fff;
  border:1px solid #e5e5e5;
  box-shadow:0 8px 25px rgba(0,0,0,.10);
  border-radius:9px;
  padding:28px 42px 30px;
  text-align:left;
  position:relative;
}

.package-card.popular{
  border-top:9px solid var(--orange);
  transform:translateY(-8px);
}

.ribbon{
  position:absolute;
  left:0;
  right:0;
  top:-31px;
  background:var(--orange);
  color:#fff;
  text-align:center;
  padding:8px;
  border-radius:8px 8px 0 0;
  text-transform:uppercase;
  font-size:12px;
  font-weight:900;
}

.platform-icon,
.platform-pair span{
  display:inline-grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:50%;
  color:#fff;
  font-size:32px;
  font-weight:900;
  margin-right:5px;
}

.facebook{background:#1877f2;}
.instagram{background:radial-gradient(circle at 20% 110%,#ffdc80,#f77737,#c13584,#5851db);}
.tiktok{background:#000;}

.package-card h3{
  text-transform:uppercase;
  font-size:18px;
  margin:13px 0 2px;
}

.price{
  color:var(--orange);
  font-size:31px;
  font-weight:900;
  margin:0 0 10px;
}

.price span{
  font-size:13px;
}

.package-card ul{
  list-style:none;
  padding:0;
  margin:0;
}

.package-card li{
  margin:10px 0;
  font-size:14px;
}

.package-card li:before{
  content:"✓";
  color:var(--orange);
  font-weight:900;
  margin-right:12px;
}

.package-card a{
  display:block;
  margin-top:38px;
  text-align:center;
  text-decoration:none;
  color:#111;
  border:2px solid var(--orange);
  padding:12px;
  border-radius:4px;
  text-transform:uppercase;
  font-size:13px;
  font-weight:900;
}

.package-card.popular a{
  background:var(--orange);
  color:#fff;
}

.portfolio-section{
  background:#071018;
  color:#fff;
  text-align:center;
  padding:22px 5.6% 30px;
}

.portfolio-section h2{
  margin:0 0 8px;
  font-size:25px;
}

.portfolio-disclaimer{
  color:#d8d8d8;
  font-size:13px;
  max-width:880px;
  margin:0 auto 18px;
  line-height:1.45;
}

.dark-text{
  color:#555;
}

.work-slider{
  display:grid;
  grid-template-columns:35px repeat(4,1fr) 35px;
  gap:18px;
  align-items:center;
}

.work-slider button{
  background:transparent;
  color:#fff;
  border:0;
  font-size:48px;
  cursor:pointer;
}

.work-card{
  min-height:170px;
  border-radius:8px;
  padding:15px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  color:#fff;
  text-align:left;
  text-transform:uppercase;
  font-size:21px;
  line-height:1.02;
  font-weight:900;
  overflow:hidden;
  position:relative;
}

.work-card b{
  position:absolute;
  top:10px;
  left:10px;
  background:rgba(255,255,255,.92);
  color:#111;
  padding:5px 8px;
  border-radius:3px;
  font-size:10px;
  letter-spacing:.6px;
}

.work-card small{
  font-size:13px;
  color:#ffbd8c;
  margin-top:7px;
}

.work-card span{
  background:var(--orange);
  color:#fff;
  padding:7px 10px;
  border-radius:3px;
  margin-top:10px;
  font-size:11px;
}

.hvac{background:linear-gradient(135deg,#1b2a34,#566775);}
.food{background:linear-gradient(135deg,#21110a,#ff7a1a);}
.auto{background:linear-gradient(135deg,#101010,#4c5156);}
.lawn{background:linear-gradient(135deg,#143c16,#7cbb3a);}
.contractor{background:linear-gradient(135deg,#2a241d,#a95f28);}
.retail{background:linear-gradient(135deg,#202234,#9366ff);}

.concept-note{
  margin:16px auto 0;
  max-width:700px;
  color:#fff;
  font-size:13px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  padding:12px 16px;
  border-radius:6px;
}

.portfolio-page-btn{
  display:inline-block;
  margin-top:22px;
  background:var(--orange);
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:900;
  font-size:13px;
  padding:15px 22px;
  border-radius:5px;
}

.results-section{
  padding:38px 5.6%;
  display:grid;
  grid-template-columns:.78fr 1.2fr;
  gap:35px;
  align-items:center;
}

.results-copy h2{
  font-size:34px;
  line-height:1.02;
  margin:0 0 11px;
}

.results-copy p{
  max-width:390px;
  font-size:14px;
  line-height:1.5;
}

.stats-card{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid #e6e6e6;
  border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  background:#fff;
}

.stats-card div{
  padding:26px 18px;
  text-align:center;
  border-right:1px solid #e7e7e7;
}

.stats-card div:last-child{
  border-right:0;
}

.stats-card span{
  display:block;
  color:var(--orange);
  font-size:32px;
}

.stats-card strong{
  display:block;
  font-size:23px;
  color:var(--orange);
}

.stats-card small{
  font-size:12px;
  font-weight:800;
}

.call-strip{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;
  background:#111;
  color:#fff;
  padding:30px 5.6%;
}

.call-strip h2{
  margin:0 0 4px;
  font-size:28px;
}

.call-strip p{
  margin:0;
  color:#d8d8d8;
}

.strip-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.strip-actions a{
  background:var(--orange);
  color:#fff;
  text-decoration:none;
  padding:14px 18px;
  border-radius:5px;
  text-transform:uppercase;
  font-weight:900;
  font-size:13px;
}

.strip-actions a:last-child{
  background:#fff;
  color:#111;
}

.bottom-lead{
  display:grid;
  grid-template-columns:.8fr .75fr 1.25fr;
  gap:30px;
  padding:30px 5.6% 42px;
  background:#fbfbfb;
}

.faq-panel details{
  background:#fff;
  border:1px solid #ddd;
  border-radius:4px;
  margin-bottom:8px;
}

.faq-panel summary{
  cursor:pointer;
  padding:12px 14px;
  font-size:13px;
  font-weight:900;
}

.faq-panel p{
  margin:0;
  padding:0 14px 12px;
  font-size:13px;
  color:#555;
}

.audit-panel h2{
  font-size:34px;
  line-height:1.05;
  margin:0 0 10px;
}

.audit-panel p{
  line-height:1.5;
  font-size:14px;
}

.quick-contact{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:15px 0;
}

.quick-contact a{
  background:#111;
  color:#fff;
  padding:12px 14px;
  border-radius:5px;
  text-decoration:none;
  text-transform:uppercase;
  font-size:12px;
  font-weight:900;
}

.quick-contact a:first-child{
  background:var(--orange);
}

.trust-row{
  display:flex;
  gap:24px;
  margin-top:18px;
  color:var(--orange);
  font-weight:900;
  text-align:center;
}

.trust-row small{
  display:block;
  color:#222;
  font-size:11px;
  margin-top:5px;
}

.contact-form{
  align-self:center;
}

.two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
  margin-bottom:12px;
}

input,textarea{
  width:100%;
  border:1px solid #ddd;
  border-radius:4px;
  padding:14px;
  font-size:14px;
}

textarea{
  min-height:96px;
  margin-bottom:12px;
}

.contact-form button{
  width:100%;
  border:0;
  background:var(--orange);
  color:#fff;
  padding:15px;
  border-radius:4px;
  text-transform:uppercase;
  font-weight:900;
  cursor:pointer;
}

.footer{
  background:#071018;
  color:#fff;
  padding:38px 5.6%;
  display:grid;
  grid-template-columns:1.25fr .65fr .8fr 1fr .55fr;
  gap:32px;
}

.footer-about img{
  width:220px;
  max-height:90px;
  object-fit:contain;
  margin-bottom:10px;
}

.footer p,
.footer a{
  color:#d8d8d8;
  display:block;
  text-decoration:none;
  margin:7px 0;
  font-size:14px;
}

.footer h4{
  text-transform:uppercase;
  margin:0 0 12px;
  font-size:14px;
}

.social-row{
  display:flex;
  gap:11px;
  align-items:center;
}

.social-row span{
  color:#fff;
  font-weight:900;
}

.footer-seal{
  width:130px;
  height:130px;
  object-fit:contain;
  justify-self:end;
  align-self:center;
}

.copyright{
  background:#071018;
  border-top:1px solid rgba(255,255,255,.12);
  color:#d8d8d8;
  text-align:center;
  padding:17px;
  font-size:13px;
}

/* Portfolio page */
.portfolio-hero-page{
  min-height:380px;
  display:grid;
  grid-template-columns:1fr 260px;
  align-items:center;
  gap:40px;
  padding:55px 5.6%;
  background:
    linear-gradient(120deg,#fff 0%,#fff 60%,#fff1ec 60.1%,#ff4f16 100%);
}

.portfolio-hero-page h1{
  font-size:64px;
  margin:0 0 12px;
  line-height:1;
  color:var(--orange);
}

.portfolio-hero-page p{
  max-width:720px;
  line-height:1.6;
  font-size:17px;
}

.portfolio-hero-page img{
  width:230px;
  height:230px;
  object-fit:contain;
  justify-self:center;
}

.concept-grid-section{
  padding:40px 5.6%;
  background:#fbfbfb;
  text-align:center;
}

.concept-grid-section h2{
  margin:0 0 10px;
  font-size:34px;
}

.concept-grid{
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  text-align:left;
}

.concept-card{
  min-height:320px;
  color:#fff;
  padding:26px;
  border-radius:10px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  box-shadow:0 12px 30px rgba(0,0,0,.16);
}

.concept-card b{
  align-self:flex-start;
  background:#fff;
  color:#111;
  padding:6px 9px;
  border-radius:4px;
  font-size:11px;
  letter-spacing:.7px;
  margin-bottom:auto;
}

.concept-card h3{
  font-size:26px;
  line-height:1.05;
  margin:20px 0 8px;
}

.concept-card p,
.concept-card li{
  color:#f3f3f3;
  font-size:14px;
}

.sample-caption-section{
  padding:40px 5.6%;
  background:#fff;
  text-align:center;
}

.sample-caption-section h2{
  font-size:34px;
  margin:0 0 25px;
}

.caption-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  text-align:left;
}

.caption-grid div{
  border:1px solid #e5e5e5;
  border-top:5px solid var(--orange);
  border-radius:8px;
  padding:22px;
  box-shadow:0 8px 22px rgba(0,0,0,.07);
}

.caption-grid h3{
  margin:0 0 10px;
}

.caption-grid p{
  color:#444;
  line-height:1.55;
}

@media(max-width:1100px){
  .site-header{
    height:auto;
    flex-wrap:wrap;
    gap:14px;
    padding:15px 4%;
  }

  .main-nav{
    order:3;
    width:100%;
    justify-content:center;
    gap:16px;
    flex-wrap:wrap;
  }

  .header-btn{
    display:none;
  }

  .hero,
  .brand-section,
  .results-section,
  .bottom-lead,
  .portfolio-hero-page{
    grid-template-columns:1fr;
  }

  .hero{
    padding:30px 4% 0;
  }

  .hero-right{
    min-height:500px;
  }

  .phone{
    right:160px;
  }

  .pricing-grid,
  .work-slider,
  .stats-card,
  .footer,
  .concept-grid,
  .caption-grid{
    grid-template-columns:1fr;
  }

  .work-slider button{
    display:none;
  }

  .feature-icons{
    grid-template-columns:repeat(2,1fr);
  }

  .call-strip{
    flex-direction:column;
    align-items:flex-start;
  }

  .footer-seal{
    justify-self:start;
  }

  .portfolio-hero-page img{
    justify-self:start;
  }
}

@media(max-width:700px){
  .brand img{
    width:210px;
  }

  .hero h1{
    font-size:42px;
  }

  .hero h1 strong{
    font-size:48px;
  }

  .hero h1 small{
    font-size:24px;
  }

  .hero-right{
    display:none;
  }

  .brand-section,
  .pricing-section,
  .portfolio-section,
  .results-section,
  .bottom-lead,
  .footer,
  .call-strip,
  .portfolio-hero-page,
  .concept-grid-section,
  .sample-caption-section{
    padding-left:5%;
    padding-right:5%;
  }

  .desk-card{
    min-height:260px;
  }

  .laptop{
    left:65px;
    width:285px;
    height:175px;
  }

  .two{
    grid-template-columns:1fr;
  }

  .portfolio-hero-page h1{
    font-size:44px;
  }
}


/* V5 upgraded portfolio page */
.v5-portfolio-hero{
  background:
    radial-gradient(circle at 70% 50%, rgba(255,79,22,.16), transparent 26%),
    linear-gradient(120deg,#fff 0%,#fff 62%,#fff1ec 62.1%,#ff4f16 100%);
}

.portfolio-hero-stack{
  display:grid;
  place-items:center;
  gap:12px;
}

.portfolio-hero-stack span{
  background:#111;
  color:#fff;
  padding:10px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.7px;
}

.portfolio-warning{
  margin:0;
  padding:16px 5.6%;
  background:#fff7ed;
  border-top:1px solid #fed7aa;
  border-bottom:1px solid #fed7aa;
  color:#7c2d12;
  font-size:14px;
  text-align:center;
}

.mockup-portfolio-section{
  padding:46px 5.6%;
  background:#f7f8fb;
  text-align:center;
}

.mockup-portfolio-section h2{
  font-size:38px;
  margin:0 0 28px;
}

.mockup-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:28px;
  text-align:left;
}

.campaign-card{
  display:grid;
  grid-template-columns:270px 1fr;
  gap:22px;
  align-items:stretch;
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 14px 36px rgba(0,0,0,.08);
}

.social-preview{
  min-height:430px;
  padding:16px;
  color:#fff;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.concept-badge{
  align-self:flex-start;
  background:rgba(255,255,255,.94);
  color:#111;
  padding:7px 9px;
  border-radius:5px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.7px;
  z-index:2;
}

.fake-profile{
  background:rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.2);
  border-radius:10px;
  padding:10px;
  backdrop-filter:blur(4px);
}

.fake-profile span{
  display:block;
  font-weight:900;
  text-transform:uppercase;
}

.fake-profile small{
  color:#f4f4f4;
  font-size:11px;
}

.post-art{
  background:rgba(0,0,0,.34);
  border:1px solid rgba(255,255,255,.22);
  border-radius:14px;
  padding:18px;
  backdrop-filter:blur(4px);
}

.big-icon{
  font-size:42px;
  margin-bottom:8px;
}

.post-art h3{
  font-size:28px;
  line-height:1.02;
  margin:0 0 8px;
  text-transform:uppercase;
}

.post-art p{
  color:#fff;
  margin:0 0 14px;
  font-size:14px;
}

.post-art button{
  border:0;
  background:#fff;
  color:#111;
  padding:10px 12px;
  border-radius:5px;
  font-weight:900;
  text-transform:uppercase;
  font-size:11px;
}

.hvac-preview{background:linear-gradient(135deg,#0f2c44,#1896d4);}
.food-preview{background:linear-gradient(135deg,#321206,#ff6b1a);}
.auto-preview{background:linear-gradient(135deg,#101010,#6f7782);}
.lawn-preview{background:linear-gradient(135deg,#143d18,#7bbb38);}
.contractor-preview{background:linear-gradient(135deg,#1f1a14,#b96629);}
.retail-preview{background:linear-gradient(135deg,#191b35,#8b5cf6);}

.campaign-info{
  padding:24px 24px 20px 0;
}

.campaign-info h3{
  font-size:27px;
  line-height:1.08;
  margin:0 0 8px;
}

.concept-label{
  display:inline-block;
  background:#111;
  color:#fff;
  padding:7px 10px;
  border-radius:4px;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  margin:0 0 16px;
}

.campaign-info dl{
  margin:0;
}

.campaign-info dl div{
  border-top:1px solid #e6e6e6;
  padding:12px 0;
}

.campaign-info dt{
  font-size:12px;
  color:var(--orange);
  font-weight:900;
  text-transform:uppercase;
}

.campaign-info dd{
  margin:3px 0 0;
  color:#333;
  font-size:14px;
}

.campaign-info blockquote{
  margin:16px 0 0;
  padding:15px;
  border-left:4px solid var(--orange);
  background:#fff7ed;
  color:#4b2a18;
  font-size:14px;
  line-height:1.45;
}

.portfolio-process{
  padding:44px 5.6%;
  background:#fff;
  text-align:center;
}

.portfolio-process h2{
  margin:0 0 24px;
  font-size:34px;
}

.process-line{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:14px;
}

.process-line div{
  background:#fff;
  border:1px solid #e5e5e5;
  border-bottom:5px solid var(--orange);
  border-radius:10px;
  padding:22px 12px;
  box-shadow:0 8px 20px rgba(0,0,0,.07);
}

.process-line strong{
  display:block;
  font-size:32px;
  color:var(--orange);
}

.process-line span{
  font-weight:900;
  font-size:13px;
}

@media(max-width:1100px){
  .mockup-grid,
  .campaign-card{
    grid-template-columns:1fr;
  }

  .campaign-info{
    padding:24px;
  }

  .social-preview{
    min-height:360px;
  }

  .process-line{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:700px){
  .mockup-portfolio-section,
  .portfolio-process,
  .portfolio-warning{
    padding-left:5%;
    padding-right:5%;
  }

  .mockup-portfolio-section h2{
    font-size:30px;
  }

  .process-line{
    grid-template-columns:1fr;
  }
}


/* V6 About page */
.about-hero-page{
  min-height:410px;
  display:grid;
  grid-template-columns:1fr 300px;
  align-items:center;
  gap:45px;
  padding:60px 5.6%;
  background:
    radial-gradient(circle at 72% 50%, rgba(255,79,22,.14), transparent 25%),
    linear-gradient(120deg,#fff 0%,#fff 62%,#fff1ec 62.1%,#ff4f16 100%);
}

.about-hero-page h1{
  font-size:62px;
  line-height:1;
  color:var(--orange);
  margin:0 0 14px;
  letter-spacing:-2px;
}

.about-hero-page p{
  max-width:750px;
  line-height:1.65;
  font-size:17px;
}

.about-logo-panel{
  display:grid;
  place-items:center;
  gap:12px;
}

.about-logo-panel img{
  width:235px;
  height:235px;
  object-fit:contain;
}

.about-logo-panel span{
  background:#111;
  color:#fff;
  padding:10px 15px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.7px;
}

.founder-section{
  display:grid;
  grid-template-columns:360px 1fr;
  gap:45px;
  align-items:center;
  padding:48px 5.6%;
  background:#fff;
}

.founder-card{
  background:#071018;
  color:#fff;
  border-radius:16px;
  padding:34px;
  text-align:center;
  box-shadow:0 16px 38px rgba(0,0,0,.18);
  border-bottom:6px solid var(--orange);
}

.founder-card img{
  width:120px;
  height:120px;
  object-fit:contain;
  background:#111;
  border-radius:50%;
  padding:12px;
  margin-bottom:12px;
}

.founder-card h2{
  margin:0;
  color:var(--orange);
  font-size:30px;
}

.founder-card p{
  color:#d8d8d8;
  margin:5px 0 18px;
}

.founder-card ul{
  list-style:none;
  padding:0;
  margin:0;
  text-align:left;
}

.founder-card li{
  padding:10px 0;
  border-top:1px solid rgba(255,255,255,.12);
}

.founder-card li:before{
  content:"✓";
  color:var(--orange);
  margin-right:10px;
  font-weight:900;
}

.founder-copy h2{
  font-size:40px;
  line-height:1.05;
  margin:0 0 14px;
}

.founder-copy p{
  max-width:790px;
  line-height:1.65;
  color:#333;
}

.mission-section{
  padding:46px 5.6%;
  background:#fbfbfb;
  text-align:center;
}

.mission-section h2{
  font-size:38px;
  line-height:1.05;
  margin:0 auto 30px;
  max-width:850px;
}

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

.mission-grid div{
  background:#fff;
  border:1px solid #e7e7e7;
  border-radius:14px;
  padding:30px;
  box-shadow:0 10px 28px rgba(0,0,0,.07);
}

.mission-grid span{
  font-size:42px;
}

.mission-grid h3{
  margin:10px 0;
  font-size:22px;
}

.mission-grid p{
  color:#555;
  line-height:1.55;
}

.values-section{
  padding:46px 5.6%;
  background:#071018;
  color:#fff;
  text-align:center;
}

.values-section h2{
  font-size:38px;
  margin:0 0 28px;
}

.values-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  text-align:left;
}

.values-grid div{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  padding:24px;
  border-top:5px solid var(--orange);
}

.values-grid strong{
  font-size:34px;
}

.values-grid h3{
  margin:10px 0 8px;
  color:var(--orange);
}

.values-grid p{
  color:#d8d8d8;
  line-height:1.55;
}

.service-area-section{
  display:grid;
  grid-template-columns:1fr 360px;
  gap:35px;
  align-items:center;
  padding:48px 5.6%;
  background:#fff;
}

.service-area-section h2{
  font-size:38px;
  line-height:1.05;
  margin:0 0 12px;
}

.service-area-section p{
  color:#333;
  line-height:1.6;
  max-width:750px;
}

.area-card{
  background:#e5e7eb;
  border-bottom:5px solid var(--orange);
  border-radius:14px;
  padding:25px;
  text-align:center;
  box-shadow:0 10px 28px rgba(0,0,0,.10);
}

.area-card img{
  width:230px;
  max-height:110px;
  object-fit:contain;
}

.area-card h3{
  margin:12px 0 5px;
}

.why-choose-page{
  padding:46px 5.6%;
  background:#fbfbfb;
  text-align:center;
}

.why-choose-page h2{
  font-size:36px;
  line-height:1.08;
  max-width:850px;
  margin:0 auto 28px;
}

.choose-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  max-width:980px;
  margin:0 auto;
}

.choose-grid div{
  background:#fff;
  border:1px solid #e7e7e7;
  border-left:5px solid var(--orange);
  border-radius:8px;
  padding:22px;
  font-weight:900;
  text-transform:uppercase;
  box-shadow:0 8px 20px rgba(0,0,0,.06);
}

@media(max-width:1100px){
  .about-hero-page,
  .founder-section,
  .service-area-section{
    grid-template-columns:1fr;
  }

  .mission-grid,
  .values-grid,
  .choose-grid{
    grid-template-columns:1fr;
  }

  .about-logo-panel,
  .area-card{
    justify-self:start;
  }
}

@media(max-width:700px){
  .about-hero-page,
  .founder-section,
  .mission-section,
  .values-section,
  .service-area-section,
  .why-choose-page{
    padding-left:5%;
    padding-right:5%;
  }

  .about-hero-page h1{
    font-size:44px;
  }

  .founder-copy h2,
  .mission-section h2,
  .values-section h2,
  .service-area-section h2,
  .why-choose-page h2{
    font-size:30px;
  }
}


/* V7 image-based hero replacement */
.hero-image-section{
  position:relative;
  width:100%;
  background:#f4f5f7;
  overflow:hidden;
  border-bottom:1px solid #d9dde3;
}

.hero-v7-image{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
}

/* Clickable hotspots over the CTA buttons in the uploaded hero image */
.hero-hotspot{
  position:absolute;
  display:block;
  z-index:5;
  border-radius:8px;
}

/* Coordinates based on 1600x900 hero image */
.hero-call{
  left:3.2%;
  top:63.7%;
  width:11.3%;
  height:8.2%;
}

.hero-text{
  left:14.8%;
  top:63.7%;
  width:16.8%;
  height:8.2%;
}

.hero-work{
  left:32.2%;
  top:63.7%;
  width:14.0%;
  height:8.2%;
}

.hero-hotspot:focus{
  outline:3px solid #ff4f16;
  outline-offset:3px;
}

/* Tighten spacing after image hero so the rest of the page flows cleanly */
.hero-image-section + .brand-section{
  border-top:0;
}

@media(max-width:900px){
  .hero-image-section{
    overflow-x:auto;
  }

  .hero-v7-image{
    min-width:1050px;
  }

  .hero-hotspot{
    display:none;
  }

  .mobile-hero-actions{
    display:flex;
  }
}


/* V8 Premium About Page */
.about-v8-hero{
  min-height:440px;
  display:grid;
  grid-template-columns:1fr 300px;
  gap:45px;
  align-items:center;
  padding:64px 5.6%;
  background:
    radial-gradient(circle at 72% 50%, rgba(255,79,22,.16), transparent 25%),
    linear-gradient(120deg,#fff 0%,#fff 62%,#fff1ec 62.1%,#ff4f16 100%);
}

.pill-label{
  display:inline-flex;
  align-items:center;
  background:#f4f5f7;
  border:1px solid #cfd3d8;
  border-radius:999px;
  padding:11px 17px;
  color:#111;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.8px;
  font-size:13px;
  margin:0 0 20px;
}

.about-v8-hero h1{
  max-width:900px;
  font-size:60px;
  line-height:1;
  letter-spacing:-2px;
  margin:0 0 18px;
}

.about-v8-hero h1::first-line{
  color:#111;
}

.about-v8-hero p{
  max-width:760px;
  font-size:18px;
  line-height:1.65;
  color:#333;
}

.about-v8-seal{
  display:grid;
  place-items:center;
  gap:12px;
}

.about-v8-seal img{
  width:235px;
  height:235px;
  object-fit:contain;
}

.about-v8-seal span{
  background:#111;
  color:#fff;
  padding:10px 15px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.7px;
}

.founder-v8-section{
  display:grid;
  grid-template-columns:430px 1fr;
  gap:55px;
  align-items:center;
  padding:56px 5.6%;
  background:#fff;
}

.founder-photo-wrap{
  position:relative;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 22px 55px rgba(0,0,0,.20);
  border-bottom:7px solid var(--orange);
  background:#111;
}

.founder-photo-wrap img{
  display:block;
  width:100%;
  height:560px;
  object-fit:cover;
  object-position:center;
}

.founder-photo-badge{
  position:absolute;
  left:22px;
  right:22px;
  bottom:22px;
  background:rgba(7,16,24,.90);
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  padding:18px;
  backdrop-filter:blur(6px);
}

.founder-photo-badge strong{
  display:block;
  color:var(--orange);
  font-size:24px;
}

.founder-photo-badge span{
  color:#fff;
  font-weight:800;
}

.founder-v8-copy h2{
  font-size:44px;
  line-height:1.05;
  margin:0 0 16px;
}

.founder-v8-copy p{
  max-width:850px;
  line-height:1.65;
  color:#333;
  font-size:16px;
}

.quick-facts{
  margin-top:26px;
  background:#f7f8fb;
  border:1px solid #e2e5e9;
  border-left:6px solid var(--orange);
  border-radius:14px;
  padding:22px;
  display:grid;
  gap:10px;
}

.quick-facts h3{
  margin:0 0 5px;
  font-size:22px;
}

.quick-facts div{
  font-weight:800;
  color:#222;
}

.quick-facts span{
  margin-right:8px;
}

.why-started-v8{
  padding:54px 5.6%;
  background:#071018;
  color:#fff;
  text-align:center;
}

.why-started-v8 h2{
  max-width:900px;
  margin:0 auto 32px;
  font-size:40px;
  line-height:1.08;
}

.why-grid-v8{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  text-align:left;
}

.why-grid-v8 div{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);
  border-top:5px solid var(--orange);
  border-radius:14px;
  padding:28px;
}

.why-grid-v8 strong{
  display:block;
  color:var(--orange);
  font-size:30px;
  margin-bottom:18px;
}

.why-grid-v8 h3{
  font-size:24px;
  line-height:1.1;
  margin:0 0 10px;
}

.why-grid-v8 p{
  color:#d8d8d8;
  line-height:1.55;
}

.process-v8{
  padding:54px 5.6%;
  background:#fbfbfb;
  text-align:center;
}

.process-v8 h2{
  font-size:38px;
  margin:0 0 28px;
}

.process-grid-v8{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  text-align:left;
}

.process-grid-v8 div{
  background:#fff;
  border:1px solid #e5e7eb;
  border-bottom:5px solid var(--orange);
  border-radius:14px;
  padding:26px;
  box-shadow:0 10px 28px rgba(0,0,0,.07);
}

.process-grid-v8 strong{
  display:block;
  color:var(--orange);
  font-size:38px;
}

.process-grid-v8 span{
  display:block;
  font-weight:900;
  font-size:20px;
  margin:5px 0 8px;
}

.process-grid-v8 p{
  color:#555;
  line-height:1.5;
  margin:0;
}

.values-v8{
  padding:54px 5.6%;
  background:#fff;
  text-align:center;
}

.values-v8 h2{
  font-size:38px;
  margin:0 0 28px;
}

.values-grid-v8{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  text-align:left;
}

.values-grid-v8 div{
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:26px;
  background:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
}

.values-grid-v8 span{
  display:block;
  color:var(--orange);
  font-size:36px;
}

.values-grid-v8 h3{
  margin:10px 0 8px;
  font-size:22px;
}

.values-grid-v8 p{
  color:#555;
  line-height:1.55;
  margin:0;
}

.service-area-v8{
  display:grid;
  grid-template-columns:1fr 380px;
  gap:38px;
  align-items:center;
  padding:54px 5.6%;
  background:#f7f8fb;
}

.service-area-v8 h2{
  font-size:38px;
  line-height:1.05;
  margin:0 0 12px;
}

.service-area-v8 p{
  color:#333;
  line-height:1.6;
  max-width:760px;
}

.area-card-v8{
  background:#e5e7eb;
  border-bottom:6px solid var(--orange);
  border-radius:16px;
  padding:28px;
  text-align:center;
  box-shadow:0 14px 34px rgba(0,0,0,.12);
}

.area-card-v8 img{
  width:245px;
  max-height:115px;
  object-fit:contain;
}

.area-card-v8 h3{
  margin:14px 0 6px;
}

.about-final-cta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  background:#071018;
  color:#fff;
  padding:44px 5.6%;
}

.about-final-cta h2{
  max-width:780px;
  font-size:40px;
  line-height:1.05;
  margin:0 0 10px;
}

.about-final-cta p{
  max-width:700px;
  color:#d8d8d8;
  line-height:1.55;
}

@media(max-width:1100px){
  .about-v8-hero,
  .founder-v8-section,
  .service-area-v8{
    grid-template-columns:1fr;
  }

  .why-grid-v8,
  .process-grid-v8,
  .values-grid-v8{
    grid-template-columns:1fr;
  }

  .about-v8-seal,
  .area-card-v8{
    justify-self:start;
  }

  .about-final-cta{
    flex-direction:column;
    align-items:flex-start;
  }

  .founder-photo-wrap{
    max-width:520px;
  }
}

@media(max-width:700px){
  .about-v8-hero,
  .founder-v8-section,
  .why-started-v8,
  .process-v8,
  .values-v8,
  .service-area-v8,
  .about-final-cta{
    padding-left:5%;
    padding-right:5%;
  }

  .about-v8-hero h1{
    font-size:42px;
  }

  .founder-v8-copy h2,
  .why-started-v8 h2,
  .process-v8 h2,
  .values-v8 h2,
  .service-area-v8 h2,
  .about-final-cta h2{
    font-size:30px;
  }

  .founder-photo-wrap img{
    height:430px;
  }
}


/* V9 functional link helper */
.sms-note{
  font-size:12px;
  color:#666;
  margin:10px 0 0;
  line-height:1.4;
}


/* V10 refined hero image + separate stats strip */
.hero-image-section{
  background:#f3f4f6;
  border-bottom:0;
}

.hero-v7-image{
  width:100%;
  max-height:690px;
  object-fit:cover;
  object-position:center top;
  image-rendering:auto;
  filter:contrast(1.03);
}

/* Updated hotspot coordinates for cropped V10 hero image */
.hero-call{
  left:3.2%;
  top:75.0%;
  width:11.4%;
  height:10.6%;
}

.hero-text{
  left:14.8%;
  top:75.0%;
  width:16.8%;
  height:10.6%;
}

.hero-work{
  left:32.2%;
  top:75.0%;
  width:14.2%;
  height:10.6%;
}

.v10-stats-strip{
  margin:-18px auto 0;
  width:min(92%, 1500px);
  position:relative;
  z-index:8;
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:0;
  background:linear-gradient(135deg,#303842,#111820);
  color:#fff;
  border-radius:14px;
  box-shadow:0 18px 35px rgba(0,0,0,.22);
  overflow:hidden;
}

.v10-stat{
  display:flex;
  align-items:center;
  gap:14px;
  padding:24px 26px;
  border-right:1px solid rgba(255,255,255,.22);
}

.v10-stat:last-child{
  border-right:0;
}

.v10-stat span{
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:var(--orange);
  font-size:28px;
  box-shadow:0 8px 18px rgba(255,79,22,.28);
}

.v10-stat strong{
  display:block;
  font-size:30px;
  line-height:1;
  color:#fff;
}

.v10-stat small{
  display:block;
  margin-top:4px;
  color:#e5e7eb;
  font-size:14px;
}

.v10-stat.veteran strong{
  font-size:18px;
  text-transform:uppercase;
}

.hero-image-section + .v10-stats-strip + .brand-section{
  padding-top:55px;
}

@media(max-width:1100px){
  .hero-v7-image{
    min-width:0;
    max-height:none;
    object-fit:contain;
  }

  .v10-stats-strip{
    margin:0 auto;
    grid-template-columns:1fr;
    border-radius:0;
    width:100%;
  }

  .v10-stat{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.16);
  }

  .v10-stat:last-child{
    border-bottom:0;
  }
}

@media(max-width:700px){
  .hero-image-section{
    overflow:hidden;
  }

  .hero-v7-image{
    width:100%;
    min-width:0;
  }

  .v10-stat{
    padding:20px 5%;
  }
}


/* V11 fix: stats no longer overlap the hero CTA buttons */
.hero-image-section{
  overflow:visible;
  background:#f3f4f6;
  padding-bottom:0;
}

.hero-v7-image{
  width:100%;
  max-height:none;
  object-fit:contain;
  object-position:center top;
  display:block;
}

/* Keep clickable areas aligned with visible hero buttons */
.hero-call{
  left:3.2%;
  top:63.5%;
  width:11.4%;
  height:8.6%;
}

.hero-text{
  left:14.8%;
  top:63.5%;
  width:16.8%;
  height:8.6%;
}

.hero-work{
  left:32.2%;
  top:63.5%;
  width:14.2%;
  height:8.6%;
}

/* Place stats as a normal section below the hero instead of floating over it */
.v10-stats-strip{
  margin:0 auto;
  width:100%;
  border-radius:0;
  box-shadow:none;
  position:relative;
  z-index:1;
}

.hero-image-section + .v10-stats-strip + .brand-section{
  padding-top:55px;
}

/* More compact stats so they don't dominate the top of the page */
.v10-stat{
  padding:20px 24px;
}

.v10-stat span{
  width:50px;
  height:50px;
  font-size:24px;
}

.v10-stat strong{
  font-size:26px;
}

.v10-stat.veteran strong{
  font-size:17px;
}

@media(max-width:1100px){
  .hero-v7-image{
    width:100%;
    min-width:0;
  }

  .v10-stats-strip{
    grid-template-columns:1fr;
  }
}


/* V12: real working hero buttons */
.hero-image-section{
  position:relative;
}

.hero-hotspot{
  display:none !important;
}

.hero-real-buttons{
  position:absolute;
  left:3.1%;
  top:63.8%;
  display:flex;
  gap:14px;
  z-index:50;
  align-items:stretch;
}

.hero-real-btn{
  min-height:70px;
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:10px;
  align-items:center;
  text-decoration:none;
  border-radius:8px;
  padding:12px 18px;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
  transition:transform .15s ease, box-shadow .15s ease;
  border:2px solid transparent;
}

.hero-real-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(0,0,0,.24);
}

.hero-real-btn span{
  grid-row:1 / span 2;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  font-size:20px;
}

.hero-real-btn strong{
  display:block;
  text-transform:uppercase;
  font-size:15px;
  line-height:1.05;
}

.hero-real-btn small{
  display:block;
  margin-top:3px;
  font-size:13px;
  font-weight:700;
}

.hero-real-btn.call{
  background:var(--orange);
  color:#fff;
  width:178px;
}

.hero-real-btn.text{
  background:#071018;
  color:#fff;
  width:260px;
}

.hero-real-btn.work{
  background:#fff;
  color:#111;
  width:230px;
  border-color:#111;
}

@media(max-width:1100px){
  .hero-real-buttons{
    position:static;
    display:grid;
    grid-template-columns:1fr;
    padding:16px 5%;
    background:#f3f4f6;
  }

  .hero-real-btn{
    width:100% !important;
  }
}


/* V13 Option B: cropped hero with real buttons below */
.hero-image-section{
  background:#f3f4f6;
  overflow:hidden;
  border-bottom:0;
}

.hero-v7-image{
  display:block;
  width:100%;
  max-height:640px;
  object-fit:cover;
  object-position:center top;
  filter:contrast(1.03);
}

/* Hide old overlay/hotspot systems to prevent duplicates */
.hero-hotspot,
.hero-real-buttons{
  display:none !important;
}

.v13-hero-cta-row{
  display:flex;
  justify-content:flex-start;
  gap:18px;
  padding:22px 5.6% 26px;
  background:#f3f4f6;
  border-bottom:1px solid #d9dde3;
}

.v13-cta{
  display:flex;
  align-items:center;
  gap:13px;
  min-height:72px;
  padding:14px 22px;
  border-radius:9px;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(0,0,0,.16);
  transition:transform .15s ease, box-shadow .15s ease;
}

.v13-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(0,0,0,.22);
}

.v13-cta span{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.18);
  font-size:22px;
  flex:0 0 auto;
}

.v13-cta strong{
  display:block;
  text-transform:uppercase;
  font-size:15px;
  line-height:1.05;
}

.v13-cta small{
  display:block;
  margin-top:4px;
  font-size:13px;
  font-weight:700;
}

.v13-cta.call{
  background:var(--orange);
  color:#fff;
  min-width:190px;
}

.v13-cta.text{
  background:#071018;
  color:#fff;
  min-width:285px;
}

.v13-cta.work{
  background:#fff;
  color:#111;
  border:2px solid #111;
  min-width:250px;
}

.v13-hero-cta-row + .v10-stats-strip{
  margin:0 auto;
}

@media(max-width:1100px){
  .hero-v7-image{
    max-height:none;
    object-fit:contain;
  }

  .v13-hero-cta-row{
    display:grid;
    grid-template-columns:1fr;
    padding:18px 5%;
  }

  .v13-cta{
    width:100%;
  }
}


/* V14 Services Page */
.services-hero{
  min-height:430px;
  display:grid;
  grid-template-columns:1fr 360px;
  align-items:center;
  gap:45px;
  padding:62px 5.6%;
  background:
    radial-gradient(circle at 74% 50%, rgba(255,79,22,.16), transparent 25%),
    linear-gradient(120deg,#fff 0%,#fff 62%,#fff1ec 62.1%,#ff4f16 100%);
}

.services-hero h1{
  max-width:850px;
  font-size:60px;
  line-height:1;
  letter-spacing:-2px;
  margin:0 0 18px;
}

.services-hero p{
  max-width:760px;
  font-size:18px;
  line-height:1.65;
  color:#333;
}

.services-hero-card{
  background:#071018;
  color:#fff;
  border-radius:18px;
  padding:30px;
  text-align:center;
  box-shadow:0 18px 42px rgba(0,0,0,.20);
  border-bottom:6px solid var(--orange);
}

.services-hero-card img{
  width:185px;
  height:185px;
  object-fit:contain;
}

.services-hero-card h3{
  color:var(--orange);
  margin:14px 0 8px;
}

.services-hero-card p{
  color:#d8d8d8;
  font-size:15px;
}

.services-overview,
.service-process,
.service-faq{
  padding:54px 5.6%;
  text-align:center;
  background:#fff;
}

.services-overview h2,
.service-process h2,
.industries-section h2,
.service-faq h2{
  max-width:850px;
  margin:0 auto 30px;
  font-size:38px;
  line-height:1.08;
}

.service-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  text-align:left;
}

.service-feature-grid article{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:28px;
  box-shadow:0 10px 28px rgba(0,0,0,.07);
  border-top:5px solid var(--orange);
}

.service-feature-grid span{
  display:block;
  font-size:38px;
}

.service-feature-grid h3{
  margin:12px 0 8px;
  font-size:23px;
}

.service-feature-grid p{
  color:#555;
  line-height:1.55;
}

.service-packages-page{
  background:#fbfbfb;
  padding:54px 5.6%;
  text-align:center;
}

.service-packages-page h2{
  font-size:38px;
  margin:0 0 32px;
}

.service-process{
  background:#071018;
  color:#fff;
}

.service-process .process-grid-v8 div{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.14);
}

.service-process .process-grid-v8 p{
  color:#d8d8d8;
}

.industries-section{
  padding:54px 5.6%;
  background:#fbfbfb;
  text-align:center;
}

.industry-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  max-width:1050px;
  margin:0 auto;
}

.industry-grid div{
  background:#fff;
  border:1px solid #e5e7eb;
  border-left:5px solid var(--orange);
  border-radius:8px;
  padding:22px;
  font-weight:900;
  text-transform:uppercase;
  box-shadow:0 8px 20px rgba(0,0,0,.06);
}

.service-faq{
  background:#fff;
}

.faq-wide{
  max-width:900px;
  margin:0 auto;
  text-align:left;
}

.faq-wide details{
  background:#fff;
  border:1px solid #ddd;
  border-radius:6px;
  margin-bottom:10px;
  box-shadow:0 8px 20px rgba(0,0,0,.04);
}

.faq-wide summary{
  cursor:pointer;
  padding:16px 18px;
  font-weight:900;
}

.faq-wide p{
  margin:0;
  padding:0 18px 16px;
  color:#555;
  line-height:1.55;
}

@media(max-width:1100px){
  .services-hero{
    grid-template-columns:1fr;
  }

  .service-feature-grid,
  .industry-grid{
    grid-template-columns:1fr;
  }

  .services-hero-card{
    justify-self:start;
    max-width:380px;
  }
}

@media(max-width:700px){
  .services-hero,
  .services-overview,
  .service-packages-page,
  .service-process,
  .industries-section,
  .service-faq{
    padding-left:5%;
    padding-right:5%;
  }

  .services-hero h1,
  .services-overview h2,
  .service-packages-page h2,
  .service-process h2,
  .industries-section h2,
  .service-faq h2{
    font-size:32px;
  }
}


/* V15 package CTA/contact form improvements */
.package-select{
  width:100%;
  border:1px solid #ddd;
  border-radius:4px;
  padding:14px;
  font-size:14px;
  margin-bottom:12px;
  background:#fff;
  color:#333;
}

.package-card a[href*="#contact"]{
  background:var(--orange);
  color:#fff;
}


/* V16 Free Audit, Lead Capture, Founding Client, Legal */
.founding-client-section{
  display:grid;
  grid-template-columns:1fr 380px;
  gap:35px;
  align-items:center;
  padding:48px 5.6%;
  background:#071018;
  color:#fff;
}

.founding-client-section h2{
  font-size:38px;
  line-height:1.05;
  margin:0 0 12px;
}

.founding-client-section p{
  color:#d8d8d8;
  line-height:1.6;
  max-width:760px;
}

.founding-card{
  background:#fff;
  color:#111;
  border-radius:14px;
  padding:26px;
  border-bottom:6px solid var(--orange);
  box-shadow:0 12px 30px rgba(0,0,0,.20);
}

.founding-card strong{
  display:block;
  font-size:22px;
  margin-bottom:12px;
}

.founding-card a{
  display:block;
  margin-top:18px;
  background:var(--orange);
  color:#fff;
  text-align:center;
  padding:13px;
  border-radius:5px;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:900;
}

.service-area-home{
  padding:44px 5.6%;
  background:#fbfbfb;
  text-align:center;
}

.service-area-home h2{
  font-size:34px;
  margin:0 0 24px;
}

.area-pill-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
}

.area-pill-grid span{
  background:#fff;
  border:1px solid #e5e7eb;
  border-left:5px solid var(--orange);
  border-radius:999px;
  padding:12px 18px;
  font-weight:900;
  box-shadow:0 6px 16px rgba(0,0,0,.05);
}

.audit-hero{
  min-height:430px;
  display:grid;
  grid-template-columns:1fr 360px;
  gap:45px;
  align-items:center;
  padding:62px 5.6%;
  background:
    radial-gradient(circle at 74% 50%, rgba(255,79,22,.16), transparent 25%),
    linear-gradient(120deg,#fff 0%,#fff 62%,#fff1ec 62.1%,#ff4f16 100%);
}

.audit-hero h1{
  max-width:850px;
  font-size:60px;
  line-height:1;
  letter-spacing:-2px;
  margin:0 0 18px;
}

.audit-hero p{
  max-width:760px;
  font-size:18px;
  line-height:1.65;
  color:#333;
}

.audit-hero-card{
  background:#071018;
  color:#fff;
  border-radius:18px;
  padding:30px;
  box-shadow:0 18px 42px rgba(0,0,0,.20);
  border-bottom:6px solid var(--orange);
}

.audit-hero-card img{
  display:block;
  width:160px;
  height:160px;
  object-fit:contain;
  margin:0 auto 12px;
}

.audit-hero-card h3{
  color:var(--orange);
  text-align:center;
}

.audit-hero-card li{
  margin:9px 0;
}

.audit-steps,
.audit-deliverables{
  padding:54px 5.6%;
  background:#fbfbfb;
  text-align:center;
}

.audit-steps h2,
.audit-deliverables h2{
  max-width:850px;
  margin:0 auto 30px;
  font-size:38px;
}

.audit-step-grid,
.deliverable-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}

.audit-step-grid div,
.deliverable-grid div{
  background:#fff;
  border:1px solid #e5e7eb;
  border-bottom:5px solid var(--orange);
  border-radius:14px;
  padding:24px;
  box-shadow:0 10px 28px rgba(0,0,0,.07);
}

.audit-step-grid strong{
  display:block;
  color:var(--orange);
  font-size:36px;
}

.audit-step-grid span{
  display:block;
  font-weight:900;
  font-size:18px;
  margin:8px 0;
}

.deliverable-grid span{
  font-size:38px;
}

.audit-form-section{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:38px;
  padding:54px 5.6%;
  background:#fff;
}

.audit-form-copy h2{
  font-size:40px;
  line-height:1.05;
  margin:0 0 12px;
}

.audit-form-copy p{
  line-height:1.6;
  color:#444;
}

.audit-note{
  margin-top:20px;
  background:#fff7ed;
  border:1px solid #fed7aa;
  border-left:5px solid var(--orange);
  padding:16px;
  border-radius:8px;
  color:#7c2d12;
}

.legal-mini{
  background:#071018;
  color:#d8d8d8;
  text-align:center;
  padding:12px 5.6%;
  border-top:1px solid rgba(255,255,255,.12);
}

.legal-mini a{
  color:#d8d8d8;
  text-decoration:none;
}

.legal-mini a:hover{
  color:var(--orange);
}

.legal-page{
  max-width:920px;
  margin:0 auto;
  padding:70px 5.6%;
  line-height:1.7;
}

.legal-page h1{
  font-size:46px;
  color:var(--orange);
}

@media(max-width:1100px){
  .founding-client-section,
  .audit-hero,
  .audit-form-section{
    grid-template-columns:1fr;
  }

  .audit-step-grid,
  .deliverable-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .founding-client-section,
  .service-area-home,
  .audit-hero,
  .audit-steps,
  .audit-form-section,
  .audit-deliverables{
    padding-left:5%;
    padding-right:5%;
  }

  .audit-hero h1,
  .audit-steps h2,
  .audit-deliverables h2,
  .audit-form-copy h2,
  .founding-client-section h2{
    font-size:32px;
  }
}


/* V17 honest trust strip replacing placeholder metrics */
.v17-trust-strip{
  width:100%;
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  background:linear-gradient(135deg,#303842,#111820);
  color:#fff;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(0,0,0,.18);
}

.v17-trust-item{
  display:flex;
  align-items:center;
  gap:14px;
  padding:24px 26px;
  border-right:1px solid rgba(255,255,255,.18);
}

.v17-trust-item:last-child{
  border-right:0;
}

.v17-trust-item span{
  width:54px;
  height:54px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:var(--orange);
  font-size:27px;
  box-shadow:0 8px 18px rgba(255,79,22,.28);
}

.v17-trust-item strong{
  display:block;
  color:#fff;
  font-size:20px;
  line-height:1.05;
}

.v17-trust-item small{
  display:block;
  color:#e5e7eb;
  font-size:13px;
  margin-top:5px;
  line-height:1.25;
}

.hero-image-section + .v17-trust-strip + .brand-section{
  padding-top:55px;
}

@media(max-width:1100px){
  .v17-trust-strip{
    grid-template-columns:1fr;
  }

  .v17-trust-item{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.16);
  }

  .v17-trust-item:last-child{
    border-bottom:0;
  }
}

@media(max-width:700px){
  .v17-trust-item{
    padding:20px 5%;
  }
}