:root{
  --n:#00082F;--n2:#000353;--n3:#0a1150;
  --g:#FEDA00;--g2:#FAF441;--g3:#e8c800;
  --w:#fff;--cr:#F7F5EF;--tx:#2d3748;--gr:#8892A4;
  --gl:rgba(254,218,0,.22);--gb:rgba(254,218,0,.07);
  --fd:'Playfair Display',Georgia,serif;
  --fb:'Barlow',sans-serif;
  --fc:'Barlow Condensed',sans-serif;

  /* Compatibility aliases */
  --navy:var(--n);--navy-mid:var(--n2);--gold:var(--g);--gold-2:var(--g2);
  --white:var(--w);--cream:var(--cr);--gray:var(--gr);
  --font-display:var(--fd);--font-body:var(--fb);--font-condensed:var(--fc);

  --ease:cubic-bezier(.4,0,.2,1);--t:.3s;
  --shadow:0 20px 60px rgba(0,8,47,.12);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fb);color:var(--n);overflow-x:hidden;background:#fff}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--n)}::-webkit-scrollbar-thumb{background:var(--g);border-radius:3px}
.view{display:none}.view.active{display:block}
/* LOADER */
#loader{position:fixed;inset:0;z-index:9999;background:var(--n);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem;transition:opacity .6s,visibility .6s}
#loader.out{opacity:0;visibility:hidden;pointer-events:none}
.ld-badge{background:#fff;border-radius:8px;padding:12px 20px;display:flex;align-items:center;animation:ldPulse 1.4s ease-in-out infinite}
.ld-badge img{height:42px;object-fit:contain;display:block;min-width:120px}
.ld-track{width:200px;height:2px;background:rgba(255,255,255,.1);border-radius:1px;overflow:hidden}
.ld-bar{height:100%;background:var(--g);border-radius:1px;animation:ldFill 1.3s ease-out forwards}
.ld-txt{font-family:var(--fc);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.28)}
@keyframes ldPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes ldFill{from{width:0}to{width:100%}}
/* PROGRESS */
#pbar{position:fixed;top:0;left:0;z-index:3000;height:3px;background:var(--g);width:0%;transition:width .1s linear}
/* BTT */
#btt{position:fixed;bottom:5.5rem;right:1.5rem;z-index:500;width:42px;height:42px;border-radius:50%;background:var(--g);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--n);font-weight:900;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s;box-shadow:0 4px 16px rgba(254,218,0,.3)}
#btt.show{opacity:1;visibility:visible;pointer-events:all}
#btt:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(254,218,0,.4)}
/* WHATSAPP */
#wa{position:fixed;bottom:1.5rem;right:1.5rem;z-index:500;width:52px;height:52px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:all .3s;text-decoration:none;cursor:pointer;border:none}
#wa:hover{transform:scale(1.1)}
#wa svg{width:28px;height:28px;fill:#fff}
#wa-tip{position:absolute;right:calc(100% + .7rem);top:50%;transform:translateY(-50%);background:rgba(0,0,0,.8);color:#fff;font-family:var(--fc);font-size:.7rem;letter-spacing:.05em;padding:.35rem .8rem;border-radius:3px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}
#wa:hover #wa-tip{opacity:1}
/* NAV */
#nav{position:fixed;top:0;left:0;right:0;z-index:2000;height:72px;padding:0 3rem;display:flex;align-items:center;justify-content:space-between;transition:background var(--t) var(--ease),height var(--t),box-shadow var(--t)}
#nav.scrolled{background:rgba(0,8,47,.97);backdrop-filter:blur(14px);height:62px;box-shadow:0 2px 32px rgba(0,0,0,.4)}
.nl-logo{cursor:pointer;display:flex;align-items:center}
.nl-badge{background:#fff;border-radius:5px;padding:5px 9px;display:flex;align-items:center;height:44px;transition:transform var(--t)}
.nl-badge:hover{transform:scale(1.03)}
.nl-badge img{height:32px;object-fit:contain;display:block}
#nav.scrolled .nl-badge{height:38px}
#nav.scrolled .nl-badge img{height:28px}
.nl-links{display:flex;align-items:center;gap:.2rem}
.nl{color:rgba(255,255,255,.82);font-family:var(--fc);font-size:.875rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:.5rem .85rem;border-radius:3px;cursor:pointer;transition:all var(--t);white-space:nowrap;background:none;border:none}
.nl:hover,.nl.active{color:var(--g);background:rgba(254,218,0,.06)}
.dd-wrap{position:relative}
.dd-trig{display:flex;align-items:center;gap:.3rem}
.dd-chev{font-size:.55rem;transition:transform var(--t)}
.dd-trig.open .dd-chev{transform:rotate(180deg)}
.dd-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(-8px);background:rgba(1,5,38,.98);border:1px solid var(--gl);border-top:2px solid var(--g);backdrop-filter:blur(16px);width:760px;border-radius:0 0 6px 6px;padding:1.25rem 1.5rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,transform .22s,visibility .22s;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.dd-menu.open{opacity:1;visibility:visible;pointer-events:all;transform:translateX(-50%) translateY(0)}
.dd-lbl{font-family:var(--fc);font-size:.62rem;letter-spacing:.25em;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:.85rem;padding-bottom:.7rem;border-bottom:1px solid rgba(255,255,255,.06)}
.dd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}
.dd-item{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;border-radius:4px;cursor:pointer;border:1px solid transparent;transition:background var(--t)}
.dd-item:hover{background:rgba(254,218,0,.07);border-color:var(--gl)}
.dd-logo{width:44px;height:30px;background:#fff;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:3px}
.dd-logo img{width:100%;height:100%;object-fit:contain}
.dd-iname{font-family:var(--fc);font-size:.76rem;font-weight:700;color:rgba(255,255,255,.88);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:155px}
.dd-itag{font-size:.62rem;color:rgba(255,255,255,.32);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:155px}
.nav-cta{background:var(--g);color:var(--n);padding:.52rem 1.35rem;border-radius:3px;font-family:var(--fc);font-size:.84rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;margin-left:.5rem;border:none;transition:all var(--t);white-space:nowrap}
.nav-cta:hover{background:var(--g2);transform:translateY(-1px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:.5rem;border-radius:4px;transition:background var(--t)}
.hamburger:hover{background:rgba(255,255,255,.08)}
.hamburger span{display:block;width:22px;height:2px;background:#fff;transition:all .3s;border-radius:1px}
/* Backdrop — closes drawer on outside tap */
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(2px);z-index:1998;opacity:0;pointer-events:none;transition:opacity .32s}
.drawer-backdrop.open{opacity:1;pointer-events:all}
/* Drawer panel — slides in from right, max 320px wide */
.drawer{position:fixed;top:0;right:0;bottom:0;width:88vw;max-width:320px;background:linear-gradient(160deg,#00082F 0%,#000530 100%);z-index:1999;transform:translateX(100%);transition:transform .32s var(--ease);display:flex;flex-direction:column;box-shadow:-8px 0 40px rgba(0,0,0,.5)}
.drawer.open{transform:translateX(0)}
/* Header row */
.dr-head{padding:1.1rem 1.25rem;border-bottom:1px solid rgba(254,218,0,.12);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.dr-lb{background:#fff;border-radius:5px;padding:5px 9px;height:40px;display:flex;align-items:center}
.dr-lb img{height:28px;object-fit:contain;display:block}
/* Close button — large tap target */
.dr-close{background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.25);color:#fff;font-size:1.2rem;cursor:pointer;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background var(--t),border-color var(--t),color var(--t);flex-shrink:0;line-height:1;-webkit-tap-highlight-color:transparent}
.dr-close:hover{background:rgba(254,218,0,.15);border-color:rgba(254,218,0,.4);color:var(--g)}
/* Scrollable body */
.dr-body{flex:1;overflow-y:auto;padding:1.2rem 1.25rem 2rem;display:flex;flex-direction:column;gap:0}
/* Main nav links */
.dr-lnk{display:flex;align-items:center;color:rgba(255,255,255,.78);font-family:var(--fc);font-size:.95rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:.78rem 0;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;transition:color var(--t),padding-left var(--t);background:none;border-top:none;border-left:none;border-right:none;text-align:left;width:100%}
.dr-lnk:hover{color:var(--g);padding-left:.5rem}
.dr-lnk::after{content:'›';margin-left:auto;opacity:.35;font-size:1.1rem;font-weight:400;transition:opacity var(--t),transform var(--t)}
.dr-lnk:hover::after{opacity:.8;transform:translateX(3px)}
/* Section label */
.dr-st{font-family:var(--fc);font-size:.6rem;letter-spacing:.28em;color:rgba(254,218,0,.5);text-transform:uppercase;margin:1.25rem 0 .65rem;font-weight:700;display:flex;align-items:center;gap:.6rem}
.dr-st::after{content:'';flex:1;height:1px;background:rgba(254,218,0,.12)}
/* Subsidiary rows */
.dr-sub{display:flex;align-items:center;gap:.8rem;padding:.55rem .6rem;border-radius:5px;cursor:pointer;transition:background var(--t)}
.dr-sub:hover{background:rgba(254,218,0,.07)}
.dr-sl{width:40px;height:28px;background:#fff;border-radius:4px;padding:3px 5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dr-sl img{width:100%;height:100%;object-fit:contain}
.dr-sn{font-family:var(--fc);font-size:.82rem;font-weight:600;color:rgba(255,255,255,.72);transition:color var(--t)}
.dr-sub:hover .dr-sn{color:#fff}
/* UTILS */
.cnt{max-width:1280px;margin:0 auto;padding:0 3rem}
.cnt-sm{max-width:860px;margin:0 auto;padding:0 3rem}
.section{padding:6rem 0}
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--fc);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--g);font-weight:700;margin-bottom:.9rem}
.eyebrow::before{content:'';display:block;width:26px;height:1px;background:var(--g);flex-shrink:0}
.h2{font-family:var(--fd);font-size:clamp(2rem,3.8vw,3.4rem);font-weight:700;line-height:1.1;margin-bottom:1.1rem}
.lead{font-size:1.02rem;line-height:1.8;color:var(--tx)}
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--fc);font-weight:700;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;border:none;transition:all var(--t) var(--ease);border-radius:3px;font-size:.87rem;padding:.82rem 2.1rem;text-decoration:none}
.btn-g{background:var(--g);color:var(--n)}.btn-g:hover{background:var(--g2);transform:translateY(-2px);box-shadow:0 8px 26px rgba(254,218,0,.27)}
.btn-ow{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}.btn-ow:hover{border-color:var(--g);color:var(--g)}
.btn-og{background:transparent;color:var(--g);border:1px solid var(--g)}.btn-og:hover{background:var(--g);color:var(--n)}
/* ── REVEAL ANIMATION — Progressive Enhancement ─────────────────────────
   Default state: VISIBLE. JS adds 'anim-on' to <html> before rendering.
   Without JS (or if JS fails): content is always visible.
   With JS: elements below the fold animate in on scroll.                 */
.rev,.rev-l,.rev-r{transition:opacity .55s ease,transform .55s ease}
html.anim-on .rev  {opacity:0;transform:translateY(28px)}
html.anim-on .rev-l{opacity:0;transform:translateX(-28px)}
html.anim-on .rev-r{opacity:0;transform:translateX(28px)}
html.anim-on .rev.vis  {opacity:1;transform:translateY(0)}
html.anim-on .rev-l.vis{opacity:1;transform:translateX(0)}
html.anim-on .rev-r.vis{opacity:1;transform:translateX(0)}
/* HERO */
.hero{min-height:100vh;background:var(--n);position:relative;overflow:hidden;display:flex;align-items:center}
.h-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 55%,rgba(254,218,0,.057) 0%,transparent 55%),linear-gradient(145deg,#00082F 0%,#000555 55%,#00082F 100%)}
.h-bg-img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.13}
.h-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(254,218,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(254,218,0,.03) 1px,transparent 1px);background-size:68px 68px}
.h-bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--g)}
.h-ring{position:absolute;right:2%;top:5%;width:48vw;height:94vh;opacity:.05;pointer-events:none}
.h-ri{position:absolute;inset:0;border:1px solid var(--g)}
.h-ri:nth-child(2){transform:rotate(18deg) scale(.72);opacity:.6}
.h-ri:nth-child(3){transform:rotate(5deg) scale(.9);opacity:.35}
.h-content{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:0 3rem;padding-top:108px}
.h-ey{display:flex;align-items:center;gap:.7rem;margin-bottom:1.8rem;opacity:0;animation:fadeUp .7s .15s forwards}
.h-ey::before{content:'';width:34px;height:1px;background:var(--g)}
.h-ey span{font-family:var(--fc);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--g);font-weight:600}
.h-h1{font-family:var(--fd);font-size:clamp(3rem,6.5vw,6.6rem);font-weight:900;color:#fff;line-height:1.03;max-width:760px;margin-bottom:1.8rem;opacity:0;animation:fadeUp .7s .3s forwards}
.h-h1 em{color:var(--g);font-style:normal}
.h-lead{font-size:1.08rem;line-height:1.78;color:rgba(255,255,255,.57);max-width:540px;margin-bottom:2.8rem;opacity:0;animation:fadeUp .7s .45s forwards}
.h-btns{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;animation:fadeUp .7s .6s forwards}
.h-stats{display:flex;gap:2.8rem;flex-wrap:wrap;margin-top:4rem;padding-top:2.2rem;border-top:1px solid rgba(254,218,0,.11);opacity:0;animation:fadeUp .7s .78s forwards}
.hs-n{font-family:var(--fd);font-size:2.5rem;font-weight:700;color:var(--g);line-height:1}
.hs-l{font-family:var(--fc);font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.36);margin-top:.28rem}
.scroll-cue{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.38rem;opacity:0;animation:fadeIn 1s 1.4s forwards}
.sc-line{width:1px;height:42px;background:linear-gradient(to bottom,var(--g),transparent);animation:sc-pulse 2.2s ease-in-out infinite}
.sc-l{font-family:var(--fc);font-size:.57rem;letter-spacing:.25em;color:rgba(255,255,255,.26);text-transform:uppercase}
/* MARQUEE */
.marquee{background:var(--g);overflow:hidden;padding:.82rem 0}
.mq-inner{display:flex;gap:2.8rem;white-space:nowrap;animation:mq 34s linear infinite}
.mq-item{font-family:var(--fc);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--n);display:flex;align-items:center;gap:.6rem;flex-shrink:0}
.mq-item::before{content:'◆';font-size:.38rem}
/* ABOUT */
.about-section{background:var(--cr)}
.ab-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;align-items:center}
.ab-photo-stack{position:relative;height:500px}
.ab-photo-main{position:absolute;top:0;left:0;right:15%;bottom:60px;width:calc(85%);height:calc(100% - 60px);object-fit:cover;border-radius:4px;box-shadow:var(--shadow)}
.ab-photo-accent{position:absolute;bottom:0;left:20%;right:0;width:80%;height:250px;object-fit:cover;border-radius:4px;box-shadow:var(--shadow);border:4px solid #fff}
.ab-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;width:82px;height:82px;border-radius:50%;background:var(--g);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--fd);font-size:.76rem;font-weight:700;color:var(--n);text-align:center;line-height:1.3;box-shadow:0 0 0 7px var(--cr),0 0 0 11px rgba(254,218,0,.2)}
.ab-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:2.2rem}
.as-box{padding:1.35rem;border-top:3px solid var(--g);background:#fff}
.as-n{font-family:var(--fd);font-size:2.3rem;font-weight:700;color:var(--n);line-height:1}
.as-l{font-family:var(--fc);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gr);margin-top:.28rem}
/* MISSION/VISION PANEL */
.mv-band{display:grid;grid-template-columns:1fr 1fr;min-height:320px}
.mv-panel{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:2.5rem}
.mv-pb{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 5s ease}
.mv-panel:hover .mv-pb{transform:scale(1.05)}
.mv-ov{position:absolute;inset:0}
.mv-p1 .mv-ov{background:linear-gradient(to top,rgba(0,8,47,.95) 0%,rgba(0,8,47,.5) 60%,transparent 100%)}
.mv-p2 .mv-ov{background:linear-gradient(to top,rgba(254,218,0,.95) 0%,rgba(254,218,0,.5) 60%,transparent 100%)}
.mv-c{position:relative;z-index:2}
.mv-lbl{font-family:var(--fc);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;margin-bottom:.5rem}
.mv-p1 .mv-lbl{color:var(--g)}.mv-p2 .mv-lbl{color:var(--n)}
.mv-txt{font-family:var(--fd);font-size:1rem;line-height:1.7}
.mv-p1 .mv-txt{color:rgba(255,255,255,.85)}.mv-p2 .mv-txt{color:rgba(0,8,47,.88)}
/* SUBSIDIARIES */
.subs-section{background:linear-gradient(180deg,#00031a 0%,#000530 40%,#00031a 100%);position:relative;overflow:hidden}
/* Radial gold glow behind grid */
.subs-section::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:90%;height:320px;background:radial-gradient(ellipse at 50% 0%,rgba(254,218,0,.09) 0%,transparent 70%);pointer-events:none;z-index:0}
/* Fine grid texture */
.subs-section::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(254,218,0,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(254,218,0,.025) 1px,transparent 1px);background-size:52px 52px;pointer-events:none;z-index:0}
.subs-section .cnt{position:relative;z-index:1}
.subs-head{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:3.2rem}
.subs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:rgba(254,218,0,.12)}
/* Card base */
.sc-card{background:linear-gradient(165deg,rgba(0,6,55,.97) 0%,rgba(0,3,40,.95) 100%);position:relative;overflow:hidden;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;border:1px solid rgba(254,218,0,.13);display:flex;flex-direction:column;text-decoration:none}
/* Gold top bar — always visible, brightens on hover */
.sc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--g),var(--g2),var(--g));background-size:200% 100%;opacity:.55;transition:height .3s,opacity .3s,background-position .6s}
/* Gold bottom glow edge */
.sc-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(254,218,0,.35),transparent);opacity:0;transition:opacity .3s}
.sc-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 30px rgba(254,218,0,.08),0 0 0 1px rgba(254,218,0,.2)}
.sc-card:hover::before{height:3px;opacity:1;background-position:100% 0}
.sc-card:hover::after{opacity:1}
/* Every 3rd card — slightly lighter blue tint for visual rhythm */
.sc-card:nth-child(3n){border-color:rgba(254,218,0,.18)}
.sc-img-wrap{width:100%;height:185px;overflow:hidden;position:relative}
/* Multi-stop gradient wash — makes image feel part of card */
.sc-img-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,4,45,.95) 0%,rgba(0,4,45,.3) 45%,transparent 100%);z-index:1}
.sc-img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.68) saturate(.8) contrast(1.05);transition:filter .45s,transform .55s}
.sc-card:hover .sc-img{filter:brightness(.88) saturate(1.15) contrast(1.02);transform:scale(1.08)}
.sc-img-ph{width:100%;height:185px;background:linear-gradient(135deg,rgba(0,8,47,1),rgba(0,3,83,.9));display:flex;align-items:center;justify-content:center;font-size:2.2rem}
.sc-body{padding:1.6rem 1.8rem 1.9rem;display:flex;flex-direction:column;flex:1;background:linear-gradient(to bottom,transparent 0%,rgba(0,3,30,.4) 100%)}
.sc-logo-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.sc-logo-wrap{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:5px;padding:5px 9px;height:44px;width:90px;transition:transform .25s,box-shadow .3s;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.sc-logo-wrap img{width:100%;height:100%;object-fit:contain}
.sc-card:hover .sc-logo-wrap{transform:scale(1.08);box-shadow:0 6px 18px rgba(254,218,0,.3)}
/* Sector badge — gold pill */
.sc-sector{font-family:var(--fc);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--g);font-weight:700;background:rgba(254,218,0,.12);border:1px solid rgba(254,218,0,.28);padding:.22rem .6rem;border-radius:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%;transition:background .25s,border-color .25s}
.sc-card:hover .sc-sector{background:rgba(254,218,0,.2);border-color:rgba(254,218,0,.5)}
.sc-name{font-family:var(--fd);font-size:1.15rem;color:#fff;font-weight:700;margin-bottom:.32rem;line-height:1.2}
.sc-tag{font-size:.8rem;color:rgba(255,255,255,.48);line-height:1.65;margin-bottom:1rem;flex:1}
.sc-pills{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.15rem}
/* Service pills — vivid gold-tinted */
.sc-pill{font-family:var(--fc);font-size:.61rem;padding:.22rem .58rem;border:1px solid rgba(254,218,0,.32);color:rgba(254,218,0,.82);background:rgba(254,218,0,.08);border-radius:2px;transition:background .2s,color .2s,border-color .2s}
.sc-card:hover .sc-pill{background:rgba(254,218,0,.14);border-color:rgba(254,218,0,.5);color:var(--g)}
/* Learn More arrow */
.sc-more{font-family:var(--fc);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--g);font-weight:700;display:flex;align-items:center;gap:.4rem;transition:gap .28s,color .25s,letter-spacing .25s}
.sc-card:hover .sc-more{gap:.85rem;color:var(--g2);letter-spacing:.15em}
/* VALUES */
.vals-section{background:#fff}
.vals-head{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:3.2rem}
.vals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.vc{padding:2.1rem;position:relative}
.vc::after{content:'';position:absolute;bottom:0;left:0;height:2px;background:var(--g);width:0;transition:width .45s}
.vc:hover{background:var(--cr)}.vc:hover::after{width:100%}
.vc-n{font-family:var(--fd);font-size:.74rem;color:rgba(0,8,47,.17);font-weight:700;margin-bottom:.14rem}
.vc-icon{font-size:1.8rem;display:block;margin-bottom:.85rem}
.vc-title{font-family:var(--fd);font-size:1.15rem;font-weight:700;color:var(--n);margin-bottom:.55rem}
.vc-body{font-size:.865rem;line-height:1.8;color:var(--tx)}
/* ACHIEVEMENTS */
.ach-section{background:var(--n);padding:5rem 0;position:relative;overflow:hidden}
.ach-bg-img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.08}
.ach-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(254,218,0,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(254,218,0,.025) 1px,transparent 1px);background-size:60px 60px;z-index:1}
.ach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(254,218,0,.08);position:relative;z-index:2}
.ach-item{background:rgba(0,8,47,.88);padding:2.5rem 2rem;text-align:center;transition:background .25s}
.ach-item:hover{background:rgba(0,3,83,.95)}
.ach-num{font-family:var(--fd);font-size:3rem;font-weight:900;color:var(--g);line-height:1;margin-bottom:.5rem;display:block}
.ach-label{font-family:var(--fc);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.ach-icon{font-size:1.5rem;margin-bottom:.75rem;display:block}
/* TEAM */
.team-section{background:var(--cr)}
.team-intro{text-align:center;max-width:560px;margin:0 auto 3.2rem}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}
.tc{background:#fff;border:1px solid rgba(0,8,47,.07);overflow:hidden;transition:all .28s}
.tc:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.tc-top{height:210px;background:linear-gradient(135deg,var(--n),var(--n2));display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.tc-ini{font-family:var(--fd);font-size:3.2rem;font-weight:700;color:var(--g)}
.tc-photo{width:100%;height:100%;object-fit:cover}
.tc-info{padding:1.5rem}
.tc-name{font-family:var(--fd);font-size:1.08rem;font-weight:700;color:var(--n)}
.tc-role{font-family:var(--fc);font-size:.75rem;font-weight:600;color:var(--g);text-transform:uppercase;letter-spacing:.08em;margin:.28rem 0}
.tc-company{font-size:.77rem;color:var(--gr);margin-bottom:.8rem}
.tc-bio{font-size:.84rem;line-height:1.72;color:var(--tx)}
.tc-phil{font-size:.77rem;color:var(--gr);font-style:italic;margin-top:.65rem;padding-top:.65rem;border-top:1px solid rgba(0,8,47,.06)}
/* PARTNERS */
.partners-section{background:var(--n);padding:3.2rem 0}
.p-label{text-align:center;font-family:var(--fc);font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.24);margin-bottom:1.8rem}
.p-row{display:flex;align-items:center;justify-content:center;gap:2.5rem;flex-wrap:wrap}
.p-badge{background:#fff;border-radius:6px;padding:8px 14px;height:56px;display:flex;align-items:center;justify-content:center;transition:all .25s;cursor:pointer}
.p-badge img{height:36px;object-fit:contain;display:block}
.p-badge:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(254,218,0,.18)}
/* CONTACT */
.contact-section{background:var(--n2);position:relative;overflow:hidden}
.contact-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,rgba(254,218,0,.04) 0%,transparent 60%)}
.ct-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;position:relative;z-index:1}
.ci-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.65rem}
.ci-icon{width:37px;height:37px;border:1px solid rgba(254,218,0,.22);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.92rem;color:var(--g);flex-shrink:0}
.ci-lbl{font-family:var(--fc);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.3)}
.ci-val{color:rgba(255,255,255,.82);font-size:.9rem;margin-top:.18rem}
.cf-g{margin-bottom:1.3rem}
.cf-lbl{display:block;font-family:var(--fc);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.36);margin-bottom:.4rem}
.cf-in,.cf-sel,.cf-ta{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(254,218,0,.13);color:#fff;padding:.75rem 1rem;font-family:var(--fb);font-size:.88rem;border-radius:3px;outline:none;transition:border-color .25s}
.cf-in:focus,.cf-sel:focus,.cf-ta:focus{border-color:rgba(254,218,0,.45)}
.cf-ta{resize:vertical;min-height:105px}.cf-sel option{background:var(--n)}
/* FOOTER */
.footer{background:#00040F;padding:3.8rem 0 1.8rem;border-top:1px solid rgba(254,218,0,.09)}
.ft-top{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr;gap:3.2rem;margin-bottom:2.8rem}
.ft-badge{background:#fff;border-radius:5px;padding:7px 11px;display:inline-flex;margin-bottom:1.1rem}
.ft-badge img{height:34px;display:block}
.ft-desc{font-size:.86rem;line-height:1.8;color:rgba(255,255,255,.35);max-width:265px}
.ft-head{font-family:var(--fc);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--g);font-weight:700;margin-bottom:1.1rem}
.ft-links{list-style:none}.ft-links li{margin-bottom:.5rem}
.ft-links a,.ft-links span{color:rgba(255,255,255,.35);text-decoration:none;font-size:.84rem;transition:color var(--t);cursor:pointer}
.ft-links a:hover,.ft-links span:hover{color:rgba(255,255,255,.75)}
.ft-ctxt{font-size:.84rem;color:rgba(255,255,255,.35);line-height:2}
.ft-div{border:none;border-top:1px solid rgba(255,255,255,.05);margin-bottom:1.8rem}
.ft-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}
.ft-copy{font-size:.76rem;color:rgba(255,255,255,.2)}
.ft-social{display:flex;gap:.65rem;margin-bottom:.85rem}
.ft-soc-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.55);font-size:.75rem;text-decoration:none;transition:all .2s;font-weight:700}
.ft-soc-link:hover{border-color:var(--g);color:var(--g);background:rgba(254,218,0,.08)}
.ft-adm{font-size:.73rem;color:rgba(255,255,255,.15);background:none;border:none;cursor:pointer;transition:color var(--t)}
.ft-adm:hover{color:var(--g)}
.ft-wa-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(37,211,102,.25);background:rgba(37,211,102,.06);transition:all .2s;text-decoration:none}
.ft-wa-link:hover{background:rgba(37,211,102,.18);border-color:rgba(37,211,102,.5);transform:translateY(-2px)}
/* SUB HERO */
.sub-hero{min-height:80vh;background:var(--n);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding-bottom:5rem}
.sub-hero::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:72px;background:#fff;clip-path:polygon(0 100%,100% 0,100% 100%);z-index:3}
.sh-bg-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 8s ease}
.sub-hero:hover .sh-bg-img{transform:scale(1.04)}
.sh-ov{position:absolute;inset:0;background:linear-gradient(145deg,rgba(0,8,47,.92) 0%,rgba(0,8,47,.7) 50%,rgba(0,8,47,.4) 100%)}
.sh-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(254,218,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(254,218,0,.02) 1px,transparent 1px);background-size:62px 62px}
.sh-bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--g)}
.sh-bc{position:absolute;top:92px;left:3rem;font-family:var(--fc);font-size:.7rem;letter-spacing:.1em;color:rgba(255,255,255,.32);text-transform:uppercase;display:flex;align-items:center;gap:.45rem}
.sh-bc span{cursor:pointer;transition:color .25s}.sh-bc span:hover{color:var(--g)}
.sh-bc-sep{color:rgba(255,255,255,.2)}.sh-bc-cur{color:rgba(254,218,0,.6)}
.sh-content{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:0 3rem}
.sh-lb{background:#fff;border-radius:7px;padding:10px 15px;display:inline-flex;align-items:center;height:70px;margin-bottom:1.8rem}
.sh-lb img{height:48px;object-fit:contain}
.sh-h1{font-family:var(--fd);font-size:clamp(2.6rem,5vw,5rem);font-weight:900;color:#fff;line-height:1.04;margin-bottom:.9rem;max-width:760px}
.sh-tagline{font-size:1.12rem;color:rgba(255,255,255,.58);max-width:580px;line-height:1.65;margin-bottom:2.2rem}
.sh-actions{display:flex;gap:1rem;flex-wrap:wrap}
/* SUB GALLERY */
.sub-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3px;height:300px}
.sg-wrap{overflow:hidden;position:relative}
.sg-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s,filter .4s}
.sg-wrap:hover .sg-img{transform:scale(1.05);filter:brightness(1.1)}
.sg-ph{width:100%;height:100%;background:var(--n2);display:flex;align-items:center;justify-content:center;font-size:2rem}
/* OV */
.ov-section{background:#fff}
.ov-grid{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:start}
.ov-desc{font-size:1.02rem;line-height:1.85;color:var(--tx);margin-bottom:1.6rem}
.ov-usp{border-left:3px solid var(--g);padding:1.2rem 1.4rem;background:var(--cr)}
.ov-usp-lbl{font-family:var(--fc);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--g);font-weight:700;margin-bottom:.45rem}
.ov-usp-text{font-size:.93rem;line-height:1.72;color:var(--n)}
.ov-hl{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(0,8,47,.08)}
.ov-hi{background:var(--cr);padding:1.9rem 1.7rem}
.ov-hi-icon{font-size:1.7rem;margin-bottom:.7rem}
.ov-hi-title{font-family:var(--fd);font-size:1.08rem;font-weight:700;color:var(--n);margin-bottom:.45rem}
.ov-hi-text{font-size:.86rem;line-height:1.74;color:var(--tx)}
/* WHY */
.why-section{background:var(--cr)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;margin-top:3.2rem}
.why-card{background:#fff;padding:2.1rem;border-top:3px solid var(--g)}
.why-card h3{font-family:var(--fd);font-size:1.15rem;font-weight:700;color:var(--n);margin-bottom:.7rem}
.why-card p{font-size:.875rem;line-height:1.78;color:var(--tx)}
/* SERVICES */
.sv-section{background:var(--n)}
.sv-head{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:3.2rem}
.sv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(254,218,0,.06)}
.sv-item{background:rgba(0,8,47,.7);padding:2.1rem 1.9rem;position:relative;transition:background .25s}
.sv-item::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--g);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.sv-item:hover{background:rgba(0,3,83,.9)}.sv-item:hover::before{transform:scaleX(1)}
.sv-num{font-family:var(--fc);font-size:.62rem;color:rgba(254,218,0,.38);letter-spacing:.2em;margin-bottom:.7rem}
.sv-title{font-family:var(--fd);font-size:1.06rem;font-weight:700;color:#fff;margin-bottom:.55rem}
.sv-desc{font-size:.86rem;line-height:1.75;color:rgba(255,255,255,.48)}
/* USP BAND */
.usp-band{background:var(--g);padding:4.5rem 0}
.usp-inner{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:center}
.usp-lbl{font-family:var(--fc);font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;color:rgba(0,8,47,.45);font-weight:700;margin-bottom:.7rem}
.usp-hl{font-family:var(--fd);font-size:clamp(1.7rem,2.8vw,2.6rem);font-weight:900;color:var(--n);line-height:1.1}
.usp-body{font-size:1.02rem;line-height:1.82;color:rgba(0,8,47,.72)}
/* MORE SUBS */
.more-section{background:#fff}
.more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem}
.more-card{background:var(--cr);padding:0;border:1px solid rgba(0,8,47,.07);cursor:pointer;transition:all .25s;display:flex;flex-direction:column;overflow:hidden}
.more-card:hover{background:var(--n);transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,8,47,.12)}
.mc-img-wrap{height:80px;overflow:hidden}
.mc-img{width:100%;height:100%;object-fit:cover;transition:transform .4s,filter .3s}
.more-card:hover .mc-img{transform:scale(1.08);filter:brightness(.7)}
.mc-ph{height:80px;background:var(--n2);display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.mc-body{padding:1rem}
.mc-logo{background:#fff;border-radius:4px;padding:4px 7px;height:38px;display:flex;align-items:center;justify-content:center;margin-bottom:.8rem;width:70px}
.mc-logo img{height:28px;object-fit:contain}
.mc-name{font-family:var(--fd);font-size:.9rem;font-weight:700;color:var(--n);line-height:1.25;transition:color .25s}
.more-card:hover .mc-name{color:#fff}
.mc-arrow{margin-top:.65rem;font-size:.72rem;color:var(--g);font-family:var(--fc);letter-spacing:.1em;text-transform:uppercase;font-weight:700}
/* SUB CTA */
.sub-cta{background:var(--n2);padding:4.8rem 0;text-align:center}
.sub-cta-inner{max-width:600px;margin:0 auto}
.sub-cta-inner h2{font-family:var(--fd);font-size:clamp(1.9rem,3.8vw,2.9rem);font-weight:700;color:#fff;margin-bottom:.9rem;line-height:1.15}
.sub-cta-inner p{color:rgba(255,255,255,.52);font-size:.98rem;line-height:1.75;margin-bottom:2.3rem}
.sub-cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
/* ADMIN */
#adm-overlay{position:fixed;inset:0;z-index:5000;display:none;background:rgba(0,8,47,.5);backdrop-filter:blur(4px)}
#adm-overlay.open{display:flex}
#adm-app{width:100%;display:flex;background:#0a0f28;overflow:hidden;height:100vh}
.adm-sb{width:260px;background:#0d1340;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}
.adm-sb-head{padding:1.25rem;border-bottom:1px solid rgba(255,255,255,.06)}
.adm-sb-logo{background:#fff;border-radius:4px;padding:5px 8px;height:36px;display:inline-flex;align-items:center;margin-bottom:.75rem}
.adm-sb-logo img{height:26px}
.adm-badge{background:var(--g);color:var(--n);font-family:var(--fc);font-size:.62rem;font-weight:700;padding:.15rem .5rem;border-radius:2px;text-transform:uppercase;letter-spacing:.08em}
.adm-sb-nav{flex:1;padding:.75rem 0}
.adm-sec-lbl{padding:.45rem 1.1rem;font-family:var(--fc);font-size:.6rem;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.25)}
.adm-ni{display:flex;align-items:center;gap:.65rem;padding:.65rem 1.1rem;cursor:pointer;font-size:.845rem;color:rgba(255,255,255,.55);transition:all .2s;border:none;background:none;width:100%;text-align:left;border-left:3px solid transparent}
.adm-ni:hover{background:rgba(255,255,255,.04);color:rgba(255,255,255,.85)}
.adm-ni.act{background:rgba(254,218,0,.08);color:var(--g);border-left-color:var(--g)}
.adm-sb-foot{padding:1.1rem;border-top:1px solid rgba(255,255,255,.06)}
.adm-user{display:flex;align-items:center;gap:.65rem;margin-bottom:.75rem}
.adm-av{width:30px;height:30px;border-radius:50%;background:var(--g);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:var(--n)}
.adm-un{font-size:.78rem;font-weight:600;color:#fff}
.adm-ur{font-size:.67rem;color:rgba(255,255,255,.3)}
.adm-logout{width:100%;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:.45rem;font-size:.77rem;cursor:pointer;border-radius:3px;transition:all .2s}
.adm-logout:hover{background:rgba(239,68,68,.2)}
.adm-main{flex:1;display:flex;flex-direction:column;overflow:hidden}
.adm-topbar{background:#0d1340;border-bottom:1px solid rgba(255,255,255,.06);padding:.9rem 1.75rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.adm-title{font-size:.9rem;font-weight:600;color:#fff}
.adm-actions{display:flex;gap:.65rem;align-items:center}
.adm-prev{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.55);padding:.42rem .9rem;font-size:.77rem;cursor:pointer;border-radius:3px;transition:all .2s}
.adm-prev:hover{border-color:var(--g);color:var(--g)}
.adm-save{background:var(--g);color:var(--n);border:none;padding:.42rem 1.1rem;font-size:.77rem;font-weight:700;cursor:pointer;border-radius:3px;transition:all .2s}
.adm-save:hover{background:var(--g2)}
.adm-content{flex:1;overflow-y:auto;padding:1.75rem}
.adm-panel{display:none}.adm-panel.act{display:block}
.adm-bc{font-size:.77rem;color:rgba(255,255,255,.35);margin-bottom:1.4rem}
.adm-bc span{color:var(--g)}
.adm-card{background:#0d1340;border:1px solid rgba(255,255,255,.07);border-radius:4px;margin-bottom:1.4rem;overflow:hidden}
.adm-card-h{padding:.9rem 1.4rem;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between}
.adm-card-title{font-size:.845rem;font-weight:600;color:#fff}
.adm-card-b{padding:1.4rem}
.adm-fg{margin-bottom:1.1rem}
.adm-lbl{display:block;font-size:.7rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.4rem;font-family:var(--fc)}
.adm-inp,.adm-sel,.adm-ta{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.85);padding:.65rem .9rem;font-size:.855rem;font-family:var(--fb);border-radius:3px;outline:none;transition:border-color .2s}
.adm-inp:focus,.adm-sel:focus,.adm-ta:focus{border-color:var(--g)}
.adm-ta{resize:vertical;min-height:90px}
.adm-sel option{background:#0a0f28}
.adm-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.adm-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}
/* IMAGE UPLOAD WIDGET */
.iuw{border:2px dashed rgba(255,255,255,.12);border-radius:4px;overflow:hidden;transition:border-color .2s}
.iuw:hover{border-color:rgba(254,218,0,.35)}
.iuw-prev{position:relative;height:160px;background:rgba(255,255,255,.03);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}
.iuw-prev img.has-img{width:100%;height:100%;object-fit:cover;display:block}
.iuw-ph{display:flex;flex-direction:column;align-items:center;gap:.6rem;color:rgba(255,255,255,.3);padding:1rem;text-align:center}
.iuw-ph-icon{font-size:2rem}
.iuw-ph-txt{font-size:.75rem;font-family:var(--fc);text-transform:uppercase;letter-spacing:.1em}
.iuw-ph-sub{font-size:.68rem;color:rgba(255,255,255,.2)}
.iuw-ctrl{padding:.85rem;background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}
.iuw-upload-btn{background:rgba(254,218,0,.12);border:1px solid rgba(254,218,0,.25);color:var(--g);padding:.38rem .85rem;font-size:.74rem;font-family:var(--fc);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:all .2s;white-space:nowrap}
.iuw-upload-btn:hover{background:rgba(254,218,0,.22)}
.iuw-dim{display:flex;align-items:center;gap:.5rem;flex:1}
.iuw-dim-lbl{font-size:.68rem;color:rgba(255,255,255,.35);white-space:nowrap;font-family:var(--fc)}
.iuw-dim-inp{width:65px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.7);padding:.3rem .5rem;font-size:.77rem;border-radius:3px;text-align:center;outline:none}
.iuw-dim-inp:focus{border-color:var(--g)}
.iuw-fi{display:none}
.iuw-clear{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:.35rem .6rem;font-size:.7rem;font-family:var(--fc);cursor:pointer;border-radius:3px;transition:all .2s;margin-left:auto}
.iuw-clear:hover{background:rgba(239,68,68,.2)}
/* LOGO UPLOAD */
.luw{display:flex;align-items:center;gap:.85rem;padding:.85rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:4px}
.luw-prev{background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:4px;cursor:pointer;transition:box-shadow .2s}
.luw-prev:hover{box-shadow:0 0 0 2px var(--g)}
.luw-prev img{object-fit:contain;display:block}
.luw-info{flex:1}
.luw-name{font-size:.8rem;color:rgba(255,255,255,.7);margin-bottom:.35rem;font-weight:600}
.luw-hint{font-size:.7rem;color:rgba(255,255,255,.3)}
.luw-actions{display:flex;gap:.5rem;margin-top:.5rem}
.luw-fi{display:none}
/* COLLAPSIBLE */
.adm-li{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:3px;margin-bottom:.65rem;overflow:hidden}
.adm-li-h{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;cursor:pointer}
.adm-li-title{font-size:.855rem;font-weight:600;color:#fff}
.adm-li-actions{display:flex;gap:.4rem}
.adm-li-body{display:none;border-top:1px solid rgba(255,255,255,.06);padding:1.1rem}
.adm-li-body.open{display:block}
.adm-sbtn{padding:.28rem .65rem;font-size:.72rem;border-radius:2px;border:1px solid rgba(255,255,255,.12);background:transparent;color:rgba(255,255,255,.5);cursor:pointer;transition:all .2s}
.adm-sbtn:hover{border-color:var(--g);color:var(--g)}
.adm-sbtn.prim{background:var(--g);color:var(--n);border-color:var(--g);font-weight:700}
.adm-sbtn.danger:hover{border-color:#ef4444;color:#ef4444}
/* TAG INPUT */
.tag-box{display:flex;flex-wrap:wrap;gap:.35rem;padding:.5rem;border:1px solid rgba(255,255,255,.08);border-radius:3px;min-height:42px;cursor:text;background:rgba(255,255,255,.04)}
.tag-box:focus-within{border-color:var(--g)}
.tag-chip{background:rgba(254,218,0,.1);border:1px solid rgba(254,218,0,.25);color:var(--g);padding:.18rem .55rem;border-radius:2px;font-size:.72rem;display:flex;align-items:center;gap:.35rem}
.tag-rm{cursor:pointer;opacity:.6}.tag-rm:hover{opacity:1}
.tag-inp{flex:1;min-width:80px;background:transparent;border:none;outline:none;color:rgba(255,255,255,.8);font-size:.78rem;padding:.18rem 0}
/* DASHBOARD */
.adm-dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-bottom:1.75rem}
.adm-ds{background:#0d1340;border:1px solid rgba(255,255,255,.07);padding:1.4rem;border-radius:4px;border-top:2px solid var(--g)}
.adm-ds-n{font-size:1.9rem;font-weight:700;color:var(--g);font-family:var(--fd)}
.adm-ds-l{font-size:.77rem;color:rgba(255,255,255,.4);margin-top:.25rem}
.adm-qa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}
.adm-qa{background:#0d1340;border:1px solid rgba(255,255,255,.07);padding:1.1rem;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.85rem}
.adm-qa:hover{border-color:var(--g);background:rgba(254,218,0,.05)}
.adm-qa-icon{font-size:1.4rem}
.adm-qa-title{font-size:.845rem;font-weight:600;color:#fff}
.adm-qa-desc{font-size:.72rem;color:rgba(255,255,255,.35)}
/* MEDIA GRID */
.adm-media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}
.adm-mi{background:rgba(255,255,255,.04);border:2px solid rgba(255,255,255,.07);border-radius:3px;overflow:hidden;cursor:pointer;transition:all .2s}
.adm-mi:hover,.adm-mi.sel{border-color:var(--g)}
.adm-mi-img{width:100%;height:80px;object-fit:contain;padding:.5rem;background:rgba(255,255,255,.02);display:block}
.adm-mi-name{font-size:.67rem;color:rgba(255,255,255,.4);padding:.35rem .5rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* TOAST */
.adm-toast{position:fixed;bottom:1.75rem;right:1.75rem;z-index:9999;background:#0d1340;border:1px solid rgba(255,255,255,.1);border-left:3px solid #22c55e;padding:.9rem 1.4rem;border-radius:4px;font-size:.845rem;color:#fff;transform:translateX(120%);transition:transform .3s ease;box-shadow:0 8px 30px rgba(0,0,0,.4)}
.adm-toast.show{transform:translateX(0)}.adm-toast.err{border-left-color:#ef4444}
/* KEYFRAMES */
@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes sc-pulse{0%,100%{opacity:1}50%{opacity:.35}}
/* RESPONSIVE */
@media(max-width:1060px){
  .subs-grid,.vals-grid,.team-grid{grid-template-columns:repeat(2,1fr)}
  .ab-grid,.subs-head,.vals-head,.ct-grid,.ov-grid,.sv-head,.usp-inner,.mv-band,.sub-gallery{grid-template-columns:1fr;gap:2.5rem}
  .more-grid{grid-template-columns:repeat(2,1fr)}
  .ft-top{grid-template-columns:1fr 1fr}
  #nav{padding:0 1.5rem}.nl-links{display:none}.hamburger{display:flex}
  .cnt,.cnt-sm{padding:0 1.5rem}
  .sh-bc,.sh-content{padding-left:1.5rem}
  .adm-sb{width:220px}
}
@media(max-width:768px){
  .cnt{padding:0 1.4rem}
  #nav{padding:0 1.4rem}
  .hero-content .h2{font-size:clamp(2rem,7vw,3.2rem)}
  .footer .ft-top{grid-template-columns:1fr 1fr}
  .sc-grid{grid-template-columns:repeat(2,1fr)}
  .tm-grid{grid-template-columns:repeat(2,1fr)}
  .h2{font-size:clamp(1.7rem,5vw,2.8rem)}
}
@media(max-width:640px){.cnt{padding:0 1.5rem}.cnt{padding:0 1.5rem}
  .subs-grid,.vals-grid,.team-grid,.more-grid,.why-grid,.sv-grid,.ov-hl,.ach-grid{grid-template-columns:1fr}
  .ab-stats{gap:1.5rem}
/* ── MOBILE ENHANCEMENTS (480px) ───────────────── */
@media(max-width:480px){
  .cnt{padding:0 1.25rem}
  .section{padding:4rem 0}
  .sub-hero{min-height:70vh;padding-bottom:3rem}
  .sh-h1{font-size:clamp(1.6rem,7vw,2.4rem)}
  .sh-tagline{font-size:.9rem}
  .sh-actions{gap:.75rem}
  .sh-lb{height:36px}
  .btn{padding:.65rem 1.2rem;font-size:.8rem}
  .h2{font-size:clamp(1.6rem,6vw,2.4rem)}
  .eyebrow{font-size:.62rem}
  .hero-head h1{font-size:clamp(2rem,10vw,3.2rem)}
  .ach-stat-n{font-size:clamp(2rem,10vw,3.2rem)}
  .ft-top{gap:2rem}
  .ft-badge{height:36px}
  .nav-cta{padding:.45rem .9rem;font-size:.75rem}
  .sc-name{font-size:.78rem}
  .more-grid{grid-template-columns:1fr}
  .sv-grid,.why-grid,.ov-hl{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr}
  .usp-inner{grid-template-columns:1fr;gap:1.5rem}
  .sub-cta-btns{flex-direction:column;align-items:center}
  .sub-cta-btns .btn{width:100%;text-align:center}
  .ab-grid{gap:2rem}
  .dr-h{padding:1.25rem 1.25rem}
}

/* ── VERY SMALL SCREENS (360px) ─────────────────── */
@media(max-width:360px){
  .cnt{padding:0 1rem}
  .hero-head h1{font-size:clamp(1.7rem,9vw,2.5rem)}
  .ft-top{grid-template-columns:1fr}
  .sub-gallery{height:auto}
}