:root{--ink:#081325;--navy:#0b1d33;--navy2:#102b49;--orange:#f05b35;--cream:#f5f2ed;--muted:#667281;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream)}a{color:inherit;text-decoration:none}button{font:inherit}img,video{max-width:100%}.wrap{width:min(1380px,calc(100% - 96px));margin:auto}.skip{position:absolute;left:-9999px;top:0;z-index:30;background:#fff;padding:12px}.skip:focus{left:10px}.header{height:88px;position:absolute;top:0;left:0;right:0;z-index:20;color:#fff;border-bottom:1px solid #ffffff32}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.08em}.brand-mark{display:inline-grid;place-items:center;width:52px;height:52px;background:var(--orange);color:white;font-size:21px;letter-spacing:-.15em;transform:skew(-8deg)}.mark-slash{opacity:.8;margin:0 2px}.brand-name{display:flex;flex-direction:column;font-size:22px;line-height:.85;letter-spacing:.02em}.brand-name span{font-size:9px;letter-spacing:.35em;margin-top:7px}.nav nav{display:flex;align-items:center;gap:38px;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.12em}.nav nav a:not(.nav-contact):hover{color:#ffac91}.nav-contact{border:1px solid #ffffff76;padding:15px 21px}.nav-contact span,.button span,.text-link span{margin-left:14px}.nav-contact:hover{background:white;color:var(--ink)}.menu-button{display:none}.hero{height:min(880px,100svh);min-height:670px;position:relative;overflow:hidden;background:#07172d;color:#fff;display:flex;align-items:center}.hero-video{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.9}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061326 0%,#07172fe8 30%,#08182c50 77%),linear-gradient(0deg,#061326c0,transparent 45%)}.hero-grain{position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:82px 82px;transform:perspective(700px) rotateX(25deg) scale(1.2);animation:drift 18s linear infinite}.hero-content{position:relative;z-index:2;padding-top:105px}.eyebrow,.section-kicker,.small-label{font-size:11px;font-weight:800;letter-spacing:.22em}.eyebrow{color:#f1b49e;display:flex;align-items:center;gap:11px}.pulse{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 7px #f05b3530;animation:pulse 2s ease-out infinite}.hero h1{font-size:clamp(62px,8vw,132px);line-height:.93;letter-spacing:-.075em;margin:32px 0;font-weight:800}.hero h1 em,.contact h2 em{font-style:normal;color:var(--orange)}.hero p{font-size:19px;line-height:1.7;max-width:620px;color:#d5e0e8;margin:0 0 38px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:56px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:0 23px;font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.12em;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.primary{background:var(--orange);color:white}.primary:hover{background:#d84627}.outline{border:1px solid #a8b6c7;color:white}.outline:hover{background:#ffffff1f}.hero-side{position:absolute;z-index:2;right:28px;top:48%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.3em;color:#d5e0e8}.scroll-cue{position:absolute;z-index:2;bottom:39px;left:max(48px,calc((100% - 1380px)/2));font-size:10px;letter-spacing:.22em;font-weight:700;display:flex;align-items:center;gap:15px}.scroll-cue span{height:38px;width:1px;background:var(--orange);display:inline-block;animation:scroll 1.7s infinite}.section{padding:118px 0}.section-kicker{color:var(--orange)}.intro-grid,.approach-head{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end;margin:24px 0 58px}.intro h2,.approach h2,.feature h2,.contact h2{font-size:clamp(45px,5.2vw,82px);line-height:1.02;letter-spacing:-.065em;margin:0;font-weight:800}.intro h2 span,.approach h2 span,.feature h2 span{color:var(--orange)}.intro-grid p,.approach-head p{max-width:440px;color:#536170;font-size:18px;line-height:1.7;margin:0}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-card{min-height:540px;position:relative;overflow:hidden;color:#fff;background:#0b233d;display:flex;align-items:end;transition:transform .35s}.service-card:hover{transform:translateY(-6px)}.dispatch-card{background:#172b43}.card-art{position:absolute;inset:0;overflow:hidden}.card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#061324 0%,transparent 70%)}.art-route{background:radial-gradient(circle at 66% 38%,#245d75,#0b233d 55%);background-image:radial-gradient(circle at 66% 38%,#245d75,#0b233d 55%),linear-gradient(90deg,#ffffff0c 1px,transparent 1px),linear-gradient(#ffffff0c 1px,transparent 1px);background-size:auto,60px 60px,60px 60px}.art-orbit{width:410px;height:410px;border:1px solid #ffffff29;border-radius:50%;position:absolute;right:5%;top:4%;box-shadow:0 0 0 65px #ffffff08,0 0 0 145px #ffffff06}.art-point{position:absolute;width:16px;height:16px;background:var(--orange);border:5px solid #ffb69f;border-radius:50%;z-index:1;box-shadow:0 0 0 12px #f05b3533}.art-point.a{top:21%;left:24%}.art-point.b{top:49%;right:21%}.art-line{position:absolute;top:37%;left:25%;width:55%;height:4px;background:var(--orange);transform:rotate(19deg);box-shadow:0 0 22px var(--orange)}.art-lanes{background:linear-gradient(145deg,#183956,#091a2c)}.art-lanes span{position:absolute;top:-25%;height:150%;width:8%;background:#f05b3533;transform:rotate(24deg);left:40%;animation:lanes 5s linear infinite}.art-lanes span:nth-child(2){left:56%;background:#ffffff30;animation-delay:-2s}.art-lanes span:nth-child(3){left:72%;background:#f05b3570;animation-delay:-4s}.art-lanes i{position:absolute;width:430px;height:430px;border:1px solid #fff3;top:0;right:8%;transform:rotate(45deg)}.card-bottom{position:relative;z-index:2;padding:43px;width:100%}.small-label{color:#ffab8c}.card-bottom h3{font-size:clamp(45px,4.5vw,70px);line-height:.99;letter-spacing:-.06em;margin:18px 0 35px}.card-link{border-top:1px solid #ffffff6b;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.card-link b{font-size:19px}.feature{padding:115px 0;background:white}.feature-dispatch{background:#e9eef1}.feature-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:center}.feature-grid.reverse .feature-copy{order:2}.feature-copy h2{margin:30px 0}.feature-copy p{font-size:18px;line-height:1.7;color:#586778;max-width:520px}.feature-copy ul{list-style:none;margin:32px 0 38px;padding:0;border-top:1px solid #d9dfe3;max-width:510px}.feature-copy li{border-bottom:1px solid #d9dfe3;padding:15px 0;font-size:14px;font-weight:700}.feature-copy li:before{content:"↗";color:var(--orange);margin-right:17px}.text-link{display:inline-block;border-bottom:2px solid var(--orange);padding-bottom:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.text-link:hover{color:var(--orange)}.feature-visual{height:570px;position:relative;overflow:hidden;background:#0d2642}.visual-map{background:radial-gradient(circle at 56% 45%,#204f69,#071a31 65%)}.map-grid{position:absolute;inset:-20%;transform:perspective(550px) rotateX(45deg) rotateZ(-20deg);background-image:linear-gradient(#ffffff25 1px,transparent 1px),linear-gradient(90deg,#ffffff25 1px,transparent 1px);background-size:52px 52px}.map-path{position:absolute;height:3px;width:72%;background:var(--orange);top:47%;left:18%;transform:rotate(-29deg);box-shadow:0 0 25px var(--orange)}.path-two{top:61%;transform:rotate(24deg);width:48%;left:24%;background:#8abfd2}.map-pin{position:absolute;width:18px;height:18px;border:5px solid var(--orange);border-radius:50%;box-shadow:0 0 0 13px #f05b3530,0 0 0 34px #f05b3511}.pin-one{left:20%;top:57%}.pin-two{left:58%;top:38%}.pin-three{right:11%;top:63%}.map-caption,.road-caption{position:absolute;bottom:26px;left:28px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.2em}.visual-road{background:linear-gradient(#183c5a 0%,#587f8c 62%,#172638 62%)}.road-sky{position:absolute;width:550px;height:550px;border-radius:50%;background:#f05b35;filter:blur(3px);opacity:.62;top:-42%;left:20%;box-shadow:0 0 120px 50px #f05b3550}.road-lines{position:absolute;inset:62% -50% 0;background:repeating-linear-gradient(90deg,transparent 0 140px,#ffffffaa 140px 215px,transparent 215px 340px);height:5px;top:83%;transform:skew(-28deg);animation:road 2s linear infinite}.truck{position:absolute;left:9%;bottom:21%;height:145px;width:82%;filter:drop-shadow(15px 22px 15px #07142188);animation:truck 2s ease-in-out infinite}.trailer{position:absolute;left:2%;top:4%;width:68%;height:91px;background:#e4e9ec;border:7px solid #bdcbd2;box-shadow:inset 0 0 0 4px #fff}.trailer:after{content:"ZAZ / LOGISTICS";position:absolute;left:10%;top:38%;font-weight:900;letter-spacing:.13em;color:#0b263e}.cab{position:absolute;right:4%;top:24%;width:26%;height:70px;background:var(--orange);clip-path:polygon(0 0,63% 0,100% 43%,100% 100%,0 100%)}.cab:after{content:"";position:absolute;right:14%;top:11%;width:31%;height:27px;background:#132b44;transform:skew(28deg)}.wheel{position:absolute;bottom:15px;width:48px;height:48px;border-radius:50%;background:#101b27;border:9px solid #303c45;box-shadow:inset 0 0 0 5px #b9c2c8}.w1{left:11%}.w2{left:58%}.w3{right:12%}.approach{background:#f5f2ed}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.principles>div{border-top:2px solid var(--ink);padding:28px 25px 10px 0}.principles span{font-size:13px;color:var(--orange);font-weight:800}.principles h3{font-size:28px;letter-spacing:-.04em;margin:40px 0 12px}.principles p{color:#627181;line-height:1.7;font-size:15px;max-width:300px}.contact{background:#0a1c32;color:#fff;padding:130px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.contact h2{margin:26px 0}.contact p{line-height:1.7;color:#b7c7d2;font-size:18px;max-width:480px;margin-bottom:34px}.contact-panel{border-top:1px solid #ffffff50}.panel-row{border-bottom:1px solid #ffffff50;padding:26px 0}.panel-row span{display:block;font-size:10px;letter-spacing:.2em;color:#ee9679;font-weight:800;margin-bottom:12px}.panel-row a{display:flex;justify-content:space-between;gap:12px;overflow-wrap:anywhere;font-size:clamp(19px,2vw,30px);font-weight:700;letter-spacing:-.03em}.panel-row a:hover{color:#ff9b79}.panel-row b{font-weight:400}footer{background:#061324;color:#fff;padding:45px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px}.footer-grid p{color:#a8b8c6;font-size:13px}.footer-grid>a{font-size:11px;letter-spacing:.16em;font-weight:800}.footer-grid small{grid-column:1/-1;color:#8295a6;border-top:1px solid #ffffff2b;padding-top:24px}.service-card,.feature-copy,.approach-head,.principles>div,.contact-grid{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.revealed{opacity:1!important;transform:none!important}@keyframes pulse{50%{box-shadow:0 0 0 14px #f05b3500}}@keyframes scroll{50%{transform:translateY(8px);opacity:.5}}@keyframes drift{to{background-position:82px 82px}}@keyframes lanes{to{transform:translateY(50%) rotate(24deg)}}@keyframes road{to{background-position-x:-340px}}@keyframes truck{50%{transform:translateY(-5px)}}
@media(max-width:900px){.wrap{width:min(100% - 48px,700px)}.header{height:74px}.brand-mark{width:43px;height:43px}.brand-name{font-size:19px}.menu-button{display:grid;gap:5px;background:none;border:0;padding:12px;cursor:pointer}.menu-button span{display:block;width:24px;height:2px;background:#fff}.nav nav{display:none;position:absolute;top:74px;left:0;right:0;background:#0b1d33;padding:24px;flex-direction:column;align-items:stretch;gap:0}.nav nav.open{display:flex}.nav nav a{padding:15px;border-bottom:1px solid #ffffff27}.nav-contact{margin-top:12px}.hero{min-height:710px;height:90svh}.hero h1{font-size:clamp(58px,10vw,92px)}.hero p{font-size:16px}.hero-side{display:none}.scroll-cue{left:24px}.intro-grid,.approach-head,.feature-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.service-card{min-height:460px}.feature-grid.reverse .feature-copy{order:0}.feature-visual{height:470px}.footer-grid{grid-template-columns:1fr auto}.footer-grid p{grid-column:1/-1;grid-row:2}}@media(max-width:620px){.wrap{width:calc(100% - 36px)}.hero{min-height:700px}.hero-content{padding-top:90px}.hero h1{font-size:clamp(49px,12vw,72px)}.hero-actions{display:grid}.button{width:100%}.section,.feature{padding:76px 0}.intro h2,.approach h2,.feature h2,.contact h2{font-size:48px}.service-grid,.principles{grid-template-columns:1fr}.service-card{min-height:400px}.card-bottom{padding:30px}.feature-visual{height:360px}.truck{transform:scale(.85);transform-origin:left bottom;width:100%}.contact{padding:78px 0}.panel-row a{font-size:21px}.footer-grid{display:flex;flex-wrap:wrap}.footer-grid small{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.service-card,.feature-copy,.approach-head,.principles>div,.contact-grid{opacity:1;transform:none}.hero-video{display:none}.hero{background:#07172d url('hero.svg') center/cover}}