:root{--navy:#082e52;--ink:#102b49;--muted:#67788a;--orange:#ed6c22;--green:#0d685e;--cream:#f4f7fa;--line:#dce5ed}.app-shell{background:var(--cream);padding-bottom:88px}.brand-mark,.tabs button[aria-selected=true],.estimate{background:var(--navy)}.primary{background:var(--orange);box-shadow:0 10px 22px #ed6c2240}.primary:hover{background:#d95e19!important}.eyebrow,.route-strip strong,.status-pill,.bottom-nav button.active{color:var(--orange)}.step,.status-pill,.bottom-nav button.active>span{background:#fff0e7}.country-pill span{color:var(--orange)}.intro{padding-top:19px}.workspace{border-color:#dce5ed;box-shadow:0 14px 34px #082e5212}.bottom-nav{padding-bottom:max(10px,env(safe-area-inset-bottom));border-color:#dce5ed}.support-hero{padding:22px;border-radius:18px;background:linear-gradient(135deg,#082e52,#0d4777);color:#fff}.support-hero .eyebrow{color:#ffb17d;margin-bottom:8px}.support-hero h2{margin:0 0 7px;font-size:23px;letter-spacing:-.6px}.support-hero p:last-child{margin:0;color:#d1e0eb;font-size:12px}.support-actions{margin-top:13px;border:1px solid #dce5ed;border-radius:16px;overflow:hidden;background:#fff}.contact-card{padding:15px;border-bottom-color:#e6edf2}.contact-card:last-child{border-bottom:0}.contact-card>span{background:#fff0e7;color:var(--orange)}.contact-card.featured{background:#fff8f3}.contact-card.featured>span{background:var(--orange);color:#fff}.support-hours{display:grid;gap:4px;margin-top:15px;padding:15px 16px;border-radius:14px;background:#eaf2f6;color:var(--muted);font-size:11px}.support-hours strong{color:var(--navy);font-size:12px;margin-bottom:3px}.help-note{display:none}@media(min-width:521px){body{padding:20px}.app-shell{border-radius:24px;overflow:hidden}.bottom-nav{bottom:20px;border-radius:18px;width:min(490px,calc(100% - 40px));border:1px solid #dce5ed}}@media(max-width:350px){.support-hero{padding:18px}.contact-card{padding:12px}}
.home-services{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 15px 17px}.home-services button{min-height:105px;padding:12px 7px;text-align:left;border:1px solid #dce5ed;border-radius:15px;background:#fff;color:var(--ink)}.home-services span,.home-services strong,.home-services small{display:block}.home-services span{color:var(--orange);font-size:22px;font-weight:800}.home-services strong{margin-top:7px;font-size:12px}.home-services small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.25}
#accountPanel textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #dde3e6;border-radius:12px;padding:12px;font:inherit;resize:vertical}#accountPanel form{display:grid;gap:14px;margin-top:18px}#accountPanel .shipment-card{margin-top:18px}#customerSession button,#accountPanel [data-tracking]{border:0;border-radius:10px;padding:10px;color:#9c3d08;background:#ed6c2222;cursor:pointer}
#accountPanel [hidden]{display:none!important}
#customerSetup{display:flex;align-items:center;gap:11px;width:100%;min-height:62px;padding:10px 13px;border:1px solid #f2c7ad;border-radius:15px;background:#fff8f3;color:#8e3d16;text-align:left;font:inherit;box-shadow:0 7px 18px #ed6c2214}#customerSetup .setup-button-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:#fff0e7;color:var(--orange);font-size:23px;font-weight:800}#customerSetup>span:nth-child(2){display:grid;gap:1px;flex:1}#customerSetup strong{font-size:12px}#customerSetup small{color:#9b6f59;font-size:10px;font-weight:500}#customerSetup>b{font-size:20px;color:var(--orange);font-weight:500}@media(hover:hover){#customerSetup:hover{border-color:var(--orange);background:#fff3eb;transform:translateY(-1px)}}
.reset-heading{margin:0 0 3px}.reset-heading>span{font-size:9px;letter-spacing:1.2px;font-weight:800;color:var(--orange)}.reset-heading h3{margin:5px 0 5px;color:var(--navy);font-size:21px;letter-spacing:-.5px}.reset-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.reset-send{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:11px 14px;border:1px solid #f1c7af;border-radius:13px;background:#fff8f3;color:#9c3d08;font:inherit;font-size:12px;font-weight:800}.reset-send b{font-size:18px;color:var(--orange)}.reset-divider{display:flex;align-items:center;gap:10px;margin:5px 0;color:#8b9ba2;font-size:10px}.reset-divider:before,.reset-divider:after{content:'';height:1px;flex:1;background:#dce5ed}.reset-step-two{margin-top:3px}.reset-back{min-height:42px;border:0;background:transparent;color:#627b86;font:inherit;font-size:12px;font-weight:700;text-align:center}

/* Native-feeling controls on iPhone: generous targets, soft depth and safe-area space. */
@media (max-width:600px){
  .app-header{padding-top:max(20px,calc(env(safe-area-inset-top) + 10px))}
  .customer-account-link{min-height:42px;padding:9px 12px;border-radius:13px;box-shadow:0 7px 16px #ed6c2238}
  .home-services button{min-height:112px;border-radius:18px;box-shadow:0 7px 16px #082e5208}
  .workspace{border-radius:25px;padding:20px 17px;box-shadow:0 16px 35px #082e5214}
  input,select,textarea{font-size:16px!important;border-radius:13px!important;min-height:52px!important}
  .primary{min-height:54px;border-radius:15px;padding:14px 18px;box-shadow:0 12px 22px #ed6c2242}
  #customerSession button,#accountPanel [data-tracking]{min-height:44px;border-radius:13px;padding:10px 14px;font-weight:700}
  .bottom-nav{padding-left:12px;padding-right:12px;box-shadow:0 -8px 28px #082e5212}
  .bottom-nav button{min-height:48px;border-radius:14px}
}
.saved-tracking{margin-top:16px;padding:14px;border:1px solid #dbe7eb;border-radius:16px;background:linear-gradient(135deg,#f7fbfc,#eef6f7)}
.saved-tracking small{font-size:9px;letter-spacing:1.4px;font-weight:800;color:var(--green)}
.saved-tracking p{margin:3px 0 12px;color:var(--muted);font-size:11px}
.saved-tracking-list{display:flex;flex-wrap:wrap;gap:8px}
.saved-tracking-list button{display:flex;align-items:center;gap:6px;min-height:38px;border:1px solid #d4e2e4;border-radius:11px;padding:7px 8px 7px 10px;background:#fff;color:var(--ink);font-size:11px;font-weight:750;box-shadow:0 3px 8px #082e5208}
.saved-tracking-list button>span{color:var(--orange);font-size:16px}.saved-tracking-list b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#f1f5f5;color:#738690;font-size:15px;line-height:1;font-weight:500}
.app-loading{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:28px;background:#082e525c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.app-loading>div{display:grid;justify-items:center;gap:9px;min-width:205px;padding:25px 22px;border:1px solid #ffffff66;border-radius:22px;background:#fffffff5;color:var(--navy);box-shadow:0 18px 48px #061d3280;text-align:center}
.app-loading i{width:34px;height:34px;border:3px solid #e6edf0;border-top-color:var(--orange);border-radius:50%;animation:silonet-spin .75s linear infinite}.app-loading strong{font-size:14px}.app-loading span{color:var(--muted);font-size:11px}
@keyframes silonet-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.app-loading i{animation:none}}

.customer-account-link{border:0;border-radius:10px;padding:10px;background:#ed6c22;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.intro[hidden],.route-strip[hidden],.home-services[hidden]{display:none!important}

@media(min-width:900px){
  body{padding:0;background:radial-gradient(ellipse at 12% 4%,#fff 0,transparent 36%),linear-gradient(135deg,#e9f0f2,#f7f8f6 52%,#e9eff3)}
  .app-shell{width:100%;max-width:none;min-height:100dvh;margin:0;padding:0 0 24px;border:0;border-radius:0;box-shadow:none}
  .app-header{padding:22px 42px 10px}
  .intro{min-height:260px;padding:40px 52px 24px;background:linear-gradient(105deg,#f3f7f8 0,#f3f7f8 61%,#e6eef1 61%,#e6eef1 100%)}
  .intro>div{max-width:620px}.intro h1{font-size:42px;line-height:1.12}
  .courier-header{width:190px;max-height:220px;margin:0 30px -24px 25px}
  .route-strip{max-width:980px;margin:15px auto 20px;padding:0 34px;font-size:12px}
  .home-services{max-width:980px;margin:0 auto 24px;gap:14px}
  .home-services button{min-height:86px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:12px;padding:15px 18px;border-radius:13px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
  .home-services button:hover{transform:translateY(-2px);border-color:#efb28e;box-shadow:0 10px 24px #082e520d}
  .home-services span{grid-row:1/3;align-self:center;font-size:25px}.home-services strong{margin:0;font-size:13px}.home-services small{font-size:11px}
  .workspace{display:grid;grid-template-columns:minmax(0,1fr);margin:0 34px;padding:23px 28px 28px;border-radius:17px}
  .tabs{max-width:460px;margin:0 auto 25px}.tabs button{padding:12px 18px;font-size:13px}
  #quotePanel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:start;gap:0 34px}
  #quotePanel>.section-heading{grid-column:1/-1;margin-bottom:25px}#quotePanel>.section-heading h2{font-size:22px}
  #quoteForm{grid-column:1;grid-row:2 / span 6;display:grid;align-content:start;gap:15px}
  #quoteForm .field-grid{gap:15px}#quoteForm input,#quoteForm select{min-height:50px;border-radius:9px}
  #quoteForm .measurement{margin-top:0}#quoteForm .dimensions{margin:0;padding:12px 0}
  #quoteForm .rate-panel{margin:0;padding:17px;border-radius:12px}#quoteForm .primary{margin-top:0;min-height:52px}#quoteForm .error{margin:0}
  #quotePanel>.estimate{grid-column:2;grid-row:2;position:sticky;top:24px;align-self:start;margin:0;min-height:265px;padding:27px;border-radius:15px;box-shadow:0 18px 38px #082e5220}
  .estimate-price{font-size:50px}.page-footer{padding:23px 8px 10px}
  .bottom-nav{position:static;transform:none;width:min(490px,calc(100% - 48px));margin:24px auto 0;border:1px solid #dce5ed;border-radius:16px;box-shadow:0 6px 18px #082e520a}
}
@media(min-width:600px) and (max-width:899px){.app-shell{max-width:760px}.workspace{margin:0 22px;padding:22px}.intro{padding-left:34px;padding-right:34px}.home-services{margin-left:22px;margin-right:22px}}
@media(max-width:599px){.intro{min-height:175px}.intro h1{font-size:32px;line-height:1.12}.workspace{margin-top:4px}.section-heading{margin-bottom:20px}.estimate{margin-top:19px}}

body.account-mode{padding:0;background:#f5f5f0}
.app-shell.account-mode{width:100%;max-width:none;min-height:100dvh;margin:0;padding:0 0 100px;border:0;border-radius:0;box-shadow:none}
.account-mode .app-header{padding:22px 24px 12px}.account-mode .customer-account-link{display:none}
.account-mode .workspace{margin:0;padding:15px 25px 28px;background:transparent;border:0;border-radius:0;box-shadow:none}
.account-mode #accountPanel{max-width:440px;margin:0 auto}.account-heading{margin:8px 0 30px}
.account-heading>span{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.7px}.account-heading h2{margin:6px 0 5px;color:var(--navy);font-size:29px;line-height:1.15}
.account-heading p{max-width:360px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}.account-mode #accountPanel form{gap:18px;margin-top:0}
.account-mode #accountPanel form>label{display:block;color:var(--ink);font-size:12px;font-weight:700}.account-mode #accountPanel input{min-height:54px!important;margin-top:7px;padding:14px 15px;border:1px solid #d7e0df;border-radius:12px!important;background:#fff;font-size:16px!important}
.account-mode #customerLogin>.primary{min-height:54px;margin-top:2px;border-radius:13px;padding:14px 17px;font-size:14px}.account-mode #customerSetup{min-height:58px;margin-top:0;padding:13px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;color:var(--ink)}
.account-mode #customerSetup .setup-button-icon{width:30px;height:30px;flex-basis:30px;border-radius:50%;background:#e9f0ee;color:var(--green);font-size:20px}.account-mode #customerSetup strong{font-size:13px}.account-mode #customerSetup small{font-size:11px;color:var(--muted)}.account-mode #customerSetup>b{color:var(--green)}
.account-mode #customerSetup:hover{background:transparent;transform:none}.account-mode #customerPasswordForm{padding-top:3px}.account-mode .reset-send{min-height:50px;padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--green)}
.account-mode .reset-divider{margin:12px 0}.account-mode .page-footer{padding:16px 24px 8px;text-align:center}
@media(min-width:900px){body.account-mode{padding:0}body{padding:0}}

.estimate .estimate-heading,.estimate .estimate-heading .outline-pill,.estimate .estimate-price,.estimate .estimate-price small,.estimate p,.estimate .estimate-link,.estimate>small{color:#fff!important}
.estimate .estimate-heading{font-size:15px;font-weight:800;letter-spacing:1.2px}.estimate .outline-pill{border-color:#fff!important}.estimate .estimate-price{font-size:60px;font-weight:800;line-height:1.15}.estimate .estimate-price small{font-size:19px;font-weight:700}.estimate p{font-size:16px;line-height:1.55}.estimate .estimate-link{font-size:16px;font-weight:800;border-top-color:#ffffff80}.estimate>small{font-size:13px;line-height:1.5}
.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.customer-account-link,.header-refresh{border:0;border-radius:10px;padding:10px;background:#ed6c22;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.customer-account-link{padding:10px 14px;letter-spacing:.01em}.header-refresh{display:grid;place-items:center;width:42px;height:42px;padding:0;background:#e8eef4;color:var(--navy);border:1px solid #d4dde6;line-height:1}.header-refresh span{display:block;font-size:18px}
.wa-badge{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#25d366;color:#fff;flex-shrink:0}.wa-badge svg{display:block;width:18px;height:18px}.contact-card.featured .wa-badge{background:#25d366;color:#fff}
@media(max-width:600px){.app-header{padding-top:max(20px,calc(env(safe-area-inset-top) + 10px))}.customer-account-link{min-height:42px;padding:9px 12px;border-radius:13px;box-shadow:0 7px 16px #ed6c2238}.header-refresh{width:42px;height:42px}.bottom-nav{padding-left:12px;padding-right:12px;box-shadow:0 -8px 28px #082e5212}.bottom-nav button{min-height:48px;border-radius:14px}}
body{padding:0;background:#f5f5f0}.app-shell{width:100%;max-width:none;min-height:100dvh;margin:0;padding-bottom:100px;border:0;border-radius:0;box-shadow:none}@media(min-width:900px){body{padding:0}}
.page-footer small{display:block;margin-top:6px;font-size:10px;color:var(--muted)}.page-footer a{color:inherit;text-underline-offset:2px}
