*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f4f7fa;color:#102d4a;overflow-x:hidden}img,svg{max-width:100%}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}header{display:flex;justify-content:space-between;align-items:center;padding:12px 5%;background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 14px #102d4a18}header a{text-decoration:none;color:#102d4a}header b{font-size:24px}nav a{margin-left:16px;font-weight:700}.brand-logo{width:220px;max-width:45vw;height:auto;display:block}.hero{padding:70px 7%;background:linear-gradient(135deg,#075b9b,#12a0c7);color:#fff}.hero h1{color:#fff;text-shadow:0 3px 16px rgba(0,32,64,.45);letter-spacing:.01em}.hero h1{font-size:clamp(38px,6vw,70px);max-width:950px;margin:10px 0}.hero p{max-width:900px;font-size:18px;line-height:1.6}.container{max-width:1200px;margin:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:35px 6%}.qr-card{text-align:center;margin:16px 0}.qr-card img{display:block;width:240px;height:240px;max-width:100%;object-fit:contain;margin:0 auto 12px;background:#fff;padding:0;border-radius:0}.qr-card small{font-weight:800;color:#596273}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 5px 25px #102d4a14}.card form{display:grid;gap:12px}.card label{display:grid;gap:6px;font-weight:650}.card input,.card select,.card textarea{padding:13px;border:1px solid #cbd5df;border-radius:8px;font:inherit}.btn,button{display:inline-block;background:#fff;color:#102d4a;border:0;border-radius:9px;padding:13px 20px;font-weight:800;cursor:pointer;text-decoration:none}.card .btn,form .btn,.driver-app .btn{background:#102d4a;color:#fff}.secondary{background:#e9eef3!important;color:#102d4a!important}.eyebrow{font-weight:800;letter-spacing:.08em}.wrap{max-width:1100px;margin:auto;padding:30px}.driver-app{padding-bottom:60px}.driver-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.job{margin:15px 0}.notice{background:#eef5f7;padding:14px;border-radius:10px;font-size:14px}.route-box{margin-top:12px;padding:12px;background:#f4f7fa;border-radius:10px}.steps div{padding:6px 0;border-bottom:1px solid #dde5eb}.app-art{display:block;width:100%;aspect-ratio:12/7;height:auto;object-fit:cover;object-position:center;border-radius:24px;margin:18px 0;box-shadow:0 8px 28px #102d4a20;background:#fff}.app-art-frame{width:100%;aspect-ratio:12/7;overflow:hidden;border-radius:24px;margin:18px 0;background:#fff}.app-art-frame img{display:block;width:100%;height:100%;object-fit:cover}footer{text-align:center;padding:45px;color:#596273}@media(max-width:700px){header{display:block;padding:10px 4%;position:sticky}header>a{display:block;margin-bottom:8px}.brand-logo{width:170px;max-width:70vw}nav{display:flex;gap:6px;overflow-x:auto;white-space:nowrap;padding:4px 0 7px;-webkit-overflow-scrolling:touch;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{margin:0;padding:9px 10px;border-radius:8px;background:#eef5f7;font-size:13px;flex:0 0 auto}.app-links{overflow-x:auto;flex-wrap:nowrap!important;white-space:nowrap;-webkit-overflow-scrolling:touch}.hero{padding:38px 5%}.hero h1{font-size:clamp(34px,11vw,52px);line-height:1.05}.hero p{font-size:16px;line-height:1.5}.container,.wrap{width:100%;padding-left:5%;padding-right:5%}.grid{grid-template-columns:1fr;gap:14px;padding:22px 0}.card{padding:18px;border-radius:14px}.card input,.card select,.card textarea{width:100%;min-height:48px}.btn,button{min-height:46px;padding:12px 16px}.actions{display:grid;grid-template-columns:1fr;gap:10px}.actions .btn{width:100%;text-align:center}.app-art,.app-art-frame{border-radius:16px}.qr-card img{width:220px;height:220px;max-width:100%;object-fit:contain;border-radius:0}.driver-head{display:block}.driver-head>*{margin:6px 0}.route-box{overflow-wrap:anywhere}.notice{line-height:1.45}table{display:block;max-width:100%;overflow-x:auto}pre{max-width:100%;overflow:auto;font-size:12px}}@media(min-width:701px) and (max-width:1000px){nav{display:flex;flex-wrap:wrap;gap:8px}nav a{margin-left:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:700px){header nav,header .app-links{max-width:100%;width:100%;min-width:0;box-sizing:border-box;overflow-x:auto}main,section,.card,.grid>*{min-width:0;max-width:100%}h1,h2,h3,h4{max-width:100%;overflow-wrap:break-word}table{width:100%;box-sizing:border-box}}
/* Keep card text readable when cards appear inside blue hero sections. */
.card{color:#102d4a}.hero .card p,.hero .card h2,.hero .card h3{color:#102d4a}.hero .card a:not(.btn){color:#075b9b}.qr-card{background:#fff;color:#102d4a}