:root{--ink:#171717;--muted:#706f6b;--paper:#f4f1e9;--card:#fff;--red:#df2e24;--red-dark:#b91f18;--line:#dedbd3;--green:#1c8c64}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.topbar{height:84px;background:#171717;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,92px)}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none}.brand-mark{font:800 28px/44px Manrope;text-align:center;width:44px;height:44px;background:var(--red);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.brand b{display:block;font:800 19px/18px Manrope;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:3px;color:#aaa}.secure{font-size:13px;color:#c9c9c9}.secure span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#64c89a;margin-right:8px;box-shadow:0 0 0 4px #64c89a22}main{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(620px,1.25fr);min-height:calc(100vh - 132px)}.hero{background:#20201f;color:white;padding:clamp(48px,7vw,110px);position:relative;overflow:hidden}.hero:after{content:"B";position:absolute;font:800 560px/1 Manrope;color:#ffffff05;right:-130px;bottom:-130px}.eyebrow{color:var(--red);font-weight:700;font-size:11px;letter-spacing:2.8px}.hero h1{font:800 clamp(52px,6vw,88px)/.92 Manrope;margin:24px 0 32px;letter-spacing:-4px}.hero h1 em{font-style:normal;color:var(--red)}.intro{max-width:460px;color:#b9b8b4;font-size:17px;line-height:1.7;margin-bottom:52px}.promise{position:relative;z-index:1;display:flex;gap:18px;align-items:center;border-top:1px solid #ffffff19;padding:18px 0;max-width:390px}.promise>span{font:700 12px Manrope;color:var(--red)}.promise p{margin:0}.promise b,.promise small{display:block}.promise small{color:#8e8d89;margin-top:4px}.quote-panel{background:var(--paper);padding:clamp(32px,5vw,78px);overflow:hidden}.progress{display:flex;align-items:center;margin-bottom:64px;max-width:700px}.step{border:0;background:none;color:#aaa;font:600 12px DM Sans;text-transform:uppercase;letter-spacing:1px;padding:0;display:flex;align-items:center;gap:9px}.step span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #bbb;border-radius:50%}.step.active{color:var(--ink)}.step.active span{background:var(--ink);color:white;border-color:var(--ink)}.step.done span{background:var(--green);color:white;border-color:var(--green)}.progress i{height:1px;background:#d2cfc8;flex:1;margin:0 14px}.form-step{display:none;animation:fade .25s ease}.form-step.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(8px)}}.section-heading{display:flex;gap:22px;align-items:flex-start;margin-bottom:36px}.section-heading>span{font:700 12px Manrope;color:var(--red);padding-top:9px}.section-heading h2,.result-heading h2{font:800 clamp(27px,3vw,40px)/1.15 Manrope;margin:0 0 8px;letter-spacing:-1.2px}.section-heading p,.result-heading p{color:var(--muted);margin:0}.route-grid{display:grid;grid-template-columns:1fr 36px 1fr;align-items:center}.location-card{background:white;border:1px solid var(--line);padding:26px;min-height:185px}.location-label{font:700 12px Manrope;text-transform:uppercase;letter-spacing:1.4px;display:flex;align-items:center;gap:9px;margin-bottom:26px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.origin{background:var(--ink)}.dot.destination{background:var(--red)}.route-line{text-align:center;color:#999}.route-line span{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--paper);border:1px solid var(--line);border-radius:50%}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.field label small{color:#aaa}.field input{width:100%;height:48px;border:1px solid #d8d5ce;background:#fbfaf7;padding:0 14px;font:500 15px DM Sans;outline:none;border-radius:2px}.field input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #1717170c}.search-row{display:flex}.search-row input{border-right:0}.lookup{width:70px;border:0;background:var(--ink);color:white;font-weight:700;cursor:pointer}.lookup:hover{background:#333}.results{position:relative}.results.open{position:absolute;z-index:4;background:white;border:1px solid var(--line);box-shadow:0 12px 28px #0002;max-height:210px;overflow:auto;min-width:260px}.result-option{display:block;width:100%;border:0;border-bottom:1px solid #eee;background:white;text-align:left;padding:12px 14px;cursor:pointer}.result-option:hover{background:#f4f1e9}.selected-place{color:var(--green);font-size:12px;margin-top:10px;font-weight:600}.actions{display:flex;justify-content:space-between;align-items:center;margin-top:34px}.primary{border:0;background:var(--red);color:white;padding:0 24px;height:52px;font:700 13px DM Sans;cursor:pointer;min-width:180px}.primary:hover{background:var(--red-dark)}.primary:disabled{opacity:.55;cursor:wait}.primary b{font-size:18px;margin-left:16px}.back,.add{border:0;background:none;font:700 13px DM Sans;cursor:pointer;color:var(--ink);padding:12px 0}.parcel-card{background:#fff;border:1px solid var(--line);padding:24px;margin-bottom:14px}.parcel-top{display:flex;justify-content:space-between;margin-bottom:20px}.parcel-top h3{font:700 14px Manrope;margin:0}.remove{border:0;background:none;color:var(--red);cursor:pointer}.parcel-grid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:12px}.add{color:var(--red)}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.details-grid fieldset{border:1px solid var(--line);background:white;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.details-grid legend{font:700 13px Manrope;background:var(--paper);padding:0 8px}.details-grid .full{grid-column:1/-1}.extras{display:grid;grid-template-columns:1fr 2fr;gap:18px;margin-top:18px}.notice{margin-top:24px;padding:16px 18px;border-left:4px solid var(--red);background:#fff0ee;color:#8c1a14;font-size:14px}.quote-results{animation:fade .3s}.result-heading{margin-bottom:28px}.result-heading .eyebrow{margin-bottom:12px}.rate-card{background:white;border:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:24px;margin-bottom:12px}.rate-card h3{margin:0 0 5px;font:700 17px Manrope}.rate-card p{margin:0;color:var(--muted);font-size:13px}.rate-price{text-align:right}.rate-price strong{display:block;font:800 26px Manrope}.rate-price small{color:var(--muted)}footer{height:48px;background:#171717;color:#777;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,6vw,92px);font-size:11px;letter-spacing:1px;text-transform:uppercase}@media(max-width:950px){main{grid-template-columns:1fr}.hero{padding:54px 7vw}.hero h1 br{display:none}.promise{display:none}.quote-panel{padding:48px 7vw}.parcel-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.topbar{height:72px}.secure{display:none}.hero h1{font-size:52px;letter-spacing:-3px}.progress{margin-bottom:42px}.step{font-size:0}.step span{font-size:12px}.route-grid{grid-template-columns:1fr}.route-line{padding:10px}.details-grid{grid-template-columns:1fr}.details-grid fieldset{grid-template-columns:1fr}.details-grid .full{grid-column:auto}.extras,.parcel-grid{grid-template-columns:1fr 1fr}.parcel-grid .description{grid-column:1/-1}.quote-panel{padding:38px 20px}.section-heading{gap:12px}.location-card{padding:20px}footer{display:none}}
