
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--r:#ef0b18;--k:#07090b;--l:#d7dce2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#0a0c0f}a{text-decoration:none;color:inherit}
.header{height:78px;position:absolute;z-index:10;left:50%;transform:translateX(-50%);width:min(1180px,92vw);display:grid;grid-template-columns:1fr 390px;gap:65px;align-items:center;color:#fff}.logo{font:900 52px/1 "Barlow Condensed";letter-spacing:-2px}.logo span,.red{color:var(--r)}.nav{display:flex;justify-content:center;gap:35px}.nav a{font:700 13px "Barlow Condensed";text-transform:uppercase}.btn{display:inline-flex;justify-content:center;align-items:center;gap:18px;background:var(--r);color:#fff;border:0;border-radius:4px;padding:15px 23px;font:800 15px "Barlow Condensed";text-transform:uppercase;cursor:pointer}.top{justify-self:end}
.hero{min-height:625px;background-image:linear-gradient(90deg,rgba(4,7,10,.92),rgba(4,7,10,.7) 42%,rgba(4,7,10,.18) 70%),var(--hero);background-size:cover;background-position:center;color:#fff}.heroGrid{width:min(1180px,92vw);margin:auto;padding-top:108px;display:grid;grid-template-columns:1fr 390px;gap:65px}.copy{padding-top:25px}.over{color:var(--r);font:800 14px "Barlow Condensed";letter-spacing:2px}.copy h1{font:900 64px/.91 "Barlow Condensed";margin:10px 0 13px}.rule{width:58px;height:4px;background:var(--r);margin:19px 0 14px}.copy h2{font:800 31px "Barlow Condensed";margin:0}.minis{display:flex;gap:35px;margin-top:45px}.mini{width:130px;border-right:1px solid #888;padding-right:18px}.mini:last-child{border:0}.mini svg{width:46px;height:39px;fill:none;stroke:#fff;stroke-width:3}.mini b{display:block;font:800 16px "Barlow Condensed";margin:5px 0 2px}.mini small{font:500 12px/1.3 "Barlow Condensed"}
.card{background:#fff;color:#111;border-radius:8px;padding:22px 24px 17px;box-shadow:0 20px 55px #0006}.title{font:900 31px "Barlow Condensed"}.card>p{font:500 12px "Barlow Condensed";margin:1px 0 13px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#eff0f2;border-radius:22px;padding:3px;margin-bottom:14px}.tabs button{height:35px;border:0;background:transparent;border-radius:19px;font:600 11px "Barlow Condensed";cursor:pointer}.tabs .active{background:var(--r);color:#fff}.field{margin-bottom:10px}.field label{display:block;font:700 12px "Barlow Condensed";margin-bottom:4px}.field input,.field select,.details textarea,.contact input{width:100%;height:39px;border:1px solid #d2d7dd;border-radius:4px;padding:0 10px;font:400 11px Inter;outline:none;background:#fff}.field input:focus,.field select:focus,.details textarea:focus,.contact input:focus{border-color:#111;box-shadow:0 0 0 2px #ef0b1818}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hide{display:none}.details,.contact{border-top:1px solid #e5e8eb;padding-top:8px;margin-top:4px}.details summary,.contact summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font:700 11px "Barlow Condensed"}.details summary::-webkit-details-marker,.contact summary::-webkit-details-marker{display:none}.details summary span,.contact summary span{font:500 9px Inter;color:#737d88}.details textarea{height:55px;padding-top:9px;margin-top:8px;resize:vertical}.contactGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.contact input{height:36px}.error{font-size:10px;color:#b00009;font-weight:700}.submit{width:100%;height:45px;margin-top:8px;font-size:17px}.fine{display:block;text-align:center;font-size:8px;color:#666;margin-top:8px}
.benefits{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:35px 0}.benefits article{text-align:center;padding:0 28px}.circle{width:57px;height:57px;border:3px solid #111;border-radius:50%;display:grid;place-items:center;margin:auto;font:700 31px "Barlow Condensed"}.benefits h3{font:800 20px "Barlow Condensed";margin:10px 0 5px}.benefits i{display:block;width:34px;height:2px;background:var(--r);margin:0 auto 12px}.benefits p{font:500 12px/1.45 "Barlow Condensed";margin:0}
.rewards{height:360px;background:#050607;color:#fff;position:relative;overflow:hidden}.rewardPhoto{position:absolute;right:0;top:0;width:59%;height:100%;background-image:linear-gradient(90deg,#050607,transparent 55%),var(--reward);background-size:cover;background-position:center}.rewardCopy{position:relative;width:min(1180px,92vw);margin:auto;padding-top:52px}.rewardCopy h2{font:900 64px/.91 "Barlow Condensed";margin:7px 0 12px}.rewardCopy h3{font:800 18px "Barlow Condensed";margin:0 0 12px}.rewardCopy p{font:500 14px/1.45 "Barlow Condensed";width:390px;margin:0 0 18px}
.closeSec{height:198px;background-image:linear-gradient(#ffffffd9,#ffffffd9),var(--closing);background-size:cover;background-position:center;display:grid;place-items:center;text-align:center}.closeSec h2{font:900 37px "Barlow Condensed";margin:4px 0 0}.closeSec p{font:500 16px "Barlow Condensed";margin:0 0 13px}
footer{height:110px;background:#050607;color:#fff;display:grid;grid-template-columns:250px 1fr 180px;align-items:center;padding:0 max(4vw,25px)}.footLogo{font-size:39px;display:block}footer small{font:500 10px "Barlow Condensed"}.footNav{display:flex;justify-content:center;gap:36px;font:500 11px "Barlow Condensed"}.domain{text-align:right;font-size:10px}
.modal{display:none;position:fixed;inset:0;background:#000b;z-index:100;place-items:center;padding:20px}.modal.open{display:grid}.modalBox{width:min(470px,100%);background:#fff;border-radius:9px;padding:30px;text-align:center;position:relative}.x{position:absolute;right:12px;top:7px;border:0;background:none;font-size:28px;cursor:pointer}.check{width:54px;height:54px;background:var(--r);color:#fff;border-radius:50%;display:grid;place-items:center;margin:auto;font-size:28px;font-weight:900}.modalBox h2{font:900 40px "Barlow Condensed";margin:4px}.modalBox p{font-size:12px;line-height:1.5}.summary{text-align:left;background:#f2f4f5;border-radius:5px;padding:12px;margin:15px 0;font-size:11px;line-height:1.6}
@media(max-width:850px){.header{position:relative;transform:none;left:0;width:100%;padding:0 18px;background:#07090b;grid-template-columns:1fr auto}.nav{display:none}.heroGrid{grid-template-columns:1fr;padding:38px 0}.hero{min-height:auto}.copy{padding:0}.card{max-width:620px}.benefits{grid-template-columns:1fr 1fr}.benefits article{padding:22px}.rewardPhoto{width:100%;opacity:.45}.rewardCopy{padding-top:45px}footer{grid-template-columns:1fr auto}.footNav{display:none}}
@media(max-width:520px){.logo{font-size:42px}.top{font-size:12px;padding:12px 14px}.heroGrid{width:calc(100% - 28px)}.copy h1{font-size:51px}.copy h2{font-size:27px}.minis{gap:9px}.mini{width:33%;padding-right:7px}.mini b{font-size:13px}.mini small{font-size:10px}.card{padding:18px 15px}.tabs{grid-template-columns:1fr 1fr;border-radius:7px}.tabs button{border-radius:5px}.two,.contactGrid{grid-template-columns:1fr}.benefits{grid-template-columns:1fr}.benefits article{border-bottom:1px solid #eee}.rewards{height:390px}.rewardCopy h2{font-size:43px}.rewardCopy p{width:min(360px,92%)}.closeSec h2{font-size:31px}.domain{display:none}}


.multiCard{max-height:505px;overflow:auto;scrollbar-width:thin}.projectHead{background:#f3f4f5;border-radius:5px;padding:10px 11px 4px;margin:10px 0}.projectLabel{font:800 12px "Barlow Condensed";margin-bottom:7px;display:flex;justify-content:space-between}.projectLabel span{font:600 9px Inter;color:#7b838c}.needHead{display:flex;justify-content:space-between;align-items:end;margin:12px 0 7px}.needHead b{font:800 14px "Barlow Condensed"}.needHead span{font:500 9px Inter;color:#737d88}.need{border:1px solid #d7dce2;border-radius:5px;margin-bottom:8px;background:#fff}.needTop{height:37px;display:flex;align-items:center;gap:8px;padding:0 10px;cursor:pointer}.needNo{width:22px;height:22px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font:800 11px Inter}.needTitle{font:800 12px "Barlow Condensed";flex:1}.needSummary{font:500 9px Inter;color:#707983;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:135px}.chev{font-size:15px}.needBody{padding:0 10px 10px;border-top:1px solid #eceef0}.need.closed .needBody{display:none}.typeTabs{display:grid;grid-template-columns:repeat(4,1fr);background:#eff0f2;border-radius:18px;padding:3px;margin:9px 0}.typeTabs button{height:31px;border:0;background:transparent;border-radius:15px;font:600 10px "Barlow Condensed";cursor:pointer}.typeTabs button.active{background:var(--r);color:#fff}.addNeed{width:100%;height:36px;background:#fff;border:1px dashed #9da5ae;border-radius:4px;font:800 11px "Barlow Condensed";cursor:pointer}.removeNeed{border:0;background:none;color:#8a929a;font:700 9px Inter;cursor:pointer;float:right}.multiCard .submit{margin-top:9px}@media(max-width:520px){.multiCard{max-height:none}.needSummary,.needHead span{display:none}}


.fulfilmentBox{background:#f5f6f7;border-radius:5px;padding:9px 10px;margin:3px 0 9px}
.fulfilmentTitle{font:800 11px "Barlow Condensed";margin-bottom:6px}
.choiceRow{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.choiceBtn{height:32px;border:1px solid #cfd5db;background:#fff;border-radius:4px;font:700 10px "Barlow Condensed";cursor:pointer}
.choiceBtn.active{border-color:var(--r);background:#fff0f1;color:var(--r)}
.nested{border-left:3px solid var(--r);padding:8px 0 0 10px;margin:7px 0 2px}
.nestedTitle{font:800 11px "Barlow Condensed";letter-spacing:.5px;margin-bottom:7px}
.backhaulToggle{width:100%;height:34px;background:#fff;border:1px dashed #9da5ae;border-radius:4px;font:800 10px "Barlow Condensed";cursor:pointer;margin-top:3px}
.backhaulToggle.active{border-style:solid;border-color:#111;background:#111;color:#fff}
.backhaulPanel{background:#f5f6f7;border-radius:4px;padding:9px;margin-top:7px}
/* V4 request refinements */
.qtyCombo{display:grid;grid-template-columns:minmax(0,1fr) 165px;gap:8px}.qtyCombo input,.qtyCombo select,.perCombo input,.perCombo select{width:100%}.perCombo{display:flex;align-items:center;gap:10px}.perCombo span{white-space:nowrap;color:#777;font-size:12px;font-weight:800;text-transform:uppercase}.scheduleBox{margin:14px 0;padding:14px;border:1px solid #dedede;background:#f8f8f8}.scheduleChoice{margin-bottom:12px}.scheduleBox .choiceBtn{background:#fff}.scheduleBox .choiceBtn.active{background:#111;color:#fff}.reportField input[type=file],.attachments input[type=file]{background:#fff;border:1px dashed #bbb;padding:12px}.finalDetails{margin-top:16px;padding-top:16px;border-top:1px solid #ddd}.finalDetails textarea{min-height:90px}.contactSection{background:#111;color:#fff;padding:56px 6vw;display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:end}.contactSection h2{font-size:clamp(34px,5vw,66px);margin:8px 0 14px;line-height:.95}.contactSection p{max-width:680px;color:#cfcfcf}.contactActions{display:grid;gap:10px}.contactActions .contactPlaceholder{border:1px solid #444;padding:16px 18px}.contactActions b{display:block;color:#fff}.contactActions span{color:#aaa;font-size:13px}.infoPage{background:#f4f4f4}.infoHero{background:#111;color:#fff;padding:150px 7vw 70px}.infoHero h1{font-size:clamp(48px,8vw,100px);line-height:.88;margin:12px 0}.infoSection{padding:70px 7vw;max-width:1250px;margin:auto}.infoSection h2{font-size:clamp(36px,5vw,64px);margin:0 0 26px}.infoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.infoCard{background:#fff;padding:28px;border-top:4px solid #e1251b}.infoCard h3{margin:0 0 10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{background:#111;color:#fff;padding:28px}.step strong{color:#e1251b;font-size:13px}.rewardInfo{background:#111;color:#fff;max-width:none}.rewardInfo .infoInner{max-width:1250px;margin:auto}.rewardInfo p{color:#ccc;max-width:760px}.header .nav a{white-space:nowrap}@media(max-width:760px){.qtyCombo{grid-template-columns:1fr 125px}.contactSection,.infoGrid,.steps{grid-template-columns:1fr}.infoHero{padding-top:120px}}
/* V4.1 — keep quantity value and UOM as distinct, non-overlapping controls */
.qtyCombo{grid-template-columns:minmax(110px,1fr) minmax(110px,145px);align-items:stretch}
.scheduleBox .qtyCombo{grid-template-columns:minmax(90px,1fr) minmax(100px,120px)}
.qtyCombo input,.qtyCombo select{min-width:0;box-sizing:border-box}
@media(max-width:520px){.qtyCombo,.scheduleBox .qtyCombo{grid-template-columns:minmax(0,1fr) 112px}}
/* V4.2 — Rewards brand lockup */
.rewardsLockup{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,.8fr);gap:70px;align-items:center}
.rewardsBrand{font-weight:900;font-size:clamp(46px,6vw,92px);line-height:.88;letter-spacing:-.055em;text-transform:uppercase;max-width:620px}
.rewardsBrand span{color:#e31b23}
.rewardsCopy h2{margin-top:0}
.rewardsCopy>strong{display:inline-block;margin:14px 0 26px;font-size:15px;letter-spacing:.12em}
@media(max-width:760px){.rewardsLockup{grid-template-columns:1fr;gap:30px}.rewardsBrand{font-size:clamp(44px,15vw,70px)}}

/* V4.5 refinements */
.rate::-webkit-outer-spin-button,.rate::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rate{-moz-appearance:textfield;appearance:textfield}
@media(max-width:850px){.header{gap:0}}
@media(max-width:520px){.rewardCopy h2{font-size:51px}}
/* V4.6: desktop-only request form layout repair; retain original hero and page design */
@media (min-width: 851px){
 .header{grid-template-columns:minmax(0,1fr) 560px;gap:35px}
 .heroGrid{grid-template-columns:minmax(0,1fr) 560px;gap:35px;padding-bottom:46px;align-items:start}
 .hero{min-height:625px;height:auto}
 .multiCard{max-height:none;overflow:visible;min-width:0}
 .multiCard .two{grid-template-columns:repeat(2,minmax(0,1fr))}
 .multiCard .field{min-width:0}
 .multiCard .qtyCombo{grid-template-columns:minmax(0,1fr) 125px}
 .multiCard .scheduleBox .qtyCombo{grid-template-columns:minmax(0,1fr) 120px}
 .multiCard .perCombo{min-width:0;flex-wrap:wrap}
 .multiCard .perCombo > *{min-width:0}
 .multiCard input,.multiCard select,.multiCard textarea{min-width:0;max-width:100%;box-sizing:border-box}
}
/* Keep the rewards wordmark as prominent as the hero headline. */
.rewardCopy h2{font-size:clamp(64px,7vw,100px);line-height:.91}
@media(max-width:850px){.multiCard{max-height:none;overflow:visible}.heroGrid{padding-bottom:38px}}
@media(max-width:520px){.rewardCopy h2{font-size:clamp(42px,11vw,55px)}}

/* V4.7 — unified responsive alignment; no fixed-height clipping */
:root{--page-width: min(1440px, calc(100% - 64px));--form-width: minmax(0, 620px)}
html,body{max-width:100%;overflow-x:clip}
.header,.heroGrid,.rewardCopy{width:var(--page-width);max-width:1440px}
.header{grid-template-columns:minmax(0,1fr) minmax(0,620px);gap:clamp(24px,3vw,52px)}
.nav{width:100%;justify-content:space-between;gap:clamp(8px,1.3vw,24px)}
.nav a{font-size:clamp(16px,1.15vw,20px);font-weight:800;white-space:nowrap}
.heroGrid{grid-template-columns:minmax(0,1fr) minmax(0,620px);gap:clamp(24px,3vw,52px);align-items:start;padding-bottom:48px}
.hero{height:auto;min-height:0;overflow:visible}
.copy{position:sticky;top:28px;min-width:0;padding-top:25px}
.copy h1{font-size:clamp(45px,4.3vw,76px)}
.minis{gap:clamp(8px,1.7vw,30px)}.mini{width:min(31%,145px);min-width:0}
.multiCard{max-height:none;overflow:visible;min-width:0;width:100%}
.multiCard .two{grid-template-columns:repeat(2,minmax(0,1fr))}
.multiCard .field,.multiCard .two>*{min-width:0}
.multiCard input,.multiCard select,.multiCard textarea{min-width:0;max-width:100%;box-sizing:border-box}
.multiCard .qtyCombo,.multiCard .scheduleBox .qtyCombo{grid-template-columns:minmax(0,1fr) minmax(96px,120px)}
.multiCard .perCombo{min-width:0;flex-wrap:wrap}
.benefits{width:var(--page-width);max-width:1440px;padding:35px 0;gap:clamp(12px,2vw,30px)}
.benefits article{padding:0 clamp(5px,1vw,18px)}
.rewards{height:auto;min-height:360px;overflow:hidden}
.rewardCopy{padding:52px 0 64px}
.rewardCopy h2{font-size:clamp(54px,5vw,88px)}
.rewardCopy p{max-width:min(440px,100%);width:auto}
.contactSection{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);padding:56px max(32px,calc((100vw - 1440px)/2));gap:clamp(24px,4vw,64px)}
.contactSection>*{min-width:0}
.closeSec{height:auto;min-height:198px;padding:30px 24px}
footer{height:auto;min-height:110px;padding:24px max(32px,calc((100vw - 1440px)/2));gap:24px}
@media(max-width:1050px){
 :root{--page-width:calc(100% - 40px)}
 .header,.heroGrid{grid-template-columns:minmax(0,1fr) minmax(0,56%);gap:22px}
 .nav a{font-size:15px}
 .copy h1{font-size:clamp(42px,5vw,58px)}
 .minis{gap:8px}.mini{padding-right:7px}
}
@media(max-width:850px){
 :root{--page-width:calc(100% - 32px)}
 .header{position:relative;left:auto;transform:none;width:100%;height:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 16px}
 .header .nav{display:flex;width:auto;flex-wrap:wrap;justify-content:flex-end;gap:10px 18px}
 .nav a{font-size:14px}
 .heroGrid{grid-template-columns:minmax(0,1fr);padding-top:36px}
 .copy{position:static;padding:0}
 .card{max-width:none}
 .benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
 .contactSection{grid-template-columns:1fr;padding:45px 20px}
}
@media(max-width:520px){
 .header{flex-wrap:wrap;justify-content:center}
 .header .nav{width:100%;justify-content:space-between;gap:8px}
 .nav a{font-size:12px}
 .heroGrid{width:var(--page-width)}
 .copy h1{font-size:clamp(43px,11vw,55px)}
 .multiCard .two,.contactGrid{grid-template-columns:1fr}
 .multiCard .qtyCombo,.multiCard .scheduleBox .qtyCombo{grid-template-columns:minmax(0,1fr) 105px}
 .benefits{grid-template-columns:1fr}
 .rewardCopy h2{font-size:clamp(42px,11vw,58px)}
 .rewardCopy{padding:42px 0}
 footer{grid-template-columns:1fr;text-align:center}
}
/* V4.8 — balanced desktop hero, wide form, strong closing statement */
@media (min-width: 1101px){
 :root{--page-width:min(1560px,calc(100% - 80px))}
 .header,.heroGrid{grid-template-columns:minmax(330px,0.78fr) minmax(0,1.42fr);gap:clamp(24px,2.6vw,44px)}
 .heroGrid{padding-top:102px;padding-bottom:52px}
 .copy{position:static;padding-top:22px}
 .copy h1{font-size:clamp(49px,4.1vw,72px)}
 .minis{gap:10px;margin-top:40px}.mini{width:33%;padding-right:10px}
 .multiCard{padding:22px 26px}
 .projectHead{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;padding:14px 16px 7px}
 .projectHead>.projectLabel{grid-column:1/-1}
 .projectHead>.projectLabel[style]{margin-top:6px!important}
 .projectHead>.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .multiCard .dynamic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;align-items:start}
 .multiCard .dynamic>.fulfilmentBox,.multiCard .dynamic>.details,.multiCard .dynamic>.scheduleBox{grid-column:1/-1}
 .multiCard .dynamic>.field{min-width:0}
 .multiCard .fulfilmentBox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 .multiCard .fulfilmentTitle,.multiCard .fulfilmentBox>.choiceRow,.multiCard .fulfilmentBox>.pickupPanel,.multiCard .fulfilmentBox>.deliveryPanel{grid-column:1/-1}
 .multiCard .scheduleBox{padding:10px 12px;margin:8px 0}
 .multiCard .scheduleBox .ongoingPanel:not(.hide){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
 .multiCard .scheduleBox .ongoingPanel>.daysPerWeek{grid-column:1/-1}
 .multiCard .scheduleBox .onePanel .field{max-width:340px}
 .multiCard .field input,.multiCard .field select{font-size:12px}
}
@media (min-width:851px) and (max-width:1100px){
 .header,.heroGrid{grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);gap:22px}
 .copy h1{font-size:clamp(42px,4.6vw,56px)}
}
/* The closing CTA should read as a full section, not a thin separator. */
.closeSec{min-height:310px;padding:56px 24px}
.closeSec>div{width:min(100%,1050px)}
.closeSec .over{font-size:clamp(16px,1.4vw,21px)}
.closeSec h2{font-size:clamp(48px,5.3vw,86px);line-height:.95;margin:12px 0 10px}
.closeSec p{font-size:clamp(17px,1.5vw,23px);margin-bottom:22px}
.closeSec .btn{font-size:18px;padding:17px 30px}
@media(max-width:850px){.closeSec{min-height:260px;padding:44px 18px}.closeSec h2{font-size:clamp(40px,8vw,66px)}}
@media(max-width:520px){.closeSec h2{font-size:clamp(36px,10vw,52px)}.closeSec .btn{font-size:16px}}
/* V4.9: restore the supplied original GOTx photographic assets without
   changing the approved V4.8 form, typography, or section layout. */
.hero{
  background-color:#171b1f;
  background-image:
    linear-gradient(180deg,rgba(20,24,28,.98) 0%,rgba(20,24,28,.35) 22%,rgba(20,24,28,0) 42%),
    linear-gradient(90deg,#252a2f 0%,rgba(26,30,34,.99) 21%,rgba(22,26,30,.94) 32%,rgba(18,22,26,.75) 47%,rgba(18,22,26,.30) 72%,rgba(18,22,26,.42) 100%),
    var(--hero);
  background-repeat:no-repeat;
  background-size:cover,cover,cover;
  background-position:center,center,center center;
}
.heroGrid{position:relative;z-index:1}
.rewards{background:#080909}
.rewardPhoto{
  display:block;
  background-image:linear-gradient(90deg,#080909 0%,rgba(8,9,9,.05) 47%),var(--reward);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  opacity:1;
}
.rewardCopy{z-index:1}
@media(max-width:850px){
 .hero{background-position:center,center,56% center}
 .rewardPhoto{width:100%;opacity:.48;background-position:65% center}
}


/* V5.9: single hero image, one paint layer, no pseudo elements, no repeat. */
.hero{background:#263b4b url('hero-v59.jpg') center center / cover no-repeat !important; position:relative; isolation:isolate;}
.hero::before,.hero::after{content:none!important;display:none!important;}
.heroGrid{position:relative;z-index:1;}
@media(max-width:850px){.hero{background-position:28% center!important;}}

/* V6.0: keep the hero geometry constant while the customer changes form options.
   Only the fields scroll; the submission action remains visible. */
@media (min-width:851px){
 .hero{min-height:920px!important;background-image:url('hero-gotx-branded.jpg')!important;background-color:#132331!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center center!important;}
 .heroGrid{padding-top:102px!important;padding-bottom:42px!important;align-items:start!important;}
 .multiCard{height:776px!important;max-height:776px!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}
 .multiCard>.title,.multiCard>p,.multiCard>.submit,.multiCard>.fine{flex:0 0 auto;}
 .multiCard>.formScroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a9b1bc #f3f4f6;padding-right:8px;}
 .multiCard>.formScroll::-webkit-scrollbar{width:8px;}
 .multiCard>.formScroll::-webkit-scrollbar-thumb{background:#a9b1bc;border-radius:10px;}
 .multiCard>.submit{margin-top:10px!important;}
 .multiCard .finalDetails textarea{width:100%;max-width:100%;box-sizing:border-box;}
}
@media (max-width:850px){
 .hero{background-image:url('hero-gotx-branded.jpg')!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:28% center!important;}
 .multiCard{height:auto!important;max-height:none!important;display:block!important;overflow:visible!important;}
 .multiCard>.formScroll{height:auto!important;max-height:none!important;overflow:visible!important;padding-right:0!important;}
}

/* GOTx Rewards wordmark: match the red x used throughout the site. */
.rewardCopy h2 span{color:#ed1b2f}

/* V6.2: align page-two hero text to the same content column as following sections. */
.infoPage .infoHero{padding-left:0;padding-right:0}
.infoPage .infoHeroInner{box-sizing:border-box;max-width:1250px;margin-inline:auto;padding-inline:7vw}
.contactActions a.contactPlaceholder{color:inherit;text-decoration:none}.contactActions a.contactPlaceholder:hover span{text-decoration:underline}
