:root { --blue:#185FA5; --blue-light:#E6F1FB; --teal:#0F6E56; --teal-light:#E1F5EE; --purple:#534AB7; --purple-light:#EEEDFE; --gold:#B8860B; --gold-light:#FEF9EC; --near-black:#0D1B2A; --gray:#6B7A8D; --gray-light:#F5F7FA; --white:#ffffff; --border:#E2E8F0; }
    html { scroll-behavior:smooth; scrollbar-width: none; -ms-overflow-style: none; }
    html::-webkit-scrollbar { display: none; }
    body { font-family:'Plus Jakarta Sans',sans-serif; background:var(--white); color:var(--near-black); font-size:15px; overflow-x:hidden; scrollbar-width: none; -ms-overflow-style: none; }
    body::-webkit-scrollbar { display: none; }
    /* ── NAV ── */
    .logo { font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:22px; letter-spacing:-.5px; color:#002970; flex-shrink:0; display:flex; align-items:center; gap:4px; text-decoration:none; }
    .nav-links>a,.dropdown-toggle { display:inline-flex; align-items:center; gap:4px; padding:9px 12px; border-radius:999px; font-size:14px; font-weight:500; color:var(--gray); text-decoration:none; transition:.18s ease; white-space:nowrap; }
    .nav-cta { background:var(--blue); color:#fff; font-family:'Plus Jakarta Sans',sans-serif; font-weight:500; font-size:14px; padding:10px 24px; border-radius:10px; border:none; cursor:pointer; text-decoration:none; white-space:nowrap; box-shadow:0 8px 20px rgba(24,95,165,.18); transition:transform .2s,background .2s,box-shadow .2s; }
    .nav-cta:hover { background:#144f8a; transform:translateY(-2px); box-shadow:0 14px 30px rgba(24,95,165,.3); }

    /* ── PAGE HERO ── */
    .page-hero { background:linear-gradient(135deg,#0D1B2A 0%,#185FA5 100%); padding:64px 48px; display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
    .ph-left { display:flex; flex-direction:column; gap:18px; }
    .ph-eyebrow { font-size:12px; font-weight:500; color:rgba(255,255,255,.55); text-transform:uppercase; letter-spacing:.1em; }
    .ph-left h1 { font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(28px,4vw,38px); font-weight:700; color:#fff; line-height:1.2; letter-spacing:-.5px; }
    .ph-left h1 span { color:#FFD166; }
    .ph-left p { font-size:15px; color:rgba(255,255,255,.72); line-height:1.75; max-width:480px; }
    .ph-badges { display:flex; gap:10px; flex-wrap:wrap; }
    .ph-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.1); color:#fff; font-size:12px; font-weight:500; padding:6px 14px; border-radius:20px; border:1px solid rgba(255,255,255,.2); transition:background .2s,transform .2s; }
    .ph-badge:hover { background:rgba(255,255,255,.2); transform:translateY(-2px); }
    .ph-right { display:flex; flex-direction:column; gap:16px; }
    .ph-quote-card { background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); border-radius:16px; padding:28px; transition:background .2s,transform .2s; }
    .ph-quote-card:hover { background:rgba(255,255,255,.12); transform:translateY(-3px); }
    .ph-quote-text { font-family:'Plus Jakarta Sans',sans-serif; font-size:17px; font-weight:600; color:#fff; line-height:1.55; margin-bottom:16px; font-style:italic; }
    .ph-quote-text::before { content:'"'; color:#FFD166; font-size:28px; line-height:0; vertical-align:-10px; margin-right:3px; }
    .ph-quote-text::after { content:'"'; color:#FFD166; font-size:28px; line-height:0; vertical-align:-10px; margin-left:3px; }
    .ph-quote-author { font-size:13px; color:rgba(255,255,255,.55); }
    .ph-quote-author strong { color:rgba(255,255,255,.85); }
    .ph-stats-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
    .ph-stat { background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:16px; text-align:center; transition:background .2s,transform .2s; cursor:default; }
    .ph-stat:hover { background:rgba(255,255,255,.12); transform:translateY(-3px); }
    .ph-stat-num { font-family:'Plus Jakarta Sans',sans-serif; font-size:24px; font-weight:700; color:#FFD166; }
    .ph-stat-label { font-size:11px; color:rgba(255,255,255,.55); margin-top:3px; }

    /* ── SECTION TAG (shared) ── */
    .section-tag { font-size:12px; font-weight:500; color:var(--blue); text-transform:uppercase; letter-spacing:.1em; margin-bottom:10px; }

    /* ── MISSION ── */
    .mission-section { padding:64px 48px; background:var(--white); }
    .mission-inner { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; max-width:1260px; margin:0 auto; }
    .mission-left { display:flex; flex-direction:column; gap:18px; }
    .mission-left h2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:28px; font-weight:700; color:var(--near-black); line-height:1.25; letter-spacing:-.5px; }
    .mission-left h2 span { color:var(--blue); }
    .mission-left p { font-size:14px; color:var(--gray); line-height:1.75; }
    .mission-highlight { background:var(--blue-light); border-left:4px solid var(--blue); border-radius:0 10px 10px 0; padding:16px 20px; font-size:14px; color:var(--near-black); line-height:1.7; font-style:italic; font-weight:500; }
    .mission-right { display:flex; flex-direction:column; gap:16px; }
    .problem-card,.solution-card { border-radius:14px; padding:22px; border:1px solid var(--border); transition:transform .2s,box-shadow .2s; }
    .problem-card:hover,.solution-card:hover { transform:translateY(-3px); box-shadow:0 12px 30px rgba(13,27,42,.08); }
    .problem-card { background:var(--gray-light); }
    .problem-card h4 { font-family:'Plus Jakarta Sans',sans-serif; font-size:15px; font-weight:600; color:var(--near-black); margin-bottom:8px; display:flex; align-items:center; gap:8px; }
    .problem-card p { font-size:13px; color:var(--gray); line-height:1.65; }
    .solution-card { background:var(--teal-light); border-color:#9FE1CB; }
    .solution-card h4 { font-family:'Plus Jakarta Sans',sans-serif; font-size:15px; font-weight:600; color:var(--teal); margin-bottom:8px; display:flex; align-items:center; gap:8px; }
    .solution-card p { font-size:13px; color:#085041; line-height:1.65; }
    .promise-card { background:var(--blue-light); border-radius:14px; padding:20px 22px; border:1px solid #B5D4F4; transition:transform .2s,box-shadow .2s; }
    .promise-card:hover { transform:translateY(-3px); box-shadow:0 12px 30px rgba(24,95,165,.12); }
    .promise-card h4 { font-family:'Plus Jakarta Sans',sans-serif; font-size:15px; font-weight:600; color:var(--near-black); margin-bottom:8px; display:flex; align-items:center; gap:8px; }
    .promise-card p { font-size:13px; color:var(--gray); line-height:1.65; }

    /* ── STORY TIMELINE ── */
    .story-section { background:var(--gray-light); padding:64px 48px; }
    .story-inner { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; max-width:1260px; margin:0 auto; }
    .story-right h2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:28px; font-weight:700; color:var(--near-black); margin-bottom:18px; line-height:1.3; }
    .story-right h2 span { color:var(--blue); }
    .story-right p { font-size:14px; color:var(--gray); line-height:1.8; margin-bottom:14px; }
    .story-timeline { display:flex; flex-direction:column; gap:0; }
    .timeline-item { display:flex; gap:18px; padding-bottom:24px; position:relative; }
    .timeline-item:last-child { padding-bottom:0; }
    .timeline-item:not(:last-child)::after { content:''; position:absolute; left:15px; top:34px; bottom:0; width:2px; background:var(--border); }
    .tl-dot { width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px; flex-shrink:0; z-index:1; }
    .tl-blue   { background:var(--blue-light);   border:2px solid var(--blue); }
    .tl-teal   { background:var(--teal-light);   border:2px solid var(--teal); }
    .tl-gold   { background:var(--gold-light);   border:2px solid var(--gold); }
    .tl-purple { background:var(--purple-light); border:2px solid var(--purple); }
    .tl-year { font-size:11px; font-weight:600; color:var(--gray); text-transform:uppercase; letter-spacing:.06em; margin-bottom:3px; }
    .tl-title { font-family:'Plus Jakarta Sans',sans-serif; font-size:14px; font-weight:600; color:var(--near-black); margin-bottom:3px; }
    .tl-desc { font-size:13px; color:var(--gray); line-height:1.55; }

    /* ── IIT IIM DIFFERENCE ── */
    .iit-section { padding:64px 48px; background:var(--gold-light); border-top:1px solid #F0D080; border-bottom:1px solid #F0D080; }
    .iit-header { text-align:center; margin-bottom:44px; max-width:1260px; margin-left:auto; margin-right:auto; }
    .iit-header .section-tag { color:var(--gold); }
    .iit-header h2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:28px; font-weight:700; color:var(--near-black); margin-bottom:10px; }
    .iit-header p { font-size:14px; color:var(--gray); max-width:560px; margin:0 auto; line-height:1.7; }
    .iit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; max-width:1260px; margin:0 auto; }
    .iit-card { background:var(--white); border-radius:16px; padding:28px 24px; border:1px solid #F0D080; display:flex; flex-direction:column; gap:14px; transition:transform .25s ease,box-shadow .25s ease; }
    .iit-card:hover { transform:translateY(-5px); box-shadow:0 18px 40px rgba(184,134,11,.14); }
    .iit-card-icon { font-size:28px; }
    .iit-badge { display:inline-flex; align-items:center; gap:5px; background:var(--gold-light); color:var(--gold); border:1px solid #F0D080; font-size:11px; font-weight:700; padding:3px 10px; border-radius:20px; align-self:flex-start; }
    .iit-card h4 { font-family:'Plus Jakarta Sans',sans-serif; font-size:16px; font-weight:600; color:var(--near-black); }
    .iit-card p { font-size:13px; color:var(--gray); line-height:1.65; flex:1; }

    /* ── VALUES ── */
    .values-section { padding:64px 48px; background:var(--white); }
    .values-header { text-align:center; margin-bottom:44px; }
    .values-header h2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:28px; font-weight:700; color:var(--near-black); margin-bottom:10px; }
    .values-header p { font-size:14px; color:var(--gray); max-width:520px; margin:0 auto; line-height:1.7; }
    .values-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; max-width:900px; margin:0 auto; }
    .value-card { display:flex; align-items:flex-start; gap:18px; padding:24px 22px; background:var(--gray-light); border-radius:14px; border:1px solid var(--border); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
    .value-card:hover { transform:translateY(-4px); box-shadow:0 16px 36px rgba(13,27,42,.08); border-color:var(--blue-mid); }
    .value-icon { width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; }
    .vi-blue   { background:var(--blue-light); }
    .vi-teal   { background:var(--teal-light); }
    .vi-gold   { background:var(--gold-light); }
    .vi-purple { background:var(--purple-light); }
    .value-text h4 { font-family:'Plus Jakarta Sans',sans-serif; font-size:15px; font-weight:600; color:var(--near-black); margin-bottom:5px; }
    .value-text p { font-size:13px; color:var(--gray); line-height:1.65; }

    /* ── TEAM ── */
    .team-section { padding:64px 48px; background:var(--gray-light); }
    .team-header { text-align:center; margin-bottom:44px; }
    .team-header h2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:28px; font-weight:700; color:var(--near-black); margin-bottom:10px; }
    .team-header p { font-size:14px; color:var(--gray); max-width:520px; margin:0 auto; line-height:1.7; }
    .team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; max-width:1260px; margin:0 auto; }
    .team-card { background:var(--white); border-radius:16px; border:1px solid var(--border); padding:28px 22px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px; transition:transform .25s ease,box-shadow .25s ease; }
    .team-card:hover { transform:translateY(-5px); box-shadow:0 18px 40px rgba(13,27,42,.1); }
    .team-avatar { width:80px; height:80px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:'Plus Jakarta Sans',sans-serif; font-size:22px; font-weight:700; color:#fff; }
    .ta-blue { background:linear-gradient(135deg,#185FA5,#378ADD); }
    .ta-teal { background:linear-gradient(135deg,#0F6E56,#1A9E7E); }
    .ta-gold { background:linear-gradient(135deg,#B8860B,#D4A20E); }
    .team-card h4 { font-family:'Plus Jakarta Sans',sans-serif; font-size:16px; font-weight:700; color:var(--near-black); }
    .team-card .t-title { font-size:13px; color:var(--blue); font-weight:500; }
    .team-inst { display:inline-flex; align-items:center; gap:5px; background:var(--gold-light); color:var(--gold); border:1px solid #F0D080; font-size:11px; font-weight:700; padding:3px 10px; border-radius:20px; }
    .team-card p { font-size:13px; color:var(--gray); line-height:1.6; }
    .team-li { display:inline-flex; align-items:center; gap:5px; font-size:12px; color:var(--blue); font-weight:500; text-decoration:none; margin-top:4px; transition:color .2s; }
    .team-li:hover { color:#144f8a; }
    .team-li::before { content:'in'; background:#0A66C2; color:#fff; font-size:10px; font-weight:700; padding:1px 5px; border-radius:3px; }

    /* ── IMPACT ── */
    .impact-section { background:var(--near-black); padding:64px 48px; }
    .impact-inner { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; max-width:1260px; margin:0 auto; }
    .impact-left h2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:28px; font-weight:700; color:#fff; line-height:1.3; margin-bottom:14px; }
    .impact-left h2 span { color:#FFD166; }
    .impact-left p { font-size:14px; color:rgba(255,255,255,.65); line-height:1.8; }
    .impact-right { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
    .impact-stat { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:14px; padding:22px 20px; text-align:center; transition:background .2s ease; cursor:default; }
    .impact-stat:hover { background:rgba(255,255,255,.11); }
    .impact-num { font-family:'Plus Jakarta Sans',sans-serif; font-size:30px; font-weight:700; color:#FFD166; margin-bottom:4px; }
    .impact-label { font-size:12px; color:rgba(255,255,255,.5); line-height:1.4; }

    /* ── CTA STRIP ── */
    .cta-strip { background:var(--blue); padding:56px 48px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
    .cta-strip h2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:26px; font-weight:700; color:#fff; max-width:520px; line-height:1.35; }
    .cta-strip h2 span { color:#FFD166; }
    .cta-strip-btns { display:flex; gap:12px; flex-shrink:0; }
    .btn-white,.btn-outline-white { padding:13px 28px; border-radius:8px; font-family:'Plus Jakarta Sans',sans-serif; font-weight:500; font-size:15px; cursor:pointer; white-space:nowrap; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; transition:.2s ease; }
    .btn-white { background:#fff; color:var(--near-black); border:none; }
    .btn-white:hover { background:#FFD166; transform:translateY(-2px); box-shadow:0 10px 25px rgba(0,0,0,.12); }
    .btn-outline-white { background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.5); }
    .btn-outline-white:hover { background:rgba(255,255,255,.1); border-color:#fff; transform:translateY(-2px); }

    /* ── FOOTER ── */
    footer { background:#0D1B2A; padding:40px 48px 24px; }
    .footer-top { display:flex; justify-content:space-between; align-items:flex-start; gap:32px; margin-bottom:24px; max-width:1260px; margin:0 auto; }
    .footer-logo { font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:20px; color:#fff; }
    .footer-logo span { color:#5CB8FF; }
    .footer-tagline { font-size:12px; color:rgba(255,255,255,.4); margin-top:4px; }
    .footer-links { display:flex; gap:48px; }
    .footer-col h5 { font-size:11px; font-weight:600; color:rgba(255,255,255,.45); text-transform:uppercase; letter-spacing:.08em; margin-bottom:10px; }
    .footer-col a { display:block; font-size:13px; color:rgba(255,255,255,.6); text-decoration:none; margin-bottom:7px; transition:color .2s,transform .2s; }
    .footer-col a:hover { color:#fff; transform:translateX(3px); }
    .footer-bottom { border-top:1px solid rgba(255,255,255,.08); padding-top:18px; display:flex; justify-content:space-between; max-width:1260px; margin:0 auto; }

    /* ── RESPONSIVE ── */
    @media (max-width:1024px){
      .page-hero{grid-template-columns:1fr;gap:36px;padding:56px 24px;text-align:center}
      .ph-left{max-width:100%;align-items:center}
      .ph-badges{justify-content:center}
      .mission-inner,.story-inner,.impact-inner{grid-template-columns:1fr;gap:36px}
      .iit-grid,.team-grid{grid-template-columns:repeat(2,1fr)}
      .cta-strip{flex-direction:column;text-align:center}
      .footer-top{flex-direction:column}
      .footer-links{width:100%;justify-content:space-between}
    }

    @media (max-width:768px){
      .trust-bar{display:none}
      nav{min-height:64px;padding:12px 16px;flex-wrap:wrap;gap:12px}
      /* Hero compact */
      .page-hero{padding:32px 16px;gap:20px}
      .ph-left{gap:10px}
      .ph-left h1{font-size:26px}
      .ph-left p{font-size:13px}
      .ph-badges{gap:6px}
      .ph-badge{font-size:11px;padding:5px 10px}
      .ph-quote-card{display:none}
      .ph-stats-row{gap:14px}
      .ph-stat{background:none;border:none;padding:0}
      .ph-stat-num{font-size:22px}
      .ph-stat-label{font-size:11px}
      /* Sections */
      .mission-section,.story-section,.values-section,.team-section,.iit-section{padding:48px 16px}
      .mission-left h2,.story-right h2,.iit-header h2,.values-header h2,.team-header h2,.impact-left h2,.cta-strip h2{font-size:24px}
      .iit-grid,.team-grid{grid-template-columns:1fr}
      .values-grid{grid-template-columns:1fr;gap:14px}
      .value-card{flex-direction:column;gap:12px}
      .impact-section{display:none}
      .cta-strip{padding:30px 16px;gap:14px}
      .cta-strip-btns{flex-direction:row;width:100%;gap:10px}
      .btn-white,.btn-outline-white{flex:1;width:auto;padding:11px 8px;font-size:13px;white-space:normal}
      footer{padding:32px 16px}
      .footer-top>div:first-child{text-align:center;margin-bottom:8px}
      .footer-links{flex-wrap:wrap;gap:16px;justify-content:center}
      .footer-col{text-align:center;min-width:120px}
      .footer-col h5{font-size:10px;margin-bottom:8px}
      .footer-col a{font-size:12px;margin-bottom:5px}
      .footer-bottom{flex-direction:column;gap:10px;text-align:center;padding-top:14px}
    }

    @media (max-width:480px){
      nav{padding:12px 14px}
      .logo{font-size:20px}
      .page-hero{padding:28px 14px}
      .ph-left h1{font-size:24px}
      .ph-stats-row{grid-template-columns:repeat(3,1fr);gap:10px}
      .ph-stat-num{font-size:18px}
      .impact-right{grid-template-columns:1fr 1fr}
      .footer-links{flex-direction:column;gap:12px}
      .footer-col{min-width:100%;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}
      .footer-col:last-child{border-bottom:none;padding-bottom:0}
    }