/* Aeronef Scroll Hero — scoped to .aeh */
.aeh{
  --aeh-navy:#0a2754;
  --aeh-blue:#1e6fe8;
  --aeh-floor:rgb(234,241,243);
  --aeh-font:"Heebo","Helvetica Neue",Helvetica,Arial,sans-serif;
  position:relative;z-index:1;
  width:100vw;max-width:none !important;
  margin:0 0 0 calc(50% - 50vw) !important;
  height:100vh;height:100svh;min-height:520px;overflow:hidden;
  background:#3a8ccb var(--aeh-bg) center/cover no-repeat;
  font-family:var(--aeh-font);
  box-sizing:border-box;
}
.aeh *,.aeh *::before,.aeh *::after{box-sizing:border-box}
body:has(.aeh){overflow-x:clip}
html.aeh-locked,html.aeh-locked body{overflow:hidden !important}
html.aeh-locked{height:100%}  /* body jangan height:100% -> body bisa jadi area scroll sendiri & nyangkut di tengah halaman */
html.aeh-locked .aeh{touch-action:none}
/* HP: di halaman depan, tarik ke bawah dipakai untuk rewind video -> matikan pull-to-refresh browser */
html:has(.aeh),body:has(.aeh){overscroll-behavior-y:none}

.aeh-film{position:absolute;inset:0;width:100%;height:100%;display:block}

