.mobile-bar,.mobile-menu{display:none}.offline-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--paper)}.offline-screen>.card{max-width:540px;padding:36px}.offline-screen .brand-mark{margin-bottom:26px}.offline-screen h1{font-size:30px;letter-spacing:0}.vendor-next{border:1px solid #d8e6f3;border-radius:9px;padding:25px;background:linear-gradient(110deg,#eaf1fa,#f8fafc);margin-bottom:24px}.vendor-next .eyebrow{margin-bottom:10px}.vendor-next h3{font-size:19px;margin-bottom:18px}.onboarding-pills{display:flex;gap:8px;flex-wrap:wrap}.onboarding-pills span{font-size:11px;border-radius:20px;border:1px solid #d4dde8;color:#75859b;padding:6px 11px;background:white}.onboarding-pills .done{background:#e3f2eb;border-color:#b7d9c9;color:#187354}.install-app{color:var(--navy);border:1px solid var(--line);background:#f1f5fa;border-radius:5px;padding:10px;font-size:13px}[hidden]{display:none!important}
@media(max-width:700px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent}header{position:sticky;top:0;z-index:20;box-shadow:0 4px 18px #132c4708}header nav.wrap{min-height:76px;padding-top:13px!important;padding-bottom:13px!important;flex-direction:row;align-items:center;gap:10px}.brand{font-size:22px;gap:8px}.brand-mark{width:38px;height:41px;font-size:17px}.brand small{font-size:6px;letter-spacing:.7px}.utility{display:none}#nav{gap:8px;flex-wrap:nowrap}#nav>a{display:none}#nav .lang{min-height:40px;padding:5px 7px;min-width:64px;width:72px;font-size:12px}.mobile-menu{display:block}.mobile-menu summary{cursor:pointer;list-style:none;display:grid;place-items:center;width:38px;height:40px;border:1px solid var(--line);border-radius:6px;font:21px system-ui;color:var(--navy)}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu[open]>div{position:absolute;top:73px;left:16px;right:16px;background:white;box-shadow:0 15px 35px #0a24632b;border:1px solid var(--line);border-radius:9px;padding:10px;display:grid;gap:4px}.mobile-menu>div>a{padding:12px 14px;border-radius:5px;font-size:15px;min-height:48px}.mobile-menu>div>a:hover{background:var(--paper)}.mobile-bar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fffffffa;border-top:1px solid #dce5ef;box-shadow:0 -5px 20px #122c4508;backdrop-filter:blur(14px);padding:7px 8px calc(7px + env(safe-area-inset-bottom));max-width:none;margin:0;min-height:72px;gap:0}.mobile-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#7a879b;padding:5px 2px;min-height:55px;font-size:10px;border-radius:8px;line-height:1.2}.mobile-bar a.active{background:#eff3fa;color:var(--navy);font-weight:700}.mobile-bar a.active:after{content:'';height:3px;width:16px;background:var(--orange);border-radius:3px}.mobile-bar svg{height:22px;width:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.btn{min-height:46px}input,textarea,select{font-size:16px;min-height:48px}textarea{min-height:115px}.card{border-radius:10px}.page-head{padding:25px 0}.page-head .eyebrow{margin-bottom:11px;font-size:9px}.page-head h1{font-size:27px}.page-head p{font-size:14px}.page-content{padding-top:23px;padding-bottom:35px}.hero-grid{padding-top:35px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:20px}.hero h1{font-size:clamp(32px,9vw,44px);letter-spacing:-.6px}.hero-copy>p{font-size:14px;line-height:1.95}.hero .actions{gap:9px}.hero .actions>.btn{font-size:13px;padding:13px 15px}.hero-proof{font-size:10px;gap:10px}.port{max-width:380px;margin-top:7px}.port-tag{bottom:12%;padding:11px 15px;font-size:11px}.port-tag strong{font-size:14px}.section{padding:39px 0}.section h2{font-size:26px}.eyebrow{font-size:10px}.service-card{padding:23px}.service-card p{min-height:0;margin-bottom:16px}.service-card a{display:inline-flex;align-items:center;min-height:44px}.service-icon{margin-bottom:17px}.strip .wrap{padding-top:20px;padding-bottom:20px}.strip-item strong{font-size:14px}.strip-item small{font-size:9px}.flow-strip{margin-top:20px}.rfq-intro>div>p{font-size:13px}.form-layout{gap:17px}.form-grid{gap:17px}.form-section-title{gap:11px;margin-bottom:20px}.form-section-title h3{font-size:19px}.carton-row{grid-template-columns:1fr 1fr;gap:9px;border:1px solid var(--line);border-radius:7px;padding:12px;margin-bottom:13px}.carton-row label{font-size:11px}.carton-row input{font-size:16px;padding:9px;min-height:45px}.carton-row button{grid-column:1/-1;justify-self:end;min-width:50px;height:35px;min-height:35px}.form-grid>.full>.btn{width:100%}#rfq-form>.actions>.btn{width:100%}#rfq-form .field-help{font-size:11px}#rfq-form{padding:20px}.summary .cbm{font-size:34px}.route-preview{padding:14px}.guest-card{margin-top:17px}.notice{padding:13px 14px;font-size:12px;line-height:1.8}.auth-wrap{margin:12px auto}.auth-wrap .tabs{gap:8px}.auth-wrap .tabs a{font-size:12px;padding:9px}.portal-sidebar{padding:14px;margin-bottom:0}.portal-links a{padding:10px 12px;min-height:44px;border:1px solid var(--line);font-size:12px}.portal-links a.active{border-color:#bdcde5}.portal-links a>span{font-size:15px}.portal-links{margin:0 -4px;padding:4px}.portal-user strong{font-size:14px}.portal-user{padding-bottom:14px}.portal-sidebar>#logout{top:15px;right:15px;min-height:37px}.portal-layout{gap:20px}.portal-layout .stats{gap:7px}.portal-layout .stats .card{padding:15px 10px}.portal-layout .stat strong{font-size:27px}.portal-layout .stat small{font-size:10px;line-height:1.5;display:block}.portal-layout .row-head h2{font-size:23px}.portal-layout .row-head h3{font-size:17px}.portal-layout .detail-grid{padding:12px;font-size:13px;gap:13px}.portal-layout .detail-grid strong{font-size:10px}.portal-layout .row-head .badge{font-size:10px;padding:4px 7px}.quote{padding:14px}.quote .btn{width:100%;font-size:12px}.quote strong{font-size:14px}.quote small{font-size:11px}.ref{font-size:10px}.timeline{padding-left:20px}.event:before{left:-27px}.event strong{font-size:14px}.event small{font-size:10px}.row-head{gap:10px}.event p{font-size:13px}#toast{bottom:calc(88px + env(safe-area-inset-bottom));font-size:13px;padding:14px 16px}.footer-grid{padding-top:5px}.footline{font-size:10px}footer{padding-top:30px}.editorial-head{padding:28px 0}.editorial-head h1{font-size:27px}.editorial-head p{font-size:13px}.editorial-aside h2{font-size:25px}.onboard-steps article{padding:21px}.onboard-steps h2{font-size:20px}.onboard-num{font-size:23px}.plan-tile>strong{font-size:62px}.district-chips{gap:7px}.district-chips span{font-size:13px;padding:9px 12px}.contact-editorial{padding-top:0}.service-links li a{display:inline-block;min-height:44px}.vendor-next{padding:20px}.vendor-next h3{font-size:17px}.onboarding-pills{gap:6px}.onboarding-pills span{font-size:10px;padding:6px 9px}.scroll-table{max-width:100%;overscroll-behavior-x:contain}.onboard-hero .btn,.cta-panel .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:360px){header nav.wrap{gap:7px}.brand{font-size:20px;gap:6px}.brand-mark{width:32px;height:36px;font-size:15px}.brand small{display:none}#nav{gap:6px}#nav .lang{width:63px;min-width:63px}.mobile-menu summary{width:32px}.wrap{padding-left:16px;padding-right:16px}.hero .actions>.btn{font-size:12px;padding:12px 13px}.portal-layout .row-head{flex-wrap:wrap}.portal-layout .stats .stat small{font-size:9px}.mobile-bar a{font-size:9px}}
input,select,textarea,[id]{scroll-margin-top:100px}

.rfq-feedback{text-align:center;padding:32px}.feedback-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#edf2fa;color:#0a2463;font-size:30px;margin:0 auto 24px}.success-icon{background:#e5f5ed;color:#147b61}.rfq-feedback h2{font-size:26px;line-height:1.5}.rfq-feedback p{color:#63758a;font-size:14px}.email-recipient{display:block;color:#0a2463;font-size:18px;overflow-wrap:anywhere;margin:8px 0 22px}.verification-status{padding:12px;border-radius:5px;background:#f3f6f9}.submitted-reference{padding:15px;background:#f3f6f9;overflow-wrap:anywhere;margin-bottom:24px}.rfq-feedback .stack{margin-top:25px}.rfq-feedback .notice{text-align:left}@media(max-width:600px){.rfq-feedback{padding:24px 20px}.rfq-feedback h2{font-size:23px}}

.footline{flex-wrap:wrap;gap:12px}.developer-credit a{font-weight:700;text-decoration:underline;text-underline-offset:3px}.developer-credit a:hover{color:var(--orange)}