/* Small product scenes. No JavaScript required; motion is a progressive enhancement. */
.product-scene{box-sizing:border-box;position:relative;isolation:isolate;width:100%;min-width:0;height:164px;margin:0;padding:14px 15px;border:1px solid #72bac333;border-radius:13px;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#1d5e6747,transparent 70%),#0b1b33;color:#dceef2;font-family:inherit;font-size:10px;line-height:1.5;text-align:left;font-weight:400;container-type:inline-size}
.product-scene *{box-sizing:border-box}.product-scene span,.product-scene strong,.product-scene b,.product-scene i{min-width:0}.product-scene strong{color:#e6f4f6;font-weight:650}.product-scene small{font-size:9px;color:#b0c8d1}.product-scene i{font-style:normal}.product-scene b{font-weight:600}.product-scene svg{display:block;width:100%;height:100%}
.scene-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:20px;margin:0 0 12px;font-size:10px;line-height:1.4;font-weight:650;color:#b8d4de}
.scene-example{flex:none;padding:3px 6px;border:1px solid #b9d6df27;border-radius:4px;background:#bbd9e70a;color:#afc8d2;font-size:8px;font-weight:500;line-height:1.25;letter-spacing:.01em}
.scene-pill{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:3px 6px;border-radius:4px;background:#62d4bc20;color:#8ae5d2;font-size:9px;line-height:1.4;font-weight:600;white-space:nowrap}
.scene-pill-gold{background:#fcc04e17;color:#ffd681}.scene-pill-outline{border:1px solid #84b3c44a;background:transparent;color:#b5d1dc}
.scene-gold-dot{display:inline-block;flex:none;width:5px;height:5px;border-radius:50%;background:#fcc04e;box-shadow:0 0 0 3px #fcc04e10}
.scene-check{display:inline-grid;place-items:center;flex:none;width:19px;height:19px;border-radius:50%;background:#4fc3c923;color:#8cddd7;font-size:11px;line-height:1;font-weight:600}
.scene-bottom-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;color:#a9c8d3;font-size:9px;line-height:1.5}
.scene-bottom-line>strong{font-size:10px;color:#e5d4a7}.scene-fine-rule{height:1px;background:#b8d3dc20;margin:12px 0 0}
.scene-message{display:flex;align-items:center;gap:7px;min-height:27px;width:91%;margin-bottom:6px;padding:6px 8px;border:1px solid #739ca333;border-radius:6px 6px 6px 1px;background:#1b3549;color:#c6dce4;font-size:10px;line-height:1.4;transform-origin:left center}
.scene-message-two{width:84%;margin-left:auto;background:#12464e;border-color:#80c6c439;border-radius:6px 6px 1px 6px}.scene-message-three{width:96%;margin-bottom:0;background:#162a41}
.scene-message-dot{width:4px;height:4px;flex:none;border-radius:50%;background:#4fc3c9}.scene-message small{margin-left:auto;font-size:8px;color:#a0bdc9}.scene-message-three .scene-message-dot{background:#fcc04e}.scene-message-three .scene-gold-dot{margin-left:auto}
.scene-day-ruler{display:flex;justify-content:space-between;color:#9bbbc9;font-size:9px;margin-top:4px}.scene-day-lane{position:relative;height:46px;border-block:1px solid #a0c5d11e;margin-top:5px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(33.333% - 1px),#a8c8d219 calc(33.333% - 1px),#a8c8d219 33.333%)}
.scene-midnight-line{position:absolute;left:50%;top:-13px;bottom:0;width:1px;background:#fcc04e6b}.scene-midnight-trip{position:absolute;left:40%;right:0;top:8px;height:29px;display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid #f3c77062;border-radius:5px;background:#263c48}.scene-midnight-trip strong{font-size:11px;color:#ffd783}.scene-midnight-trip>span{font-size:9px;color:#c7dbe2}.scene-midnight-trip .scene-gold-dot{margin-left:auto}
.scene-day .scene-bottom-line{margin-top:7px}.scene-equation-row{display:grid;grid-template-columns:minmax(0,1fr) 9px minmax(0,1fr) 9px minmax(0,1fr);align-items:center;gap:7px;padding:6px 0 10px}.scene-equation-row>div>span{font-size:9px;color:#b5d2dd}.scene-equation-row>b{font-size:15px;color:#73a4b7}.scene-value-bar{height:14px;margin-top:9px;border-radius:3px;transform-origin:left center}.scene-bar-fare{width:100%;background:#4fc3c9}.scene-bar-cost{width:75%;background:#51778b}.scene-bar-net{width:48%;background:#fcc04e}.scene-record-line{display:flex;align-items:center;gap:8px;color:#c2dbe4;font-size:9px}.scene-margin .scene-fine-rule{margin-top:9px}.scene-margin .scene-bottom-line{margin-top:8px}.scene-margin .scene-heading{margin-bottom:7px}
.scene-report-layout{display:grid;grid-template-columns:minmax(0,1fr) 15px minmax(0,1.1fr);align-items:center;gap:7px;margin-top:2px}.scene-report-sheet{border:1px solid #7eabb440;border-radius:7px;padding:9px 10px;background:#152c41}.scene-report-sheet>span{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:4px 0;font-size:9px;line-height:1.5;color:#adc9d5}.scene-report-sheet .scene-sheet-title{font-size:9px;color:#d5e7ee;border-bottom:1px solid #9ebfca29;margin:0 0 7px;padding-bottom:6px;white-space:nowrap}.scene-sheet-muted{opacity:.75}.scene-sheet-clear{background:#15434a;border-color:#4fc3c95c}.scene-transfer-arrow{color:#fcc04e;font-size:16px;text-align:center}.scene-report-sheet i{display:block;width:25px;height:4px;border-radius:2px;background:#6bcecb;transform-origin:left}.scene-report-sheet>span:nth-child(3)>i{width:17px;background:#80a4ad}.scene-report-sheet .scene-report-total{padding-top:4px;border-top:1px solid #6fbab642;color:#e4efd8}.scene-report-total>b{color:#fcc04e}
.scene-route{display:grid;grid-template-columns:auto minmax(25px,1fr) auto;align-items:center;gap:15px;padding:1px 2px 13px}.scene-route>div:first-child,.scene-route>div:last-child{display:flex;flex-direction:column;gap:1px}.scene-route>div:last-child{text-align:right}.scene-route span{font-size:9px;color:#a7c5d3}.scene-route strong{font-size:23px;line-height:1.4;letter-spacing:-.045em;font-weight:600}.scene-route-track{position:relative;display:flex;align-items:center;justify-content:space-between;gap:5px;height:14px}.scene-route-track::before{content:'';position:absolute;left:0;right:0;top:6px;border-top:1px dashed #5da4b4}.scene-route-track i,.scene-route-track b{position:relative;flex:none;width:6px;height:6px;border-radius:50%;background:#4fc3c9;z-index:1}.scene-route-track b{background:#fcc04e}.scene-route-track>span{position:absolute;width:4px;height:4px;border-radius:50%;background:#e2f3ed;top:4px;left:10%}
.scene-booking-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #9cc1cd2e}.scene-booking-strip>div{display:flex;flex-direction:column;gap:2px}.scene-booking-strip>div>span{font-size:9px;color:#a4c2ce}.scene-booking-strip strong{font-size:11px;line-height:1.4}.scene-booking-strip>.scene-pill{margin-left:auto}
.scene-dispatch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.scene-dispatch-grid>div>span{display:block;font-size:9px;color:#b6cfda;margin-bottom:7px;white-space:nowrap}.scene-dispatch-card{min-width:0;height:77px;padding:8px;border:1px solid #98c3cd36;border-radius:6px;background:#142e43;position:relative;overflow:hidden}.scene-dispatch-card b,.scene-dispatch-card small{display:block;font-size:10px;line-height:1.5}.scene-dispatch-card small{font-size:8px;color:#abc6d2;margin-top:4px}.scene-dispatch-card i{display:block;position:absolute;bottom:11px;left:8px;right:14px;height:4px;border-radius:2px;background:#4fc3c9;transform-origin:left}.scene-card-waiting{border-top:2px solid #fcc04e}.scene-card-waiting i{background:#b99453;right:22px}.scene-card-assigned{border-top:2px solid #4fc3c9}.scene-card-live{border-top:2px solid #a2d6c5;background:#14404a}.scene-card-live i{background:#9dd9c9;right:20px}
.scene-client-request{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #8dc3cc3a;background:#17394a;border-radius:7px}.scene-request-symbol{flex:none;display:grid;place-items:center;width:27px;height:27px;background:#4fc3c922;color:#78d5d6;border-radius:6px;font-size:18px}.scene-client-request>div{display:flex;flex-direction:column;gap:3px}.scene-client-request strong{font-size:11px}.scene-client-request>div>span{font-size:9px;color:#adcbd4}.scene-client-request>.scene-check{margin-left:auto}.scene-roles{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:9px}.scene-roles>span{padding:4px 7px;border:1px solid #98c4cc3a;border-radius:4px;color:#b7d0d9;font-size:9px;line-height:1.5}.scene-clients .scene-bottom-line{margin-top:8px}
.scene-money-row{display:grid;grid-template-columns:59px minmax(0,1fr);align-items:center;gap:12px;margin:0 0 12px;font-size:10px;color:#bdd5df}.scene-money-row>div{height:12px;border-radius:3px;background:#91b7c417;overflow:hidden}.scene-money-row i{display:block;height:100%;border-radius:3px;transform-origin:left}.scene-money-revenue{width:90%;background:#4fc3c9}.scene-money-cost{width:58%;background:#517b8e}.scene-money-net{width:32%;background:#fcc04e}.scene-money .scene-bottom-line,.scene-step-report .scene-bottom-line{padding-top:2px;margin-top:0}.scene-step-report .scene-money-row{margin-bottom:10px}
.scene-document-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #9fc5d222}.scene-document-row:last-child{border:0}.scene-document-row strong{font-size:10px;font-weight:500}.scene-document-row>.scene-pill{margin-left:auto}.scene-document-sheet{position:relative;display:block;flex:none;width:13px;height:16px;border:1px solid #84b9c3;border-radius:2px;background:#60b2bf0a}.scene-document-sheet::before,.scene-document-sheet::after{content:'';position:absolute;left:3px;width:5px;height:1px;top:5px;background:#7da8b8}.scene-document-sheet::after{top:8px}.scene-compliance .scene-heading{margin-bottom:5px}
.scene-permission-grid>div{display:grid;grid-template-columns:minmax(0,1fr) 35px 35px;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid #a0c6d322;font-size:9px;color:#c2d7e0}.scene-permission-grid>div:first-child{padding-top:0;color:#92b7c7;font-size:8px}.scene-permission-grid b{text-align:center}.scene-permission-grid .scene-yes{color:#85e0cd;font-size:12px}.scene-permission-grid .scene-no{color:#91aebc}.scene-access-log{display:flex;align-items:center;gap:8px;padding-top:9px;color:#afd0dc;font-size:9px}.scene-security .scene-heading{margin-bottom:8px}
.scene-ai-source{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px;background:#193449;border:1px solid #84acbd2e;border-radius:5px;font-size:10px;color:#c2dbe4}.scene-ai-draft{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:12px;margin-top:8px;padding:7px 9px;border:1px solid #4fc3c956;border-radius:6px;background:#123c46}.scene-ai-draft>div{display:flex;flex-direction:column;gap:2px}.scene-ai-draft>div>span{font-size:8px;color:#a5c9d1}.scene-ai-draft strong{font-size:10px;line-height:1.4}.scene-ai .scene-bottom-line{margin-top:8px}.scene-review-arrow{color:#fcc04e;font-size:14px;line-height:1}
.scene-setup-steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0 0 15px}.scene-setup-steps::before{content:'';position:absolute;height:1px;top:13px;left:10%;right:10%;background:#4fc3c951}.scene-setup-steps>div{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.scene-setup-steps b{display:grid;place-items:center;width:27px;height:27px;border:1px solid #78c5cc74;border-radius:50%;font-size:10px;line-height:1;background:#123548;color:#9be0de}.scene-setup-steps span{font-size:8px;color:#b8d0db}.scene-setup-steps>div:last-child>b{border-color:#fcc04e73;color:#fcc04e;background:#253d49}.scene-import{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #80b6c23d;border-radius:6px;background:#153146}.scene-import>div{flex:1}.scene-import strong{font-size:9px;font-weight:500}.scene-import-track{display:block;height:3px;background:#8fb7c32b;border-radius:2px;margin-top:6px;overflow:hidden}.scene-import-track i{display:block;width:85%;height:100%;background:#4fc3c9;transform-origin:left}
.scene-step-request .scene-bottom-line{margin-top:12px}.scene-confirm-pass{padding:7px 10px;border:1px solid #8ac9cd5c;border-radius:7px;background:#173e4a}.scene-confirm-pass>div{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#b6d1db;font-size:9px}.scene-confirm-pass>div:first-child>span:first-child{font-size:8px;letter-spacing:.08em;color:#8fd8d6}.scene-confirm-pass>strong{display:block;font-size:18px;line-height:1.5;letter-spacing:-.03em;margin:2px 0}.scene-confirm-pass>strong>i{font-size:13px;color:#78b9c5;margin-inline:6px}.scene-step-confirmed .scene-heading{margin-bottom:8px}.scene-step-confirmed .scene-bottom-line{margin-top:7px}
.scene-assigned-route{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;font-size:11px}.scene-assigned-route>span{font-size:10px;color:#b5d0dc}.scene-assignment{display:flex;align-items:center;gap:9px;border:1px solid #7eb4c247;border-radius:7px;padding:10px;background:#163746}.scene-avatar{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:7px;background:#4fc3c922;color:#8cd7db;font-size:12px;font-weight:600}.scene-assignment>div{display:flex;flex-direction:column;gap:2px}.scene-assignment strong{font-size:10px}.scene-assignment>div>span{font-size:8px;color:#aecbd7}.scene-assignment>.scene-check{margin-left:auto}.scene-step-assigned .scene-bottom-line{margin-top:9px}
.scene-live-destinations{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:5px}.scene-live-destinations>strong{font-size:16px;letter-spacing:-.035em;font-weight:600}.scene-live-route{position:relative;height:30px;margin:13px 0 6px}.scene-live-base{stroke:#56829a;stroke-width:1.5;stroke-dasharray:3 3;fill:none}.scene-live-progress{stroke:#74d4d2;stroke-width:2;fill:none;stroke-dasharray:270;stroke-dashoffset:100}.scene-moving-point{position:absolute;left:57%;top:4px;width:8px;height:8px;border-radius:50%;background:#fcc04e;box-shadow:0 0 0 4px #fcc04e1c}.scene-live-stops{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:9px;color:#b9d4df}.scene-live-stops>span{display:flex;align-items:center;gap:5px}.scene-live-stops i{width:4px;height:4px;border-radius:50%;background:#6f9cac}.scene-live-stops>span:first-child i,.scene-live-stops>span:nth-child(2) i{background:#7bd0c8}
/* Resting frames are complete; only small in-view accents change. */
.scene-message{animation:scene-message-arrive 5s ease-in-out infinite;animation-play-state:paused}.scene-message-two{animation-delay:.25s}.scene-message-three{animation-delay:.5s}
.scene-value-bar,.scene-money-row i,.scene-import-track i,.scene-report-sheet i{animation:scene-bar-breathe 5.6s ease-in-out infinite;animation-play-state:paused}.scene-money-cost{animation-delay:.15s}.scene-money-net{animation-delay:.3s}
.scene-route-track>span{animation:scene-route-travel 5s ease-in-out infinite;animation-play-state:paused}.scene-midnight-trip .scene-gold-dot,.scene-card-waiting i,.scene-step-confirmed .scene-check,.scene-assignment .scene-check,.scene-access-log .scene-check,.scene-document-row:nth-child(3) .scene-pill{animation:scene-status-glow 4.8s ease-in-out infinite;animation-play-state:paused}
.scene-card-assigned,.scene-ai-draft,.scene-client-request{animation:scene-card-ready 5.8s ease-in-out infinite;animation-play-state:paused}.scene-setup-steps b{animation:scene-setup-ready 5.4s ease-in-out infinite;animation-play-state:paused}.scene-setup-steps>div:nth-child(2)>b{animation-delay:.25s}.scene-setup-steps>div:nth-child(3)>b{animation-delay:.5s}.scene-setup-steps>div:nth-child(4)>b{animation-delay:.75s}.scene-setup-steps>div:nth-child(5)>b{animation-delay:1s}
.scene-live-progress{animation:scene-live-line 5.8s ease-in-out infinite;animation-play-state:paused}.scene-moving-point{animation:scene-live-point 5.8s ease-in-out infinite;animation-play-state:paused}
.visual-chapter.is-inview .product-scene *{animation-play-state:running}
@keyframes scene-message-arrive{0%,72%,100%{transform:translateX(0);opacity:1}82%{transform:translateX(3px);opacity:.68}94%{transform:translateX(0);opacity:1}}
@keyframes scene-bar-breathe{0%,22%,100%{transform:scaleX(1)}45%{transform:scaleX(.74)}70%{transform:scaleX(1)}}
@keyframes scene-route-travel{0%,15%{left:10%;opacity:1}65%,80%{left:82%;opacity:1}88%{left:82%;opacity:.3}100%{left:10%;opacity:1}}
@keyframes scene-status-glow{0%,30%,100%{opacity:1;filter:brightness(1)}55%{opacity:.68;filter:brightness(1.25)}75%{opacity:1;filter:brightness(1)}}
@keyframes scene-card-ready{0%,25%,100%{border-color:#7eb4c247;transform:translateY(0)}55%{border-color:#78d5d6aa;transform:translateY(-2px)}75%{border-color:#7eb4c247;transform:translateY(0)}}
@keyframes scene-setup-ready{0%,25%,100%{box-shadow:0 0 0 0 #4fc3c900}50%{box-shadow:0 0 0 3px #4fc3c926}75%{box-shadow:0 0 0 0 #4fc3c900}}
@keyframes scene-live-line{0%,15%,100%{stroke-dashoffset:100}68%,83%{stroke-dashoffset:20}}
@keyframes scene-live-point{0%,15%,100%{left:57%}68%,83%{left:88%}}
@container (max-width:230px){.scene-heading{font-size:9px;gap:5px}.scene-route{gap:10px}.scene-route strong{font-size:20px}.scene-midnight-trip{left:30%;gap:5px}.scene-midnight-trip>span{font-size:8px}.scene-report-sheet{padding:8px 7px}.scene-report-sheet .scene-sheet-title{font-size:8px}.scene-roles>span{padding-inline:5px;font-size:8px}.scene-document-row{gap:6px}.scene-document-row strong{font-size:9px}.scene-permission-grid>div{grid-template-columns:minmax(0,1fr) 29px 29px;gap:5px}.scene-setup-steps{gap:3px}.scene-setup-steps span{font-size:7.5px}.scene-confirm-pass>strong{font-size:17px}.scene-equation-row{gap:5px}.scene-equation-row>div>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.product-scene *{animation:none!important;transition:none!important}}
html.animations-paused .product-scene *,html.motion-paused .product-scene *{animation:none!important;transition:none!important}