:root{
  --navy:#061b2e;--navy2:#0b2d4b;--orange:#f47b20;--blue:#0b75b7;
  --white:#fff;--muted:#c6d2dc;--ink:#142235;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-snap-type:y mandatory}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#030d18;color:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
body:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 45%,rgba(0,0,0,.22));z-index:20}
.topbar{position:fixed;top:0;left:0;right:0;height:36px;z-index:100;background:rgba(2,15,28,.94);backdrop-filter:blur(14px);display:flex;align-items:center}
.topbar .inner{width:min(1280px,92%);margin:auto;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.5px;color:#d7e1e9}
.topbar .right{display:flex;gap:20px}
.nav{position:fixed;top:36px;left:0;right:0;height:78px;z-index:100;background:rgba(3,16,29,.90);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}
.nav .inner{height:100%;width:min(1280px,92%);margin:auto;display:flex;align-items:center;justify-content:space-between}
.logo{height:68px;width:242px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.links{display:flex;gap:26px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.7px}
.links a{opacity:.88}.links a:hover{color:var(--orange)}
.quote{padding:11px 17px;background:var(--orange);border-radius:6px;color:#fff!important}
.menu-btn{display:none;border:0;background:none;color:#fff;font-size:26px}

.panel{
  height:100vh;min-height:650px;scroll-snap-align:start;position:relative;
  display:flex;align-items:center;overflow:hidden;
  isolation:isolate;
}
.panel .bg{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;transform:scale(1.08);transition:transform 1.5s cubic-bezier(.2,.8,.2,1);z-index:-3}
.panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,18,32,.96) 0%,rgba(2,18,32,.78) 40%,rgba(2,18,32,.15) 76%),linear-gradient(0deg,rgba(2,18,32,.72),transparent 40%);z-index:-2}
.panel:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(244,123,32,.14),transparent 65%);mix-blend-mode:screen;z-index:-1;transform:translateX(-35%);transition:transform 1.5s ease}
.panel.active .bg{transform:scale(1)}
.panel.active:after{transform:translateX(35%)}
.content{width:min(1280px,92%);margin:auto;padding-top:95px;position:relative;z-index:2}
.kicker{display:flex;align-items:center;gap:10px;color:var(--orange);font-size:12px;font-weight:900;letter-spacing:2.3px;text-transform:uppercase}
.kicker i{width:35px;height:3px;background:var(--orange);display:block}
h1{font-size:clamp(56px,8vw,118px);line-height:.88;letter-spacing:-5px;margin:18px 0;max-width:900px}
h1 span{color:var(--orange)}
h2{font-size:clamp(42px,6vw,80px);line-height:.92;letter-spacing:-3px;margin:15px 0;max-width:800px}
.desc{font-size:18px;line-height:1.7;color:#d8e3eb;max-width:640px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn{padding:14px 20px;border-radius:7px;font-weight:900;font-size:12px;letter-spacing:.5px}
.btn-main{background:var(--orange);color:#fff}.btn-outline{border:1px solid rgba(255,255,255,.75);color:#fff}
.btn-main:hover{background:#ff9130}.btn-outline:hover{background:#fff;color:var(--navy)}
.meta{position:absolute;right:4%;bottom:7%;font-size:10px;letter-spacing:2px;color:#d3dde5;text-transform:uppercase}
.meta strong{color:var(--orange);font-size:34px;display:block;letter-spacing:-1px}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.badge{padding:9px 12px;border:1px solid rgba(255,255,255,.22);border-radius:30px;background:rgba(0,0,0,.18);font-size:11px;color:#e5edf3}
.side-progress{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:110;display:flex;flex-direction:column;gap:10px}
.side-progress button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.38);padding:0;cursor:pointer;transition:.25s}
.side-progress button.active{background:var(--orange);transform:scale(1.8)}
.section-title{position:absolute;left:4%;bottom:7%;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#d4dee6}
.section-title span{color:var(--orange)}
.scroll-hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:3px;color:#d0dbe3;text-transform:uppercase;z-index:4}
.scroll-hint:after{content:"";display:block;width:1px;height:28px;background:var(--orange);margin:7px auto 0}
.progress-line{position:fixed;left:0;top:0;height:3px;background:var(--orange);z-index:130;width:0;transition:width .1s linear}
.last .content{text-align:left}
.last .card{margin-top:25px;display:inline-grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid rgba(255,255,255,.18);background:rgba(4,22,37,.66);backdrop-filter:blur(12px);border-radius:13px;overflow:hidden}
.last .item{padding:18px 22px;border-right:1px solid rgba(255,255,255,.12);min-width:170px}
.last .item:last-child{border:0}.last .item b{display:block;font-size:12px;color:#fff;margin-bottom:4px}.last .item span{font-size:12px;color:#b8c7d2}
.hero-logo{width:210px;max-height:72px;object-fit:contain;margin-bottom:10px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.55))}

.multi-wrap{position:relative}
.multi-btn{border:0;background:none;color:#fff;font:inherit;font-weight:900;font-size:12px;letter-spacing:.5px;padding:11px 0;cursor:pointer}
.multi-btn span{font-size:11px;margin-left:4px}
.multi-menu{display:none;position:absolute;top:36px;right:-12px;width:270px;padding:9px;background:rgba(4,20,35,.98);border:1px solid rgba(255,255,255,.14);border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.multi-wrap:hover .multi-menu,.multi-wrap.open .multi-menu{display:grid}
.multi-menu a{padding:10px 12px;color:#fff;font-size:12px;border-radius:6px}
.multi-menu a:hover{background:rgba(244,123,32,.16);color:#f47b20}

@media(max-width:850px){
  .multi-wrap{width:100%}
  .multi-btn{padding:12px 0;text-align:left;width:100%}
  .multi-menu{position:static;width:100%;box-shadow:none;border:0;padding:0 0 0 10px;background:transparent}
  .multi-wrap.open .multi-menu{display:grid}
}

@media(max-width:850px){
 .links{display:none;position:absolute;top:78px;left:0;right:0;background:rgba(4,19,33,.98);padding:15px 5%;flex-direction:column;align-items:stretch}
 .links.open{display:flex}.menu-btn{display:block}.logo{width:205px;height:60px}.topbar .right{gap:9px}
 .content{padding-top:80px}.desc{font-size:16px}.panel:before{background:linear-gradient(90deg,rgba(2,18,32,.94),rgba(2,18,32,.58) 70%,rgba(2,18,32,.3))}
 .last .card{grid-template-columns:1fr}.last .item{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
}
@media(max-width:520px){
 .topbar{height:31px}.nav{top:31px}.nav .inner{height:70px}.topbar .left{display:none}.topbar .right{width:100%;justify-content:center}
 .panel{min-height:620px}.content{padding-top:65px}.hero-logo{width:165px}h1{font-size:50px;letter-spacing:-2px}h2{font-size:48px}.desc{max-width:100%}.meta{display:none}.side-progress{right:10px}
}