:root{
  --navy:#071a38;
  --navy-2:#0c2a52;
  --blue:#087cff;
  --cyan:#10c8ff;
  --gold:#c7963e;
  --gold-light:#e4bd70;
  --ink:#11233f;
  --muted:#63738a;
  --line:#dbe7f2;
  --paper:#f7fbff;
  --white:#ffffff;
  --shadow:0 24px 70px rgba(21,62,108,.13);
  --radius:26px;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:
    radial-gradient(circle at 8% 8%, rgba(16,200,255,.10), transparent 24%),
    radial-gradient(circle at 90% 18%, rgba(8,124,255,.08), transparent 25%),
    linear-gradient(180deg,#fbfdff 0%,#f3f8fd 48%,#fff 100%);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.65;
  overflow-x:hidden;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;
  background-image:linear-gradient(rgba(10,63,115,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(10,63,115,.035) 1px,transparent 1px);
  background-size:42px 42px;z-index:-2;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
code{background:#eef5fb;padding:.18rem .4rem;border-radius:6px;color:#14558c}
.page-glow{position:fixed;border-radius:50%;filter:blur(50px);pointer-events:none;z-index:-1}
.glow-a{width:280px;height:280px;background:rgba(16,200,255,.10);left:-100px;top:35%}
.glow-b{width:340px;height:340px;background:rgba(199,150,62,.08);right:-150px;top:70%}

.site-header{
  position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  width:min(calc(100% - 32px),var(--max));margin:14px auto 0;padding:10px 14px;
  border:1px solid rgba(183,209,232,.7);background:rgba(255,255,255,.84);
  backdrop-filter:blur(18px);box-shadow:0 12px 35px rgba(15,59,102,.08);border-radius:18px;
}
.brand{display:flex;align-items:center;gap:11px}
.brand img{width:48px;height:48px;object-fit:contain;border-radius:12px}
.brand strong{display:block;font-size:15px;letter-spacing:.15em;color:var(--navy)}
.brand small{display:block;font-size:9px;letter-spacing:.25em;color:#56708d;margin-top:1px}
.nav{display:flex;align-items:center;gap:6px}
.nav a{padding:10px 13px;font-size:13px;font-weight:700;color:#4e6078;border-radius:10px;transition:.2s}
.nav a:hover{color:var(--navy);background:#edf6fd}
.nav .nav-cta{background:var(--navy);color:#fff;padding:11px 15px}
.nav-toggle{display:none;border:0;background:transparent;font-size:25px;color:var(--navy)}

.section-pad{width:min(calc(100% - 40px),var(--max));margin:auto;padding:105px 0}
.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;padding-top:92px}
.eyebrow,.kicker{display:inline-flex;align-items:center;gap:9px;color:#2271aa;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}
.hero h1{font-size:clamp(48px,6vw,84px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 24px;color:var(--navy)}
.hero h1 em{font-style:normal;background:linear-gradient(100deg,#0578ff,#11bddd,#b78635);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{max-width:670px;color:#61728a;font-size:18px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 38px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;padding:13px 18px;font-weight:850;font-size:14px;transition:.22s;border:1px solid transparent}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,#0a7dff,#0758c8);color:#fff;box-shadow:0 14px 30px rgba(0,111,235,.23)}
.btn-ghost{background:#fff;border-color:#d6e4f0;color:#31506e}
.btn-dark{background:var(--navy);color:#fff;box-shadow:0 14px 30px rgba(7,26,56,.2)}
.micro-stats{display:flex;gap:25px;flex-wrap:wrap}
.micro-stats div{display:flex;gap:8px;align-items:center;color:#6b7b90;font-size:12px}
.micro-stats b{color:var(--gold);font-size:13px}

.hero-visual{display:grid;place-items:center}
.orbital-card{width:min(520px,100%);aspect-ratio:1;position:relative;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 46%,#fff 0,#eef8ff 28%,#dceeff 47%,rgba(220,238,255,.3) 64%,transparent 65%);box-shadow:inset 0 0 70px rgba(31,133,220,.08)}
.hero-logo{width:49%;z-index:3;filter:drop-shadow(0 18px 28px rgba(0,90,180,.2))}
.orbit{position:absolute;border:1px solid rgba(19,135,224,.34);border-radius:50%;transform:rotate(-20deg)}
.orbit-1{width:74%;height:28%}.orbit-2{width:84%;height:40%;transform:rotate(34deg)}.orbit-3{width:93%;height:53%;transform:rotate(-55deg)}
.orbit-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#0ba7ff;box-shadow:0 0 22px #0ba7ff;z-index:4}
.dot-1{top:23%;right:18%}.dot-2{bottom:22%;left:12%;background:#d6a047;box-shadow:0 0 22px #d6a047}.dot-3{right:7%;bottom:35%;width:8px;height:8px}
.hero-chip{position:absolute;z-index:5;background:#fff;border:1px solid #d9e8f3;box-shadow:0 10px 25px rgba(21,62,108,.1);border-radius:99px;padding:8px 12px;font-size:9px;letter-spacing:.16em;font-weight:900;color:#4b6680}
.chip-top{top:17%;left:7%}.chip-bottom{right:5%;bottom:19%}

.trust-strip{width:min(calc(100% - 40px),var(--max));margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:18px 0}
.trust-strip div{display:flex;justify-content:center;align-items:center;gap:10px;color:#58718d;font-size:12px;border-right:1px solid var(--line)}
.trust-strip div:last-child{border-right:0}
.trust-icon{color:#0986e8;font-size:20px}

.section-heading{max-width:800px;margin-bottom:48px}
.section-heading h2,.story-copy h2,.certificate-copy h2,.enquiry h2{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.04em;margin:12px 0 15px;color:var(--navy)}
.section-heading p,.story-copy p,.certificate-copy p{color:var(--muted);font-size:16px;max-width:760px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature-card{position:relative;background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:22px;padding:28px;min-height:290px;box-shadow:0 12px 30px rgba(25,75,120,.05);transition:.25s}
.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b9d9ee}
.feature-number{font-size:11px;font-weight:900;letter-spacing:.12em;color:#91a2b5}
.feature-icon{font-size:34px;margin:35px 0 20px;color:#0787ef}
.feature-card h3{margin:0 0 10px;font-size:19px;color:var(--navy)}
.feature-card p{margin:0;color:#687b91;font-size:13px}

.visual-story{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
.story-image{border-radius:30px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #d8e6f0;background:#fff}
.story-image img{width:100%;height:100%;object-fit:cover}
.check-list{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:12px}
.check-list li{display:flex;gap:10px;align-items:center;color:#526a83;font-size:14px}
.check-list span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#e5f6ff;color:#0586df;font-weight:900}

.media{padding-top:50px}
.video-shell{border:1px solid #cfe0ed;border-radius:24px;overflow:hidden;background:#071a38;box-shadow:var(--shadow)}
.video-topbar{height:46px;display:flex;align-items:center;gap:6px;padding:0 16px;color:#9fb6cb;border-bottom:1px solid rgba(255,255,255,.08);font-size:10px;letter-spacing:.15em;font-weight:800}
.video-dot{width:8px;height:8px;border-radius:50%;background:#8aa1b6}
.video-title{margin-left:8px}
.video-frame{aspect-ratio:16/8.8;background:#071a38}
.video-frame iframe{width:100%;height:100%;border:0}
.video-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;color:#b6cadc;font-size:12px}
.video-footer a{color:#5fdcff;font-weight:800}

.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:16px}
.gallery-card{position:relative;margin:0;overflow:hidden;border-radius:22px;border:1px solid #d6e4ef;background:#fff;box-shadow:0 15px 35px rgba(26,70,110,.07);min-height:230px}
.gallery-card.large{grid-row:span 2}
.gallery-card img{width:100%;height:100%;object-fit:cover;transition:.5s}
.gallery-card:hover img{transform:scale(1.025)}
.gallery-card figcaption{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(7,26,56,.78);backdrop-filter:blur(12px);color:#fff;padding:10px 13px;border-radius:11px;font-size:12px;font-weight:750}

.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.document-card{background:#fff;border:1px solid var(--line);border-radius:25px;overflow:hidden;box-shadow:var(--shadow)}
.document-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 24px;border-bottom:1px solid var(--line)}
.document-head h3{margin:5px 0 0;color:var(--navy);font-size:19px}
.doc-label{font-size:10px;letter-spacing:.16em;font-weight:900;color:#6f8499}
.doc-badge{background:#fff4db;border:1px solid #eed39d;color:#9a6a1b;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:900}
.pdf-frame{height:650px;background:#eef4f8}
.pdf-frame object{width:100%;height:100%;border:0}
.pdf-placeholder{height:100%;display:grid;place-items:center;align-content:center;text-align:center;padding:40px;color:#657b91}
.pdf-symbol{font-weight:950;letter-spacing:.08em;color:#0b76d8;background:#e4f3ff;padding:12px 16px;border-radius:12px}
.pdf-placeholder h4{margin:18px 0 5px;color:var(--navy);font-size:18px}
.pdf-placeholder p{font-size:12px;max-width:330px}

.certificate{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:center}
.certificate-image{position:relative;background:#fff;border-radius:20px;padding:12px;border:1px solid #d8e4ed;box-shadow:var(--shadow)}
.certificate-image img{width:100%;border-radius:13px}
.certificate-glow{position:absolute;inset:20% -5%;background:rgba(16,180,255,.12);filter:blur(45px);z-index:-1}

.enquiry{padding-top:60px}
.enquiry-inner{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:48px 52px;border-radius:28px;background:linear-gradient(120deg,#eaf6ff,#fff9ee);border:1px solid #d8e6f0;box-shadow:var(--shadow)}
.enquiry h2{margin-bottom:8px}
.enquiry p{margin:0;color:#62768d}

.footer{width:min(calc(100% - 40px),var(--max));margin:auto;padding:42px 0 55px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-brand img{width:44px;height:44px;border-radius:11px}
.footer-brand strong{display:block;color:var(--navy);font-size:13px}
.footer-brand span{display:block;color:#7890a7;font-size:10px}
.footer-links{display:flex;gap:20px;color:#55708c;font-size:12px;font-weight:800}
.footer p{grid-column:1/-1;margin:0;color:#8ba0b3;font-size:11px}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}
.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}

@media (max-width:980px){
  .nav{position:absolute;right:0;top:70px;width:240px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}
  .nav.open{display:flex}
  .nav-toggle{display:block}
  .hero,.visual-story,.certificate{grid-template-columns:1fr}
  .hero{min-height:auto;padding-top:70px}
  .hero-visual{order:-1}
  .orbital-card{width:min(460px,85vw)}
  .feature-grid{grid-template-columns:1fr 1fr}
  .document-grid{grid-template-columns:1fr}
  .certificate-copy{max-width:700px}
}
@media (max-width:680px){
  .section-pad{padding:70px 0}
  .site-header{width:calc(100% - 18px);margin-top:9px}
  .brand img{width:42px;height:42px}
  .brand strong{font-size:12px}.brand small{font-size:7px}
  .hero h1{font-size:46px}
  .hero-lead{font-size:16px}
  .micro-stats{display:grid;gap:10px}
  .trust-strip{grid-template-columns:1fr 1fr}
  .trust-strip div:nth-child(2){border-right:0}
  .trust-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .feature-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .gallery-card.large{grid-row:auto;min-height:280px}
  .gallery-card{min-height:230px}
  .pdf-frame{height:520px}
  .enquiry-inner{padding:32px 25px;display:grid}
  .footer{grid-template-columns:1fr}
  .footer-links{flex-wrap:wrap}
  .footer p{grid-column:auto}
}



.mentor-section{
    max-width:760px;
}

.section-tag{
    color:#1da1f2;
    letter-spacing:2px;
    font-size:.85rem;
    font-weight:700;
    margin-bottom:10px;
}

.mentor-section h2{
    font-size:2.6rem;
    line-height:1.1;
    color:#081f4b;
    margin-bottom:18px;
}

.mentor-section h3{
    color:#0d2f6b;
    margin:32px 0 16px;
    font-size:1.45rem;
}

.lead{
    color:#5b708d;
    line-height:1.9;
    margin-bottom:18px;
}

blockquote{
    border-left:4px solid #1da1f2;
    padding:16px 22px;
    margin:28px 0;
    background:rgba(29,161,242,.06);
    color:#0d2f6b;
    font-weight:600;
    border-radius:12px;
}

.read-more-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 22px;
    border:none;
    border-radius:999px;
    background:#0b2a66;
    color:white;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.read-more-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 30px rgba(13,47,107,.25);
}

.read-more-btn span{
    transition:.3s;
}

.read-more-content{
    max-height:0;
    overflow:hidden;
    opacity:0;
    transition:max-height .7s ease, opacity .45s ease;
}

.read-more-content.open{
    max-height:9000px;
    opacity:1;
    margin-top:35px;
}

.read-more-content.open + *{
    margin-top:20px;
}

.journey-box{
    margin:25px 0;
    padding:20px;
    text-align:center;
    border-radius:18px;
    background:linear-gradient(135deg,#0b2a66,#1446a0);
    color:white;
    font-size:1.2rem;
    box-shadow:0 15px 35px rgba(13,47,107,.18);
}

.qci-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:18px;
    margin:25px 0;
}

.qci-card{
    background:white;
    border:1px solid rgba(13,47,107,.08);
    border-radius:18px;
    padding:22px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.qci-card h4{
    color:#0d2f6b;
    margin-bottom:8px;
}

.qci-card p{
    color:#5b708d;
    line-height:1.6;
}

.timeline{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin:28px 0;
}

.step{
    text-align:center;
    background:white;
    border-radius:18px;
    padding:18px;
    border:1px solid rgba(13,47,107,.08);
}

.step span{
    display:block;
    color:#1da1f2;
    font-weight:700;
    font-size:.8rem;
    margin-bottom:8px;
}

@media(max-width:768px){
    .mentor-section h2{
        font-size:2rem;
    }

    .timeline{
        grid-template-columns:repeat(2,1fr);
    }
}


.read-less-wrapper{
    display:flex;
    justify-content:center;
    margin:50px 0 20px;
}

.read-more-btn.secondary{
    background:#0b2a66;
}
