/* Rawhub full-site responsive finish: wider canvases, distinct page moods and animated trade scenes. */
.rh>.rhHeader{position:sticky!important;top:0!important;z-index:1200!important;isolation:isolate}
.rh .rhHeroArt{position:relative;isolation:isolate;overflow:hidden}
.rh .rhHeroArt>.rhHumanScene{position:absolute;z-index:1;inset:4% 3%;width:94%;height:92%;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(28,78,117,.12));animation:rhSceneLift 7s ease-in-out infinite}
.rh .rhHeroArt>.rhOrbit,.rh .rhHeroArt>.rhSignal,.rh .rhHeroArt>.rhNetworkCenter,.rh .rhHeroArt>.rhNetworkNode,.rh .rhHeroArt>.rhNetworkCaption{display:none!important}
.rh .rhHero{overflow:hidden}
.rh .rhSignupStory{max-width:660px}
.rh .rhSignupScene{position:relative;width:min(100%,500px);height:clamp(190px,27vw,285px);margin:22px 0 0;overflow:hidden;border:1px solid #dcebf5;border-radius:24px;background:linear-gradient(145deg,#f5fbff,#e4f2fc);box-shadow:0 20px 48px rgba(38,83,119,.1)}
.rh .rhSignupScene .rhHumanScene{display:block;width:100%;height:100%;object-fit:cover;animation:rhSceneLift 7s ease-in-out infinite}
.rh .rhSceneBadge{position:absolute;left:15px;bottom:14px;display:grid;gap:4px;padding:10px 13px;border:1px solid rgba(255,255,255,.86);border-radius:13px;background:rgba(255,255,255,.9);box-shadow:0 8px 22px rgba(32,75,107,.1);backdrop-filter:blur(10px)}
.rh .rhSceneBadge b{color:#204c69;font-size:8px;letter-spacing:.13em}.rh .rhSceneBadge span{color:#617c90;font-size:9px}
.rh .rhSignupPage{width:min(1660px,100%)!important;grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr)!important;gap:clamp(30px,5vw,86px)!important;padding-left:clamp(22px,5.2vw,90px)!important;padding-right:clamp(22px,5.2vw,90px)!important}
.rh .rhSignupPanel{max-width:540px;margin-inline:auto}
.rh .rhOtpVerify{padding:17px;border-radius:17px;background:linear-gradient(145deg,#f7fbff,#eef6fc);border-color:#d6e5ef}
.rh .rhOtpStatus[data-state=error]:not(:empty){color:#8c382f;background:#fff1ef;border-color:#efcac5}
.rh .rhDispatchPage{min-height:calc(100svh - 76px);padding:clamp(22px,4vw,56px);background:radial-gradient(ellipse at 10% 13%,#e7f4ff 0,transparent 38%),linear-gradient(140deg,#f8fbff,#f2f7fb 56%,#f8f9fc)}
.rh .rhDispatchGrid{width:min(1600px,100%);min-height:calc(100svh - 190px);margin:0 auto;display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:center;gap:clamp(24px,4vw,62px)}
.rh .rhDispatchStory{position:sticky;top:112px;align-self:center;padding:10px 0}
.rh .rhDispatchStory>small,.rh .rhDispatchLabel{display:block;color:#4e7892;font-size:9px;font-weight:850;letter-spacing:.16em}
.rh .rhDispatchStory h1{max-width:560px;margin:14px 0;color:#193b54;font-size:clamp(37px,4.6vw,62px);line-height:1;letter-spacing:-.055em}
.rh .rhDispatchStory>p{max-width:490px;color:#5c7387;font-size:14px;line-height:1.75}
.rh .rhDispatchStory>.rhHumanScene{display:block;width:min(100%,570px);height:auto;margin:16px 0 0;border:1px solid #dcebf5;border-radius:25px;box-shadow:0 22px 55px rgba(38,83,119,.11);animation:rhSceneLift 7s ease-in-out infinite}
.rh .rhDispatchProof{display:grid;gap:9px;margin-top:17px;color:#476880;font-size:11px;font-weight:700}
.rh .rhDispatchProof span{display:flex;align-items:center;gap:10px}.rh .rhDispatchProof b{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d5e4ee;border-radius:8px;background:#fff;color:#347999;font-size:9px}
.rh .rhDispatchPanel{width:100%;padding:clamp(24px,3.4vw,43px);border:1px solid #d9e6ef;border-radius:25px;background:rgba(255,255,255,.96);box-shadow:0 28px 80px rgba(34,75,105,.12)}
.rh .rhDispatchPanel h2{margin:11px 0 8px;color:#1a3a52;font-size:clamp(25px,2.7vw,34px);letter-spacing:-.04em;line-height:1.1}
.rh .rhDispatchPanel>p{margin:0 0 20px;color:#6b8091;font-size:12px;line-height:1.6}
.rh .rhDispatchForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.rh .rhDispatchForm label{display:grid;gap:6px;color:#35566b;font-size:10px;font-weight:750}
.rh .rhDispatchForm label span{color:#8393a0;font-weight:500}
.rh .rhDispatchForm label.wide,.rh .rhDispatchActions{grid-column:1/-1}
.rh .rhDispatchForm input:not([type=hidden]){width:100%;min-width:0;min-height:47px;margin:0;padding:11px 13px;border:1px solid #d8e4ec;border-radius:11px;background:#fbfdff;color:#18394f;font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;outline:none;transition:border-color .18s,box-shadow .18s}
.rh .rhDispatchForm input:focus{border-color:#72aac5;box-shadow:0 0 0 4px rgba(91,156,188,.12)}
.rh .rhDispatchActions{display:grid;gap:9px;margin-top:3px}
.rh .rhDispatchActions .btn{width:100%;min-height:49px;margin:0;border:0;border-radius:12px;font-size:12px}
.rh .rhDispatchActions p{margin:0;color:#81919f;font-size:9px;line-height:1.5}
.rh .rhDispatchPanel .switch{margin-top:15px}
.rh .authPage:has(.authBrand){width:min(1440px,100%);min-height:calc(100svh - 76px);margin:0 auto;padding:clamp(28px,5vw,72px);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,510px);align-items:center;gap:clamp(32px,6vw,90px)}
.rh .authPage:has(.authBrand)::before{grid-column:1;grid-row:1/3;align-self:stretch;min-height:510px;content:"Trusted trade. Better business.";display:flex;align-items:flex-end;padding:30px;border:1px solid #dcebf5;border-radius:28px;background:linear-gradient(180deg,transparent 54%,rgba(237,247,253,.92)),url("trade-people.svg") center/cover no-repeat;color:#204e6d;font-size:clamp(26px,3.3vw,42px);font-weight:760;letter-spacing:-.05em;box-shadow:0 22px 58px rgba(38,83,119,.1)}
.rh .authPage:has(.authBrand) .authBrand{grid-column:2;grid-row:1;align-self:end;margin:0 0 -8px}
.rh .authPage:has(.authBrand) .authCard{grid-column:2;grid-row:2;width:100%;max-width:510px}
.rh .rhSupplierOnboardingPage .authCardWide{width:min(1260px,100%);padding:clamp(23px,4vw,54px);border-radius:27px}
.rh .rhSupplierOnboardingPage{background:radial-gradient(ellipse at 14% 0,#e5f3ff,transparent 38%),linear-gradient(140deg,#f8fbff,#eef5fa)}
.rh .rhSupplierOnboardingPage .rhOnboardingSection{border-radius:19px;padding:clamp(17px,2.3vw,26px);background:#fafdff;border-color:#dce8f0}
.rh .rhSupplierOnboardingPage .rhOnboardingGrid{gap:15px}
.rh .rhSupplierOnboardingPage .rhOnboardingSubmit{position:sticky;bottom:8px;z-index:4;padding:15px;border:1px solid #d7e5ee;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 12px 32px rgba(31,71,100,.1);backdrop-filter:blur(12px)}
.rh .portal{width:min(1780px,100%);max-width:none;min-height:calc(100svh - 150px);padding:clamp(14px,2.3vw,30px) clamp(12px,3vw,42px)}
.rh .portal>section{min-width:0}
.rh .portal .panel,.rh .portal .metrics>div{border-radius:17px;box-shadow:0 12px 34px rgba(31,71,100,.045)}
.rh .rhContentFrame{width:min(1480px,100%)}
.rh .rhContentLayout{max-width:1320px}
.rh .rhContentHero{min-height:350px}
.rh .rhContentHero:after{position:absolute;z-index:0;right:3%;bottom:-16%;width:min(39vw,420px);aspect-ratio:1;content:"";background:url("trade-people.svg") center/contain no-repeat;opacity:.72;animation:rhSceneLift 8s ease-in-out infinite;pointer-events:none}
body.page-bidding-marketplace .rh .bidhero{background:radial-gradient(circle at 92% 10%,#d9e9ff 0,transparent 34%),linear-gradient(130deg,#f8fbff,#ebf3ff 54%,#f5f1ff)!important;border:1px solid #dce6f2}
body.page-credit-centre .rh .credithero{background:radial-gradient(circle at 90% 5%,#d9ecfb 0,transparent 35%),linear-gradient(135deg,#f2f8fe,#e7f2fb)!important;border:1px solid #d7e6f0}
body.page-supplier-portal .rh .portal aside{background:linear-gradient(165deg,#102e43,#16415a);border-color:#214e68;color:#fff}
body.page-supplier-portal .rh .portal aside .sbrand{border-color:#ffffff2b}
body.page-supplier-portal .rh .portal aside .sbrand b,body.page-supplier-portal .rh .portal aside .sbrand small{color:#f3f9fc}
body.page-supplier-portal .rh .portal aside .rhTab{color:#c2d5e2!important}
body.page-supplier-portal .rh .portal aside .rhTab.active,body.page-supplier-portal .rh .portal aside .rhTab:hover{background:#ffffff19;color:#fff!important}
body.page-supplier-portal .rh .portal aside .rhTab em{color:#87c6e4}
body.page-retailer-portal .rh .portal aside{background:linear-gradient(165deg,#173955,#205d83);border-color:#2c668b;color:#fff}
body.page-retailer-portal .rh .portal aside .sbrand{border-color:#ffffff2b}
body.page-retailer-portal .rh .portal aside .sbrand b,body.page-retailer-portal .rh .portal aside .sbrand small{color:#f3f9fc}
body.page-retailer-portal .rh .portal aside .rhTab{color:#c2d9e9!important}
body.page-retailer-portal .rh .portal aside .rhTab.active,body.page-retailer-portal .rh .portal aside .rhTab:hover{background:#ffffff1b;color:#fff!important}
body.page-retailer-portal .rh .portal aside .rhTab em{color:#a8d9f4}
@keyframes rhSceneLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:1080px){.rh .rhSignupPage{grid-template-columns:minmax(0,.94fr) minmax(370px,1.06fr)!important;gap:28px!important}.rh .rhDispatchGrid{grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);gap:25px}.rh .rhDispatchPage{padding:26px}.rh .rhDispatchStory h1{font-size:clamp(34px,4.3vw,48px)}}
@media(max-width:820px){.rh .rhSignupPage{grid-template-columns:1fr!important;max-width:680px!important;gap:18px!important;padding:25px 16px 38px!important}.rh .rhSignupStory{max-width:none}.rh .rhSignupScene{width:100%;height:clamp(165px,37vw,245px);margin-top:14px}.rh .rhSignupPanel{max-width:none}.rh .rhDispatchGrid{grid-template-columns:1fr;max-width:700px;min-height:unset;gap:17px}.rh .rhDispatchStory{position:relative;top:auto}.rh .rhDispatchStory h1{font-size:clamp(31px,7.6vw,46px)}.rh .rhDispatchStory>.rhHumanScene{max-height:220px;object-fit:cover;object-position:center 52%}.rh .rhDispatchProof{display:flex;flex-wrap:wrap;gap:8px 13px}.rh .rhDispatchPanel{padding:24px}.rh .rhContentHero:after{right:-4%;width:260px;opacity:.45}.rh .rhSupplierOnboardingPage .rhOnboardingSubmit{position:static}}
@media(max-width:700px){.rh>.rhHeader{position:sticky!important;top:0!important;height:68px;min-height:68px;padding-inline:12px}.rh .rhHeader .rhBrandImage{max-width:142px;max-height:38px}.rh .rhDispatchPage{min-height:unset;padding:16px 12px 82px}.rh .rhDispatchGrid{gap:13px}.rh .rhDispatchStory>p{font-size:12px}.rh .rhDispatchStory>.rhHumanScene{height:185px}.rh .rhDispatchProof{display:grid;grid-template-columns:1fr;gap:7px;margin-top:11px}.rh .rhDispatchPanel{padding:21px 16px;border-radius:19px}.rh .rhDispatchForm{grid-template-columns:1fr;gap:11px}.rh .rhDispatchForm label.wide,.rh .rhDispatchActions{grid-column:auto}.rh .rhDispatchForm input:not([type=hidden]){min-height:48px;font-size:13px}.rh .authPage:has(.authBrand){width:100%;min-height:unset;padding:24px 15px 82px;grid-template-columns:minmax(0,1fr);gap:14px}.rh .authPage:has(.authBrand)::before{grid-column:1;grid-row:1;min-height:200px;padding:18px;border-radius:18px;font-size:25px;background-position:center 47%}.rh .authPage:has(.authBrand) .authBrand{grid-column:1;grid-row:2;display:none}.rh .authPage:has(.authBrand) .authCard{grid-column:1;grid-row:3;max-width:none;padding:25px 20px;border-radius:18px}.rh .rhSignupPanel form#signup{gap:11px}.rh .rhSignupFieldPair{grid-template-columns:1fr}.rh .rhOtpEntry{grid-template-columns:1fr}.rh .rhOtpEntry label{grid-column:auto}.rh .rhOtpEntry .rhMsg91Verify{width:100%}.rh .rhContentPage{padding-inline:12px}.rh .rhContentFrame{width:100%}.rh .rhContentHero{min-height:260px}.rh .rhContentHero:after{right:-75px;bottom:-20px;width:215px;opacity:.3}.rh .portal{width:100%;padding:12px 10px 82px}.rh .portal aside{position:relative;top:auto;width:100%;height:auto;max-height:none;white-space:nowrap;overflow:auto;border-radius:14px}.rh .portal aside .sbrand{display:none}.rh .portal aside .rhTab{display:inline-flex;width:auto;white-space:nowrap}.rh .portal>section{min-width:0}}
@media(prefers-reduced-motion:reduce){.rh .rhHumanScene,.rh .rhSignupScene,.rh .rhContentHero:after,.rh .rhDispatchStory>.rhHumanScene{animation:none!important}}