@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@300;400;500;600;700;800;900&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Catamaran',sans-serif;color:#001E62;background:#fff;line-height:1.6}
a{color:inherit;text-decoration:none}
.c{max-width:1200px;margin:0 auto;padding:0 2rem}
header{background:transparent;position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid transparent;transition:background .5s cubic-bezier(0.16,1,0.3,1),box-shadow .5s,border-color .5s,backdrop-filter .5s,-webkit-backdrop-filter .5s}
header.header-scrolled{background:rgba(0,20,72,0.94);border-bottom:1px solid rgba(255,255,255,0.08);box-shadow:0 2px 32px rgba(0,0,0,0.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hi{display:flex;align-items:center;justify-content:space-between;height:80px;max-width:1200px;margin:0 auto;padding:0 2rem}
.logo img{height:38px;width:auto;filter:brightness(0) invert(1)}
.logo-text{color:#FFB600;font-size:1.1rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
nav a{color:rgba(255,255,255,0.82);font-weight:600;font-size:0.85rem;margin-left:1.8rem;text-transform:uppercase;letter-spacing:.05em;transition:color .2s}
nav a:hover{color:#FFB600}
.nav-back{color:rgba(255,255,255,0.55)!important;font-size:.75rem!important;letter-spacing:.08em!important;border-right:1px solid rgba(255,255,255,0.12);padding-right:1.5rem;margin-right:.2rem}
.nav-back:hover{color:#FFB600!important}
.nav-cta{background:linear-gradient(135deg,#F2A900,#FFB600)!important;color:#001E62!important;padding:.4rem 1rem;border-radius:4px;font-weight:800!important}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#001040 0%,#001E62 100%);color:white;padding:8.5rem 0 5rem;min-height:75vh;display:flex;align-items:center}
.hero>.c{position:relative;z-index:2;width:100%}
.hov{position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,rgba(0,6,30,0.82) 0%,rgba(0,20,80,0.70) 100%)}
.hero video,.vh video{position:absolute;top:50%;left:50%;width:max(177.78vh,100vw);height:max(56.25vw,100vh);transform:translate(-50%,-50%);object-fit:cover;pointer-events:none;z-index:0;transition:opacity 1.6s ease-in-out}
.vh{position:relative;overflow:hidden;color:white;min-height:62vh;display:flex;align-items:center;background:#001040}
.vh>.c{position:relative;z-index:2;padding:8.5rem 2rem 4.5rem;width:100%;max-width:1200px;margin:0 auto}
.vh h1{font-size:clamp(1.7rem,3.8vw,2.8rem);font-weight:900;line-height:1.08;text-transform:uppercase;margin-bottom:1rem;max-width:820px;letter-spacing:0.01em}
.htag{font-size:0.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.25em;color:#FFB600;border-bottom:2px solid #FFB600;padding-bottom:.3rem;display:inline-block;margin-bottom:1.4rem}
.hero h1{font-size:clamp(1.8rem,4vw,2.9rem);font-weight:900;line-height:1.08;text-transform:uppercase;margin-bottom:1.4rem;max-width:820px}
.hero h1 .gold{color:#FFB600}
.hero .sub{font-size:1.03rem;opacity:.87;margin-bottom:2.5rem;max-width:630px;line-height:1.75;font-weight:400}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem;max-width:580px}
.sb{background:rgba(255,255,255,0.09);border:1px solid rgba(255,255,255,0.17);border-radius:10px;padding:1.2rem;text-align:center}
.sb .n{font-size:1.75rem;font-weight:900;color:#FFB600;line-height:1}
.sb .l{font-size:0.73rem;opacity:.72;margin-top:.2rem;font-weight:500}
.cta-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}
.btn{display:inline-block;padding:.9rem 2rem;border-radius:4px;font-weight:800;font-size:.88rem;text-transform:uppercase;letter-spacing:.08em;transition:all .2s;border:none;cursor:pointer;font-family:'Catamaran',sans-serif}
.btn-g{background:linear-gradient(135deg,#F2A900,#FFB600);color:#001E62}
.btn-g:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(242,169,0,.5)}
.btn-o{border:2px solid rgba(255,255,255,.45);color:white;background:transparent}
.btn-o:hover{border-color:#FFB600;color:#FFB600}
section{padding:4.5rem 0}
.stag{font-size:0.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.25em;color:#FFB600;border-bottom:2px solid #FFB600;padding-bottom:.25rem;display:inline-block;margin-bottom:1rem}
.stitle{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:900;color:#001E62;text-transform:uppercase;line-height:1.1;margin-bottom:2.5rem}
.bg-l{background:#F8F9FD}
.bg-n{background:#001E62;color:white}
.bg-n .stitle{color:white}
.bg-n .stag{color:#FFB600}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.4rem}
.card{background:white;border-radius:10px;padding:1.8rem;border:1px solid rgba(0,30,98,0.09);box-shadow:0 2px 14px rgba(0,30,98,.06);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,30,98,.12)}
.ci{width:46px;height:46px;background:linear-gradient(135deg,#F2A900,#FFB600);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;font-size:1.3rem}
.card h3{font-size:1rem;font-weight:800;color:#001E62;text-transform:uppercase;margin-bottom:.65rem;letter-spacing:.02em}
.card p{color:#4A5568;font-size:.9rem;line-height:1.75}
.ca{display:inline-block;margin-top:.9rem;color:#FFB600;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.ca:hover{color:#001E62}
.cd{font-size:.74rem;color:#888;margin-top:.7rem;font-style:italic;border-top:1px solid #f0f0f0;padding-top:.5rem}
.fqs{display:flex;flex-direction:column;gap:.9rem;max-width:880px}
.fq{border:1px solid rgba(0,30,98,.12);border-radius:8px;overflow:hidden}
.fq h3{font-size:.94rem;font-weight:700;color:#001E62;padding:1.1rem 1.4rem;margin:0;border-left:3px solid #FFB600;background:#FAFBFF}
.fq p{color:#4A5568;font-size:.9rem;line-height:1.8;padding:.9rem 1.4rem 1.1rem}
.cf{max-width:640px}
.cf .stitle{color:white}
.fg{margin-bottom:.9rem}
.fg label{display:block;font-size:.76rem;font-weight:700;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem}
.fg input,.fg select,.fg textarea{width:100%;padding:.82rem 1rem;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:rgba(255,255,255,.08);color:white;font-family:'Catamaran',sans-serif;font-size:.92rem;outline:none;transition:border-color .2s}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:#FFB600}
.fg input::placeholder,.fg textarea::placeholder{color:rgba(255,255,255,.38)}
.fg select option{background:#001E62;color:white}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.wa-note{font-size:.88rem;opacity:.7;margin-top:1.2rem}
.wa-note a{color:#25D366;font-weight:700}
.lm{background:linear-gradient(135deg,rgba(242,169,0,.12),rgba(0,30,98,.05));border:1px solid rgba(242,169,0,.28);border-radius:10px;padding:1.8rem 2.2rem;margin-bottom:2.5rem;max-width:640px}
.lm h3{font-size:1.05rem;font-weight:800;color:#001E62;margin-bottom:.4rem}
.lm p{color:#4A5568;font-size:.88rem;margin-bottom:1.1rem}
.lmf{display:flex;gap:.7rem}
.lmf input{flex:1;padding:.82rem 1rem;border:1px solid rgba(0,30,98,.2);border-radius:6px;font-family:'Catamaran',sans-serif;font-size:.92rem;color:#001E62;outline:none}
.pn{font-size:.73rem;color:#888;margin-top:.6rem}
.ld{background:#F5F5F0;border-top:3px solid #FFB600;padding:2.2rem 0}
.ld h4{font-size:.76rem;font-weight:800;color:#001E62;margin-bottom:.9rem;text-transform:uppercase;letter-spacing:.1em}
.ld p{font-size:.76rem;color:#666;line-height:1.7;margin-bottom:.4rem;max-width:960px}
.back-home{background:#000C2F;border-top:1px solid rgba(255,182,0,0.18);padding:1.4rem 0}
.back-home .c{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem}
.btn-back{display:inline-flex;align-items:center;gap:.45rem;color:rgba(255,255,255,.6);font-family:'Catamaran',sans-serif;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;transition:color .2s;text-decoration:none}
.btn-back:hover{color:#FFB600}
.btn-back svg{transition:transform .2s}
.btn-back:hover svg{transform:translateX(-3px)}
footer{background:#000C2F;color:rgba(255,255,255,.48);padding:2rem 0;font-size:.82rem}
.fi{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem;max-width:1200px;margin:0 auto;padding:0 2rem}
.fl a{color:rgba(255,255,255,.48);margin-left:1.3rem;transition:color .2s}
.fl a:hover{color:#FFB600}
.wa{position:fixed;bottom:30px;right:30px;z-index:9999;border-radius:50%;box-shadow:0 4px 20px rgba(37,211,102,.4);animation:wap 2.5s infinite;display:flex;align-items:center;justify-content:center}
.wa:hover{transform:scale(1.1) translateY(-3px)!important;animation:none}
@keyframes wap{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.ph{background:linear-gradient(135deg,#001E62 0%,#002B8A 100%);color:white;padding:8rem 0 3.5rem}
.bc{font-size:.78rem;color:rgba(255,255,255,.55);margin-bottom:1.5rem}
.bc a{color:rgba(255,255,255,.55)}.bc a:hover{color:#FFB600}.bc span{margin:0 .4rem}
.ph h1{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:900;text-transform:uppercase;line-height:1.1;margin-bottom:1rem}
.ph p{font-size:.98rem;opacity:.84;max-width:700px;line-height:1.75}
.hb{background:linear-gradient(135deg,rgba(0,30,98,.05),rgba(242,169,0,.09));border:1px solid rgba(242,169,0,.28);border-radius:10px;padding:1.8rem 2rem;margin:2rem 0}
.hb h3{font-size:.9rem;font-weight:800;color:#001E62;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}
.ci-item{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:.65rem;font-size:.9rem;color:#333;line-height:1.5}
.prose h2{font-size:1.3rem;font-weight:800;color:#001E62;text-transform:uppercase;margin:2.5rem 0 1rem}
.prose p{color:#4A5568;font-size:.93rem;line-height:1.8;margin-bottom:1rem}
.prose ul{color:#4A5568;font-size:.93rem;line-height:1.8;padding-left:1.5rem;margin-bottom:1rem}
.prose li{margin-bottom:.4rem}
table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.86rem}
th{background:#001E62;color:white;padding:.7rem 1rem;text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
td{padding:.7rem 1rem;border-bottom:1px solid rgba(0,30,98,.08);color:#333}
tr:hover td{background:#F8F9FD}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.timeline{display:flex;flex-direction:column;gap:1.2rem;margin:1.5rem 0}
.tl-item{display:flex;gap:1.2rem;align-items:flex-start}
.tl-num{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#F2A900,#FFB600);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.82rem;color:#001E62;flex-shrink:0;margin-top:.15rem}
.tl-item h4{font-size:.9rem;font-weight:800;color:#001E62;margin-bottom:.2rem;text-transform:uppercase}
.tl-item p{font-size:.85rem;color:#4A5568;line-height:1.6}
.tl-badge{display:inline-block;font-size:.68rem;font-weight:700;background:rgba(242,169,0,.15);color:#8B6200;padding:.2rem .6rem;border-radius:20px;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:768px){
  /* ── Layout ── */
  body{overflow-x:hidden}
  nav{display:none}
  .c{padding:0 1.2rem}

  /* ── Header ── */
  .hi{height:68px;padding:0 1.2rem}
  .logo img{height:32px}

  /* ── Hero ── */
  .vh>.c{padding:6.5rem 1.2rem 3rem}
  .vh h1{font-size:clamp(1.4rem,7vw,2rem)}
  .hero>.c{padding:6.5rem 1.2rem 3rem}

  /* ── Sections ── */
  section{padding:3rem 0}
  .stitle{margin-bottom:1.8rem}

  /* ── Grid overrides ── */
  .stats{grid-template-columns:1fr 1fr}
  .fr{grid-template-columns:1fr}
  .lmf{flex-direction:column}
  .two-col{grid-template-columns:1fr;gap:1.8rem}
  .cards{grid-template-columns:1fr}

  /* ── Cards ── */
  .card{padding:1.3rem 1.1rem}

  /* ── Info boxes ── */
  .hb{padding:1.3rem 1.1rem}
  .lm{padding:1.3rem 1.2rem}
  .hb h3{font-size:.88rem}

  /* ── List items ── */
  .ci-item{gap:.5rem;font-size:.86rem}

  /* ── Tables — horizontal scroll ── */
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;border-radius:6px}
  th{padding:.55rem .8rem;font-size:.66rem}
  td{padding:.55rem .8rem;font-size:.8rem}

  /* ── FAQ ── */
  .fq h3{font-size:.88rem}

  /* ── Footer ── */
  .fi{flex-direction:column;text-align:center}
  .fl a{margin:0 .5rem}
  .fl{margin-top:.4rem}

  /* ── WhatsApp float — smaller, safe zone ── */
  .wa{bottom:18px;right:14px;width:52px;height:52px}
  .wa svg{width:52px;height:52px}

  /* ── Back-home bar ── */
  .back-home .c{flex-direction:column;gap:.5rem}
}

/* ── 3-D SCROLL REVEAL (mirrors home page index.css) ── */
.reveal{opacity:0;will-change:opacity,transform;transition:opacity .82s cubic-bezier(0.16,1,0.3,1),transform .82s cubic-bezier(0.16,1,0.3,1)}
.reveal-heading{transform:perspective(900px) translateY(44px) rotateX(6deg);transform-origin:50% 100%;transition-duration:.9s}
.reveal-card{transform:perspective(750px) translateY(54px) rotateX(10deg) scale(0.95);transform-origin:50% 100%;transition-duration:.78s}
.reveal-item{transform:translateY(36px) scale(0.98);transition-duration:.7s}
.reveal-left{transform:perspective(900px) translateX(-50px) rotateY(5deg) scale(0.97);transform-origin:100% 50%;transition-duration:.85s}
.reveal-right{transform:perspective(900px) translateX(50px) rotateY(-5deg) scale(0.97);transform-origin:0% 50%;transition-duration:.85s}
.reveal.revealed{opacity:1;transform:none}
@media(max-width:768px){.reveal-heading{transform:translateY(32px)}.reveal-card{transform:translateY(38px) scale(0.97)}.reveal-left,.reveal-right{transform:translateY(30px) scale(0.98)}.reveal-item{transform:translateY(24px)}}
@media(prefers-reduced-motion:reduce){.reveal,.reveal-heading,.reveal-card,.reveal-item,.reveal-left,.reveal-right{opacity:1!important;transform:none!important;transition:none!important}}