:root{
  --dark:#060F1A;
  --font:Arial,'Helvetica Neue',Helvetica,sans-serif;
  --nav-h:60px;
  --accent:#fff;
  --ease:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-font-smoothing:antialiased}
body{font-family:var(--font);background:var(--dark);color:#F0F4FF;line-height:1.6;overflow-x:hidden;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
button{cursor:pointer;font-family:inherit;border:none;background:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
img{display:block;max-width:100%}
.wrap{max-width:1320px;margin:0 auto;padding:0 2rem}

/* ── NAV ── */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  background:rgba(6,15,26,0.96);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nav-row{display:flex;align-items:stretch;height:var(--nav-h);max-width:1320px;margin:0 auto}

.nav-ham{
  display:flex;align-items:center;justify-content:center;
  width:52px;flex-shrink:0;
  border-right:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.8);
  background:none;border-top:none;border-bottom:none;border-left:none;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.nav-logo{
  display:flex;align-items:center;
  padding:0 2rem;
  border-right:1px solid rgba(255,255,255,.08);
  flex-shrink:0;
}
.nav-logo-img{height:30px;width:auto;display:block;object-fit:contain}

.nav-links{display:flex;align-items:stretch;flex:1;padding:0 .5rem}
.nav-item{position:relative;display:flex;align-items:center}
.nav-link{
  display:flex;align-items:center;gap:4px;
  padding:0 1rem;height:100%;
  font-size:.85rem;color:rgba(255,255,255,.78);
  white-space:nowrap;position:relative;
  transition:color .16s;
}
.nav-link::after{
  content:'';position:absolute;bottom:0;left:1rem;right:1rem;
  height:2px;background:#fff;
  transform:scaleX(0);transform-origin:left;
  transition:transform .28s var(--ease);
}
.nav-link:hover{color:#fff}
.nav-link:hover::after{transform:scaleX(1)}
.nav-link-active{color:#5BC8D5!important}
.nav-link-active::after{background:#5BC8D5;transform:scaleX(1)}
.nav-chev{width:10px;height:10px;flex-shrink:0;opacity:.5;transition:transform .16s,opacity .16s}
.nav-item:hover .nav-chev{opacity:.9;transform:rotate(180deg)}

/* Regular dropdown */
.nav-drop{
  position:absolute;top:calc(100% + 1px);left:0;
  min-width:185px;background:var(--dark);
  border:1px solid rgba(255,255,255,.1);
  border-top:2px solid rgba(255,255,255,.3);
  border-radius:0 0 4px 4px;
  padding:.5rem 0;
  opacity:0;pointer-events:none;
  transform:translateY(-6px);
  transition:opacity .28s var(--ease),transform .28s var(--ease);
  box-shadow:0 12px 40px rgba(0,0,0,.4);
}
.nav-item:hover .nav-drop{opacity:1;pointer-events:auto;transform:translateY(0)}
.nav-drop a{
  display:block;padding:.6rem 1.25rem;
  font-size:.85rem;color:rgba(255,255,255,.65);
  transition:color .16s,background .16s;
}
.nav-drop a:hover{color:#fff;background:rgba(255,255,255,.06)}

/* Mega dropdown */
.nav-item--mega{position:static}
.nav-mega{
  position:fixed;top:var(--nav-h);left:0;right:0;
  background:#0A1828;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  padding:2.5rem 0;
  opacity:0;pointer-events:none;
  transform:translateY(-8px);
  transition:opacity .25s ease,transform .25s ease;
  z-index:190;
  box-shadow:0 20px 60px rgba(0,0,0,.5);
}
.nav-item--mega:hover .nav-mega{opacity:1;pointer-events:auto;transform:translateY(0)}
.nav-mega-inner{max-width:1320px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 320px;gap:3rem}
.nav-mega-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.nav-mega-link{display:block;padding:.65rem 1rem .65rem 0;font-size:.875rem;color:rgba(255,255,255,.65);border-bottom:1px solid rgba(255,255,255,.05);transition:color .16s,padding-left .16s}
.nav-mega-link:hover{color:#fff;padding-left:.5rem}
.nav-mega-title{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}
.nav-mega-featured{border-left:1px solid rgba(255,255,255,.08);padding-left:2.5rem}
.nav-mega-feat-label{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}
.nav-mega-feat-item{margin-bottom:1.5rem}
.nav-mega-feat-title{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.4rem}
.nav-mega-feat-desc{font-size:.8rem;color:rgba(200,215,255,.45);line-height:1.6}

/* ── MOBILE MENU ── */
.mob-menu{
  display:none;
  position:fixed;left:0;right:0;top:var(--nav-h);bottom:0;
  z-index:190;background:#060F1A;
  overflow-y:scroll;
  -webkit-overflow-scrolling:touch;
  padding:1.5rem 1.25rem 4rem;
  flex-direction:column;
}
.mob-menu.is-open{display:flex}
.mob-link{
  display:block;padding:1rem 0;
  font-size:1.1rem;font-weight:500;
  color:rgba(255,255,255,.85);
  border-bottom:1px solid rgba(255,255,255,.07);
  transition:color .16s;
}
.mob-link:hover,.mob-link-active{color:#5BC8D5}

/* ── HERO ── */
.hero{
  position:relative;overflow:hidden;
  padding-top:calc(var(--nav-h) + 5rem);
  padding-bottom:5rem;
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(29,78,160,0.45) 0%, transparent 70%),
    radial-gradient(ellipse 50% 40% at 80% 80%, rgba(14,50,120,0.3) 0%, transparent 60%),
    #060F1A;
  text-align:center;
  border-bottom:1px solid rgba(255,255,255,.08);
}
25%{transform:translate3d(60px,40px,0)}50%{transform:translate3d(30px,90px,0)}75%{transform:translate3d(-30px,50px,0)}100%{transform:translate3d(0,0,0)}}
25%{transform:translate(-50px,60px)}50%{transform:translate(-80px,-30px)}75%{transform:translate(-20px,-70px)}100%{transform:translate(0,0)}}
33%{transform:translate(70px,-50px)}66%{transform:translate(-40px,-80px)}100%{transform:translate(0,0)}}
30%{transform:translate(-60px,40px);opacity:1}60%{transform:translate(40px,70px);opacity:.5}100%{transform:translate(0,0);opacity:.6}}

.hero-inner{position:relative;z-index:1}
.hero-eye{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2.5rem}
.hero-line{width:40px;height:1px;background:rgba(255,255,255,.4);flex-shrink:0}
.hero-eyetxt{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.hero-hl{font-size:clamp(2rem,3.5vw,3.75rem);font-weight:300;line-height:1.2;letter-spacing:.02em;color:#fff;max-width:22ch;margin:0 auto 2rem;text-shadow:0 2px 20px rgba(0,0,0,0.5)}
.hero-hl em{font-style:normal;text-decoration:underline;text-decoration-color:rgba(255,255,255,.5);text-underline-offset:6px;text-decoration-thickness:1px}
.hero-desc{font-size:.95rem;color:rgba(255,255,255,.9);line-height:1.9;max-width:48ch;margin:0 auto;font-weight:300;text-shadow:0 1px 12px rgba(0,0,0,0.6)}
.hero-acts{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-top:2.5rem;flex-wrap:wrap}
.btn-p{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:#fff;color:#060F1A!important;font-size:.85rem;font-weight:700;border-radius:2px;transition:background .16s,transform .16s}
.btn-p:hover{background:rgba(255,255,255,.85);transform:translateY(-1px)}
.btn-g{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:2px;transition:color .16s,border-color .16s}
.btn-g:hover{color:#fff;border-color:rgba(255,255,255,.7)}

/* ── HOW WE HELP ── */
.hwh{
  padding:5rem 0 6rem;
  background:
    radial-gradient(ellipse 60% 50% at 100% 0%,rgba(29,78,160,.25) 0%,transparent 60%),
    radial-gradient(ellipse 50% 40% at 0% 100%,rgba(14,50,120,.2) 0%,transparent 60%),
    #060F1A;
}
.hwh-intro{text-align:center;max-width:680px;margin:0 auto 4rem}
.hwh-lbl{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(200,215,255,.4);display:block;margin-bottom:1.25rem}
.hwh-hl{font-size:clamp(1.6rem,3vw,2.8rem);font-weight:700;line-height:1.2;color:#fff}
.hwh-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.hwh-card{display:block}
.hwh-img{width:100%;aspect-ratio:4/3;background:#162233;border-radius:3px;overflow:hidden;margin-bottom:1.25rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}
.hwh-img::before{content:'';position:absolute;inset:10px;border:1px dashed rgba(248,246,241,.12);border-radius:2px;pointer-events:none}
.hwh-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hwh-hint{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(248,246,241,.22);text-align:center;line-height:1.8}
.hwh-title{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.75rem;display:flex;align-items:center;gap:6px;transition:color .16s}
.hwh-arr{transition:transform .16s var(--ease)}
.hwh-card:hover .hwh-title{color:rgba(200,215,255,.8)}
.hwh-card:hover .hwh-arr{transform:translateX(4px)}
.hwh-desc{font-size:.875rem;color:rgba(248,246,241,.5);line-height:1.75}

/* ── SECTION HEADER ── */
.sec-hdr{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:2.5rem;flex-wrap:wrap;gap:.75rem}
.sec-ttl{font-size:2rem;font-weight:700;color:#F0F4FF}
.sec-lnk{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:rgba(200,215,255,.5);transition:color .16s}
.sec-lnk:hover{color:#fff}
.arr{transition:transform .16s var(--ease)}
.sec-lnk:hover .arr{transform:translateX(3px)}

/* ── INSIGHTS GRID ── */
.arts{padding:5rem 0;background:#060F1A}
.insights-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;grid-template-rows:auto auto;gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:4px;overflow:hidden}
.slot{background:#0D1E30;display:flex;flex-direction:column;position:relative;transition:background .16s}
.slot:hover{background:#112236}
.slot--lead{grid-row:span 2;min-height:520px}
.slot-img{width:100%;flex-shrink:0}
.slot--lead .slot-img{height:280px}
.slot--sm .slot-img{height:140px}
.ip0{background:linear-gradient(135deg,#1A3A5C,#0F2540)}
.ip1{background:linear-gradient(135deg,#152E4A,#0D2035)}
.ip2{background:linear-gradient(135deg,#1A3550,#102840)}
.ip3{background:linear-gradient(135deg,#162840,#0C1E30)}
.ip4{background:linear-gradient(135deg,#1C3555,#112240)}
.ip5{background:linear-gradient(135deg,#142D48,#0E2238)}
.slot--empty{background:#0A1828;cursor:default}
.slot--empty:hover{background:#0A1828}
.slot-empty-inner{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}
.slot-empty-icon{width:48px;height:48px;border-radius:50%;border:1px dashed rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center}
.slot-empty-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(200,215,255,.4);line-height:1.6}
.slot-body{padding:1.5rem;display:flex;flex-direction:column;flex:1}
.slot--lead .slot-body{padding:2rem}
.slot-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}
.tag{display:inline-block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:2px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}
.rt{font-size:10px;color:rgba(150,175,220,.5);letter-spacing:.06em}
.slot-ttl{font-size:1rem;font-weight:700;line-height:1.35;color:#F0F4FF;margin-bottom:.5rem;flex:1;transition:color .16s}
.slot--lead .slot-ttl{font-size:1.5rem;margin-bottom:.75rem}
.slot:hover .slot-ttl{color:#fff}
.slot-exc{font-size:.85rem;color:rgba(200,215,255,.6);line-height:1.65;margin-bottom:1rem}
.slot-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}
.chip{display:flex;align-items:center;gap:.75rem}
.av{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:rgba(220,235,255,.85);flex-shrink:0}
.chip-name{font-size:.72rem;font-weight:500;color:rgba(220,235,255,.85)}
.chip-date{font-size:.72rem;color:rgba(150,175,220,.5)}
.slot-arrow{opacity:0;transform:translateX(-6px);transition:opacity .16s,transform .16s var(--ease);color:#fff;flex-shrink:0}
.slot:hover .slot-arrow{opacity:1;transform:translateX(0)}

/* ── PODCAST ── */
.podcast{padding:5rem 0;background:#060F1A}
.pod-placeholder{border:1px dashed rgba(255,255,255,.12);border-radius:6px;padding:5rem 2rem}
.pod-placeholder-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}
.pod-placeholder-icon{width:72px;height:72px;border-radius:50%;border:1px dashed rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}
.pod-placeholder-text{font-size:.8rem;font-weight:600;color:rgba(200,215,255,.4);letter-spacing:.05em;text-transform:uppercase}
.pod-placeholder-sub{font-size:.875rem;color:rgba(200,215,255,.25)}

/* ── CATEGORIES ── */
.cats{padding:5rem 0;background:#040D18}
.cats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.cat-card{display:block;padding:2rem 1.5rem;background:rgba(255,255,255,.04);border-radius:3px;position:relative;overflow:hidden;transition:background .28s}
.cat-card::before{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#fff;transition:width .28s var(--ease)}
.cat-card:hover{background:rgba(255,255,255,.07)}
.cat-card:hover::before{width:100%}
.cat-num{font-size:3rem;font-weight:700;line-height:1;color:rgba(248,246,241,.07);margin-bottom:1rem}
.cat-icon{width:40px;height:40px;border:1px solid rgba(248,246,241,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}
.cat-name{font-size:1.3rem;font-weight:700;color:#F0F4FF;margin-bottom:.75rem}
.cat-desc{font-size:.875rem;color:rgba(248,246,241,.5);line-height:1.65;margin-bottom:1.5rem}
.cat-cnt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(248,246,241,.3)}

/* ── FOOTER ── */
.footer{background:#040D18;color:#F0F4FF;padding:4rem 0 2rem}
.foot-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:2rem}
.foot-logo{display:flex;align-items:center;margin-bottom:1.25rem}
.foot-logo-img{height:24px;width:auto;object-fit:contain;opacity:.65}
.foot-tag{font-size:.875rem;color:rgba(248,246,241,.5);line-height:1.7}
.foot-ct{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(248,246,241,.35);margin-bottom:1.25rem}
.foot-ls{display:flex;flex-direction:column;gap:.75rem}
.foot-lk{font-size:.875rem;color:rgba(248,246,241,.6);transition:color .16s}
.foot-lk:hover{color:#fff}
.foot-bot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.foot-cp{font-size:.72rem;color:rgba(248,246,241,.3)}
.foot-leg{display:flex;gap:1.5rem;flex-wrap:wrap}
.foot-ll{font-size:.72rem;color:rgba(248,246,241,.3);transition:color .16s}
.foot-ll:hover{color:rgba(248,246,241,.6)}

/* ── MOBILE ── */
@media(max-width:768px){
  .wrap{padding:0 1.25rem}
  .nav-links,.nav-mega{display:none!important}
  .nav-logo-sub{display:none}
  .hero{padding-top:calc(var(--nav-h) + 2.5rem);padding-bottom:3.5rem}
  .hero-hl{font-size:clamp(1.8rem,7vw,2.4rem)}
      .sphere-3,  .hwh{padding:3rem 0 4rem}
  .hwh-cols{grid-template-columns:1fr;gap:2rem}
  .hwh-hl{font-size:1.4rem}
  .arts{padding:3rem 0}
  .insights-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important;background:transparent;border:none;gap:.75rem}
  .slot--lead{grid-row:span 1!important;min-height:auto}
  .slot,.slot--lead,.slot--sm{border:1px solid rgba(255,255,255,.08);border-radius:4px}
  .slot--lead .slot-img{height:180px}
  .slot--sm .slot-img{height:130px}
  .sec-ttl{font-size:1.4rem}
  .podcast{padding:3rem 0}
  .pod-placeholder{padding:3rem 1.25rem}
  .cats{padding:3rem 0}
  .cats-grid{grid-template-columns:1fr 1fr}
  .cat-card{padding:1.5rem 1rem}
  .footer{padding:3rem 0 2rem}
  .foot-top{grid-template-columns:1fr 1fr;gap:2rem}
  .foot-bot{flex-direction:column;align-items:flex-start;gap:.75rem}
}
@media(max-width:480px){
  .wrap{padding:0 1rem}
  .hero-hl{font-size:clamp(1.6rem,6vw,2rem)}
  .hero-acts{flex-direction:column;align-items:center;gap:1rem}
  .btn-p{width:100%;max-width:280px;justify-content:center}
  .cats-grid{grid-template-columns:1fr}
  .foot-top{grid-template-columns:1fr}
}

/* ── CONTACT MODAL ── */
.modal-overlay{
  display:none;
  position:fixed;inset:0;z-index:500;
  background:rgba(4,10,20,0.85);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  align-items:center;justify-content:center;
  padding:1.5rem;
}
.modal-overlay.open{display:flex}
.modal{
  background:#0D1E30;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  padding:2.5rem;
  width:100%;max-width:520px;
  position:relative;
  animation:modalIn .3s var(--ease);
}
@keyframes modalIn{
  from{opacity:0;transform:translateY(24px) scale(0.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.modal-close{
  position:absolute;top:1.25rem;right:1.25rem;
  width:32px;height:32px;
  background:rgba(255,255,255,.08);
  border:none;border-radius:50%;
  color:rgba(255,255,255,.6);
  font-size:1.1rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .16s,color .16s;
  -webkit-tap-highlight-color:transparent;
}
.modal-close:hover{background:rgba(255,255,255,.15);color:#fff}
.modal-tag{
  font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(200,215,255,.4);margin-bottom:.75rem;display:block;
}
.modal-title{
  font-size:1.6rem;font-weight:300;color:#fff;
  margin-bottom:.4rem;line-height:1.2;
}
.modal-sub{
  font-size:.85rem;color:rgba(200,215,255,.5);
  margin-bottom:2rem;
}
.modal-sub a{color:rgba(200,215,255,.7);text-decoration:underline;text-underline-offset:3px}
.modal-sub a:hover{color:#fff}
.form-group{margin-bottom:1.25rem}
.form-label{
  display:block;font-size:.75rem;letter-spacing:.08em;
  text-transform:uppercase;color:rgba(200,215,255,.5);
  margin-bottom:.5rem;
}
.form-field{
  width:100%;padding:.85rem 1rem;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  border-radius:4px;
  font-family:var(--font);font-size:.9rem;
  color:#fff;outline:none;
  transition:border-color .16s,background .16s;
  -webkit-appearance:none;
}
.form-field::placeholder{color:rgba(200,215,255,.3)}
.form-field:focus{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08)}
textarea.form-field{resize:vertical;min-height:120px}
.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.modal-submit{
  width:100%;padding:1rem;
  background:#fff;color:#060F1A;
  font-family:var(--font);font-size:.9rem;font-weight:700;
  border:none;border-radius:4px;cursor:pointer;
  transition:background .16s,transform .16s;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  margin-top:.5rem;
}
.modal-submit:hover{background:rgba(255,255,255,.88);transform:translateY(-1px)}
.modal-submit:active{transform:translateY(0)}

/* Success state */
.modal-success{
  display:none;
  flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:2rem 0;gap:1.25rem;
}
.modal-success.visible{display:flex}
.modal-form.hidden{display:none}
.success-icon{
  width:64px;height:64px;border-radius:50%;
  background:rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;
  animation:popIn .4s var(--ease);
}
@keyframes popIn{
  from{transform:scale(0)}
  to{transform:scale(1)}
}
.success-title{font-size:1.4rem;font-weight:300;color:#fff}
.success-sub{font-size:.875rem;color:rgba(200,215,255,.5);line-height:1.6}

@media(max-width:480px){
  .modal{padding:1.75rem 1.25rem}
  .form-row-2{grid-template-columns:1fr}
}



.page-hero{position:relative;overflow:hidden;padding-top:calc(var(--nav-h) + 5rem);padding-bottom:5rem;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(29,78,160,0.45) 0%,transparent 70%),#060F1A;border-bottom:1px solid rgba(255,255,255,.08)}
.page-hero h1{font-size:clamp(2.8rem,5vw,4.5rem);font-weight:300;color:#fff;line-height:1.08;letter-spacing:-.01em;margin-bottom:1.25rem;position:relative;z-index:1}
.page-hero-sub{font-size:1.05rem;color:rgba(255,255,255,.65);line-height:1.85;max-width:640px;margin-bottom:2.5rem;position:relative;z-index:1}
.page-hero .btn-p{position:relative;z-index:1}
.page-section{padding:5rem 0;background:#060F1A;border-bottom:1px solid rgba(255,255,255,.08)}
.page-section--alt{padding:5rem 0;background:#0A1828;border-bottom:1px solid rgba(255,255,255,.08)}
.sec-label{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(200,215,255,.35);display:block;margin-bottom:2.5rem}
.sec-title{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:300;color:#fff;margin-bottom:1rem}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.cards-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.p-card{padding:2rem;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:rgba(255,255,255,.03);transition:background .2s,border-color .2s}
.p-card:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}
.p-card-label{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(200,215,255,.3);margin-bottom:.75rem;display:block}
.p-card-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.5rem}
.p-card-desc{font-size:.875rem;color:rgba(200,215,255,.5);line-height:1.7}
.cta-band{padding:5rem 0;background:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(29,78,160,0.3) 0%,transparent 70%),#060F1A;text-align:center;border-top:1px solid rgba(255,255,255,.08)}
.cta-band h2{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:300;color:#fff;margin-bottom:.75rem}
.cta-band p{font-size:.95rem;color:rgba(200,215,255,.5);margin-bottom:2.5rem}
.coming-box{text-align:center;padding:6rem 2rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:4px}
.coming-box h3{font-size:1.6rem;font-weight:300;color:#fff;margin-bottom:.75rem}
.coming-box p{color:rgba(200,215,255,.45);max-width:480px;margin:0 auto 2rem;line-height:1.85}
.ind-hero{position:relative;overflow:hidden;padding-top:calc(var(--nav-h) + 5rem);padding-bottom:5rem;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(29,78,160,0.45) 0%,transparent 70%),#060F1A;border-bottom:1px solid rgba(255,255,255,.08)}
.ind-hero h1{font-size:clamp(2.8rem,5vw,4.5rem);font-weight:300;color:#fff;line-height:1.08;letter-spacing:-.01em;margin-bottom:1.25rem;position:relative;z-index:1}
.ind-hero-sub{font-size:1.05rem;color:rgba(255,255,255,.65);line-height:1.85;max-width:580px;margin-bottom:2.5rem;position:relative;z-index:1}
.ind-hero .btn-p,.ind-hero .wrap{position:relative;z-index:1}
.ind-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;position:relative;z-index:1}
.ind-hero-photo{border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 80px rgba(0,0,0,.6)}
.ind-hero-photo img{width:100%;height:420px;object-fit:cover;display:block}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.08)}
.cap-item{padding:2rem;border-bottom:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);text-align:center;transition:background .2s}
.cap-item:hover{background:rgba(255,255,255,.03)}
.cap-num{font-size:.75rem;color:rgba(200,215,255,.2);margin-bottom:.75rem}
.cap-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.75rem}
.cap-desc{font-size:.875rem;color:rgba(200,215,255,.5);line-height:1.7}
.hwh-list{border-top:1px solid rgba(255,255,255,.08)}
.hwh-row{display:grid;grid-template-columns:1fr 2fr;gap:3rem;padding:2.5rem 0;border-bottom:1px solid rgba(255,255,255,.08);align-items:start}
.hwh-row-title{font-size:1.05rem;font-weight:600;color:#fff}
.hwh-row-desc{font-size:.925rem;color:rgba(200,215,255,.55);line-height:1.8}
.val-block{padding:1.5rem;border-left:3px solid rgba(91,200,213,0.5);background:rgba(255,255,255,.02);border-radius:0 4px 4px 0;margin-bottom:1rem}
.val-block-title{font-weight:600;color:#fff;margin-bottom:.4rem}
.val-block-desc{font-size:.875rem;color:rgba(200,215,255,.5);line-height:1.7}
@media(max-width:900px){.nav-links{display:none!important}}
@media(max-width:768px){.wrap{padding:0 1.25rem}.page-hero,.ind-hero{padding-top:calc(var(--nav-h)+2.5rem);padding-bottom:3rem}.cards-3,.cards-2,.ind-hero-grid{grid-template-columns:1fr}.ind-hero-photo{display:none}.page-section,.page-section--alt,.cta-band{padding:3rem 0}.hwh-row{grid-template-columns:1fr;gap:1rem}.cap-grid{grid-template-columns:1fr}}
@media(max-width:480px){.wrap{padding:0 1rem}}

    /* new css */


    .mob-item {
      border-bottom: 1px solid #eee;
    }

    .mob-toggle {
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .mob-submenu {
      max-height: 0;
      overflow: hidden;
      transition: all 0.3s ease;
      padding-left: 15px;
    }

    .mob-submenu a {
      display: block;
      padding: 8px 0;
      font-size: 14px;
      color: #8fb3d9;
    }

    .mob-item.active .mob-submenu {
      max-height: 300px;
      /* adjust if needed */
    }

    .mob-menu {
      background: #061a2b;
      padding: 15px;
    }

    /* Main links */
    .mob-link {
      display: flex;
      justify-content: space-between;
      color: #fff;
      padding: 14px 0;
      font-size: 16px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      cursor: pointer;
    }

    /* Active link */
    .mob-link-active {
      color: #2e74cc;
    }

    /* Submenu animation */
    .mob-submenu {
      max-height: 0;
      overflow: hidden;
      transition: 0.4s ease;
      padding-left: 10px;
    }

    .mob-item.active .mob-submenu {
      max-height: 500px;
    }

    /* Sub category */
    .sub-toggle {
      display: flex;
      justify-content: space-between;
      color: #8fb3d9;
      padding: 10px 0;
      cursor: pointer;
    }

    /* Inner submenu */
    .sub-submenu {
      max-height: 0;
      overflow: hidden;
      transition: 0.3s ease;
      padding-left: 10px;
    }

    .sub-item.active .sub-submenu {
      max-height: 300px;
    }

    .sub-submenu a {
      display: block;
      color: #fff;
      font-size: 14px;
      padding: 6px 0;
    }

    /* Hover effect */
    .sub-submenu a:hover {
      color: #2e74cc;
    }

    /* Plus icon */
    .plus {
      transition: 0.3s;
    }

    .mob-item.active .plus {
      transform: rotate(45deg);
    }

    .sub-toggle span {
      transition: 0.3s;
    }

    .sub-item.active span {
      transform: rotate(45deg);
    }