*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{--navy:#0A1428;--navy2:#0F1D3A;--navy3:#16294D;--or:#FF6B1A;--or2:#FF8542;--teal:#1EC8B0;--cream:#FDF4E8;--muted:#8494B0;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:var(--navy);color:#fff;overflow-x:hidden;}
img{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}
button{cursor:pointer;border:none;background:none;font-family:inherit;}
.wrap{max-width:1280px;margin:0 auto;padding:0 6%;}

/* ANNOUNCEMENT BAR */
.annc{background:linear-gradient(90deg,var(--navy3),var(--navy2));color:var(--cream);text-align:center;font-size:0.78rem;font-weight:600;padding:8px 16px;border-bottom:1px solid rgba(255,107,26,0.15);}
.annc b{color:var(--or2);}
.annc a{color:var(--teal);font-weight:700;}

/* SCROLL REVEAL */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:none;}

/* NAV */
.nav{position:sticky;top:0;z-index:100;background:rgba(10,20,40,0.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,107,26,0.15);}
.nav-in{max-width:1280px;margin:0 auto;padding:0 6%;height:70px;display:flex;align-items:center;justify-content:space-between;}
.logo{font-family:'Sora',sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:-0.02em;color:#fff;}
.logo em{color:var(--or);font-style:normal;}
.logo span{display:block;font-size:0.5rem;font-weight:500;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted);margin-top:2px;}
.nav-links{display:flex;gap:2px;list-style:none;align-items:center;}
.nav-links>li>a{font-size:0.85rem;font-weight:600;color:rgba(255,255,255,0.65);padding:9px 15px;border-radius:8px;transition:all .2s;display:block;}
.nav-links>li>a:hover,
.nav-links>li>a.on,
.nav-links>li.current-menu-item>a,
.nav-links>li.current-menu-ancestor>a{background:rgba(255,107,26,0.15);color:var(--or);}
.has-sub{position:relative;}
.nav-links>li.has-sub>a::after {
    content: " ▾";
    font-size: 0.8rem;
    opacity: 0.8;
    margin-left: 4px;
    display: inline-block;
    transition: transform 0.2s;
}
.nav-links>li.has-sub:hover>a::after {
    transform: rotate(180deg);
}
.sub-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;background:var(--navy2);border:1px solid rgba(255,107,26,0.2);border-radius:10px;padding:8px;min-width:210px;list-style:none;margin:0;}
.sub-menu::before {
    content: '';
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 12px;
    background: transparent;
}
.has-sub:hover .sub-menu,.has-sub.open .sub-menu{display:block;}
.sub-menu a{display:block;padding:11px 14px;border-radius:6px;font-size:0.82rem;color:rgba(255,255,255,0.7);text-decoration:none;}
.sub-menu a:hover,
.sub-menu li.current-menu-item>a{background:rgba(30,200,176,0.12);color:var(--teal);}
.nav-wa{background:var(--or);color:#fff;padding:11px 22px;border-radius:8px;font-size:0.82rem;font-weight:700;font-family:'Sora',sans-serif;}
.nav-wa:hover{background:var(--or2);}
.ham{display:none;flex-direction:column;gap:5px;padding:8px;}
.ham span{width:24px;height:2px;background:#fff;border-radius:2px;}
.mobile-menu{display:none;background:var(--navy2);border-bottom:1px solid rgba(255,107,26,0.2);}
.mobile-menu.open{display:block;}
.mobile-menu ul{list-style:none;padding:0;margin:0;}
.mobile-menu a{display:block;padding:14px 6%;font-size:0.9rem;font-weight:600;color:rgba(255,255,255,0.8);border-bottom:1px solid rgba(255,255,255,0.05);text-decoration:none;}
.mobile-menu li a{display:block;padding:14px 6%;font-size:0.9rem;font-weight:600;color:rgba(255,255,255,0.8);border-bottom:1px solid rgba(255,255,255,0.05);text-decoration:none;}
.mobile-menu a.sub{padding-left:11%;font-size:0.84rem;color:var(--muted);}
.mobile-menu .sub-menu li a{padding-left:11%;font-size:0.84rem;color:var(--muted);}
.mobile-menu li.current-menu-item>a,
.mobile-menu li.current-menu-ancestor>a{color:var(--or);}
.mobile-menu .sub-menu li.current-menu-item>a{color:var(--teal);}



/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:'Sora',sans-serif;font-weight:700;font-size:0.9rem;padding:15px 30px;border-radius:10px;transition:all .2s;}
.btn-or{background:var(--or);color:#fff;}
.btn-or:hover{background:var(--or2);transform:translateY(-2px);}
.btn-teal{background:var(--teal);color:var(--navy);}
.btn-teal:hover{transform:translateY(-2px);}
.btn-out{background:transparent;color:#fff;border:2px solid rgba(255,255,255,0.25);}
.btn-out:hover{border-color:var(--or);color:var(--or);}
.btn-navy{background:var(--navy);color:#fff;}
.btn-wh{background:#fff;color:var(--or);}
.btn-lg{padding:17px 36px;font-size:0.95rem;}

/* SECTIONS */
.sec{padding:90px 0;}
.sec-2{background:var(--navy2);}
.chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,107,26,0.15);border:1px solid rgba(255,107,26,0.3);color:var(--or);font-size:0.7rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:6px 15px;border-radius:20px;margin-bottom:20px;}
.h2{font-family:'Sora',sans-serif;font-size:clamp(2rem,5vw,3.6rem);font-weight:800;line-height:1.02;letter-spacing:-0.03em;margin-bottom:18px;}
.h2 .or{color:var(--or);}
.h2 .teal{color:var(--teal);}
.sub{font-size:1rem;color:var(--muted);line-height:1.75;max-width:560px;}

/* CTA */
.cta{background:var(--or);}
.cta-in{max-width:1280px;margin:0 auto;padding:76px 6%;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.cta h2{font-family:'Sora',sans-serif;font-size:clamp(1.9rem,4vw,3.2rem);font-weight:800;color:#fff;line-height:1.0;letter-spacing:-0.02em;}
.cta-btns{display:flex;gap:10px;flex-wrap:wrap;}

/* FOOTER */
.footer{background:#050B18;padding:64px 0 32px;border-top:2px solid var(--or);}
.fg-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:48px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,0.08);}
.fl{font-family:'Sora',sans-serif;font-size:1.25rem;font-weight:800;color:#fff;}
.fl em{color:var(--or);font-style:normal;}
.ftag{font-size:0.6rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);margin:4px 0 14px;}
.fd{font-size:0.85rem;color:var(--muted);line-height:1.7;max-width:280px;}
.fsoc{display:flex;gap:10px;margin-top:16px;}
.fsoc a{width:38px;height:38px;background:var(--navy2);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s;}
.fsoc a:hover{background:var(--or);}
.frate{display:inline-flex;align-items:center;gap:8px;background:var(--navy2);border-radius:10px;padding:8px 14px;margin-top:2px;}
.frate .n{font-family:'Sora',sans-serif;font-weight:800;color:var(--or);font-size:1.1rem;}
.frate .s{color:var(--or);font-size:0.7rem;}
.frate .l{font-size:0.68rem;color:var(--muted);}
.fc h4{font-size:0.66rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--or);margin-bottom:16px;}
.fc a,.fc p{display:block;font-size:0.85rem;color:var(--muted);margin-bottom:11px;line-height:1.5;}
.fc a:hover{color:#fff;}
.fbot{padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.fbot p{font-size:0.74rem;color:rgba(138,148,176,0.5);}

/* FLOAT WA */
.floatwa{position:fixed;bottom:24px;right:24px;z-index:500;background:#25D366;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,0.45);}
.floatwa svg{width:28px;height:28px;fill:#fff;}

/* RESPONSIVE MEDIA QUERIES */
@media(max-width:900px){
  .fg-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
  .nav-links,.nav-wa{display:none;}
  .ham{display:flex;}
  .fg-grid{grid-template-columns:1fr;}
  .cta-in{flex-direction:column;align-items:flex-start;}
}
