:root{--v7-navy:#061c31;--v7-blue:#168bd2;--v7-cyan:#5dc9ef;--v7-ink:#0c2941;--v7-mist:#eef6fa}.v7-home{background:#fff;color:var(--v7-ink);overflow-x:hidden}.v7-home .site-header{background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}.motion-hero{position:relative;min-height:820px;padding:90px 0 0;background:linear-gradient(125deg,#061c31 0%,#082b49 56%,#0b4267 100%);color:#fff;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent)}.hero-orbit{position:absolute;border:1px solid rgba(93,201,239,.18);border-radius:50%;width:700px;height:700px;right:-220px;top:-170px}.orbit-two{width:900px;height:900px;right:-310px;top:-270px}.motion-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:70px}.signal{display:inline-flex;align-items:center;gap:9px;color:#9bdcf6;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.signal i{width:8px;height:8px;border-radius:50%;background:#43d69c;box-shadow:0 0 0 7px rgba(67,214,156,.12);animation:pulse 2s infinite}.motion-hero h1{font-size:clamp(48px,5.7vw,82px);line-height:.98;letter-spacing:-.055em;margin:25px 0}.motion-hero h1 em{font-style:normal;color:#75cff1}.motion-hero-copy>p{max-width:610px;color:#bfd2e1;font-size:19px;line-height:1.7}.motion-hero .btn-ghost{border-color:rgba(255,255,255,.35);color:#fff}.hero-proof{display:flex;gap:28px;margin-top:44px;border-top:1px solid rgba(255,255,255,.13);padding-top:25px}.hero-proof span{display:grid;gap:4px;font-size:12px;color:#c3d2dd}.hero-proof b{color:#50bce7;font-size:10px;letter-spacing:.1em}.hero-control{background:rgba(6,21,37,.72);border:1px solid rgba(125,207,240,.2);border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.25);backdrop-filter:blur(14px);overflow:hidden}.control-top{display:flex;justify-content:space-between;padding:17px 20px;border-bottom:1px solid rgba(255,255,255,.09);font-size:10px;letter-spacing:.15em;color:#9bb4c7}.control-top i{font-style:normal;color:#5de1ad}.globe-stage{position:relative;padding:5px 20px}.globe-stage svg{width:100%;display:block}.world-lines{fill:none;stroke:rgba(101,191,229,.18);stroke-width:1}.hero-route{fill:none;stroke:#65c9ee;stroke-width:2;stroke-dasharray:6 8;animation:dash 12s linear infinite}.route-node{fill:#fff;stroke:#168bd2;stroke-width:5}.route-pulse{fill:none;stroke:#65c9ee;animation:ping 2.4s infinite;transform-origin:145px 237px}.route-ship{fill:#fff;offset-path:path('M145 237 C235 74 360 82 463 184');animation:travel 9s ease-in-out infinite}.route-label{position:absolute;display:grid;font-size:11px}.route-label small{color:#6caccd;font-size:9px}.route-label.from{left:12%;bottom:25%}.route-label.to{right:8%;top:35%}.control-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.09)}.control-stats div{display:grid;padding:17px 19px;border-right:1px solid rgba(255,255,255,.09)}.control-stats small{font-size:8px;letter-spacing:.13em;color:#7896aa}.control-stats strong{font-size:12px;margin-top:5px}.action-dock{position:relative;z-index:3;display:grid;grid-template-columns:1.2fr .8fr;background:#fff;color:var(--v7-ink);margin-top:70px;border-radius:12px 12px 0 0;box-shadow:0 -8px 50px rgba(0,0,0,.13);overflow:hidden}.quick-track,.quick-quote{min-height:116px;display:flex;align-items:center;gap:24px;padding:25px 30px}.quick-track label{display:grid;min-width:180px}.action-dock small{font-size:9px;letter-spacing:.14em;color:#658095}.quick-track input{flex:1;border:0;border-bottom:1px solid #ccdbe4;padding:12px 2px;outline:none}.quick-track button{border:0;background:none;color:#0878ba;font-weight:800;cursor:pointer}.quick-quote{justify-content:space-between;background:#168bd2;color:#fff}.quick-quote span{display:grid}.quick-quote small{color:#d7f3ff}.quick-quote b{font-size:28px}.hero-sky{position:absolute;inset:0}.hero-plane{position:absolute;top:17%;left:-10%;color:rgba(255,255,255,.17);font-size:30px;transform:rotate(10deg);animation:fly 24s linear infinite}.cloud{position:absolute;width:140px;height:25px;background:rgba(255,255,255,.04);border-radius:50%}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:45px;height:45px;left:25px;top:-20px}.cloud:after{width:70px;height:55px;right:20px;top:-30px}.c1{top:13%;left:12%;animation:drift 20s ease-in-out infinite}.c2{top:30%;right:9%;transform:scale(.7);animation:drift 16s ease-in-out infinite reverse}
.mode-experience{padding:120px 0;background:#f6fafc}.mode-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #cadae4;margin-top:45px}.mode-tabs button{border:0;background:none;padding:20px 10px;text-align:left;color:#718495;font-weight:700;cursor:pointer;border-bottom:3px solid transparent}.mode-tabs button span{display:block;font-size:9px;color:#9db0bd;margin-bottom:6px}.mode-tabs button.active{color:#0878ba;border-color:#168bd2}.mode-stage{display:grid;grid-template-columns:.38fr .62fr;min-height:520px;background:#fff;box-shadow:0 24px 70px rgba(16,55,82,.09)}.mode-copy{padding:58px 50px}.mode-number{font-size:11px;letter-spacing:.16em;color:#168bd2}.mode-copy h3{font-size:39px;margin:25px 0 18px}.mode-copy p{color:#667d8e;line-height:1.7}.mode-copy ul{list-style:none;padding:20px 0;margin:0;border-top:1px solid #e3edf2}.mode-copy li{padding:8px 0}.mode-copy li:before{content:'✓';color:#168bd2;margin-right:12px}.mode-copy a{color:#0878ba;font-weight:800}.mode-scenes{position:relative;overflow:hidden;min-height:520px}.mode-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease}.mode-scene.active{opacity:1;visibility:visible}.sea-scene{background:linear-gradient(#bfe5f5 0 60%,#1686bf 61%)}.sun{position:absolute;width:80px;height:80px;border-radius:50%;background:#fff4c3;right:13%;top:11%;box-shadow:0 0 50px rgba(255,244,195,.8)}.sea-cloud,.air-cloud{position:absolute;width:100px;height:20px;border-radius:30px;background:rgba(255,255,255,.72);animation:drift 8s ease-in-out infinite}.sc1{left:12%;top:17%}.sc2{right:25%;top:30%;transform:scale(.7)}.port-crane{position:absolute;bottom:39%;right:8%;height:165px;width:8px;background:#234b60}.port-crane:before{content:"";position:absolute;top:0;right:0;width:105px;height:8px;background:#234b60;transform:rotate(-4deg);transform-origin:right}.port-crane:after{content:"";position:absolute;width:2px;height:70px;background:#234b60;left:-94px;top:4px}.pc2{right:25%;transform:scale(.8);transform-origin:bottom}.vessel{position:absolute;bottom:24%;left:-35%;width:280px;height:52px;background:#082c49;clip-path:polygon(0 0,100% 0,86% 100%,15% 100%);animation:sail 12s ease-in-out infinite}.vessel i,.vessel b,.vessel span{position:absolute;bottom:42px;width:58px;height:32px;background:#e05a3f;box-shadow:61px 0 #d7a02d,122px 0 #168bd2,183px 0 #e7e9e8}.vessel b{bottom:74px;left:61px}.vessel span{bottom:74px;left:122px}.wave{position:absolute;left:-20%;width:140%;height:20px;border-top:3px solid rgba(255,255,255,.55);border-radius:50%;bottom:18%;animation:wave 4s ease-in-out infinite}.w2{bottom:10%;animation-delay:-2s}.air-scene{background:linear-gradient(150deg,#91cef0,#edf8fd)}.cargo-plane{position:absolute;left:-35%;top:42%;width:230px;height:48px;background:#f8fbfd;border-radius:70% 18% 22% 60%;box-shadow:0 15px 30px rgba(12,54,82,.2);animation:planeMove 10s ease-in-out infinite}.cargo-plane:before{content:"";position:absolute;left:75px;top:-52px;border-left:88px solid transparent;border-right:25px solid transparent;border-bottom:64px solid #dfeef5;transform:skewX(-12deg)}.cargo-plane:after{content:"";position:absolute;left:85px;top:27px;border-left:82px solid transparent;border-right:22px solid transparent;border-top:58px solid #c9e0ec}.cargo-plane span{position:absolute;left:43px;top:16px;color:#168bd2;font-size:10px;font-weight:900;letter-spacing:.15em}.ac1{top:20%;left:10%}.ac2{bottom:17%;right:10%}.air-line{position:absolute;left:8%;right:8%;top:59%;border-top:1px dashed rgba(8,70,108,.3);transform:rotate(-7deg)}.rail-scene{background:linear-gradient(#c4e4ec 0 57%,#78916f 58%)}.mountain{position:absolute;bottom:40%;width:75%;height:46%;background:#67838a;clip-path:polygon(0 100%,18% 30%,33% 71%,52% 10%,75% 66%,90% 25%,100% 100%)}.m2{right:-15%;background:#8aa1a2;transform:scale(.78);transform-origin:bottom}.tracks{position:absolute;bottom:17%;left:0;width:100%;height:10px;border-top:5px solid #31444d;border-bottom:3px solid #31444d;background:repeating-linear-gradient(90deg,transparent 0 22px,#31444d 23px 29px)}.train{position:absolute;display:flex;align-items:end;gap:5px;left:-65%;bottom:21%;animation:drive 12s linear infinite}.engine,.wagon{position:relative;width:128px;height:62px;background:#163e5a;border-radius:5px}.engine{width:145px;height:85px;background:#168bd2;clip-path:polygon(0 24%,73% 24%,100% 60%,100% 100%,0 100%)}.engine:after,.wagon:after{content:"";position:absolute;bottom:-13px;left:18px;width:23px;height:23px;border-radius:50%;background:#172b37;box-shadow:72px 0 #172b37}.wagon:nth-child(2){background:#d0523d}.wagon:nth-child(3){background:#d99d2b}.wagon:nth-child(4){background:#557e95}.road-scene{background:linear-gradient(#b8ddeb 0 61%,#779566 62%)}.road-hills{position:absolute;left:0;right:0;bottom:36%;height:28%;background:#6d976e;clip-path:polygon(0 100%,0 65%,17% 22%,29% 64%,47% 8%,63% 58%,80% 14%,100% 67%,100% 100%)}.road{position:absolute;bottom:10%;width:100%;height:23%;background:#354650;border-top:8px solid #eef0e6}.road:after{content:"";position:absolute;top:50%;width:100%;border-top:4px dashed #f3d75d}.truck{position:absolute;left:-45%;bottom:26%;display:flex;align-items:end;animation:drive 10s linear infinite}.truck-box{width:210px;height:100px;background:#f5f8f9;color:#168bd2;display:grid;place-items:center;font-weight:900;letter-spacing:.2em}.truck-cab{width:90px;height:78px;background:#168bd2;clip-path:polygon(0 28%,30% 0,80% 0,100% 100%,0 100%)}.truck i,.truck b{position:absolute;width:29px;height:29px;border:7px solid #1a2e39;background:#9bafba;border-radius:50%;bottom:-18px;left:35px}.truck b{left:240px}.warehouse-scene{background:linear-gradient(#d9e5e9 0 72%,#aab9bf 73%)}.warehouse-racks{position:absolute;left:7%;top:15%;width:42%;height:65%;border:10px solid #455f6d;background:repeating-linear-gradient(0deg,transparent 0 75px,#455f6d 76px 84px),repeating-linear-gradient(90deg,transparent 0 85px,#455f6d 86px 94px)}.warehouse-racks i{position:absolute;width:68px;height:45px;background:#d6962f;left:10px;top:20px;box-shadow:92px 0 #567f96,184px 0 #c95c42,0 84px #c95c42,92px 84px #d6962f,184px 84px #567f96}.mini-crane{position:absolute;right:12%;top:12%;width:12px;height:230px;background:#e2a729}.mini-crane:before{content:"";position:absolute;width:150px;height:12px;right:0;background:#e2a729}.mini-crane b{position:absolute;right:135px;top:8px;width:2px;height:130px;background:#384e59;animation:lift 5s ease-in-out infinite}.mini-crane span{position:absolute;width:55px;height:30px;background:#c75d44;right:109px;top:136px;animation:liftBox 5s ease-in-out infinite}.forklift{position:absolute;right:-20%;bottom:14%;width:90px;height:65px;background:#e4aa2e;animation:fork 9s ease-in-out infinite}.forklift:before{content:"";position:absolute;left:55px;top:-55px;width:8px;height:120px;background:#2f4651}.forklift:after{content:"";position:absolute;left:62px;bottom:0;width:65px;height:5px;background:#2f4651}.forklift i,.forklift b{position:absolute;width:25px;height:25px;border-radius:50%;background:#283a43;bottom:-12px;left:10px}.forklift b{left:58px}.forklift span{position:absolute;left:71px;bottom:5px;width:48px;height:42px;background:#b87037}.pallets{position:absolute;right:4%;bottom:10%}.pallets i{display:inline-block;width:50px;height:40px;background:#ae6a35;margin:2px}
.network-section{padding:120px 0;background:#061c31;color:#fff;overflow:hidden}.network-grid{display:grid;grid-template-columns:.42fr .58fr;gap:50px;align-items:center}.network-copy h2,.visibility-copy h2{font-size:clamp(40px,5vw,64px);line-height:1.05;margin:22px 0}.network-copy>p,.visibility-copy>p{color:#a9c0d0;line-height:1.8}.network-points{margin:35px 0}.network-points>div{display:flex;gap:20px;padding:16px 0;border-top:1px solid rgba(255,255,255,.1)}.network-points b{color:#4fbde9;font-size:10px}.network-points span{display:grid}.network-points small{color:#819caf;margin-top:3px}.trade-map{position:relative}.trade-map svg{width:100%}.map-land{fill:#0b334e;stroke:#1a4a68;stroke-width:2}.trade-route{fill:none;stroke:#49bce9;stroke-width:2;stroke-dasharray:5 7;animation:dash 14s linear infinite}.r2{animation-delay:-3s}.r3{animation-delay:-6s}.trade-dot{fill:#fff;stroke:#168bd2;stroke-width:5}.map-card{position:absolute;background:rgba(10,43,67,.9);border:1px solid #1f5778;padding:13px 17px;display:grid;border-radius:6px}.map-card small{font-size:8px;color:#57bde3}.map-card strong{font-size:11px;margin-top:4px}.mc1{left:12%;top:27%}.mc2{right:8%;bottom:18%}.services-premium{padding:120px 0}.premium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.premium-grid article{padding:45px 38px;min-height:330px;background:#f1f6f8;display:flex;flex-direction:column}.premium-grid .featured{background:#0b3957;color:#fff;transform:translateY(-20px)}.premium-grid span{color:#168bd2;font-size:10px;letter-spacing:.16em}.premium-grid h3{font-size:27px;margin:60px 0 15px}.premium-grid p{color:#6d8190;line-height:1.7}.premium-grid .featured p{color:#b6c9d5}.premium-grid a{margin-top:auto;color:#168bd2;font-weight:800}.visibility-section{background:#0b3653;padding:110px 0;color:#fff}.visibility-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.visibility-ui{background:#fff;border-radius:12px;overflow:hidden;color:#15354b;box-shadow:0 30px 80px rgba(0,0,0,.25)}.ui-head{height:56px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #e3ebef;padding:0 20px}.ui-head img{width:90px}.ui-head span{font-weight:800;font-size:12px}.ui-head i{margin-left:auto;background:#e8f8ef;color:#279362;padding:6px 9px;border-radius:20px;font-size:7px}.ui-body{display:grid;grid-template-columns:55px 1fr}.ui-body aside{background:#f0f5f7;padding:18px}.ui-body aside b{display:block;width:18px;height:4px;background:#9eb2bd;margin:14px 0;border-radius:5px}.ui-content{padding:30px}.ui-title,.ui-route{display:flex;justify-content:space-between;align-items:center}.ui-title span{display:grid}.ui-title small,.ui-route small{font-size:8px;color:#8ba0ac}.ui-title em{font-style:normal;color:#299266;background:#e8f8ef;padding:7px 12px;border-radius:20px;font-size:10px}.ui-route{margin:35px 0}.ui-route span{display:grid}.ui-route i{width:8px;height:8px;background:#168bd2;border-radius:50%;margin-bottom:7px}.ui-route b{color:#aac0cb}.ui-timeline{display:flex;justify-content:space-between;border-top:2px solid #dbe5e9}.ui-timeline i{width:13px;height:13px;background:#dbe5e9;border-radius:50%;margin-top:-7px}.ui-timeline .done{background:#2fbc80}.ui-timeline .active{background:#168bd2;box-shadow:0 0 0 7px rgba(22,139,210,.14)}.ui-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:35px}.ui-cards span{height:58px;border-radius:5px;background:linear-gradient(110deg,#edf3f5,#f9fbfc)}.visibility-copy ul{padding:15px 0 30px;list-style:none}.visibility-copy li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.visibility-copy li:before{content:'✓';color:#5cd4a0;margin-right:12px}.final-cta{background:#eef6fa;padding:80px 0}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#071f38,#0a527d);color:#fff;padding:60px;border-radius:10px}.final-cta h2{font-size:clamp(34px,4vw,52px);margin:12px 0}.final-cta p{color:#b8cedc}.final-cta-inner>div:last-child{display:grid;gap:17px;text-align:center}.final-cta-inner>div:last-child>a:last-child{color:#b9d9e9}
@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(67,214,156,0)}}@keyframes ping{50%{r:28;opacity:0}}@keyframes dash{to{stroke-dashoffset:-100}}@keyframes travel{0%,10%{offset-distance:0%;opacity:0}20%,80%{opacity:1}90%,100%{offset-distance:100%;opacity:0}}@keyframes fly{to{left:110%;top:10%}}@keyframes drift{50%{transform:translateX(45px)}}@keyframes sail{0%{left:-35%}70%,100%{left:75%}}@keyframes wave{50%{transform:translateX(5%) translateY(6px)}}@keyframes planeMove{0%{left:-35%;top:55%;transform:rotate(-5deg)}75%,100%{left:90%;top:18%;transform:rotate(-5deg)}}@keyframes drive{from{left:-65%}to{left:110%}}@keyframes lift{50%{height:75px}}@keyframes liftBox{50%{top:81px}}@keyframes fork{0%,10%{right:-20%}45%,65%{right:25%}90%,100%{right:-20%}}
@media(max-width:980px){.motion-hero{padding-top:65px}.motion-hero-inner,.network-grid,.visibility-grid{grid-template-columns:1fr}.hero-control{max-width:650px}.action-dock{grid-template-columns:1fr}.mode-stage{grid-template-columns:1fr}.mode-copy{min-height:400px}.premium-grid{grid-template-columns:1fr}.premium-grid .featured{transform:none}.trade-map{order:-1}.final-cta-inner{align-items:flex-start;gap:35px}.mode-scenes{min-height:450px}}
@media(max-width:680px){.motion-hero{min-height:auto;padding-top:55px}.motion-hero h1{font-size:48px}.motion-hero-inner{gap:45px}.hero-control{margin:0 -10px}.hero-proof{display:grid;grid-template-columns:1fr 1fr}.action-dock{margin:55px -2px 0}.quick-track{align-items:stretch;flex-direction:column;gap:12px}.quick-track button{text-align:left;padding:10px 0}.quick-quote{min-height:100px}.mode-tabs{overflow-x:auto;grid-template-columns:repeat(5,minmax(105px,1fr))}.mode-stage{margin:0 -6px}.mode-copy{padding:38px 28px;min-height:420px}.mode-scenes{min-height:360px}.vessel{transform:scale(.68);transform-origin:left bottom}.premium-grid article{min-height:280px}.network-section,.services-premium,.visibility-section,.mode-experience{padding:80px 0}.visibility-ui{font-size:80%}.ui-content{padding:20px 15px}.final-cta-inner{padding:38px 25px;flex-direction:column}.control-stats div{padding:12px 8px}.route-label{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* V7.1 photographic direction — restrained motion, real freight imagery */
.motion-hero{min-height:780px;padding:88px 0 0;background:#061c31;isolation:isolate}
.hero-photo{position:absolute;inset:0;background:url('../images/ocean-freight-v2.webp') center 48%/cover no-repeat;z-index:-2;animation:cinematic-pan 22s ease-in-out infinite alternate;transform:scale(1.025)}
.motion-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,20,35,.94) 0%,rgba(4,27,46,.8) 44%,rgba(4,25,42,.27) 72%,rgba(4,25,42,.16) 100%)}
.motion-hero-inner{grid-template-columns:1.04fr .96fr;min-height:540px;gap:80px}
.motion-hero h1{font-size:clamp(54px,6.2vw,88px);max-width:720px;text-shadow:0 3px 20px rgba(0,0,0,.18)}
.motion-hero h1 em{color:#73cef2}
.signal{color:#fff;border-left:3px solid #32a9dd;padding-left:12px}
.signal i,.hero-sky,.hero-grid,.hero-orbit{display:none}
.hero-service-panel{background:rgba(255,255,255,.98);color:var(--v7-ink);border-radius:10px;box-shadow:0 32px 90px rgba(0,0,0,.3);overflow:hidden;align-self:center}
.service-panel-tabs{display:flex;border-bottom:1px solid #dfe9ee;padding:0 28px;gap:30px}.service-panel-tabs>*{padding:20px 0;color:#6f8392;font-weight:800;font-size:13px}.service-panel-tabs .active{color:#0878ba;border-bottom:3px solid #168bd2}.service-panel-body{padding:30px}.service-panel-body>small{font-size:9px;letter-spacing:.16em;color:#168bd2;font-weight:800}.service-panel-body h2{font-size:26px;margin:9px 0 24px}.service-panel-body form{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end}.service-panel-body label{display:grid;gap:7px;color:#678091;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.service-panel-body input,.service-panel-body select{width:100%;background:#f5f8fa;border:1px solid #d5e1e7!important;padding:10px;font:inherit;color:#17364a}.route-arrow{padding-bottom:15px;color:#168bd2;font-weight:900}.service-panel-body .mode-field{grid-column:1/4}.service-panel-body button{grid-column:1/4;border:0;border-radius:5px;background:#147fbd;color:#fff;padding:15px;font-weight:800;cursor:pointer}.service-panel-body p{font-size:10px;color:#78909f;margin:14px 0 0}
.action-dock{margin-top:48px}.mode-experience{background:#f4f8fa}.mode-scenes{background:#0a263b}.mode-scene{overflow:hidden;background:#0a263b!important}.mode-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(3,20,33,.58));pointer-events:none}.mode-scene img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.035);transition:transform 1.2s cubic-bezier(.2,.7,.2,1);will-change:transform}.mode-scene.active img{animation:photo-drift 14s ease-in-out infinite alternate}.photo-caption{position:absolute;z-index:2;left:28px;bottom:25px;display:grid;color:#fff;border-left:3px solid #39aee0;padding-left:13px;text-shadow:0 2px 12px rgba(0,0,0,.35)}.photo-caption b{font-size:14px}.photo-caption small{font-size:10px;color:#d1e3ec;margin-top:4px}.mode-tabs button{transition:color .2s,border-color .2s}.trade-route{animation-duration:28s}.signal,.route-pulse{animation:none}
@keyframes cinematic-pan{from{transform:scale(1.025) translateX(-.4%)}to{transform:scale(1.055) translateX(.5%)}}
@keyframes photo-drift{from{transform:scale(1.035) translateX(-.35%)}to{transform:scale(1.065) translateX(.45%)}}
@media(max-width:980px){.motion-hero-inner{grid-template-columns:1fr;gap:36px;padding-bottom:50px}.hero-service-panel{max-width:620px}.motion-hero:after{background:linear-gradient(90deg,rgba(3,20,35,.9),rgba(3,20,35,.5))}}
@media(max-width:680px){.motion-hero{padding-top:44px}.motion-hero h1{font-size:49px}.hero-service-panel{margin:0 -3px}.service-panel-body{padding:24px 20px}.service-panel-body form{grid-template-columns:1fr}.service-panel-body label,.service-panel-body .mode-field,.service-panel-body button{grid-column:1}.route-arrow{display:none}.hero-photo{background-position:61% center}.motion-hero:after{background:rgba(3,20,35,.7)}.mode-scenes{min-height:330px}.photo-caption{left:20px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.hero-photo,.mode-scene.active img{animation:none!important;transform:none!important}}