/* Transport marketing only. All app screens contain fictional demonstration records. */
.panda-transport-page { --pt-forest:#153e31; --pt-lime:#c1f335; --pt-muted:#52655d; color:var(--pt-forest); background:#fff; }
.panda-transport-page .pt-shell { width:min(1200px,calc(100% - 64px)); margin-inline:auto; }
.panda-store.panda-reference-transport .site-header-stack { position:absolute; inset:0 0 auto; background:transparent; }
.admin-bar.panda-store.panda-reference-transport .site-header-stack { top:32px; }
.panda-transport-page .pt-hero { position:relative; isolation:isolate; min-height:670px; display:flex; align-items:flex-end; overflow:hidden; background:#153e31; color:#fff; }
.panda-transport-page .pt-hero-photo { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:65% 42%; }
.panda-transport-page .pt-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#041d15ef 0%,#041d15d9 40%,#041d1530 78%),linear-gradient(180deg,#03170ed9 0%,#03170e80 15%,transparent 32%); pointer-events:none; }
.panda-transport-page .pt-hero-inner { direction:ltr; }
.panda-transport-page .pt-copy { max-width:610px; padding-block:170px 70px; }
.panda-transport-page .pt-eyebrow { display:block; margin:0 0 16px; font-size:12px; font-weight:650; letter-spacing:.08em; }
.panda-store .panda-transport-page h1 { font-size:clamp(40px,4.2vw,60px); font-weight:500; line-height:1.1; letter-spacing:-.045em; margin:0 0 24px; }
.panda-transport-page .pt-copy h1 > span { display:block; color:#fff; }
.panda-transport-page .pt-copy h1 > .pt-accent { color:var(--pt-lime); }
.panda-transport-page .pt-lead { color:#fff; font-size:18px; line-height:1.6; max-width:40ch; margin:0 0 28px; }
.panda-transport-page .pt-actions { display:flex; align-items:center; flex-wrap:wrap; gap:14px; }
.panda-transport-page .pt-email { min-height:48px; display:inline-flex; align-items:center; justify-content:center; color:inherit; text-decoration:underline; text-underline-offset:5px; font-size:15px; }
.panda-transport-page .pt-email-light { border-radius:999px; background:#fafbf8; color:#153e31; padding:12px 28px; text-decoration:none; font-weight:600; }
.panda-transport-page .pt-email-address { direction:ltr; unicode-bidi:isolate; }
.panda-store .panda-transport-page h2 { font-size:clamp(28px,3vw,40px); line-height:1.25; font-weight:500; letter-spacing:-.035em; }
.panda-transport-page .pt-app-showcase { background:#f3f6f1; padding-block:64px 52px; }
.panda-transport-page .pt-section-intro { text-align:center; margin-bottom:34px; }
.panda-transport-page .pt-section-intro .pt-eyebrow { color:#52655d; margin-bottom:12px; }
.panda-transport-page .pt-section-intro h2 { margin:0 0 12px; }
.panda-transport-page .pt-preview-note { font-size:13px; line-height:1.6; color:#52655d; margin:0; }
.panda-transport-page .pt-app-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; align-items:stretch; }
.panda-transport-page .pt-app-panel { min-width:0; display:flex; flex-direction:column; }
.panda-transport-page .pt-app-panel[hidden],.panda-transport-page .pt-app-tabs[hidden] { display:none; }
.panda-transport-page .pt-phone { display:flex; flex-direction:column; flex:1; min-height:900px; border:7px solid #193c30; border-radius:34px; overflow:hidden; background:#f7faf7; box-shadow:0 14px 28px #153e3114; font:14px/1.5 Arial,Helvetica,sans-serif; color:#153e31; }
.panda-transport-page .pt-phone-status { display:flex; align-items:center; justify-content:space-between; padding:8px 20px 4px; background:#fff; font-size:11px; font-weight:600; }
.panda-transport-page .pt-signal { display:flex; gap:6px; }
.panda-transport-page .pt-signal svg { width:16px; height:16px; }
.panda-transport-page .pt-phone-header { display:flex; align-items:center; justify-content:space-between; padding:10px 18px 13px; background:#fff; border-bottom:1px solid #e1e8e1; }
.panda-transport-page .pt-app-logo { display:block; width:88px; height:34px; object-fit:contain; }
.panda-transport-page .pt-sample-chip { border:1px solid #c8d6c5; background:#eff5e9; color:#385345; border-radius:999px; font-size:12px; padding:3px 10px; }
.panda-transport-page .pt-phone-content { flex:1; display:flex; flex-direction:column; gap:16px; padding:20px 14px; min-width:0; }
.panda-transport-page .pt-screen-title { min-height:84px; }
.panda-store .panda-transport-page .pt-phone h3 { font-size:24px; font-weight:600; line-height:1.25; letter-spacing:-.025em; margin:0; }
.panda-transport-page .pt-screen-date { font-size:12px; line-height:1.6; color:#52655d; margin:8px 0 0; }
.panda-transport-page .pt-icon-label { display:inline-flex; align-items:center; gap:7px; min-width:0; }
.panda-transport-page .pt-icon-label > svg { width:20px; height:20px; flex:0 0 20px; }
.panda-transport-page .pt-route-card { display:flex; align-items:center; gap:16px; padding:17px; background:#e7f0df; border-radius:18px; }
.panda-transport-page .pt-bus-art { width:64px; height:64px; flex:0 0 64px; display:grid; place-items:center; border-radius:18px; background:#d4e6a6; }
.panda-transport-page .pt-bus-art svg { width:42px; height:42px; }
.panda-transport-page .pt-route-copy { display:flex; flex-direction:column; gap:3px; min-width:0; }
.panda-transport-page .pt-route-copy strong { font-size:24px; font-weight:600; line-height:1.25; }
.panda-transport-page .pt-route-copy > span { font-size:14px; }
.panda-transport-page .pt-stat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.panda-transport-page .pt-stat { min-width:0; display:flex; flex-direction:column; align-items:flex-start; padding:13px 9px; gap:8px; border:1px solid #dce6d7; border-radius:15px; background:#fff; }
.panda-transport-page .pt-stat > svg { width:23px; height:23px; }
.panda-transport-page .pt-stat-value { font-size:32px; font-weight:600; line-height:1; }
.panda-transport-page .pt-stat-label { font-size:14px; line-height:1.35; overflow-wrap:normal; }
.panda-transport-page .pt-stat-review { background:#fff1d9; border-color:#f0ddb7; color:#72511e; }
.panda-transport-page .pt-stat-clock { background:#f0f3e9; }
.panda-transport-page .pt-screen-card { padding:15px; background:#fff; border:1px solid #dfe8db; border-radius:18px; min-width:0; }
.panda-store .panda-transport-page .pt-screen-card h4 { font-size:16px; font-weight:600; line-height:1.4; letter-spacing:0; margin:0 0 14px; }
.panda-transport-page .pt-review-card { border-color:#e8d6b2; background:#fff7e9; }
.panda-transport-page .pt-student-row { display:grid; grid-template-columns:44px minmax(0,1fr); column-gap:11px; row-gap:6px; padding:12px 0; align-items:center; min-width:0; }
.panda-transport-page .pt-student-row + .pt-student-row { border-top:1px solid #e4e9df; }
.panda-transport-page .pt-row-review { padding:12px 9px; border-radius:12px; background:#fff0d5; }
.panda-transport-page .pt-avatar-photo { display:block; grid-row:span 2; width:44px; height:44px; object-fit:cover; border-radius:50%; border:2px solid #fff; }
.panda-transport-page .pt-row-copy { display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; min-width:0; }
.panda-transport-page .pt-initials { display:block; font-size:16px; font-weight:600; direction:ltr; unicode-bidi:isolate; }
.panda-transport-page .pt-time { font-size:14px; line-height:1.5; color:#52655d; }
.panda-transport-page .pt-status { grid-column:2; justify-self:start; font-size:14px; line-height:1.4; padding:4px 7px; border-radius:8px; background:#e6f1e0; color:#315539; }
.panda-transport-page .pt-status > svg { width:16px; height:16px; flex-basis:16px; }
.panda-transport-page .pt-status-review { background:#ffedc9; color:#72511e; }
.panda-transport-page .pt-status-pending { background:#eef1e9; color:#526044; }
.panda-transport-page .pt-pickup-photo { position:relative; overflow:hidden; border-radius:16px; }
.panda-transport-page .pt-card-photo { display:block; width:100%; height:124px; object-fit:cover; object-position:center 43%; }
.panda-transport-page .pt-pickup-photo > span { display:block; padding:8px 12px; background:#e7f0df; font-size:14px; font-weight:600; }
.panda-transport-page .pt-parent-card { display:flex; align-items:center; gap:16px; padding:18px; border-radius:18px; background:#e7f0df; }
.panda-transport-page .pt-parent-photo { display:block; width:68px; height:68px; object-fit:cover; border-radius:50%; border:3px solid #fff; }
.panda-transport-page .pt-parent-copy { display:flex; flex-direction:column; gap:5px; min-width:0; font-size:14px; }
.panda-transport-page .pt-parent-copy strong { font-size:24px; }
.panda-transport-page .pt-recorded-card { border-color:#cadfba; }
.panda-transport-page .pt-event-record { display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; padding:8px 0 12px; }
.panda-transport-page .pt-event-record > svg { width:54px; height:54px; padding:10px; border-radius:50%; background:#e6f1e0; color:#315539; }
.panda-transport-page .pt-event-record strong { font-size:20px; line-height:1.4; }
.panda-transport-page .pt-journey-diagram { list-style:none; padding:0; margin:0; display:grid; gap:0; }
.panda-transport-page .pt-journey-stop { display:flex; align-items:flex-start; gap:14px; padding:14px 0; position:relative; }
.panda-transport-page .pt-journey-stop:first-child::after { content:""; position:absolute; top:50px; bottom:-14px; inset-inline-start:18px; width:2px; border-inline-start:2px dashed #b9cbb0; }
.panda-transport-page .pt-stop-icon { display:grid; place-items:center; background:#edf2e6; width:38px; height:38px; flex:0 0 38px; border-radius:12px; z-index:1; }
.panda-transport-page .pt-stop-icon svg { width:22px; height:22px; }
.panda-transport-page .is-recorded .pt-stop-icon { background:#dcebbf; }
.panda-transport-page .pt-stop-copy { display:flex; flex-direction:column; gap:5px; font-size:14px; min-width:0; }
.panda-transport-page .pt-stop-copy strong { font-size:16px; font-weight:600; }
.panda-transport-page .pt-help-note { font-size:14px; line-height:1.6; color:#52655d; margin:0; }
.panda-transport-page .pt-help-note.pt-icon-label { align-items:flex-start; }
.panda-transport-page .pt-help-note svg { margin-top:2px; }
.panda-transport-page .pt-value { direction:ltr; unicode-bidi:isolate; }
.panda-transport-page .pt-screen-note { font-size:12px; line-height:1.6; color:#52655d; margin:0; margin-top:auto; padding-top:2px; }
.panda-transport-page .pt-phone-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; background:#fff; border-top:1px solid #e1e8e1; padding:12px 8px; color:#52655d; }
.panda-transport-page .pt-nav-item { display:flex; flex-direction:column; align-items:center; gap:5px; font-size:12px; padding:7px 2px; border-radius:12px; }
.panda-transport-page .pt-nav-item > svg { width:22px; height:22px; }
.panda-transport-page .pt-nav-item.is-current { color:#153e31; font-weight:600; background:#eaf3db; }
.panda-transport-page .pt-preview-caption { text-align:center; color:#52655d; font-size:14px; line-height:1.6; margin:18px 0 0; }
.panda-transport-page .pt-app-tabs { display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; margin-bottom:25px; }
.panda-transport-page .pt-app-tab { display:inline-flex; align-items:center; justify-content:center; gap:7px; font:600 14px/1.5 Arial,sans-serif; min-height:44px; padding:9px 14px; border:1px solid #becfbd; border-radius:999px; background:#fff; color:#153e31; cursor:pointer; }
.panda-transport-page .pt-app-tab > svg { width:19px; height:19px; flex:0 0 19px; }
.panda-transport-page .pt-app-tab[aria-selected="true"] { border-color:#153e31; background:#153e31; color:#fff; }
.panda-transport-page :is(.pt-app-tab,.pt-app-panel):focus-visible { outline:3px solid #27704c; outline-offset:4px; }
.panda-transport-page .pt-app-panel:focus-visible { border-radius:34px; }
.panda-transport-page .pt-features { padding-block:56px 40px; }
.panda-transport-page .pt-features > h2 { text-align:center; margin:0 0 30px; }
.panda-transport-page .pt-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.panda-transport-page .pt-feature { display:flex; align-items:center; gap:20px; padding:18px; border:1px solid #e0e7df; border-radius:18px; min-width:0; }
.panda-transport-page .pt-feature-photo,.panda-transport-page .pt-feature-graphic { width:124px; height:114px; flex:0 0 124px; border-radius:14px; }
.panda-transport-page .pt-feature-photo { display:block; object-fit:cover; object-position:55% center; }
.panda-transport-page .pt-feature-graphic { display:grid; place-items:center; background:#edf3e4; }
.panda-transport-page .pt-feature-graphic > svg { width:48px; height:48px; }
.panda-transport-page .pt-feature-copy { min-width:0; }
.panda-store .panda-transport-page .pt-feature h3 { font-size:23px; line-height:1.3; font-weight:500; letter-spacing:-.025em; margin:0 0 10px; }
.panda-transport-page .pt-feature p { font-size:16px; line-height:1.6; color:#52655d; margin:0; }
.panda-transport-page .pt-onboarding { display:flex; align-items:center; gap:44px; padding:34px 44px; background:#eef3e8; border-radius:24px; }
.panda-transport-page .pt-band { width:160px; height:250px; object-fit:contain; flex:0 0 160px; }
.panda-transport-page .pt-onboarding-copy { flex:1; min-width:0; }
.panda-transport-page .pt-onboarding h2 { margin:0 0 22px; }
.panda-transport-page .pt-steps { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:18px 24px; }
.panda-transport-page .pt-steps > li { display:flex; align-items:center; gap:9px; font-size:16px; }
.panda-transport-page .pt-step-number { display:grid; place-items:center; width:30px; height:30px; flex:0 0 30px; border-radius:50%; background:#dcebbf; font-weight:600; }
.panda-transport-page .pt-note { color:#52655d; font-size:14px; line-height:1.6; margin:22px 0 0; }
.panda-transport-page .pt-final { text-align:center; padding-block:56px 62px; }
.panda-transport-page .pt-final h2 { margin:0 0 25px; }
.panda-transport-page .pt-final .pt-actions { justify-content:center; }
html[lang^="ar"] .panda-transport-page .pt-copy { direction:rtl; text-align:right; }
html[lang^="ar"] .panda-transport-page :is(h1,h2,h3,.pt-eyebrow) { letter-spacing:0; }
html[lang^="ar"] .panda-transport-page .pt-copy h1 { line-height:1.45; }
html[lang^="ar"] .panda-transport-page .pt-initials { text-align:right; }
@media(max-width:1099px) { .panda-transport-page .pt-app-grid { grid-template-columns:minmax(0,370px); justify-content:center; gap:30px; } }
@media(min-width:768px) and (max-width:1099px) { .panda-transport-page .pt-copy { max-width:58%; } .panda-store .panda-transport-page h1 { font-size:40px; } .panda-transport-page .pt-lead { font-size:16px; } }
@media(min-width:768px) and (max-width:1279px) { html[lang^="ar"] .panda-transport-page .pt-copy { max-width:50%; } }
@media(max-width:1000px) { .panda-transport-page .pt-shell { width:calc(100% - 48px); } .panda-transport-page .pt-feature { gap:14px; } .panda-transport-page :is(.pt-feature-photo,.pt-feature-graphic) { width:95px; flex-basis:95px; } }
@media(max-width:782px) { .admin-bar.panda-store.panda-reference-transport .site-header-stack { top:46px; } }
@media(max-width:767px) {
 .panda-transport-page .pt-shell { width:calc(100% - 40px); }
 .panda-transport-page .pt-hero { min-height:760px; }
 .panda-transport-page .pt-hero-photo { object-position:79% top; }
 .panda-transport-page .pt-hero::after { background:linear-gradient(0deg,#041d15fc 0%,#041d15f0 34%,#041d15cf 53%,#041d1510 75%),linear-gradient(180deg,#03170ed9 0%,#03170e80 15%,transparent 30%); }
 .panda-transport-page .pt-copy { padding-block:340px 40px; max-width:none; }
 .panda-store .panda-transport-page h1 { font-size:40px; }
 html[lang^="ar"] .panda-transport-page .pt-copy h1 { font-size:38px; }
 .panda-transport-page .pt-lead { font-size:16px; margin-bottom:22px; }
 .panda-transport-page .pt-actions { gap:10px; }
 .panda-transport-page .pt-actions .pc-button { font-size:14px; padding-inline:20px; }
 .panda-transport-page .pt-email-light { padding-inline:22px; }
 .panda-transport-page .pt-app-showcase { padding-block:42px 36px; }
 .panda-transport-page .pt-app-tab { padding-inline:10px; }
 .panda-transport-page .pt-features { padding-block:40px 28px; }
 .panda-transport-page .pt-grid { grid-template-columns:1fr; gap:16px; }
 .panda-transport-page .pt-feature { padding:14px; }
 .panda-store .panda-transport-page .pt-feature h3 { font-size:20px; }
 .panda-transport-page .pt-onboarding { padding:24px 20px; gap:16px; }
 .panda-transport-page .pt-band { width:100px; height:180px; flex-basis:100px; }
 .panda-transport-page .pt-onboarding h2 { font-size:26px; }
 .panda-transport-page .pt-steps { gap:14px; }
 .panda-transport-page .pt-steps > li { font-size:14px; }
 .panda-transport-page .pt-final { padding-block:40px 44px; }
 .panda-transport-page .pt-final .pt-actions { flex-direction:column; gap:8px; }
}