:root{
  --navy:#0A1B33;
  --navy-2:#0B2E5B;
  --blue:#104C8D;
  --blue-bright:#1E6FD0;
  --amber:#F6A700;
  --weld:#E5531C;
  --ink:#0A1526;
  --steel:#5B6675;
  --line:#E3E8EF;
  --fog:#F4F6F9;
  --paper:#FFFFFF;
  --white:#FFFFFF;
  --radius:4px;
  --maxw:1240px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4,h5{font-family:'Archivo',sans-serif;line-height:1.05;letter-spacing:-.01em}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

.eyebrow{
  font-family:'IBM Plex Mono',monospace;
  font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;
  color:var(--blue);display:inline-flex;align-items:center;gap:10px;
}
.eyebrow::before{content:"[";color:var(--amber);font-weight:600}
.eyebrow::after{content:"]";color:var(--amber);font-weight:600}
.rule{width:54px;height:3px;background:var(--amber);margin:18px 0 26px;border-radius:2px}

.btn{
  display:inline-flex;align-items:center;gap:10px;font-family:'Archivo',sans-serif;
  font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;
  padding:15px 28px;border-radius:var(--radius);transition:.28s var(--ease);cursor:pointer;border:0;
}
.btn-amber{background:var(--amber);color:var(--ink)}
.btn-amber:hover{background:#ffbe2e;transform:translateY(-2px);box-shadow:0 12px 28px rgba(246,167,0,.32)}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35)}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn .ar{transition:transform .28s var(--ease)}
.btn:hover .ar{transform:translateX(4px)}

/* hero */
.hero{position:relative;height:min(92vh,550px);min-height:560px;overflow:hidden;background:var(--navy)}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s var(--ease);z-index:1}
.slide.active{opacity:1;z-index:2}
.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;
  transform:scale(1.08);transition:transform 7s linear}
.slide.active .slide-bg{transform:scale(1)}
.slide-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(8,20,40,.94) 0%,rgba(8,20,40,.82) 42%,rgba(8,20,40,.35) 78%,rgba(8,20,40,.15) 100%)}
.blueprint{position:absolute;inset:0;z-index:3;opacity:.12;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);
  background-size:52px 52px}
.hero-inner{position:relative;z-index:4;height:100%;display:flex;align-items:center}
.hero-content{max-width:1300px}
.slide .eyebrow{opacity:0;transform:translateY(16px);transition:.7s var(--ease) .2s}
.slide .htitle{opacity:0;transform:translateY(22px);transition:.8s var(--ease) .32s}
.slide .hbody{opacity:0;transform:translateY(22px);transition:.8s var(--ease) .46s}
.slide .hcta{opacity:0;transform:translateY(22px);transition:.8s var(--ease) .6s}
.slide.active .eyebrow,.slide.active .htitle,.slide.active .hbody,.slide.active .hcta{opacity:1;transform:none}
.htitle{color:#fff;font-size:clamp(38px,5.4vw,70px);font-weight:800;margin:20px 0 0;text-transform:uppercase}
.htitle b{color:var(--amber);font-weight:800}
.hbody{color:#cdd8e8;font-size:17.5px;max-width:540px;margin:22px 0 34px}
.hcta{display:flex;gap:14px;flex-wrap:wrap}

/* section shell */
.section{padding:96px 0}
.section.fog{background:var(--fog)}
.shead{max-width:720px}
.shead.center{margin:0 auto;text-align:center}
.shead h2{font-size:clamp(30px,3.6vw,46px);font-weight:800;color:var(--navy-2);text-transform:uppercase}
.shead p{color:var(--steel);font-size:16.5px;margin-top:14px}

/* reveal */
.reveal{opacity:0;transform:translateY(30px);transition:.8s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* whatsapp float */
.wa{position:fixed;right:22px;bottom:22px;z-index:120;width:56px;height:56px;border-radius:50%;
  background:#25D366;display:grid;place-items:center;box-shadow:0 12px 30px rgba(37,211,102,.4);
  color:#fff;transition:.25s;font-size:22px}
.wa:hover{transform:scale(1.08)}

@media(max-width:900px){
  .hero{min-height:420px}
  .section{padding:70px 0}
}
@media(max-width:560px){
  .hero{height:auto;min-height:340px;padding:70px 0}
  .slide{position:relative;opacity:1;display:none}
  .slide.active{display:block}
  .slide-bg{transform:none}
  .htitle{font-size:clamp(28px,8vw,42px)}
  .hbody{font-size:15px;max-width:100%}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.15s!important}
  .slide-bg{transform:none!important}
  .reveal{opacity:1;transform:none;transition:none}
}
@media(max-width:991px){
.slide-bg::after {
  
    background: none !important;
}
}