.aeh-top,.aeh-bot{position:absolute;left:var(--aeh-tx,8%);max-width:min(560px,var(--aeh-maxw,560px),calc(100% - 40px));z-index:3}
.aeh-top{top:var(--aeh-ty,60%)}
.aeh-bot{top:var(--aeh-tb,75%)}
.aeh-r{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
.aeh.aeh-in .aeh-r{opacity:1;transform:none}
.aeh-top,.aeh-bot{pointer-events:auto}

.aeh .aeh-kicker{display:none;margin:0 0 10px;padding:0;color:#fff;font-family:var(--aeh-font);font-size:10.5px;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;opacity:.9;line-height:1.3}
.aeh .aeh-title{margin:0;padding:0;color:var(--aeh-navy);font-family:var(--aeh-font);font-weight:800;
  font-size:clamp(32px,min(3.6vw,6.4vh),60px);line-height:1.04;letter-spacing:-.01em;text-wrap:balance;text-transform:none}
.aeh .aeh-sub{margin:0 0 20px;padding:0;color:#3b4b63;font-family:var(--aeh-font);font-size:15px;line-height:1.6;max-width:46ch}
.aeh .aeh-cta{display:inline-block;background:var(--aeh-blue);color:#fff;text-decoration:none;font-family:var(--aeh-font);
  font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;line-height:1.2;padding:18px 32px;
  border-radius:20px 0 20px 0;box-shadow:0 10px 24px -10px rgba(30,111,232,.7)}
.aeh .aeh-cta:hover,.aeh .aeh-cta:focus-visible{background:var(--aeh-navy);color:#fff}
.aeh .aeh-cta:focus-visible{outline:3px solid #9fd0ff;outline-offset:3px}
.aeh .aeh-stats{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;margin:26px 0 0;padding:0}
.aeh .aeh-stats div{padding:0 22px;border-left:1px solid rgba(10,39,84,.18)}
.aeh .aeh-stats div:first-child{padding-left:0;border-left:0}
.aeh .aeh-stats dt{margin:0;color:var(--aeh-navy);font-weight:800;font-size:26px;line-height:1;font-variant-numeric:tabular-nums}
.aeh .aeh-stats dd{margin:6px 0 0;color:#56657b;font-size:11px;font-weight:500;letter-spacing:.04em;line-height:1.3}
.aeh.aeh-compact .aeh-sub{display:none}
/* desktop: tombol dan angka sejajar dalam satu baris supaya hemat tinggi */
.aeh:not(.aeh-mobile) .aeh-bot{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px;max-width:min(780px,var(--aeh-maxw,780px),calc(100% - 40px))}
.aeh:not(.aeh-mobile) .aeh-sub{flex:0 0 100%;max-width:none;margin:0;padding-right:max(0px,calc(100% - 50ch))}  /* selalu satu baris sendiri di atas tombol */
.aeh:not(.aeh-mobile) .aeh-stats{margin:0}

.aeh-hint{position:absolute;left:50%;bottom:calc(var(--aeh-inset,0px) + 28px);transform:translateX(-50%);z-index:4;color:var(--aeh-navy);display:flex;
  flex-direction:column;align-items:center;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:.25em;
  text-transform:uppercase;transition:opacity .4s;pointer-events:none}
.aeh-mouse{width:22px;height:34px;border:2px solid currentColor;border-radius:12px;position:relative}
.aeh-mouse::after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;
  background:currentColor;animation:aeh-wheel 1.6s ease-in-out infinite}
@keyframes aeh-wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(10px);opacity:0}100%{opacity:0}}
.aeh-bar{position:absolute;left:0;bottom:var(--aeh-inset,0px);height:3px;width:100%;background:rgba(10,39,84,.12);z-index:4;transition:opacity .5s}
.aeh-bar i{display:block;height:100%;width:0;background:var(--aeh-blue)}
.aeh-hint.aeh-gone,.aeh-bar.aeh-gone{opacity:0}

.aeh-clouds{position:absolute;left:0;right:0;top:0;height:var(--aeh-ch,40%);z-index:2;pointer-events:none;overflow:hidden;display:none;
  -webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.aeh-clouds i{position:absolute;left:-30%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.7),rgba(255,255,255,0));
  filter:blur(6px);animation:aeh-drift linear infinite}
.aeh-clouds i:nth-child(1){width:260px;height:70px;top:18%;animation-duration:46s;animation-delay:-12s}
.aeh-clouds i:nth-child(2){width:180px;height:50px;top:46%;animation-duration:38s;animation-delay:-28s;opacity:.8}
.aeh-clouds i:nth-child(3){width:320px;height:80px;top:68%;animation-duration:58s;animation-delay:-40s;opacity:.7}
.aeh-clouds i:nth-child(4){width:140px;height:40px;top:30%;animation-duration:32s;animation-delay:-6s;opacity:.6}
@keyframes aeh-drift{from{transform:translateX(0)}to{transform:translateX(calc(100vw + 120%))}}

/* Desktop: teks putih di atas gradasi navy tipis supaya tetap terbaca di area lantai yang terang */
.aeh:not(.aeh-mobile)::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(to top,rgba(8,30,66,.62) 0%,rgba(8,30,66,.28) 30%,rgba(8,30,66,0) 58%),
    linear-gradient(to right,rgba(8,30,66,.38) 0%,rgba(8,30,66,.12) 38%,rgba(8,30,66,0) 60%)}
/* warna judul = warna tulisan AERONEF INDONESIA di video seperti yang tampil di layar (putih keabuan, sedikit makin terang ke kanan) supaya menyatu */
.aeh:not(.aeh-mobile) .aeh-title{color:#d9dee1;text-shadow:0 2px 18px rgba(8,30,66,.3)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .aeh:not(.aeh-mobile) .aeh-title{background:linear-gradient(90deg,#d2d8db 0%,#e3e7e7 100%);-webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;text-shadow:none;padding-bottom:.16em;margin-bottom:-.16em;filter:drop-shadow(0 2px 12px rgba(8,30,66,.32))}
}
.aeh:not(.aeh-mobile) .aeh-sub{color:rgba(255,255,255,.92);text-shadow:0 1px 10px rgba(8,30,66,.4)}
.aeh:not(.aeh-mobile) .aeh-stats dt{color:#fff;text-shadow:0 1px 12px rgba(8,30,66,.4)}
.aeh:not(.aeh-mobile) .aeh-stats dd{color:rgba(255,255,255,.85)}
.aeh:not(.aeh-mobile) .aeh-stats div{border-left-color:rgba(255,255,255,.35)}
.aeh:not(.aeh-mobile) .aeh-cta:hover,.aeh:not(.aeh-mobile) .aeh-cta:focus-visible{background:#fff;color:var(--aeh-blue)}
.aeh:not(.aeh-mobile) .aeh-hint{color:#fff}
.aeh:not(.aeh-mobile) .aeh-bar{background:rgba(255,255,255,.2)}

/* HP / layar portrait */
.aeh.aeh-mobile .aeh-top,.aeh.aeh-mobile .aeh-bot{left:20px;right:20px;max-width:none}
.aeh.aeh-mobile .aeh-kicker{display:block}
.aeh.aeh-mobile .aeh-title{color:#fff;font-size:clamp(30px,8.6vw,40px);text-shadow:0 2px 18px rgba(10,39,84,.35)}
.aeh.aeh-mobile .aeh-sub{font-size:14.5px;margin-bottom:18px}
.aeh.aeh-mobile .aeh-cta{display:block;text-align:center;letter-spacing:.12em;padding-inline:16px}
.aeh.aeh-mobile .aeh-stats{grid-template-columns:repeat(3,1fr);margin-top:24px}
.aeh.aeh-mobile .aeh-stats div{padding:0 12px}
.aeh.aeh-mobile .aeh-stats div:first-child{padding-left:0}
.aeh.aeh-mobile .aeh-stats dt{font-size:24px}
/* HP: angka dibungkus kartu kaca, sudut mengikuti bentuk tombol */
.aeh.aeh-mobile .aeh-stats{margin-top:14px;padding:14px 6px;text-align:center;
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.6));
  -webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);
  border:1px solid rgba(255,255,255,.9);border-radius:20px 0 20px 0;
  box-shadow:0 12px 28px -14px rgba(10,39,84,.45),inset 0 1px 0 rgba(255,255,255,.9)}
.aeh.aeh-mobile .aeh-stats div,.aeh.aeh-mobile .aeh-stats div:first-child{padding:0 6px;border-left:1px solid rgba(10,39,84,.12)}
.aeh.aeh-mobile .aeh-stats div:first-child{border-left:0}
.aeh.aeh-mobile .aeh-stats dt{color:var(--aeh-blue);font-size:22px;white-space:nowrap}
.aeh.aeh-mobile .aeh-stats dd{margin-top:5px;font-size:10.5px;color:#4d5d74}
.aeh.aeh-mobile .aeh-clouds{display:block;top:var(--aeh-cy,60%);
  -webkit-mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent);mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent)}
/* di area lantai yang terang: awan dibuat lebih pekat + bayangan biru tipis supaya tetap terlihat */
.aeh.aeh-mobile .aeh-clouds i{background:radial-gradient(closest-side,rgba(255,255,255,.98),rgba(255,255,255,.55) 55%,rgba(255,255,255,0));
  filter:blur(5px) drop-shadow(0 6px 10px rgba(30,111,232,.18))}
.aeh.aeh-mobile .aeh-clouds i:nth-child(1){top:22%}
.aeh.aeh-mobile .aeh-clouds i:nth-child(2){top:48%}
.aeh.aeh-mobile .aeh-clouds i:nth-child(3){top:34%}
.aeh.aeh-mobile .aeh-clouds i:nth-child(4){top:56%}
/* awan muncul pelan-pelan (fade + turun sedikit) bersamaan dengan teks, tidak tiba-tiba nongol */
.aeh-clouds{opacity:0;transform:translateY(-14px);transition:opacity 2.2s ease .35s,transform 2.6s cubic-bezier(.2,.7,.2,1) .35s}
.aeh.aeh-in .aeh-clouds{opacity:1;transform:none}
.aeh.aeh-nohint .aeh-hint{display:none}
.aeh.aeh-mobile .aeh-hint{bottom:calc(var(--aeh-inset,0px) + 20px)}

/* card section di bawah hero dulu dibuat menumpuk ke hero lama (margin -120px); sekarang diberi jarak */
body:has(.aeh) .guten-gnUI0k{margin-top:56px !important}

@media (prefers-reduced-motion:reduce){
  .aeh-r{transition:none}
  .aeh-mouse::after,.aeh-clouds i{animation:none}
  .aeh-clouds i{left:10%}
}

/* catatan: warna header navy dipasang lewat WordPress (Tampilan > Editor > Gaya > CSS tambahan), bukan di file ini */