*{box-sizing:border-box}
:root{--navy:#082b62;--deep:#071d3a;--orange:#f47716}
html,body{margin:0;min-height:100%}
body{font-family:Inter,Arial,sans-serif;background:#fff;color:var(--deep);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 77% 49%,#f2f6fb 0%,#fff 50%)}
.header{width:min(1200px,calc(100% - 64px));margin:0 auto;padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:22px;border-bottom:1px solid #e8edf3;position:relative;z-index:2}
.brand{display:inline-flex;align-items:center;min-width:0}
.logo{display:block;width:min(440px,46vw);height:auto;object-fit:contain}
.status{display:inline-flex;align-items:center;gap:9px;color:#52647a;font-size:10px;letter-spacing:1.8px;font-weight:800;white-space:nowrap}
.status i{width:8px;height:8px;display:inline-block;background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px #f477161b;animation:pulse 2s ease-in-out infinite}
.hero{width:min(1200px,calc(100% - 64px));margin:auto;flex:1;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:35px;padding:50px 0 64px;position:relative}
.hero-copy{position:relative;z-index:1;padding:20px 0 20px 20px;animation:reveal .8s ease both}
.eyebrow{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:2.5px;color:#61718a;font-weight:800}
.eyebrow span{width:28px;height:3px;background:var(--orange)}
h1{font-size:clamp(48px,6.1vw,82px);letter-spacing:-4.8px;line-height:.98;margin:25px 0 18px;font-weight:800;color:var(--deep)}
h1 em{color:var(--orange);font-style:normal}
.hero-copy p{color:#64748b;font-size:clamp(16px,1.8vw,20px);margin:0}
.contact-button{margin-top:32px;display:inline-flex;align-items:center;gap:27px;background:var(--orange);color:#fff;padding:15px 20px;border-radius:4px;font-size:13px;font-weight:800;box-shadow:0 9px 20px #f477162c;transition:transform .2s,background .2s,box-shadow .2s}
.contact-button:hover{background:#df650c;transform:translateY(-2px);box-shadow:0 12px 25px #f4771638}
.contact-button span{font-size:18px}
.visual{min-height:410px;height:min(44vw,530px);position:relative;animation:reveal .9s .12s ease both}
.halo{position:absolute;border-radius:50%}.halo-one{width:78%;aspect-ratio:1;top:7%;left:12%;background:radial-gradient(circle,#e8eff9 0%,#f5f8fc 47%,#ffffff00 72%)}
.halo-two{width:52%;aspect-ratio:1;top:21%;left:24%;border:1px solid #082b6215}
.arc{position:absolute;border:1px solid #f477164e;border-radius:50%;transform:rotate(-25deg)}
.arc-one{width:94%;height:54%;left:1%;top:23%}.arc-two{width:82%;height:43%;left:7%;top:29%;border-color:#082b6228;transform:rotate(22deg)}
.cargo{position:absolute;border:1px solid #ffffff52;box-shadow:0 22px 40px #071d3a1a;transform:skewY(-8deg) rotate(-7deg)}
.cargo:after{content:"";position:absolute;inset:9px 12px;background:repeating-linear-gradient(90deg,transparent 0 14px,#ffffff25 15px 17px);border-left:1px solid #ffffff24}
.cargo-back{width:37%;height:21%;top:27%;left:43%;background:linear-gradient(135deg,#315c96,#082b62)}
.cargo-orange{width:43%;height:23%;top:43%;left:36%;background:linear-gradient(135deg,#ff9a43,#e7650b)}
.cargo-front{width:38%;height:20%;top:57%;left:24%;background:linear-gradient(135deg,#174786,#071d3a)}
.plane{position:absolute;top:15%;left:18%;color:var(--orange);font-size:36px;transform:rotate(-18deg);animation:fly 4.8s ease-in-out infinite alternate;filter:drop-shadow(0 4px 8px #f4771633)}
.visual-label{position:absolute;right:3%;bottom:7%;padding:11px 14px;border:1px solid #dce4ee;border-radius:3px;background:#ffffffd9;color:#53647b;font-size:9px;letter-spacing:2px;font-weight:800}
.visual-label b{color:var(--orange);padding:0 7px;font-size:14px}
.footer{width:min(1200px,calc(100% - 64px));min-height:72px;margin:0 auto;display:flex;align-items:center;gap:30px;border-top:1px solid #e8edf3;color:#5e6f84;position:relative;z-index:2;font-size:12px}
.footer-link{display:inline-flex;align-items:center;gap:9px;transition:color .2s}.footer-link:hover{color:var(--orange)}
.footer-icon{color:var(--orange);font-size:14px}.copyright{margin-left:auto;color:#8290a2;font-size:11px}
@keyframes reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes fly{from{transform:translate(-6px,5px) rotate(-18deg)}to{transform:translate(14px,-10px) rotate(-18deg)}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 4px #f477161b}50%{box-shadow:0 0 0 7px #f477160a}}
@media(max-width:760px){
.header,.hero,.footer{width:calc(100% - 36px)}.header{padding:18px 0}.logo{width:min(330px,54vw)}
.status{font-size:8px;letter-spacing:1px;gap:7px}.hero{grid-template-columns:1fr;gap:0;padding:55px 0 10px}
.hero-copy{padding:0}h1{font-size:clamp(51px,12vw,76px);letter-spacing:-3.5px}
.visual{height:340px;min-height:0;width:100%;margin-top:-3px}.halo-one{width:78%;left:13%}
.cargo-back{top:20%}.cargo-orange{top:37%}.cargo-front{top:51%}.plane{top:9%}.visual-label{bottom:3%}
.footer{min-height:auto;padding:18px 0;flex-wrap:wrap;gap:13px 22px;font-size:11px}.copyright{width:100%;margin-left:0}}
@media(max-width:420px){
.header{align-items:flex-start;flex-direction:column;gap:13px}.logo{width:min(100%,330px)}
.status{align-self:flex-start}.hero{padding-top:42px}h1{letter-spacing:-2.8px}.visual{height:285px}
.footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}