/* STOREMAN homepage commercial sales layer.
   Presentation only. Supports the existing homepage structure and quote flow. */

.commercial-plan{background:#fff;color:#111;padding:76px 0 82px;border-top:1px solid #deded8}
.commercial-plan-head{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:end;margin-bottom:38px}
.commercial-plan .label{color:#111}
.commercial-plan h2{margin:0;font-family:"Archivo Black",sans-serif;font-size:clamp(46px,4.6vw,76px);line-height:.88;letter-spacing:-3px;text-transform:uppercase}
.commercial-plan h2 span{background:#ffe000;color:#111;padding:0 8px}
.commercial-plan-intro{margin:0;color:#555;font-size:16px;line-height:1.65;max-width:620px}
.visit-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 28px}
.visit-flow-step{position:relative;min-height:150px;padding:24px 18px;background:#111;color:#fff;border-top:6px solid #ffe000;display:flex;flex-direction:column;justify-content:space-between}
.visit-flow-step b{font-family:"Archivo Black",sans-serif;color:#ffe000;font-size:11px;letter-spacing:1.5px}
.visit-flow-step strong{font-family:"Archivo Black",sans-serif;font-size:20px;line-height:1;text-transform:uppercase}
.visit-flow-step span{font-size:12px;line-height:1.45;color:#bbb}
.visit-flow-step:not(:last-child):after{content:"→";position:absolute;right:-12px;top:57px;z-index:2;width:24px;height:24px;display:grid;place-items:center;background:#ffe000;color:#111;font-weight:900}
.commercial-plan-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}
.one-contact-panel,.recurring-panel{padding:34px;background:#f2f2ee;border:1px solid #d5d5cf}
.one-contact-panel{background:#ffe000;border-color:#ffe000}
.one-contact-panel h3,.recurring-panel h3{margin:0 0 14px;font-family:"Archivo Black",sans-serif;font-size:clamp(28px,2.5vw,42px);line-height:.92;text-transform:uppercase;letter-spacing:-1.5px}
.one-contact-panel p,.recurring-panel p{margin:0;color:#333;font-size:14px;line-height:1.6;max-width:640px}
.recurring-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:22px}
.recurring-options span{min-height:58px;padding:0 12px;display:grid;place-items:center;background:#111;color:#fff;font-family:"Archivo Black",sans-serif;font-size:12px;text-align:center;text-transform:uppercase}
.quote-expectation{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:22px;font-family:"Archivo Black",sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.2px;color:#333}
.quote-expectation span{display:flex;align-items:center;gap:7px}
.quote-expectation span:before{content:"✓";width:20px;height:20px;display:grid;place-items:center;background:#111;color:#ffe000;font-size:10px}
.hero-actions + .hero-quote-expectation{margin-top:14px}
.hero-quote-expectation{display:flex;flex-wrap:wrap;gap:8px 16px;color:#d2d2d2;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}
.hero-quote-expectation span:before{content:"✓";color:#ffe000;margin-right:6px}
.cta-quote-expectation{grid-column:1/-1;display:flex;justify-content:center;gap:22px;margin-top:4px;color:#cfcfcf;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}
.cta-quote-expectation span:before{content:"✓";color:#ffe000;margin-right:6px}
.storeman-trust-grid:after{content:"$20M PUBLIC LIABILITY INSURED";display:flex;align-items:center;justify-content:center;min-height:92px;padding:14px 12px;background:#111;color:#ffe000;font-family:"Archivo Black",sans-serif;font-size:11px;line-height:1.1;text-align:center;border:1px solid #333}

:root{--signature-green:#1f7a3d}
.greenup-hero-badge,.storeman-finish-badge{display:none!important}
.greenup-word{color:var(--signature-green)!important;font-weight:950!important;font-family:"Archivo Black",sans-serif!important;letter-spacing:-.15px}
.hero-signature-line{display:none!important}

.storeman-finish-band{background:#ffe000!important;color:#111!important;border-top:1px solid #111!important;border-bottom:1px solid #111!important}
.storeman-finish-band .storeman-finish-inner{max-width:1500px!important;margin:0 auto!important;padding:12px 28px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:14px!important;align-items:center!important}
.storeman-finish-copy{display:flex!important;align-items:center!important;gap:9px!important}
.storeman-finish-copy strong{font-family:"Archivo Black",sans-serif!important;font-size:14px!important;line-height:1!important}
.finish-green-chip{display:inline-flex!important;background:var(--signature-green)!important;color:#fff!important;padding:6px 8px!important;font-family:"Archivo Black",sans-serif!important;font-size:10px!important;line-height:1!important;letter-spacing:.15px!important}
.storeman-finish-band .storeman-finish-inner>p{margin:0!important;color:#222!important;font-size:11px!important;font-weight:750!important}
.storeman-finish-tag{font-family:"Archivo Black",sans-serif!important;font-size:10px!important;white-space:nowrap!important}
.storeman-finish-tag span{color:var(--signature-green)!important}
.storeman-finish-band .storeman-finish-copy:before,.storeman-finish-band .storeman-finish-copy:after{content:none!important}
.storeman-finish-band .storeman-finish-grid:after{content:none!important}

.visit-step-greenup{outline:3px solid var(--signature-green)!important;outline-offset:-3px!important;border-color:var(--signature-green)!important}
.visit-step-greenup .visit-step-body{background:#fff!important;color:#111!important;border-top-color:var(--signature-green)!important}
.visit-step-greenup .visit-step-no{color:var(--signature-green)!important}
.visit-step-greenup h3{color:var(--signature-green)!important;font-family:"Archivo Black",sans-serif!important}
.visit-step-greenup p{color:#333!important}
.greenup-media{background:#0c2f1b!important;display:grid!important;place-items:center!important}
.greenup-media-mark{font-family:"Archivo Black",sans-serif;font-size:clamp(28px,3.7vw,52px);line-height:.84;color:#fff;text-align:center;transform:none!important}
.included-pill{display:inline-block;margin-top:10px;background:var(--signature-green)!important;color:#fff!important;padding:7px 9px;font-family:"Archivo Black",sans-serif;font-size:9px;border-radius:0!important;align-self:flex-start}

.signature-service-card{outline:3px solid var(--signature-green)!important;outline-offset:-3px!important;position:relative!important}
.signature-service-card .service-copy{background:#fff!important;color:#111!important;padding-top:0!important}
.signature-service-card .service-copy p,.signature-service-card h3{color:#111!important}
.signature-service-card .service-free-badge{display:none!important}
.signature-service-card .arrow{color:var(--signature-green)!important}
.signature-service-card .service-title{margin-top:-18px!important}
.signature-service-card .icon-box{background:var(--signature-green)!important;color:#fff!important}
.signature-service-card .service-copy p{font-size:13px!important;margin-right:35px!important;color:#555!important;font-weight:650!important}
.signature-service-card .service-copy p:before,.signature-service-card .service-copy p:after{content:none!important}
.signature-service-card .greenup-word{font-size:13px!important}

@media(max-width:980px){
  .commercial-plan-head,.commercial-plan-grid{grid-template-columns:1fr;gap:24px}
  .visit-flow{grid-template-columns:repeat(5,1fr)}
  .visit-flow-step{padding:18px 12px}
  .visit-flow-step strong{font-size:16px}
  .visit-flow-step span{font-size:11px}
  .storeman-finish-band .storeman-finish-inner{grid-template-columns:auto 1fr!important}
  .storeman-finish-tag{grid-column:1/-1!important}
}

@media(max-width:680px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
  .commercial-plan{padding:50px 0 54px}
  .commercial-plan-head{display:block;margin-bottom:24px}
  .commercial-plan h2{font-size:39px;line-height:.9;letter-spacing:-1.8px}
  .commercial-plan-intro{margin-top:18px;font-size:14px;line-height:1.55}
  .visit-flow{grid-template-columns:1fr;gap:7px;margin-bottom:18px}
  .visit-flow-step{min-height:0;padding:16px 16px;border-top:0;border-left:5px solid #ffe000;display:grid;grid-template-columns:34px 88px 1fr;gap:8px;align-items:center}
  .visit-flow-step:not(:last-child):after{display:none}
  .visit-flow-step b{font-size:9px}
  .visit-flow-step strong{font-size:15px}
  .visit-flow-step span{font-size:10.5px;line-height:1.35}
  .commercial-plan-grid{gap:8px}
  .one-contact-panel,.recurring-panel{padding:23px 18px}
  .one-contact-panel h3,.recurring-panel h3{font-size:28px;letter-spacing:-1px}
  .one-contact-panel p,.recurring-panel p{font-size:13px;line-height:1.5}
  .recurring-options{gap:5px;margin-top:17px}
  .recurring-options span{min-height:48px;padding:0 6px;font-size:9px}
  .quote-expectation{gap:8px 12px;font-size:9px;margin-top:16px}
  .hero-quote-expectation{gap:7px 10px;font-size:8.5px;line-height:1.35;margin-top:11px}
  .cta-quote-expectation{justify-content:flex-start;gap:8px 14px;flex-wrap:wrap;font-size:9px}
  .storeman-finish-band .storeman-finish-inner{padding:10px 26px!important;grid-template-columns:1fr!important;gap:4px!important}
  .storeman-finish-copy{gap:7px!important;flex-wrap:wrap!important}
  .storeman-finish-copy strong{font-size:12px!important}
  .finish-green-chip{font-size:9px!important;padding:5px 7px!important}
  .storeman-finish-band .storeman-finish-inner>p{font-size:10px!important;line-height:1.25!important}
  .storeman-finish-tag{font-size:9px!important}
  .signature-service-card .service-title h3{font-size:22px!important;line-height:.95!important}
  .sticky-mobile-quote{left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;min-height:54px!important}
  .storeman-trust-grid:after{min-height:88px;font-size:10px}
}