:root{--green:#56cf12;--green2:#2b9f26;--ink:#070a08;--panel:#0d120f;--line:#253026;--paper:#f7f8f5;--muted:#aab2aa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff}a{color:inherit;text-decoration:none}.site-header{height:92px;background:#050806;color:#fff;display:flex;align-items:center;padding:10px clamp(20px,5vw,80px);gap:38px;position:sticky;top:0;z-index:20;border-bottom:1px solid #1a211b}.brand{width:250px;flex:0 0 auto}.brand img{width:100%;height:62px;object-fit:contain;display:block}.site-header nav{display:flex;gap:28px;margin-left:auto}.site-header nav a{font-weight:800;text-transform:uppercase;font-size:13px}.site-header nav a:hover{color:var(--green)}.portal-links{display:flex;gap:12px}.outline{border:1px solid var(--green);padding:13px 17px;border-radius:6px;font-size:12px;font-weight:800;text-transform:uppercase}.hero{min-height:650px;background:#030604;color:#fff;display:grid;grid-template-columns:minmax(430px,1fr) minmax(420px,.95fr);position:relative;overflow:hidden;padding-left:clamp(30px,6vw,105px)}.hero-copy{padding:70px 30px 70px 0;z-index:3;align-self:center}.tagline{font-size:13px;font-weight:900;letter-spacing:.5px;margin-bottom:28px}.tagline span,.hero h1 em,.solutions h2 span,.chart-card h2 span,.eyebrow{color:var(--green)}.hero h1{font-size:clamp(52px,5.2vw,82px);line-height:.98;margin:0 0 22px;letter-spacing:-2px}.hero h1 em{font-style:normal}.hero-copy>p{font-size:20px;line-height:1.45;max-width:600px;color:#e1e5e1}.hero-actions{display:flex;gap:14px;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;padding:16px 22px;font-weight:900;text-transform:uppercase;font-size:13px;cursor:pointer}.primary{background:linear-gradient(135deg,var(--green),#70b817);color:#fff}.secondary{border:1px solid var(--green);background:transparent;color:#fff}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);max-width:650px;margin-top:32px}.trust-row div{padding:0 18px;border-left:1px solid #233024}.trust-row div:first-child{padding-left:0;border-left:0}.trust-row b{font-size:13px;display:block}.trust-row small{display:block;color:#c6ccc6;margin-top:8px;line-height:1.35}.hero-visual{position:relative;min-height:650px}.hero-visual:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#030604 0%,rgba(3,6,4,.2) 26%,rgba(3,6,4,0) 70%)}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.spokane-callout{position:absolute;right:4vw;top:95px;z-index:4;width:270px;background:rgba(5,10,7,.92);border:1px solid var(--green2);border-radius:10px;padding:22px}.spokane-callout b{font-size:18px}.spokane-callout p{font-size:14px;line-height:1.45;color:#d7ddd7}.spokane-callout strong{color:var(--green);font-size:14px}.section{padding:52px clamp(20px,5vw,80px)}.section>h2,.customers h2{text-align:center;text-transform:uppercase;font-size:28px;margin:0 0 28px}.solutions{background:var(--paper)}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1400px;margin:auto}.solution-card{background:#fff;border:1px solid #dce1dc;border-radius:12px;padding:26px;box-shadow:0 5px 18px rgba(0,0,0,.04)}.icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#347e25,var(--green2));color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900}.solution-card h3{font-size:22px;margin:15px 0 8px}.solution-card p{color:#4e584f;line-height:1.5}.solution-card ul{list-style:none;padding:0;line-height:2}.solution-card li:before{content:"✓";color:var(--green2);font-weight:900;margin-right:9px}.solution-card a{color:#378c1e;font-weight:900;text-transform:uppercase;font-size:13px}.numbers{background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:18px}.chart-card{background:linear-gradient(145deg,#111713,#050806);color:#fff;border-radius:14px;padding:28px;min-height:390px}.chart-card h2{text-transform:uppercase;text-align:center;margin:0;font-size:23px}.chart-sub{text-align:center;color:#d5dbd5;margin:8px 0 25px;font-size:13px}.bar-chart{height:220px;border-left:1px solid #7e897e;border-bottom:1px solid #7e897e;display:flex;align-items:flex-end;justify-content:space-around;padding:0 12px;margin:0 8px 8px}.bar{height:var(--h);width:10%;min-height:28px;background:linear-gradient(#7bd22d,#2c821e);position:relative;border-radius:5px 5px 0 0}.bar b{position:absolute;top:-23px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap}.bar i{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-style:normal;font-size:11px}.axis-label{text-align:center;margin:30px 0 12px;text-transform:uppercase;font-size:10px;font-weight:800}.chart-card small{color:#abb4ab;line-height:1.4;display:block}.chart-card table{width:100%;border-collapse:collapse;margin:20px 0 14px;font-size:13px}.chart-card th,.chart-card td{border:1px solid #657065;padding:12px 8px;text-align:center}.chart-card th:last-child,.chart-card td:last-child{background:rgba(86,207,18,.18)}.customers{background:var(--paper)}.section-lead{text-align:center;color:#667066;margin-top:-15px;margin-bottom:28px}.customer-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-width:1500px;margin:auto}.customer-grid figure{margin:0;background:#fff;border-radius:9px;overflow:hidden;border:1px solid #dce1dc}.customer-grid img{width:100%;aspect-ratio:1/1.05;object-fit:cover;display:block}.customer-grid figcaption{padding:12px;text-align:center}.customer-grid figcaption b,.customer-grid figcaption span{display:block}.customer-grid figcaption span{font-size:11px;color:#667066;margin-top:4px}.disclaimer{text-align:center;color:#777;font-size:11px}.local{background:#0a0e0b;color:#fff;display:grid;grid-template-columns:1.4fr .8fr;gap:60px;align-items:center}.local h2{font-size:38px;margin:10px 0 15px}.local p{font-size:17px;line-height:1.6;color:#d2d8d2}.eyebrow{font-size:12px;font-weight:900;letter-spacing:1.5px}.local-points{border-left:1px solid #344034;padding-left:35px;display:grid;gap:6px}.local-points b{color:var(--green);margin-top:10px}.local-points span{color:#c7cec7;font-size:13px}.contact{background:#f5f7f4;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.contact h2{font-size:40px;line-height:1.08;margin:12px 0 18px}.contact-copy p{line-height:1.6;color:#596159}.contact-direct{display:flex;flex-direction:column;gap:10px;margin-top:25px}.contact-direct a{font-weight:800;color:#2d791d}form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff;padding:28px;border-radius:12px;border:1px solid #dce1dc}label{font-size:12px;font-weight:800}input,select,textarea{width:100%;margin-top:7px;border:1px solid #cfd6cf;border-radius:6px;padding:13px;font:inherit;background:#fff}.wide{grid-column:1/-1}form .primary{width:100%}footer{background:#050806;color:#fff;padding:35px clamp(20px,5vw,80px) 20px;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:35px}footer img{width:230px;height:65px;object-fit:contain;display:block}.footer-brand b{font-size:10px}.footer-brand~div{display:flex;flex-direction:column;gap:8px;font-size:12px}.footer-brand~div>b{color:var(--green);text-transform:uppercase;margin-bottom:3px}.footer-brand~div a,.footer-brand~div span{color:#cbd1cb}.copyright{grid-column:1/-1;border-top:1px solid #283028;padding-top:16px;color:#8f998f;font-size:11px;text-align:center}@media(max-width:1100px){.site-header nav{display:none}.portal-links{margin-left:auto}.hero{grid-template-columns:1fr 1fr}.spokane-callout{right:20px}.customer-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.site-header{height:auto;flex-wrap:wrap;padding:10px 16px}.brand{width:190px}.portal-links{width:100%;justify-content:center}.outline{padding:10px;font-size:10px}.hero{display:block;padding:0;min-height:0}.hero-copy{padding:45px 22px}.hero h1{font-size:50px}.hero-visual{height:440px;min-height:0}.spokane-callout{position:static;width:auto;margin:0;padding:20px;border-radius:0}.trust-row{grid-template-columns:1fr;gap:16px}.trust-row div{border-left:0;padding:0}.solution-grid,.numbers,.local,.contact{grid-template-columns:1fr}.customer-grid{grid-template-columns:repeat(2,1fr)}form{grid-template-columns:1fr}form .wide,.wide{grid-column:auto}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:460px){.customer-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero h1{font-size:43px}footer{grid-template-columns:1fr}}


/* V8.1 — live-layout polish only */
.logo,
.footer-logo{
  width:285px !important;
  height:auto !important;
  max-height:68px !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
}

.nav{
  min-height:76px !important;
}

.hero-grid{
  min-height:610px !important;
  padding-top:22px !important;
  padding-bottom:24px !important;
  align-items:center !important;
}

.hero-copy{
  align-self:center !important;
  transform:translateY(-16px);
}

.hero-copy h1{
  margin-top:0 !important;
  margin-bottom:16px !important;
}

.hero-visual{
  min-height:560px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

.hero-visual > img{
  width:86% !important;
  max-width:650px !important;
  max-height:545px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center !important;
}

.location-callout{
  top:68px !important;
  right:18px !important;
  bottom:auto !important;
  width:238px !important;
  padding:15px !important;
  z-index:3 !important;
}

.location-callout strong{
  font-size:16.5px !important;
  line-height:1.12 !important;
}

.location-callout p{
  font-size:12px !important;
  line-height:1.45 !important;
}

@media(max-width:1100px){
  .logo{width:245px !important}
  .hero-grid{min-height:570px !important}
  .hero-visual{min-height:520px !important}
  .location-callout{width:218px !important;right:10px !important}
}

@media(max-width:960px){
  .hero-grid{min-height:auto !important;padding-top:30px !important}
  .hero-copy{transform:none}
  .hero-visual{min-height:480px !important}
  .location-callout{top:18px !important;right:18px !important}
}

@media(max-width:620px){
  .logo{width:205px !important;max-height:54px !important}
  .nav{min-height:66px !important}
  .hero-visual{min-height:400px !important}
  .hero-visual > img{width:95% !important;max-height:385px !important}
  .location-callout{
    position:static !important;
    width:auto !important;
    margin:12px 14px 0 !important;
  }
}


/* V8.3 — corrected live hero refinements using actual V8 selectors */

/* Larger header logo */
.site-header .brand{
  width:325px !important;
  flex:0 0 325px !important;
}
.site-header .brand img{
  width:100% !important;
  height:72px !important;
  object-fit:contain !important;
}

/* Give the ATM side more room and make the machine visually dominant */
.hero{
  grid-template-columns:minmax(470px,.95fr) minmax(560px,1.18fr) !important;
  min-height:640px !important;
  padding-left:clamp(30px,5vw,90px) !important;
}

.hero-copy{
  padding-top:54px !important;
  padding-bottom:54px !important;
}

.hero-visual{
  min-height:640px !important;
  overflow:hidden !important;
}

.hero-visual img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Smaller, quieter Spokane text block */
.spokane-callout{
  right:22px !important;
  top:82px !important;
  width:205px !important;
  padding:14px 15px !important;
  border-radius:8px !important;
  background:rgba(5,10,7,.88) !important;
}
.spokane-callout b{
  font-size:14px !important;
  line-height:1.15 !important;
}
.spokane-callout p{
  font-size:11px !important;
  line-height:1.4 !important;
  margin:8px 0 !important;
}
.spokane-callout strong{
  font-size:11.5px !important;
}

/* Responsive corrections */
@media(max-width:1100px){
  .site-header .brand{
    width:285px !important;
    flex-basis:285px !important;
  }
  .site-header .brand img{
    height:66px !important;
  }
  .hero{
    grid-template-columns:1fr 1.08fr !important;
  }
  .spokane-callout{
    width:190px !important;
    right:14px !important;
  }
}

@media(max-width:760px){
  .site-header .brand{
    width:220px !important;
    flex-basis:220px !important;
  }
  .site-header .brand img{
    height:56px !important;
  }
  .hero{
    display:block !important;
    min-height:0 !important;
    padding-left:0 !important;
  }
  .hero-visual{
    height:470px !important;
    min-height:0 !important;
  }
  .hero-visual img{
    object-fit:cover !important;
    object-position:center !important;
  }
  .spokane-callout{
    position:static !important;
    width:auto !important;
    margin:0 !important;
    border-radius:0 !important;
    padding:15px 20px !important;
  }
}


/* V8.4 — exact requested scaling changes from V8.3 */

/* MOREPROFIT header logo: +20% from V8.3 (325px -> 390px) */
.site-header .brand{
  width:390px !important;
  flex:0 0 390px !important;
}
.site-header .brand img{
  width:100% !important;
  height:86px !important;
  object-fit:contain !important;
}

/* ATM image: -15% from V8.3 */
.hero-visual img{
  width:85% !important;
  height:85% !important;
  max-width:85% !important;
  max-height:85% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Keep the reduced Spokane treatment unchanged */
.spokane-callout{
  width:205px !important;
}

@media(max-width:1100px){
  .site-header .brand{
    width:342px !important;
    flex-basis:342px !important;
  }
  .site-header .brand img{
    height:79px !important;
  }
  .hero-visual img{
    width:85% !important;
    height:85% !important;
    max-width:85% !important;
    max-height:85% !important;
  }
}

@media(max-width:760px){
  .site-header .brand{
    width:264px !important;
    flex-basis:264px !important;
  }
  .site-header .brand img{
    height:67px !important;
  }
  .hero-visual img{
    width:85% !important;
    height:85% !important;
    max-width:85% !important;
    max-height:85% !important;
  }
}


/* V8.5 — ATM reduced 30% from V8.4 */
.hero-visual img{
  width:59.5% !important;
  height:59.5% !important;
  max-width:59.5% !important;
  max-height:59.5% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

@media(max-width:1100px){
  .hero-visual img{
    width:59.5% !important;
    height:59.5% !important;
    max-width:59.5% !important;
    max-height:59.5% !important;
  }
}

@media(max-width:760px){
  .hero-visual img{
    width:59.5% !important;
    height:59.5% !important;
    max-width:59.5% !important;
    max-height:59.5% !important;
  }
}


/* V8.6 — correct ATM/photo scaling method */

/* Narrow the ATM/photo column instead of shrinking the photo inside it */
.hero{
  grid-template-columns:minmax(560px,1.28fr) minmax(420px,.72fr) !important;
}

/* Let the approved ATM photo fill its intentionally narrower container */
.hero-visual{
  min-height:640px !important;
  overflow:hidden !important;
}

.hero-visual img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Preserve the V8.5 Spokane treatment */
.spokane-callout{
  width:205px !important;
}

@media(max-width:1100px){
  .hero{
    grid-template-columns:1.12fr .88fr !important;
  }
  .hero-visual img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
  }
}

@media(max-width:760px){
  .hero{
    display:block !important;
  }
  .hero-visual{
    height:470px !important;
    min-height:0 !important;
  }
  .hero-visual img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:cover !important;
  }
}


/* V8.7 — brand impact + Spokane clarity */

/* Stronger brand presence using a tightly cropped approved logo */
.site-header .brand{
  width:455px !important;
  flex:0 0 455px !important;
}
.site-header .brand img{
  width:100% !important;
  height:82px !important;
  object-fit:contain !important;
  object-position:left center !important;
}

/* Keep hero image treatment from V8.6 */
.hero-visual{
  min-height:640px !important;
  overflow:hidden !important;
}
.hero-visual img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Spokane is now a separate, quiet text block BELOW the ATM visual — no overlap */
.spokane-callout{
  position:static !important;
  width:auto !important;
  max-width:100% !important;
  margin:10px 0 0 !important;
  padding:10px 12px !important;
  border:1px solid rgba(86,197,30,.55) !important;
  border-radius:7px !important;
  background:rgba(7,9,7,.72) !important;
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center !important;
  gap:12px !important;
}
.spokane-callout b{
  font-size:13px !important;
  line-height:1.1 !important;
  margin:0 !important;
}
.spokane-callout p{
  font-size:10.5px !important;
  line-height:1.35 !important;
  margin:0 !important;
  color:#cbd2cb !important;
}
.spokane-callout strong{
  font-size:11px !important;
  margin:0 !important;
  white-space:nowrap !important;
}

/* Ensure right-side column can stack image then location text cleanly */
.hero > :nth-child(2),
.hero > :nth-child(3){
  min-width:0;
}

@media(max-width:1100px){
  .site-header .brand{
    width:380px !important;
    flex-basis:380px !important;
  }
  .site-header .brand img{
    height:74px !important;
  }
}

@media(max-width:760px){
  .site-header .brand{
    width:285px !important;
    flex-basis:285px !important;
  }
  .site-header .brand img{
    height:62px !important;
  }
  .spokane-callout{
    display:block !important;
  }
  .spokane-callout p{
    margin:6px 0 !important;
  }
}


/* V8.8 — Spokane integrated overlay correction */

/* Hero visual is the positioning context */
.hero-visual{
  position:relative !important;
}

/* Integrate Spokane copy into the photo without covering the ATM screen */
.hero-visual .spokane-callout{
  position:absolute !important;
  left:18px !important;
  right:auto !important;
  top:auto !important;
  bottom:18px !important;
  width:245px !important;
  max-width:245px !important;
  margin:0 !important;
  padding:10px 12px !important;
  display:block !important;
  background:rgba(4,8,5,.74) !important;
  border:1px solid rgba(86,197,30,.48) !important;
  border-radius:7px !important;
  box-shadow:none !important;
  z-index:3 !important;
}

.hero-visual .spokane-callout b{
  display:block !important;
  font-size:12.5px !important;
  line-height:1.12 !important;
  margin:0 0 5px !important;
}

.hero-visual .spokane-callout p{
  font-size:10px !important;
  line-height:1.35 !important;
  margin:0 0 6px !important;
  color:#d1d6d1 !important;
}

.hero-visual .spokane-callout strong{
  display:block !important;
  font-size:10.5px !important;
  margin:0 !important;
  white-space:normal !important;
}

@media(max-width:760px){
  .hero-visual .spokane-callout{
    left:12px !important;
    bottom:12px !important;
    width:210px !important;
    max-width:calc(100% - 24px) !important;
  }
}


/* =========================================================
   V8.11 — APPROVED IPHONE / MOBILE REFINEMENT ONLY
   Desktop remains unchanged.
   ========================================================= */
@media (max-width: 620px) {

  /* Compact header while retaining MOREPROFIT brand presence */
  .site-header{
    padding:8px 14px 10px !important;
    min-height:0 !important;
  }

  .site-header .header-inner,
  .site-header .nav-wrap{
    min-height:0 !important;
  }

  .site-header .brand{
    width:230px !important;
    max-width:72vw !important;
    flex:0 0 auto !important;
    margin:0 auto 7px !important;
  }

  .site-header .brand img{
    width:100% !important;
    height:48px !important;
    object-fit:contain !important;
    object-position:center center !important;
  }

  /* Keep desktop nav out of the way on iPhone */
  .site-header nav,
  .main-nav{
    margin:0 !important;
  }

  /* Compact portal controls */
  .portal-buttons,
  .header-actions{
    display:flex !important;
    width:100% !important;
    justify-content:center !important;
    gap:8px !important;
    margin:4px 0 0 !important;
  }

  .portal-buttons a,
  .header-actions a,
  .portal-btn{
    min-height:34px !important;
    height:auto !important;
    padding:8px 11px !important;
    font-size:10px !important;
    line-height:1 !important;
  }

  /* Tighter mobile hero */
  .hero{
    padding-top:26px !important;
    padding-bottom:26px !important;
  }

  .hero-copy{
    padding:0 18px !important;
  }

  .eyebrow{
    margin-bottom:15px !important;
    font-size:11px !important;
  }

  .hero h1{
    font-size:clamp(43px, 12vw, 56px) !important;
    line-height:.98 !important;
    letter-spacing:-1.8px !important;
    margin-bottom:20px !important;
  }

  /* Keep final phrase together where viewport permits */
  .hero h1 .better-business,
  .hero h1 span:last-child{
    white-space:nowrap;
  }

  .hero-copy > p{
    font-size:16px !important;
    line-height:1.45 !important;
    margin-bottom:19px !important;
  }

  /* Smaller CTAs */
  .hero-actions{
    gap:9px !important;
    margin-bottom:20px !important;
  }

  .hero-actions a,
  .btn{
    min-height:42px !important;
    padding:11px 14px !important;
    font-size:11px !important;
  }

  /* Benefits become readable stacked rows */
  .hero-benefits,
  .benefits{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    margin-top:14px !important;
  }

  .hero-benefits > *,
  .benefits > *{
    border-left:0 !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
    padding:10px 0 !important;
    min-width:0 !important;
  }

  .hero-benefits > *:first-child,
  .benefits > *:first-child{
    border-top:0 !important;
  }

  /* Preserve approved ATM treatment at full mobile width */
  .hero-visual{
    width:100% !important;
    height:460px !important;
    min-height:0 !important;
    margin-top:18px !important;
  }

  .hero-visual img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  /* Preserve Spokane overlay, just scale it for iPhone */
  .hero-visual .spokane-callout{
    left:12px !important;
    bottom:12px !important;
    width:190px !important;
    max-width:calc(100% - 24px) !important;
    padding:8px 10px !important;
  }

  .hero-visual .spokane-callout b{
    font-size:11px !important;
  }

  .hero-visual .spokane-callout p{
    font-size:9px !important;
    margin:4px 0 5px !important;
  }

  .hero-visual .spokane-callout strong{
    font-size:9.5px !important;
  }

  /* Tighter section rhythm */
  section{
    scroll-margin-top:70px;
  }

  .solutions,
  .owners,
  .charts,
  .contact,
  .section{
    padding-top:38px !important;
    padding-bottom:38px !important;
  }

  .section-title,
  .solutions h2{
    margin-bottom:24px !important;
    line-height:1.08 !important;
  }
}

/* Very narrow iPhones */
@media (max-width: 390px) {
  .hero h1{
    font-size:41px !important;
    letter-spacing:-1.5px !important;
  }

  .hero h1 .better-business,
  .hero h1 span:last-child{
    white-space:normal;
  }

  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .hero-actions a,
  .btn{
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .hero-visual{
    height:430px !important;
  }
}


/* V8.21.1 — restore accessible primary navigation on mobile Safari/tablets.
   Desktop styles above 1100px remain unchanged. */
@media (max-width:1100px) {
  .site-header { height:auto; min-height:92px; flex-wrap:wrap; row-gap:8px; }
  .site-header nav[aria-label="Primary navigation"] {
    display:flex !important; visibility:visible !important;
    position:static !important; width:100%; flex:0 0 100%;
    order:3; margin:0 !important; padding:5px 0 9px;
    flex-wrap:wrap; justify-content:center; align-items:center;
    gap:5px 15px; overflow:visible;
  }
  .site-header nav[aria-label="Primary navigation"] a {
    display:inline-flex; align-items:center; justify-content:center;
    min-height:36px; padding:7px 3px; white-space:nowrap;
    font-size:12px; line-height:1.3;
  }
  .site-header nav[aria-label="Primary navigation"] a:focus-visible {
    outline:2px solid var(--green); outline-offset:3px;
  }
}
@media (max-width:760px) {
  .site-header .brand {order:1;}
  .site-header .portal-links {order:2;}
  .site-header nav[aria-label="Primary navigation"] {order:3; gap:2px 12px;}
  .site-header nav[aria-label="Primary navigation"] a {font-size:11px; min-height:34px;}
}

/* V8.24: login joins navigation; desktop retains right-aligned login. */
.site-header nav[aria-label="Primary navigation"] .nav-login {display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--green);border-radius:6px;padding:12px 17px;color:#fff;white-space:nowrap;}
.site-header nav[aria-label="Primary navigation"] .nav-login:hover {color:var(--green);}
@media(max-width:1100px){.site-header nav[aria-label="Primary navigation"] .nav-login {min-height:36px;padding:7px 13px;}}
@media(max-width:760px){.site-header nav[aria-label="Primary navigation"] .nav-login {order:10;flex:0 0 auto;margin:4px 38% 0;padding:9px 19px;font-size:12px;min-height:38px;} .site-header{row-gap:0;}}
/* V8.24: prominent confirmation shown only after successful server response. */
.inquiry-success {align-self:start;min-width:0;background:#fff;border:2px solid #39a935;border-radius:18px;padding:clamp(28px,5vw,54px) 24px;text-align:center;box-shadow:0 8px 28px rgba(0,0,0,.07);scroll-margin-top:130px;}
.inquiry-success[hidden],form[hidden]{display:none!important;}
.inquiry-success-icon {display:grid;place-items:center;width:76px;height:76px;margin:0 auto 20px;border-radius:50%;background:#e7f7e8;color:#238b36;font-size:48px;font-weight:900;}
.inquiry-success h3 {font-size:clamp(30px,4vw,42px);line-height:1.1;margin:0 0 14px;color:#111;}
.inquiry-success strong {display:block;font-size:clamp(19px,2.4vw,25px);line-height:1.3;color:#238b36;}
.inquiry-success p {font-size:17px;line-height:1.5;max-width:480px;margin:18px auto 24px;color:#3c483f;}
.inquiry-success-confirmed {display:inline-block;border-top:1px solid #d4e8d5;padding-top:16px;color:#238b36;font-size:15px;font-weight:800;}
.inquiry-error {display:block;padding:14px;border:2px solid #b42318;border-radius:8px;background:#fff0ee;font-size:16px;line-height:1.4;}

/* V8.27: SEO-friendly live HTML over a clean photographic hero; only the homepage is changed. */
.hero.hero-v827{display:flex!important;align-items:center!important;position:relative!important;min-height:700px!important;padding:70px clamp(22px,5.2vw,85px)!important;background:#070908!important;isolation:isolate;overflow:hidden!important}
.hero-v827 .hero-photo{position:absolute;inset:0 0 0 35%;z-index:-2;display:block;overflow:hidden}
.hero-v827 .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block}
.hero-v827:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050706 0%,rgba(5,7,6,.99) 29%,rgba(5,7,6,.88) 42%,rgba(5,7,6,.20) 66%,transparent 100%)}
.hero-v827 .hero-copy{width:min(710px,62%);max-width:710px;padding:0!important;transform:none!important;align-self:center!important;z-index:2}
.hero-v827 .tagline{margin-bottom:22px!important;letter-spacing:1px;font-size:13px}
.hero-v827 h1{font-size:clamp(45px,5vw,77px)!important;line-height:1.02!important;letter-spacing:-2px!important;margin:0 0 20px!important}
.hero-v827 .hero-copy>p{font-size:clamp(16px,1.5vw,21px)!important;line-height:1.45!important;max-width:610px!important;color:#f0f0f0!important}
.hero-v827 .hero-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 24px;max-width:650px}
.hero-v827 .hero-services>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-right:9px;border-right:1px solid #4b554a}
.hero-v827 .hero-services>div:last-child{border:0}
.hero-v827 .hero-services span{width:54px;height:54px;display:grid;place-items:center;border:2px solid var(--green);border-radius:50%;color:var(--green);font-size:18px;font-weight:900}
.hero-v827 .hero-services b{font-size:13px;color:#fff}.hero-v827 .hero-services small{font-size:12px;line-height:1.4;color:#e4e9e4}
.hero-v827 .hero-actions{display:flex;flex-wrap:wrap;margin:20px 0 0!important;gap:12px}.hero-v827 .hero-actions a{min-height:54px}
@media(max-width:1100px){.hero.hero-v827{min-height:660px!important}.hero-v827 .hero-copy{width:min(670px,72%)}.hero-v827:before{background:linear-gradient(90deg,#050706 0%,rgba(5,7,6,.96) 37%,rgba(5,7,6,.55) 70%,rgba(5,7,6,.12) 100%)}}
@media(max-width:760px){.hero.hero-v827{display:flex!important;align-items:flex-start!important;min-height:0!important;padding:38px 22px 360px!important}.hero-v827 .hero-photo{inset:auto 0 0 0;height:410px}.hero-v827 .hero-photo img{object-position:center 44%}.hero-v827:before{background:linear-gradient(180deg,#050706 0%,#050706 47%,rgba(5,7,6,.96) 57%,rgba(5,7,6,.1) 82%,transparent 100%)}.hero-v827 .hero-copy{width:100%!important;max-width:100%!important}.hero-v827 h1{font-size:clamp(37px,9vw,54px)!important;letter-spacing:-1.6px!important}.hero-v827 .hero-services{gap:8px;margin:24px 0}.hero-v827 .hero-services span{width:43px;height:43px;font-size:13px}.hero-v827 .hero-services b{font-size:10px}.hero-v827 .hero-services small{font-size:10px}.hero-v827 .hero-actions{display:grid!important;grid-template-columns:1fr!important}.hero-v827 .hero-actions a{width:100%!important}}
@media(max-width:390px){.hero-v827 h1{font-size:36px!important}.hero.hero-v827{padding-left:16px!important;padding-right:16px!important}.hero-v827 .hero-services b{font-size:9px}}

/* V8.28: match approved composition: readable three-line headline and fully visible cash. */
@media (min-width:1101px){
 .hero.hero-v827{min-height:780px!important;padding-top:65px!important;padding-bottom:65px!important}
 .hero-v827 .hero-copy{width:55%!important;max-width:690px!important}
 .hero-v827 h1{font-size:clamp(48px,4.25vw,67px)!important;letter-spacing:-1.7px!important}
 .hero-v827 .hero-photo{inset:0 0 0 47%!important}
 .hero-v827 .hero-photo img{object-fit:contain!important;object-position:right bottom!important}
 .hero-v827:before{background:linear-gradient(90deg,#050706 0%,rgba(5,7,6,.99) 28%,rgba(5,7,6,.9) 42%,rgba(5,7,6,.12) 58%,transparent 78%)!important}
}
@media (min-width:761px) and (max-width:1100px){
 .hero.hero-v827{min-height:740px!important}
 .hero-v827 .hero-copy{width:59%!important}
 .hero-v827 h1{font-size:clamp(42px,4.5vw,57px)!important}
 .hero-v827 .hero-photo{inset:0 0 0 45%!important}
 .hero-v827 .hero-photo img{object-fit:contain!important;object-position:right bottom!important}
}
@media (max-width:760px){
 .hero-v827 .hero-photo img{object-fit:contain!important;object-position:center bottom!important}
 .hero-v827 .hero-photo{background:#050706}
}

/* V8.29: restore visual impact without sacrificing the cash/ATM/terminal composition. */
@media (min-width:1101px){
 .hero.hero-v827{min-height:780px!important;padding:54px clamp(28px,4.3vw,76px)!important}
 .hero-v827 .hero-copy{width:58%!important;max-width:780px!important}
 .hero-v827 h1{font-size:clamp(56px,5.1vw,79px)!important;line-height:1.01!important;letter-spacing:-2px!important}
 .hero-v827 .hero-copy>p{font-size:clamp(19px,1.65vw,25px)!important;max-width:680px!important}
 .hero-v827 .tagline{font-size:15px!important}
 .hero-v827 .hero-services{max-width:730px!important;gap:16px!important}
 .hero-v827 .hero-services span{width:62px!important;height:62px!important;font-size:20px!important}
 .hero-v827 .hero-services b{font-size:15px!important}
 .hero-v827 .hero-services small{font-size:14px!important}
 .hero-v827 .hero-actions a{min-height:64px!important;font-size:15px!important;padding:18px 23px!important}
 .hero-v827 .hero-photo{inset:0 0 0 43%!important}
 .hero-v827 .hero-photo img{object-fit:cover!important;object-position:50% 70%!important}
 .hero-v827:before{background:linear-gradient(90deg,#050706 0%,rgba(5,7,6,.99) 29%,rgba(5,7,6,.94) 41%,rgba(5,7,6,.55) 52%,transparent 70%)!important}
}
@media (min-width:761px) and (max-width:1100px){
 .hero.hero-v827{min-height:720px!important;padding:45px 30px!important}
 .hero-v827 .hero-copy{width:61%!important;max-width:670px!important}
 .hero-v827 h1{font-size:clamp(44px,5vw,60px)!important}
 .hero-v827 .hero-copy>p{font-size:18px!important}
 .hero-v827 .hero-services b{font-size:13px!important}
 .hero-v827 .hero-services small{font-size:12px!important}
 .hero-v827 .hero-actions a{min-height:58px!important}
 .hero-v827 .hero-photo{inset:0 0 0 43%!important}
 .hero-v827 .hero-photo img{object-fit:cover!important;object-position:50% 70%!important}
}

/* V8.30 — approved black hero background; preserve V8.29 layout and sizing. */
.hero.hero-v827{background:#0B0D0B!important}
.hero-v827 .hero-photo{background:#0B0D0B!important}
.hero-v827:before{background:linear-gradient(90deg,#0B0D0B 0%,rgba(11,13,11,.99) 29%,rgba(11,13,11,.94) 41%,rgba(11,13,11,.55) 52%,transparent 70%)!important}
@media (min-width:761px) and (max-width:1100px){.hero-v827:before{background:linear-gradient(90deg,#0B0D0B 0%,rgba(11,13,11,.96) 37%,rgba(11,13,11,.55) 70%,rgba(11,13,11,.12) 100%)!important}}
@media (max-width:760px){.hero-v827:before{background:linear-gradient(180deg,#0B0D0B 0%,#0B0D0B 47%,rgba(11,13,11,.96) 57%,rgba(11,13,11,.1) 82%,transparent 100%)!important}}

/* V8.32: consistent outline icons for the approved homepage services. */
.hero-v827 .hero-services svg{width:60%;height:60%;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* V8.31: neutral BLACK hero. V8.30 retained green RGB channels in its
   near-black (#0B0D0B) and gradient; remove that tint in every breakpoint. */
.hero.hero-v827,
.hero-v827 .hero-photo { background-color:#000 !important; }
.hero-v827::before {background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.99) 29%,rgba(0,0,0,.94) 41%,rgba(0,0,0,.55) 52%,transparent 70%) !important;}
@media (min-width:761px) and (max-width:1100px) {
 .hero-v827::before {background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.96) 37%,rgba(0,0,0,.55) 70%,rgba(0,0,0,.12) 100%) !important;}
}
@media (max-width:760px) {
 .hero-v827::before {background:linear-gradient(180deg,#000 0%,#000 47%,rgba(0,0,0,.96) 57%,rgba(0,0,0,.1) 82%,transparent 100%) !important;}
}

/* V8.33: emphasize fee elimination and distinguish monthly costs from annual savings. */
.solution-card .fee-emphasis{color:#2b9f26;font-weight:800}
.chart-card .processing-savings th:nth-child(2),
.chart-card .processing-savings td:nth-child(2){background:#4a292b;color:#fff}