/* Generated: mockup 28 CSS scoped for [bms_mockup]. */
.bms-scope-28{
  --navy:#0a2f88;
  --blue:#1452cc;
  --orange:#ff4a12;
  --green:#2aad4a;
  --ink:#17306b;
  --muted:#66769a;
  --line:#d9e2f2;
  --soft:#f7faff;
}
.bms-scope-28 *{box-sizing:border-box}
.bms-scope-28{margin:0;background:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
.bms-scope-28 a{text-decoration:none;color:inherit}
.bms-scope-28 button,.bms-scope-28 input,.bms-scope-28 select,.bms-scope-28 textarea{font:inherit}
.bms-scope-28 .site{max-width:1180px;margin:0 auto;background:#fff}
.bms-scope-28 .primary{background:var(--orange);color:#fff;border:0;border-radius:4px;padding:12px 18px;font-weight:800}
.bms-scope-28 .breadcrumb{padding:10px 30px 6px;font-size:12.5px;color:#6b7899}
.bms-scope-28 .hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;padding:0 30px 16px;background:linear-gradient(90deg,#fff 0%,#fff 55%,#f4efe8 100%)}
.bms-scope-28 .hero h1{font-family:Georgia,serif;font-size:52px;line-height:.98;margin:16px 0 4px;color:var(--navy)}
.bms-scope-28 .hero h1 span{color:var(--orange)}
.bms-scope-28 .hero h2{font-family:Georgia,serif;font-size:24px;margin:0 0 8px;color:var(--navy)}
.bms-scope-28 .hero p{font-size:14px;line-height:1.5;color:#50658f;max-width:620px}
.bms-scope-28 .hero-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.bms-scope-28 .benefit{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700}
.bms-scope-28 .icon{width:38px;height:38px;border:3px solid var(--navy);border-radius:50%;display:grid;place-items:center;flex:0 0 auto}
.bms-scope-28 .hero-art{min-height:300px;border-radius:8px;background:linear-gradient(145deg,#e9e1d8,#fff);position:relative;overflow:hidden}
.bms-scope-28 .hero-art:before{content:"";position:absolute;left:8%;right:8%;top:8%;bottom:10%;background:repeating-linear-gradient(180deg,#fff 0 10px,#ddd 10px 13px);border:14px solid #eee6dc}
.bms-scope-28 .hero-art:after{content:"PRO INSTALLER";position:absolute;left:19%;bottom:14%;background:#0a2f88;color:#fff;padding:8px 12px;border-radius:4px;font-weight:900}
.bms-scope-28 .install-card{position:absolute;right:14px;top:14px;width:240px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px}
.bms-scope-28 .install-card h3{font-family:Georgia,serif;color:var(--navy);font-size:20px;margin:0 0 8px}
.bms-scope-28 .install-card ul{list-style:none;padding:0;margin:0;font-size:12px;line-height:1.6}
.bms-scope-28 .install-card li:before{content:"✓";color:var(--blue);font-weight:900;margin-right:7px}
.bms-scope-28 .main{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:12px;padding:0 24px 16px}
.bms-scope-28 .card{border:1px solid var(--line);border-radius:8px;padding:14px;background:#fff}
.bms-scope-28 .card h2{font-family:Georgia,serif;color:var(--navy);font-size:26px;margin:0 0 8px}
.bms-scope-28 .step-title{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.bms-scope-28 .step-title .num{width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800}
.bms-scope-28 .form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px}
.bms-scope-28 label{display:block;font-size:12px;font-weight:800;margin-bottom:4px;color:#233b72}
.bms-scope-28 .req{color:var(--orange)}
.bms-scope-28 input,.bms-scope-28 select,.bms-scope-28 textarea{width:100%;padding:10px;border:1px solid #cbd5e8;border-radius:4px;background:#fff}
.bms-scope-28 textarea{min-height:100px;resize:vertical}
.bms-scope-28 .full{grid-column:1/-1}
.bms-scope-28 .product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bms-scope-28 .product{border:1px solid var(--line);border-radius:6px;overflow:hidden}
.bms-scope-28 .product-img{height:90px;background:linear-gradient(145deg,#e9e1d8,#fff);position:relative}
.bms-scope-28 .product-img:after{content:"";position:absolute;inset:14px;background:repeating-linear-gradient(180deg,#fff 0 8px,#ddd 8px 11px)}
.bms-scope-28 .product-body{padding:8px;font-size:12px}
.bms-scope-28 .product-body label{display:flex;gap:6px;align-items:center;margin:0}
.bms-scope-28 .submit{width:100%;margin-top:12px;background:var(--orange);color:#fff;border:0;border-radius:4px;padding:12px;font-weight:800}
.bms-scope-28 .secure{text-align:center;font-size:11.5px;color:#617195;margin-top:7px}
.bms-scope-28 .how-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.bms-scope-28 .how{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;background:var(--soft);border-radius:6px;padding:10px}
.bms-scope-28 .how .num{width:36px;height:36px;border-radius:50%;background:#375ee8;color:#fff;display:grid;place-items:center;font-weight:800}
.bms-scope-28 .how strong{display:block;color:var(--navy);font-size:12px}
.bms-scope-28 .how span{font-size:12px;color:#617195}
.bms-scope-28 .type-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.bms-scope-28 .type{border:1px solid var(--line);border-radius:6px;overflow:hidden}
.bms-scope-28 .type-img{height:105px;background:linear-gradient(145deg,#e9e1d8,#fff)}
.bms-scope-28 .type-img:after{content:"";display:block;margin:14px;height:77px;background:repeating-linear-gradient(180deg,#fff 0 8px,#ddd 8px 11px)}
.bms-scope-28 .type div:last-child{padding:8px;font-size:12px;font-weight:800;color:var(--navy)}
.bms-scope-28 .map-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:10px;align-items:center}
.bms-scope-28 .map{height:150px;border-radius:6px;background:#eaf2ff;position:relative}
.bms-scope-28 .map:after{content:"U.S. INSTALLER NETWORK";position:absolute;inset:20px;border:2px dashed #8bb3ff;color:#2859c7;display:grid;place-items:center;font-weight:900;text-align:center}
.bms-scope-28 .map-box ul{list-style:none;padding:0;margin:0;font-size:12px;line-height:1.6}
.bms-scope-28 .map-box li:before{content:"✓";color:var(--green);font-weight:900;margin-right:7px}
.bms-scope-28 .note{font-size:11.5px;color:#6a7897;margin-top:8px}
.bms-scope-28 .order-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,.85fr);gap:14px;align-items:center;margin:0 24px 16px;background:linear-gradient(90deg,#eef6ff,#fff);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.bms-scope-28 .order-img{height:150px;background:repeating-linear-gradient(180deg,#fff 0 10px,#ddd 10px 13px);border-right:14px solid #eee6dc}
.bms-scope-28 .order-copy h2{font-family:Georgia,serif;color:var(--navy);font-size:28px;margin:0 0 5px}
.bms-scope-28 .order-copy p{font-size:12.5px;color:#617195}
.bms-scope-28 .order-copy a{display:inline-block;margin-top:8px;padding:10px 16px;border:2px solid #345bd0;color:#173d99;border-radius:4px;font-size:12px;font-weight:800}
.bms-scope-28 .order-list{font-size:12px;line-height:1.55}
.bms-scope-28 .order-list div{margin:8px 0}
.bms-scope-28 .order-list strong{display:block;color:var(--navy)}
.bms-scope-28 .pro{background:linear-gradient(90deg,#062d7a,#0c4da5);color:#fff;padding:18px 24px;display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:20px}
.bms-scope-28 .pro h3{font-size:26px;margin:0 0 5px}
.bms-scope-28 .pro .orange{color:#ff5a1f}
.bms-scope-28 .pro small{color:#d7e5ff}
.bms-scope-28 .pro ul{padding:0;margin:5px 0;list-style:none;font-size:12px;line-height:1.7}
.bms-scope-28 .pro li:before{content:"✓";color:#54d46c;margin-right:7px;font-weight:900}
@media(max-width:900px){.bms-scope-28 .hero,.bms-scope-28 .main,.bms-scope-28 .order-band,.bms-scope-28 .map-box{grid-template-columns:minmax(0,1fr)}
.bms-scope-28 .hero-benefits,.bms-scope-28 .product-grid,.bms-scope-28 .type-grid,.bms-scope-28 .pro{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.bms-scope-28 .form-grid{grid-template-columns:minmax(0,1fr)}
.bms-scope-28 .full{grid-column:auto}}
@media(max-width:600px){.bms-scope-28 .hero{grid-template-columns:minmax(0,1fr)}
.bms-scope-28 .hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
.bms-scope-28 .main{grid-template-columns:minmax(0,1fr)}
.bms-scope-28 .form-grid{grid-template-columns:minmax(0,1fr)}
.bms-scope-28 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bms-scope-28 .type-grid{grid-template-columns:minmax(0,1fr)}
.bms-scope-28 .map-box{grid-template-columns:minmax(0,1fr)}
.bms-scope-28 .order-band{grid-template-columns:minmax(0,1fr)}
.bms-scope-28 .pro{grid-template-columns:minmax(0,1fr)}}
.bms-scope-28 .product:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 2px var(--blue)}
@media(max-width:900px){.bms-scope-28 .order-copy,.bms-scope-28 .order-list{padding:0 16px 16px}}
.bms-scope-28 .card{padding:24px 26px}
.bms-scope-28 label{font-size:13.5px}
.bms-scope-28 .product-body{padding:10px;font-size:14px}
.bms-scope-28 .product-body label{font-size:14px;cursor:pointer}
.bms-scope-28 .submit{font-size:16px;padding:14px;cursor:pointer}
.bms-scope-28 .secure{font-size:13px}
@media(min-width:601px) and (max-width:900px){.bms-scope-28 .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:600px){.bms-scope-28 .card{padding:18px 16px}
.bms-scope-28 .card h2{font-size:23px}}
.bms-scope-28 .step-title .num{flex:0 0 32px}
.bms-scope-28 .step-title h2{margin:0}
@media(min-width:601px){.bms-scope-28 .form-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.bms-scope-28 .form-grid>div{grid-column:span 3}
.bms-scope-28 .form-grid>div.full{grid-column:1/-1}
.bms-scope-28 .form-grid:has(>.full:nth-child(5))>div:nth-child(n+6){grid-column:span 2}
.bms-scope-28 .form-grid:has(>.full:nth-child(4))>div:nth-child(-n+3){grid-column:span 2}}
.bms-scope-28 select:has(option:first-child:checked){color:#7a87a8}
.bms-scope-28 select option{color:#1c2a4f}
.bms-scope-28 .card .step-title+*~.step-title{margin-top:22px!important;padding-top:20px;border-top:1px solid #e3e9f5}
.bms-scope-28 .step-title{margin-bottom:12px}