:root {
    --navy: #0D1B2A;
    --gold: #C9A84C;
    --orange: #B8500E;
    --orange-light: #E8641A; /* orange variant for text on dark/navy backgrounds — meets AA contrast there (--orange is tuned for light backgrounds) */
    --white: #ffffff;
    --off-white: #f9f7f3;
    --navy-light: #162336;
  }
  * { margin: 0; padding: 0; box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body { font-family: 'DM Sans', sans-serif; background: var(--white); color: var(--navy); }

  /* NAV */
  nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 100;
    background: rgba(13,27,42,0.97); backdrop-filter: blur(8px);
    padding: 0 5%; display: flex; align-items: center;
    justify-content: space-between; height: 68px;
    border-bottom: 1px solid rgba(201,168,76,0.2);
  }
  .nav-logo-wrap { display: flex; align-items: center; gap: 0.75rem; }
  a.nav-logo-wrap { text-decoration: none; }
  .nav-logo-img { height: 44px; width: auto; background: #ffffff; border-radius: 6px; padding: 3px; }
  .nav-brand { font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 700; color: var(--gold); letter-spacing: 0.5px; line-height: 1.1; }
  .nav-brand span { display: block; font-size: 0.65rem; color: rgba(255,255,255,0.5); font-family: 'DM Sans', sans-serif; font-weight: 400; letter-spacing: 1.5px; text-transform: uppercase; }
  .nav-links { display: flex; gap: 1.4rem; list-style: none; }
  .nav-links a { color: rgba(255,255,255,0.8); text-decoration: none; font-size: 0.85rem; transition: color 0.2s; letter-spacing: 0.1px; }
  .nav-links a:hover { color: var(--gold); }
  .nav-cta { background: var(--orange); color: var(--white); padding: 0.5rem 1.2rem; border-radius: 4px; text-decoration: none; font-size: 0.85rem; font-weight: 500; transition: background 0.2s; }
  .nav-cta:hover { background: #d4571a; }
  .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; }
  .hamburger span { width: 24px; height: 2px; background: var(--white); border-radius: 2px; }
  .mobile-menu { display: none; position: fixed; top: 68px; left: 0; right: 0; z-index: 99; background: var(--navy); padding: 1.5rem 5%; flex-direction: column; gap: 1.2rem; border-bottom: 1px solid rgba(201,168,76,0.2); }
  .mobile-menu.open { display: flex; }
  .mobile-menu a { color: rgba(255,255,255,0.85); text-decoration: none; font-size: 1rem; padding: 0.3rem 0; border-bottom: 1px solid rgba(255,255,255,0.07); }

  /* HERO */
  .hero { min-height: 100vh; background: var(--navy); display: flex; align-items: center; padding: 100px 5% 80px; position: relative; overflow: hidden; }
  .hero::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--gold), transparent); }
  .hero-inner { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 3rem; }
  .hero-content { max-width: 580px; position: relative; z-index: 1; flex-shrink: 0; }
  .hero-logo-wrap { flex: 1; display: flex; align-items: center; justify-content: center; }
  .hero-logo-big { width: min(400px, 90%); height: auto; filter: drop-shadow(0 4px 24px rgba(13,27,42,0.5)) drop-shadow(0 0 40px rgba(201,168,76,0.15)); animation: floatLogo 4s ease-in-out infinite; }
  @keyframes floatLogo { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }
  .hero-badge { display: inline-block; background: rgba(201,168,76,0.12); border: 1px solid rgba(201,168,76,0.3); color: var(--gold); font-size: 0.75rem; font-weight: 500; padding: 0.35rem 1rem; border-radius: 20px; letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 1.5rem; }
  .hero h1 { font-family: 'Playfair Display', serif; font-size: clamp(2.6rem, 5.5vw, 4.2rem); font-weight: 700; color: var(--white); line-height: 1.1; margin-bottom: 1.2rem; letter-spacing: -0.5px; }
  .hero h1 em { color: var(--gold); font-style: normal; }
  .hero p { font-size: 1.05rem; color: rgba(255,255,255,0.7); line-height: 1.75; margin-bottom: 2rem; max-width: 540px; font-weight: 300; }
  .hero-btns { display: flex; gap: 1rem; flex-wrap: wrap; }
  .btn-primary { background: var(--orange); color: var(--white); padding: 0.85rem 2rem; border-radius: 4px; text-decoration: none; font-size: 0.95rem; font-weight: 500; transition: all 0.2s; }
  .btn-primary:hover { background: #d4571a; transform: translateY(-1px); }
  .btn-outline { border: 1px solid rgba(201,168,76,0.5); color: var(--gold); padding: 0.85rem 2rem; border-radius: 4px; text-decoration: none; font-size: 0.95rem; font-weight: 500; transition: all 0.2s; }
  .btn-outline:hover { border-color: var(--gold); background: rgba(201,168,76,0.08); }
  .stat-label { font-size: 0.78rem; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 1px; margin-top: 2px; }

  /* SECTIONS */
  section { padding: 80px 5%; }
  .section-label { font-size: 0.75rem; font-weight: 600; color: var(--orange); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 0.6rem; }
  .section-title { font-family: 'Playfair Display', serif; font-size: clamp(2rem, 3.8vw, 2.8rem); font-weight: 700; color: var(--navy); line-height: 1.15; margin-bottom: 1rem; letter-spacing: -0.3px; }
  .section-sub { font-size: 1rem; color: #4a5a6b; line-height: 1.7; max-width: 580px; font-weight: 300; }
  .section-header { margin-bottom: 3.5rem; }

  /* ABOUT */
  .about { background: var(--off-white); }

  /* SERVICES */
  .services-intro { text-align: center; margin-bottom: 3.5rem; }
  .services-intro .section-sub { margin: 0 auto; }
  .divisions { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; }
  .division-card { border-radius: 10px; overflow: hidden; border: 1px solid #e0ddd6; }
  .division-header { padding: 1.8rem 2rem; }
  .division-header.institute { background: var(--navy); }
  .division-header.placement { background: #122030; }
  .division-tag { font-size: 0.68rem; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gold); margin-bottom: 0.5rem; }
  .division-title { font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 700; color: var(--white); margin-bottom: 0.4rem; }
  .division-desc { font-size: 0.82rem; color: rgba(255,255,255,0.5); font-weight: 300; }
  .services-list { padding: 1.2rem 2rem; background: var(--white); }
  .service-item { display: flex; align-items: flex-start; gap: 0.9rem; padding: 0.85rem 0; border-bottom: 1px solid #f0ede8; }
  .service-item:last-child { border-bottom: none; }
  .service-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--orange); flex-shrink: 0; margin-top: 7px; }
  .service-item-title { font-size: 0.88rem; font-weight: 500; color: var(--navy); margin-bottom: 0.15rem; }
  .service-item-sub { font-size: 0.78rem; color: #5a6a7a; font-weight: 300; }

  /* WHY */
  .why { background: var(--navy); }
  .why .section-title { color: var(--white); }
  .why .section-sub { color: rgba(255,255,255,0.6); }
  .why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }
  .why-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(201,168,76,0.15); border-radius: 10px; padding: 1.8rem 1.4rem; transition: border-color 0.2s; }
  .why-card:hover { border-color: rgba(201,168,76,0.35); }
  .why-num { font-family: 'Playfair Display', serif; font-size: 2rem; color: var(--gold); font-weight: 700; margin-bottom: 0.5rem; }
  .why-title { font-size: 0.95rem; font-weight: 500; color: var(--white); margin-bottom: 0.4rem; }
  .why-desc { font-size: 0.82rem; color: rgba(255,255,255,0.5); line-height: 1.65; font-weight: 300; overflow-wrap: normal; word-break: normal; }

  /* CONTACT */
  .contact { background: var(--off-white); }
  .contact-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 4rem; align-items: start; }
  .contact-info h3 { font-family: 'Playfair Display', serif; font-size: 1.3rem; color: var(--navy); margin-bottom: 1rem; }
  .contact-info p { font-size: 0.9rem; color: #5a6a7a; line-height: 1.7; margin-bottom: 1.5rem; font-weight: 300; }
  .contact-details { list-style: none; display: flex; flex-direction: column; gap: 1rem; }
  .contact-details li { display: flex; gap: 0.8rem; align-items: flex-start; }
  .contact-details .ci { font-size: 0.85rem; color: #4a5a6a; line-height: 1.55; }
  .contact-details .cl { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 1px; color: var(--orange); font-weight: 600; display: block; margin-bottom: 0.1rem; }
  .contact-icon-wrap { width: 32px; height: 32px; background: rgba(232,100,26,0.1); border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
  .contact-icon-wrap svg { width: 15px; height: 15px; stroke: var(--orange); fill: none; stroke-width: 2; }

  /* FORM */
  .enquiry-form { background: var(--white); border-radius: 10px; padding: 2.5rem; border: 1px solid #e0ddd6; }
  .form-title { font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 600; color: var(--navy); margin-bottom: 0.3rem; }
  .form-sub { font-size: 0.82rem; color: #7a8a9a; margin-bottom: 1.8rem; }
  .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 0; }
  .form-group { margin-bottom: 1rem; }
  .form-group label { display: block; font-size: 0.75rem; font-weight: 600; color: var(--navy); text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 0.4rem; }
  .form-group input, .form-group select, .form-group textarea { width: 100%; padding: 0.72rem 0.9rem; border: 1px solid #ddd9d2; border-radius: 5px; font-family: 'DM Sans', sans-serif; font-size: 0.88rem; color: var(--navy); background: var(--off-white); outline: none; transition: border-color 0.2s; appearance: none; }
  .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--gold); background: var(--white); }
  .form-group textarea { resize: vertical; min-height: 90px; }
  .form-submit { width: 100%; padding: 0.9rem; background: var(--navy); color: var(--white); border: none; border-radius: 5px; font-family: 'DM Sans', sans-serif; font-size: 0.95rem; font-weight: 500; cursor: pointer; transition: background 0.2s; letter-spacing: 0.3px; }
  .form-submit:hover { background: var(--orange); }
  .form-success { display: none; text-align: center; padding: 2rem; background: #0a2540; border: 1px solid rgba(201,168,76,0.3); border-radius: 8px; }
  .form-success-icon { font-size: 2rem; margin-bottom: 0.75rem; color: #4CAF50; }
  .form-failure-icon { color: #e74c3c; }
  .form-success-title { font-family: 'Playfair Display', serif; color: var(--gold); font-size: 1.15rem; margin-bottom: 0.75rem; letter-spacing: 0.3px; }
  .form-success-text { font-size: 0.88rem; color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: 1rem; }
  .form-success-text strong { color: rgba(255,255,255,0.9); }
  .form-success-note { background: rgba(201,168,76,0.08); border: 1px solid rgba(201,168,76,0.2); border-radius: 6px; padding: 1rem; margin-bottom: 1rem; text-align: left; }
  .form-success-note-title { font-size: 0.8rem; color: var(--gold); font-weight: 600; margin-bottom: 0.3rem; letter-spacing: 0.5px; text-transform: uppercase; }
  .form-success-note-text { font-size: 0.8rem; color: rgba(255,255,255,0.65); line-height: 1.6; margin: 0; }
  .form-success-note-text strong { color: rgba(255,255,255,0.85); }
  .form-success-contact { font-size: 0.78rem; color: rgba(255,255,255,0.6); margin: 0; }
  .form-success-contact a { color: var(--gold); text-decoration: none; font-weight: 500; }
  .form-retry-btn { margin-top: 1.25rem; background: transparent; font-family: 'DM Sans', sans-serif; cursor: pointer; }

  /* FOOTER */
  footer { background: var(--navy); padding: 3rem 5% 2rem; border-top: 1px solid rgba(201,168,76,0.2); }
  .footer-logo { height: 55px; width: auto; margin-bottom: 1rem; display: block; background: #ffffff; border-radius: 8px; padding: 5px; }
  .footer-col h5 { font-size: 0.7rem; font-weight: 600; color: var(--gold); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 1rem; }
  .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.5rem; }
  .footer-col ul li { font-size: 0.8rem; color: rgba(255,255,255,0.55); font-weight: 300; }
  .footer-bottom { padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,0.08); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
  .footer-bottom p { font-size: 0.73rem; color: rgba(255,255,255,0.5); font-weight: 300; }
  .footer-tagline { font-size: 0.72rem; color: rgba(255,255,255,0.5); font-style: italic; }

  /* RESPONSIVE */
  @media (max-width: 900px) {
    .divisions, .contact-grid, .division-spotlight-grid { grid-template-columns: 1fr; gap: 2rem; }
    .form-row { grid-template-columns: 1fr; }
    .nav-links, .nav-cta { display: none; }
    .hamburger { display: flex; }
    .why-grid { grid-template-columns: 1fr 1fr; }
    .hero-inner { flex-direction: column; }
    .hero-logo-wrap { display: none; }
    .founder-card { grid-template-columns: 1fr; text-align: center; gap: 1.5rem; padding: 2rem 1.5rem; }
    .founder-divider { display: none; }
    .founder-chips, .founder-stats { justify-content: center; }
    .founder-stats { flex-direction: row; flex-wrap: wrap; }
  }

  /* ─── WhatsApp Widget ─── */
  .wa-widget {
    position: fixed;
    bottom: 110px;
    right: 24px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
  }

  /* Collapsed pill trigger — clean horizontal icon + text */
  .wa-pill {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.65rem;
    background: #fff;
    border: none;
    border-radius: 50px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.14), 0 2px 8px rgba(37,211,102,0.18);
    cursor: pointer;
    padding: 8px 16px 8px 8px;
    transition: transform 0.2s, box-shadow 0.2s;
    width: auto;
    overflow: visible;
  }
  .wa-pill:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,0,0,0.18), 0 4px 12px rgba(37,211,102,0.28); }

  .wa-pill-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .wa-pill-hi {
    font-size: 0.82rem;
    font-weight: 700;
    color: #111;
    white-space: nowrap;
    line-height: 1.2;
  }
  .wa-pill-sub {
    font-size: 0.65rem;
    color: #555;
    font-weight: 400;
    white-space: nowrap;
  }
  .wa-pill-icon {
    width: 38px;
    height: 38px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  /* Expanded card */
  .wa-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 40px rgba(0,0,0,0.18);
    width: 300px;
    overflow: hidden;
    display: none;
    flex-direction: column;
    animation: waSlideUp 0.25s ease;
  }
  .wa-card.open { display: flex; }
  @keyframes waSlideUp {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  .wa-card-header {
    background: linear-gradient(135deg, #075E54, #128C7E);
    padding: 1rem 1rem 1rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  .wa-card-avatar {
    width: 44px; height: 44px;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
  }
  .wa-card-info { flex: 1; }
  .wa-card-name { color: #fff; font-weight: 700; font-size: 0.95rem; }
  .wa-card-status { color: rgba(255,255,255,0.8); font-size: 0.73rem; display: flex; align-items: center; gap: 5px; margin-top: 2px; }
  .wa-dot { width: 7px; height: 7px; background: #4ADE80; border-radius: 50%; display: inline-block; animation: waBlink 2s ease-in-out infinite; }
  @keyframes waBlink { 0%,100%{opacity:1} 50%{opacity:0.4} }
  .wa-card-close { background: none; border: none; color: rgba(255,255,255,0.7); cursor: pointer; font-size: 1rem; padding: 4px 6px; border-radius: 4px; transition: color 0.15s; }
  .wa-card-close:hover { color: #fff; }

  .wa-card-body { background: #ECE5DD; padding: 1rem; min-height: 90px; }
  .wa-bubble {
    background: #fff;
    border-radius: 0 12px 12px 12px;
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
    color: #333;
    line-height: 1.55;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    max-width: 90%;
    position: relative;
  }
  .wa-time { display: block; text-align: right; font-size: 0.68rem; color: #999; margin-top: 0.4rem; }

  .wa-card-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    background: #25D366;
    color: #fff;
    text-decoration: none;
    padding: 0.85rem;
    font-weight: 700;
    font-size: 0.88rem;
    letter-spacing: 0.3px;
    transition: background 0.2s;
  }
  .wa-card-btn:hover { background: #128C7E; }

  @media (max-width: 768px) {
    .wa-widget { bottom: 80px; right: 14px; }
    .wa-card { width: 270px; }
    .wa-pill { max-width: 240px; }
  }

  /* ─── Sticky Mobile Bottom Bar (mobile only) ─── */
  .mobile-sticky-bar {
    display: none;
    position: fixed;
    bottom: 0; left: 0; right: 0;
    z-index: 998;
    background: var(--navy);
    border-top: 2px solid rgba(201,168,76,0.3);
    padding: 0.65rem 1rem;
    gap: 0.75rem;
    align-items: center;
  }
  .mobile-sticky-enquire {
    flex: 1;
    background: var(--orange);
    color: #fff;
    text-align: center;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.92rem;
    text-decoration: none;
    letter-spacing: 0.3px;
    transition: background 0.2s;
  }
  .mobile-sticky-enquire:hover { background: #c9500e; }
  .mobile-sticky-wa {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: #25D366;
    color: #fff;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85rem;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s;
    flex-shrink: 0;
  }
  .mobile-sticky-wa:hover { background: #128C7E; }

  @media (max-width: 768px) {
    .mobile-sticky-bar { display: flex; }
    body { padding-bottom: 70px; }
  }
  /* ─── ANNOUNCEMENT BAR ─── */
  .announce-bar { position:fixed; top:68px; left:0; right:0; z-index:98; background:linear-gradient(90deg,#071520 0%,#0d1f30 100%); border-bottom:1px solid rgba(201,168,76,0.3); padding:0.48rem 5%; text-align:center; }
  .announce-bar a { font-size:0.78rem; color:rgba(255,255,255,0.75); text-decoration:none; letter-spacing:0.2px; }
  .announce-bar a strong { color:var(--gold); }
  .announce-bar a:hover { color:var(--white); }
  .announce-bar .ab-dot { color:rgba(201,168,76,0.5); margin:0 0.5rem; }
  .hero { padding-top:148px !important; }

  /* ─── PROCESS / HOW IT WORKS ─── */
  .process-steps { display:flex; align-items:flex-start; gap:0; max-width:1120px; margin:0 auto; }
  .process-step { flex:1; background:var(--off-white); border:1px solid #e0ddd6; border-radius:10px; padding:1.6rem 1.2rem 1.4rem; }
  .process-arrow { display:flex; align-items:center; justify-content:center; color:var(--gold); font-size:1.1rem; padding:0 0.5rem; padding-top:1.8rem; flex-shrink:0; opacity:0.5; }
  .process-num { font-family:'Playfair Display',serif; font-size:2rem; color:var(--navy); font-weight:700; line-height:1; margin-bottom:0.6rem; }
  .process-content h4 { font-size:0.88rem; font-weight:600; color:var(--navy); margin-bottom:0.4rem; }
  .process-content p { font-size:0.78rem; color:#5a6a7a; line-height:1.65; font-weight:300; }
  .process-note { text-align:center; font-size:0.75rem; color:rgba(201,168,76,0.75); margin-top:2rem; font-weight:500; letter-spacing:0.8px; text-transform:uppercase; }

  /* ─── CAMPUS PROGRAM ─── */
  .campus-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; max-width:1100px; margin:0 auto; }
  .campus-check { width:26px; height:26px; background:rgba(201,168,76,0.1); border:1px solid rgba(201,168,76,0.28); border-radius:5px; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--gold); font-size:0.72rem; font-weight:700; margin-top:2px; }
  .campus-card { background:rgba(255,255,255,0.04); border:1px solid rgba(201,168,76,0.18); border-radius:12px; padding:2.2rem; }
  .campus-row { display:flex; justify-content:space-between; align-items:center; padding:0.72rem 0; border-bottom:1px solid rgba(255,255,255,0.06); }
  .campus-row:last-child { border-bottom:none; }
  .campus-row span:first-child { font-size:0.83rem; color:rgba(255,255,255,0.5); }
  .campus-row span:last-child { font-size:0.83rem; color:rgba(255,255,255,0.85); font-weight:500; }

  /* ─── FAQ ─── */
  .faq-list { display:flex; flex-direction:column; gap:0.5rem; }
  .faq-item { border:1px solid #e0ddd6; border-radius:8px; overflow:hidden; background:var(--white); }
  .faq-q { width:100%; background:none; border:none; padding:1.05rem 1.3rem; text-align:left; font-family:'DM Sans',sans-serif; font-size:0.9rem; font-weight:500; color:var(--navy); cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:1rem; transition:background 0.15s; }
  .faq-q:hover { background:var(--off-white); }
  .faq-q.open { background:var(--navy); color:var(--white); }
  .faq-icon { font-size:1.1rem; flex-shrink:0; font-weight:300; line-height:1; transition:transform 0.2s; }
  .faq-q.open .faq-icon { transform:rotate(45deg); color:var(--gold); }
  .faq-a { display:none; padding:1rem 1.3rem 1.2rem; font-size:0.85rem; color:#4a5a6a; line-height:1.75; font-weight:300; border-top:1px solid #f0ede8; }
  .faq-a.open { display:block; }

  /* ─── FORM INLINE ERRORS ─── */
  .field-error { font-size:0.73rem; color:#dc2626; margin-top:0.25rem; display:none; }
  .form-group input.error, .form-group select.error, .form-group textarea.error { border-color:#dc2626 !important; }

  /* ─── FOOTER COLUMNS ─── */
  .footer-cols { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:2.5rem; margin-bottom:2.5rem; }
  .footer-col ul li a { color:rgba(255,255,255,0.45); text-decoration:none; font-size:0.8rem; transition:color 0.15s; font-weight:300; }
  .footer-col ul li a:hover { color:var(--gold); }
  .footer-social { display:flex; gap:0.55rem; margin-top:1rem; flex-wrap:wrap; }
  .footer-social a { width:30px; height:30px; border:1px solid rgba(255,255,255,0.1); border-radius:6px; display:flex; align-items:center; justify-content:center; text-decoration:none; transition:border-color 0.2s,background 0.2s; }
  .footer-social a:hover { border-color:var(--gold); background:rgba(201,168,76,0.1); }
  .footer-social svg { width:14px; height:14px; fill:rgba(255,255,255,0.45); }
  .footer-social a:hover svg { fill:var(--gold); }
  .footer-bottom a { color:rgba(255,255,255,0.5); text-decoration:none; transition:color 0.15s; }
  .footer-bottom a:hover { color:rgba(255,255,255,0.85); }

  /* ─── BACK TO TOP ─── */
  #backToTop { display:none; position:fixed; bottom:168px; right:24px; z-index:990; width:38px; height:38px; background:var(--navy); border:1px solid rgba(201,168,76,0.3); border-radius:50%; color:var(--gold); font-size:1rem; cursor:pointer; box-shadow:0 4px 12px rgba(0,0,0,0.2); transition:all 0.2s; line-height:1; }
  #backToTop:hover { background:var(--orange); border-color:var(--orange); color:var(--white); transform:translateY(-2px); }

  /* ─── RESPONSIVE (new sections) ─── */
  @media (max-width:900px) {
    .process-steps { flex-direction:column; align-items:stretch; }
    .process-arrow { display:none; }
    .campus-grid { grid-template-columns:1fr !important; gap:2rem; }
    .footer-cols { grid-template-columns:1fr 1fr; }
  }
  @media (max-width:600px) {
    .footer-cols { grid-template-columns:1fr; }
    .announce-bar { padding:0.4rem 4%; }
    .announce-bar a { font-size:0.72rem; }
  }
  /* ─── SURVEY REPORT BANNER ─── */
  #survey {
    position: relative;
    background: #0A0A0F;
    padding: 5rem 5%;
    overflow: hidden;
    border-top: 1px solid rgba(201,168,76,0.2);
  }
  /* Animated grid background */
  #survey::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
      linear-gradient(rgba(201,168,76,0.06) 1px, transparent 1px),
      linear-gradient(90deg, rgba(201,168,76,0.06) 1px, transparent 1px);
    background-size: 60px 60px;
    animation: surveyGrid 20s linear infinite;
  }
  @keyframes surveyGrid {
    0% { transform: translateY(0); }
    100% { transform: translateY(60px); }
  }
  /* Glow orbs */
  #survey::after {
    content: '';
    position: absolute;
    top: -80px; left: 50%;
    transform: translateX(-50%);
    width: 600px; height: 300px;
    background: radial-gradient(ellipse, rgba(201,168,76,0.12) 0%, transparent 70%);
    pointer-events: none;
  }
  .survey-inner {
    position: relative;
    z-index: 2;
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
  }
  @media(max-width:768px) {
    .survey-inner { grid-template-columns: 1fr; gap: 2.5rem; }
    .survey-stats { grid-template-columns: 1fr 1fr; }
  }
  .survey-label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(201,168,76,0.1);
    border: 1px solid rgba(201,168,76,0.3);
    color: #C9A84C;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    padding: 0.4rem 1rem;
    border-radius: 20px;
    margin-bottom: 1.4rem;
  }
  .survey-label::before {
    content: '';
    width: 6px; height: 6px;
    background: #C9A84C;
    border-radius: 50%;
    animation: surveyPulse 1.8s ease-in-out infinite;
  }
  @keyframes surveyPulse {
    0%,100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(0.7); }
  }
  .survey-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(1.8rem, 3.5vw, 2.8rem);
    font-weight: 700;
    color: #ffffff;
    line-height: 1.15;
    margin-bottom: 1.2rem;
    letter-spacing: -0.5px;
  }
  .survey-title span { color: #C9A84C; }
  .survey-desc {
    font-size: 0.95rem;
    color: rgba(255,255,255,0.5);
    line-height: 1.8;
    margin-bottom: 2rem;
    font-weight: 300;
  }
  .survey-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    background: linear-gradient(135deg, #C9A84C, #E8B84B);
    color: #0A0A0F;
    font-weight: 700;
    font-size: 0.88rem;
    letter-spacing: 0.5px;
    padding: 0.9rem 2rem;
    border-radius: 4px;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 4px 20px rgba(201,168,76,0.35);
  }
  .survey-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(201,168,76,0.5);
  }
  .survey-cta svg { width: 16px; height: 16px; }
  .survey-right {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .survey-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .stat-card {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(201,168,76,0.15);
    border-radius: 10px;
    padding: 1.4rem 1.2rem;
    text-align: center;
    transition: border-color 0.2s, background 0.2s;
  }
  .stat-card:hover {
    border-color: rgba(201,168,76,0.4);
    background: rgba(201,168,76,0.05);
  }
  .stat-num {
    font-family: 'Playfair Display', serif;
    font-size: 2rem;
    font-weight: 700;
    color: #C9A84C;
    line-height: 1;
    margin-bottom: 0.35rem;
  }
  .stat-label {
    font-size: 0.68rem;
    color: rgba(255,255,255,0.4);
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: 600;
  }
  .survey-highlight {
    background: rgba(201,168,76,0.07);
    border: 1px solid rgba(201,168,76,0.2);
    border-left: 3px solid #C9A84C;
    border-radius: 0 8px 8px 0;
    padding: 1rem 1.2rem;
  }
  .survey-highlight p {
    font-size: 0.82rem;
    color: rgba(255,255,255,0.6);
    line-height: 1.7;
    margin: 0;
    font-weight: 300;
  }

  /* ─── TRADEMARK SUPERSCRIPT ─── */
  .tm { font-size: 0.5em; vertical-align: super; letter-spacing: 0; }
  .tm-sm { font-size: 0.45em; vertical-align: super; letter-spacing: 0; }

  /* ─── ACCESSIBILITY: SKIP LINK ─── */
  .skip-link { position: absolute; left: -9999px; top: 0; background: var(--gold); color: var(--navy); padding: 0.7rem 1.4rem; z-index: 5000; font-size: 0.85rem; font-weight: 700; text-decoration: none; border-radius: 0 0 6px 0; }
  .skip-link:focus { left: 0; }

  /* ─── NAV SCROLLSPY ACTIVE STATE ─── */
  .nav-links a.active, .mobile-menu a.active { color: var(--gold); }

  /* ─── HONEYPOT (SPAM TRAP) — hidden from sighted/keyboard users, left for bots ─── */
  .hp-field { position: absolute; left: -9999px; top: -9999px; width: 1px; height: 1px; overflow: hidden; }

  /* ─── CONSENT ROW ─── */
  .consent-row { display: flex; gap: 0.7rem; align-items: flex-start; margin-bottom: 1rem; }
  .consent-checkbox { margin-top: 3px; flex-shrink: 0; width: 15px; height: 15px; accent-color: var(--orange); cursor: pointer; }
  .consent-label { font-size: 0.78rem; color: #5a6a7a; font-weight: 400; text-transform: none; letter-spacing: 0; cursor: pointer; line-height: 1.55; }
  .consent-link { color: var(--orange); text-decoration: underline; }
  .consent-link:hover { color: var(--gold); }
  #consent-error, #formError { margin-top: 0; margin-bottom: 0.6rem; }
  #formError { font-size: 0.8rem; }
  .form-disclaimer { font-size: 0.72rem; color: #5a6a7a; margin-top: 0.8rem; line-height: 1.5; font-style: italic; }

  /* ─── COOKIE CONSENT BANNER ─── */
  .cookie-banner { display: none; position: fixed; left: 1rem; right: 1rem; bottom: 1rem; max-width: 560px; margin: 0 auto; background: var(--navy); color: rgba(255,255,255,0.85); border: 1px solid rgba(201,168,76,0.3); border-radius: 10px; padding: 1.2rem 1.4rem; z-index: 4000; box-shadow: 0 10px 30px rgba(0,0,0,0.3); flex-direction: column; gap: 0.9rem; }
  .cookie-banner.show { display: flex; }
  .cookie-banner-text { font-size: 0.82rem; line-height: 1.6; margin: 0; font-weight: 300; }
  .cookie-banner-text a { color: var(--gold); text-decoration: underline; }
  .cookie-banner-actions { display: flex; gap: 0.7rem; justify-content: flex-end; }
  .cookie-banner-actions button { font-family: 'DM Sans', sans-serif; font-size: 0.82rem; font-weight: 500; padding: 0.6rem 1.4rem; border-radius: 5px; cursor: pointer; transition: all 0.2s; border: 1px solid transparent; }
  .cookie-btn-decline { background: transparent; border-color: rgba(201,168,76,0.5); color: var(--gold); }
  .cookie-btn-decline:hover { border-color: var(--gold); background: rgba(201,168,76,0.08); }
  .cookie-btn-accept { background: var(--gold); color: var(--navy); border-color: var(--gold); }
  .cookie-btn-accept:hover { background: var(--orange); border-color: var(--orange); color: var(--white); }
  @media (max-width:480px) {
    .cookie-banner-actions { flex-direction: column-reverse; }
    .cookie-banner-actions button { width: 100%; }
  }

  /* ─── STANDALONE LEGAL PAGES (privacy-policy.html, terms.html) ─── */
  .legal-hero { background: var(--navy); padding: 140px 5% 60px; text-align: center; }
  .legal-hero h1 { font-family: 'Playfair Display', serif; color: var(--white); font-size: 2.2rem; margin-bottom: 0.5rem; }
  .legal-hero p { color: rgba(255,255,255,0.55); font-size: 0.85rem; }
  .legal-wrap { max-width: 760px; margin: 0 auto; padding: 60px 5% 100px; }
  .legal-wrap h2 { font-family: 'Playfair Display', serif; color: var(--navy); font-size: 1.25rem; margin: 2rem 0 0.6rem; }
  .legal-wrap h2:first-of-type { margin-top: 0; }
  .legal-wrap p, .legal-wrap li { font-size: 0.92rem; color: #4a5a6a; line-height: 1.8; font-weight: 300; margin-bottom: 0.9rem; }
  .legal-wrap ul, .legal-wrap ol { padding-left: 1.4rem; margin-bottom: 0.9rem; }
  .legal-wrap a { color: var(--orange); text-decoration: underline; }
  .legal-updated { font-size: 0.78rem; color: #5a6a7a; margin-bottom: 0; }

  /* ─── 404 PAGE ─── */
  .error-page { min-height: 64vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 140px 5% 80px; background: var(--off-white); }
  .error-code { font-family: 'Playfair Display', serif; font-size: 6rem; color: var(--gold); line-height: 1; margin-bottom: 0.5rem; }
  .error-title { font-family: 'Playfair Display', serif; font-size: 1.6rem; color: var(--navy); margin-bottom: 0.8rem; }
  .error-text { font-size: 0.95rem; color: #5a6a7a; max-width: 480px; margin: 0 auto 1.8rem; line-height: 1.7; }
  .error-actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }

  /* ════════════════════════════════════════════════════════════════
     COMPONENT / UTILITY CLASSES (replace repeated inline styles)
     ════════════════════════════════════════════════════════════════ */

  /* ─── ABOUT / DIVISION SPOTLIGHT ─── */
  .about { background: var(--off-white); }
  .about-intro { text-align: center; max-width: 780px; margin: 0 auto 3.5rem; }
  .about-intro .section-title { font-size: 2.5rem; margin-bottom: 1.2rem; }
  .about-intro p { font-size: 1rem; color: #4a5568; line-height: 1.85; font-weight: 300; }
  .about-intro .section-label, .founder-header .section-label { text-align: center; justify-content: center; }
  .division-spotlight-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; max-width: 1100px; margin: 0 auto 3rem; }
  .division-spotlight-card { background: var(--navy); border-radius: 10px; padding: 2.2rem 2.5rem; position: relative; overflow: hidden; }
  .division-spotlight-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--gold), var(--orange)); }
  .division-spotlight-card--alt::before { background: linear-gradient(90deg, var(--orange), var(--gold)); }
  .division-spotlight-tag { font-size: 0.68rem; font-weight: 700; letter-spacing: 2.5px; color: var(--gold); text-transform: uppercase; margin-bottom: 0.6rem; }
  .division-spotlight-card--alt .division-spotlight-tag { color: var(--orange-light); }
  .division-spotlight-title { font-family: 'Playfair Display', serif; font-size: 1.4rem; color: #ffffff; margin-bottom: 0.9rem; }
  .division-spotlight-desc { font-size: 0.9rem; color: rgba(255,255,255,0.65); line-height: 1.8; margin-bottom: 1.4rem; }
  .division-spotlight-chips { display: flex; flex-wrap: wrap; gap: 0.45rem; }

  /* ─── CHIP / TAG PILLS (Division spotlight + Founder credentials) ─── */
  .chip { font-size: 0.7rem; padding: 0.25rem 0.7rem; border-radius: 3px; }
  .chip-gold { background: rgba(201,168,76,0.12); border: 1px solid rgba(201,168,76,0.25); color: var(--gold); }
  .chip-orange { background: rgba(232,100,26,0.12); border: 1px solid rgba(232,100,26,0.25); color: var(--orange-light); }
  .chip-navy { background: rgba(13,27,42,0.05); border: 1px solid rgba(13,27,42,0.1); color: var(--navy); padding: 0.28rem 0.75rem; border-radius: 4px; font-weight: 500; }

  /* ─── SERVICE DOT COLOR VARIANTS ─── */
  .service-dot-gold { background: var(--gold); }
  .service-dot-orange { background: var(--orange); }

  /* ─── SERVICES INTRO (redundant inline margin cleanup) ─── */
  .services-intro .section-title { margin: 0 auto 1rem; }

  /* ─── PROCESS SECTION ─── */
  #process { background: var(--white); }
  .process-intro { text-align: center; max-width: 680px; margin: 0 auto 3.5rem; }
  .process-intro .section-sub { margin: 0 auto; }

  /* ─── ON-CAMPUS SECTION ─── */
  #campus { background: var(--navy); }
  #campus .hero-badge { margin-bottom: 1.2rem; }
  #campus .section-title { color: var(--white); }
  .campus-lead { font-size: 1rem; color: rgba(255,255,255,0.65); line-height: 1.8; margin-bottom: 2rem; font-weight: 300; }
  .campus-features { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2.2rem; }
  .campus-feature { display: flex; gap: 0.9rem; align-items: flex-start; }
  .campus-feature-title { font-size: 0.9rem; color: var(--white); font-weight: 500; margin-bottom: 0.15rem; }
  .campus-feature-desc { font-size: 0.8rem; color: rgba(255,255,255,0.5); font-weight: 300; }
  .campus-card-title { font-family: 'Playfair Display', serif; font-size: 1.05rem; color: var(--gold); font-weight: 600; margin-bottom: 0.4rem; }
  .campus-card-text { font-size: 0.83rem; color: rgba(255,255,255,0.5); margin-bottom: 1.5rem; font-weight: 300; line-height: 1.6; }
  .btn-outline-block { display: block; text-align: center; margin-top: 1.5rem; }

  /* ─── WHY SECTION ─── */
  .why .section-label { color: rgba(201,168,76,0.8); }

  /* ─── FOUNDER / LEADERSHIP CARD ─── */
  #founder { background: var(--off-white); border-top: 1px solid rgba(13,27,42,0.07); }
  .founder-wrap { max-width: 1100px; margin: 0 auto; }
  .founder-header { text-align: center; margin-bottom: 2rem; }
  .founder-header .section-title { font-size: 2rem; margin-bottom: 0; }
  .founder-card { background: #ffffff; border: 1px solid rgba(13,27,42,0.07); border-radius: 12px; padding: 2rem 2.5rem; display: grid; grid-template-columns: auto 1px 1fr auto; align-items: center; gap: 2rem; box-shadow: 0 2px 12px rgba(13,27,42,0.05); }
  .founder-photo-col { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; min-width: 120px; }
  .founder-photo { height: 64px; width: 64px; object-fit: contain; border-radius: 8px; background: #f5f5f5; padding: 4px; }
  .founder-person-name { font-family: 'Playfair Display', serif; font-size: 1.05rem; font-weight: 700; color: var(--navy); }
  .founder-role-tag { font-size: 0.62rem; color: var(--orange); font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin-top: 0.25rem; }
  .founder-divider { background: rgba(13,27,42,0.08); height: 110px; width: 1px; }
  .founder-bio-label { font-size: 0.65rem; font-weight: 700; letter-spacing: 2px; color: var(--orange); text-transform: uppercase; margin-bottom: 0.4rem; }
  .founder-bio-text { font-size: 0.95rem; color: #374151; line-height: 1.8; margin-bottom: 0.75rem; }
  .founder-bio-text-muted { font-size: 0.9rem; color: #6b7280; line-height: 1.7; }
  .founder-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }
  .founder-stats { display: flex; flex-direction: column; gap: 0.6rem; flex-shrink: 0; }
  .founder-stat-box { background: var(--navy); border-radius: 8px; padding: 0.9rem 1.2rem; text-align: center; min-width: 75px; }
  .founder-stat-num { font-family: 'Playfair Display', serif; font-size: 1.8rem; font-weight: 700; line-height: 1; }
  .founder-stat-label { font-size: 0.65rem; color: rgba(255,255,255,0.5); font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-top: 4px; }

  /* ─── FAQ SECTION ─── */
  #faq { background: var(--off-white); }
  .faq-wrap { max-width: 760px; margin: 0 auto; }
  .faq-header { text-align: center; margin-bottom: 3rem; }

  /* ─── CONTACT SECTION ─── */
  .ci-note { display: block; font-size: 0.72rem; color: #5a6a7a; margin-top: 2px; }

  /* ─── SURVEY SECTION ─── */
  .stat-num-sm { font-size: 1.4rem; }

  /* ─── FOOTER BRAND / DISCLAIMER (shared: index, legal pages, 404) ─── */
  .footer-brand-row { display: flex; align-items: center; gap: 0.9rem; margin-bottom: 1.5rem; }
  .footer-brand-name { font-family: 'Playfair Display', serif; font-size: 1.25rem; font-weight: 700; color: var(--gold); letter-spacing: 1px; }
  .footer-brand-tagline { font-size: 0.65rem; color: rgba(255,255,255,0.5); letter-spacing: 2px; text-transform: uppercase; font-weight: 500; }
  .footer-disclaimer-wrap { padding: 1rem 0; border-top: 1px solid rgba(255,255,255,0.06); margin-bottom: 1rem; }
  .footer-disclaimer-text { font-size: 0.7rem; color: rgba(255,255,255,0.5); line-height: 1.6; font-style: italic; }

  /* ─── CHAT WIDGET ─── */
  .wa-bubble p + p { margin-top: 0.4rem; }
  .wa-card-btn svg { flex-shrink: 0; }

  /* ─── GENERIC UTILITIES ─── */
  .text-center { text-align: center; }
  .nowrap { white-space: nowrap; }
  .link-plain { color: inherit; text-decoration: none; }
  .text-gold { color: var(--gold); }
  .text-orange { color: var(--orange); }
  .text-navy { color: var(--navy); }
  .text-white { color: var(--white); }
  .text-success { color: #4ADE80; font-weight: 600; }
  .survey-highlight strong { color: #C9A84C; font-weight: 600; }

  /* ─── REPORT DOWNLOAD SECTION ─── */
  #report-download {
    background: var(--white);
    border-top: 1px solid rgba(13,27,42,0.08);
  }
  .report-dl-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: start;
    max-width: 1100px;
    margin: 0 auto;
  }
  .report-dl-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 1rem 0 1.4rem;
  }
  .report-badge {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: var(--navy);
    background: rgba(13,27,42,0.06);
    border: 1px solid rgba(13,27,42,0.1);
    padding: 0.25rem 0.65rem;
    border-radius: 3px;
  }
  .report-dl-desc {
    font-size: 0.95rem;
    color: #4a5a6b;
    line-height: 1.8;
    margin-bottom: 1.5rem;
    font-weight: 300;
  }
  .report-dl-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
  }
  .report-dl-list li {
    font-size: 0.88rem;
    color: #4a5a6b;
    padding-left: 1.3rem;
    position: relative;
    font-weight: 400;
    line-height: 1.55;
  }
  .report-dl-list li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: var(--gold);
    font-size: 0.8rem;
  }
  .report-dl-form-wrap {
    background: var(--off-white);
    border-radius: 10px;
    padding: 2.5rem;
    border: 1px solid #e0ddd6;
    box-shadow: 0 2px 16px rgba(13,27,42,0.05);
  }
  .report-dl-success {
    display: none;
    text-align: center;
    padding: 2rem;
    background: #0a2540;
    border: 1px solid rgba(201,168,76,0.3);
    border-radius: 8px;
  }
  .report-dl-icon {
    width: 48px; height: 48px;
    background: var(--gold);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem;
    color: var(--navy);
    font-weight: 700;
    margin: 0 auto 1rem;
  }
  .report-dl-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    background: linear-gradient(135deg, var(--gold), #E8B84B);
    color: var(--navy);
    text-decoration: none;
    font-weight: 700;
    font-size: 0.9rem;
    padding: 0.9rem 2rem;
    border-radius: 5px;
    letter-spacing: 0.3px;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 4px 16px rgba(201,168,76,0.35);
    margin-top: 0.75rem;
  }
  .report-dl-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(201,168,76,0.5); }
  .report-dl-failure {
    display: none;
    padding: 1.5rem;
    background: rgba(220,38,38,0.05);
    border: 1px solid rgba(220,38,38,0.2);
    border-radius: 8px;
    text-align: center;
  }
  @media (max-width: 900px) {
    .report-dl-inner { grid-template-columns: 1fr; gap: 2.5rem; }
  }

  /* ─── DPDP COMPLIANCE NOTE ─── */
  .dpdp-note {
    font-size: 0.72rem;
    color: #5a6a7a;
    line-height: 1.6;
    padding: 0.75rem 1rem;
    background: rgba(13,27,42,0.03);
    border-left: 2px solid rgba(13,27,42,0.12);
    border-radius: 0 4px 4px 0;
    margin-bottom: 0.75rem;
  }
  .dpdp-note a { color: var(--orange); text-decoration: underline; }

  /* ─── PREMIUM REFINEMENTS ─── */
  .btn-primary { font-weight: 600; letter-spacing: 0.3px; box-shadow: 0 4px 14px rgba(184,80,14,0.25); }
  .btn-primary:hover { box-shadow: 0 6px 20px rgba(184,80,14,0.38); }
  .section-title { letter-spacing: -0.4px; }

  /* ─── MOBILE AUDIT FIXES ─── */
  @media (max-width: 768px) {
    section { padding: 55px 5%; }
  }
  @media (max-width: 600px) {
    /* Announcement bar — prevent multi-line wrap on narrow phones */
    .announce-bar a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
    /* Form card padding — reduce side padding on small screens */
    .enquiry-form, .report-dl-form-wrap { padding: 1.5rem; }
    .report-dl-inner { gap: 1.5rem; }
  }
  @media (max-width: 480px) {
    /* Why Us grid — 1 column on small phones (was 2, too cramped) */
    .why-grid { grid-template-columns: 1fr; }
  }