*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  :root {
    --navy: #1E3A6E; --navy-deep: #162D56; --gold: #B8913A; --gold-light: #D4AE62;
    --gold-pale: #F5EDD8; --cream: #FAF8F4; --white: #FFFFFF; --black: #1a1a1a;
    --body: #4A5568; --muted: #718096; --border: rgba(30,58,110,0.1);
  }
  body { font-family: Georgia, serif; background: var(--white); margin: 0; }
  .page { max-width: 1200px; margin: 0 auto; }
    /* legacy nav rule removed */
    .logo { display: inline-flex; align-items: center; text-decoration: none; flex-shrink: 0; }
  .logo img { height:60px;width:auto;display:block; }
  .nav-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding: 14px 0; }
  .nav-links { display: flex; align-items: center; gap: 28px; }
  .nav-links a { font-family: Arial, sans-serif; font-size: 14px; color: var(--body); text-decoration: none; white-space: nowrap; }
  .nav-links a:hover, .nav-links a.active { color: var(--navy); font-weight: 700; }
  .nav-ctas { display: flex; align-items: center; gap: 10px; }
  .nav-btn-primary { background: var(--navy); color: var(--white) !important; padding: 9px 20px; border-radius: 6px; font-family: Arial, sans-serif; font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; }
  .nav-btn-secondary { background: var(--gold); color: var(--navy-deep) !important; padding: 9px 20px; border-radius: 6px; font-family: Arial, sans-serif; font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; }
  .page-hero { background: var(--navy); padding: 80px 64px; position: relative; overflow: hidden; }
  .page-hero::after { content: ''; position: absolute; right: -60px; top: -80px; width: 400px; height: 400px; border-radius: 50%; border: 1px solid rgba(184,145,58,0.12); pointer-events: none; }
  .breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; }
  .breadcrumb a { font-family: Arial, sans-serif; font-size: 12px; color: rgba(255,255,255,0.95); text-decoration: none; }
  .breadcrumb span { font-family: Arial, sans-serif; font-size: 12px; color: rgba(255,255,255,0.25); }
  .breadcrumb strong { font-family: Arial, sans-serif; font-size: 12px; color: var(--gold-light); font-weight: 500; }
  .page-hero h1 { font-size: 48px; font-weight: 600; color: var(--white); line-height: 1.15; margin-bottom: 20px; max-width: 640px; }
  .page-hero h1 em { color: var(--gold-light); font-style: normal; }
  .page-hero p { font-family: Arial, sans-serif; font-size: 16px; color: rgba(255,255,255,0.95); line-height: 1.85; max-width: 580px; }
  .eyebrow { font-family: Arial, sans-serif; font-size: 11px; font-weight: 700; color: var(--gold); letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 12px; }
  .sec-title { font-family: Georgia, serif; font-size: 30px; color: var(--navy); line-height: 1.3; margin-bottom: 20px; }
  .btn-gold { background: var(--gold); color: var(--navy-deep); padding: 14px 28px; border-radius: 7px; font-family: Arial, sans-serif; font-size: 15px; font-weight: 700; text-decoration: none; display: inline-block; }
  /* STORY SPLIT */
  .story { display: grid; grid-template-columns: 1fr 1fr; min-height: 480px; }
  .story-img { overflow: hidden; position: relative; }
  .story-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .story-content { padding: 64px 56px; display: flex; flex-direction: column; justify-content: center; background: var(--white); }
  .story-content p { font-family: Arial, sans-serif; font-size: 15px; color: var(--body); line-height: 1.9; margin-bottom: 18px; }
  /* STATS */
  .stats { background: var(--navy); display: grid; grid-template-columns: repeat(4, 1fr); }
  .stat-item { padding: 36px 24px; text-align: center; border-right: 1px solid rgba(255,255,255,0.08); }
  .stat-item:last-child { border-right: none; }
  .stat-item .n { font-family: Georgia, serif; font-size: 36px; color: var(--gold-light); line-height: 1; margin-bottom: 6px; }
  .stat-item .l { font-family: Arial, sans-serif; font-size: 12px; color: rgba(255,255,255,0.95); letter-spacing: 0.04em; text-transform: uppercase; }
  /* VALUES */
  .values { background: var(--cream); padding: 80px 64px; }
  .values .sec-title { margin-bottom: 48px; }
  .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .value-card { background: var(--white); border: 1px solid var(--border); border-radius: 14px; padding: 32px 28px; }
  .value-icon { width: 48px; height: 48px; background: var(--gold-pale); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }
  .value-card h3 { font-family: Georgia, serif; font-size: 18px; color: var(--navy); margin-bottom: 10px; }
  .value-card p { font-family: Arial, sans-serif; font-size: 14px; color: var(--muted); line-height: 1.8; }
  /* TEAM */
  .team { background: var(--white); padding: 80px 64px; }
  .team .sec-title { margin-bottom: 48px; }
  .team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
  .team-card { background: var(--cream); border-radius: 16px; overflow: hidden; }
  .team-avatar { height: 200px; background: var(--navy); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
  .team-avatar::after { content: ''; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); width: 80px; height: 80px; background: rgba(184,145,58,0.1); border-radius: 50%; }
  .avatar-initials { font-family: Georgia, serif; font-size: 48px; color: var(--gold-light); font-style: italic; position: relative; z-index: 1; }
  .team-info { padding: 24px 28px; }
  .team-info h4 { font-family: Georgia, serif; font-size: 18px; color: var(--navy); margin-bottom: 4px; }
  .team-info .role { font-family: Arial, sans-serif; font-size: 12px; font-weight: 700; color: var(--gold); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 12px; }
  .team-info p { font-family: Arial, sans-serif; font-size: 13px; color: var(--muted); line-height: 1.75; }
  /* ACCREDITATIONS */
  .accreds-section { background: var(--navy-deep); padding: 80px 64px; }
  .accreds-section .eyebrow { color: var(--gold-light); }
  .accreds-section .sec-title { color: var(--white); margin-bottom: 16px; }
  .accreds-intro { font-family: Arial, sans-serif; font-size: 15px; color: rgba(255,255,255,0.95); line-height: 1.85; max-width: 640px; margin-bottom: 48px; }
  .accreds-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .accred-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 28px 32px; display: flex; gap: 20px; align-items: flex-start; }
  .accred-badge { background: rgba(184,145,58,0.15); border: 1px solid rgba(184,145,58,0.3); border-radius: 8px; padding: 8px 16px; font-family: Arial, sans-serif; font-size: 14px; font-weight: 700; color: var(--gold-light); flex-shrink: 0; white-space: nowrap; }
  .accred-card h4 { font-family: Georgia, serif; font-size: 16px; color: var(--white); margin-bottom: 6px; }
  .accred-card p { font-family: Arial, sans-serif; font-size: 13px; color: rgba(255,255,255,0.95); line-height: 1.7; }
  /* AREA */
  .area { background: var(--cream); padding: 80px 64px; }
  .area-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
  .area-content p { font-family: Arial, sans-serif; font-size: 15px; color: var(--body); line-height: 1.9; margin-bottom: 16px; }
  .area-map { background: #DBE5EB; border-radius: 16px; height: 340px; position: relative; overflow: hidden; border: 1px solid var(--border); }
  .area-map::before { display:none; content: ''; position: absolute; width: 200px; height: 200px; border-radius: 50%; border: 1px solid rgba(184,145,58,0.2); top: 50%; left: 50%; transform: translate(-50%,-50%); }
  .area-map::after { display:none; content: ''; position: absolute; width: 100px; height: 100px; border-radius: 50%; border: 1px solid rgba(184,145,58,0.3); top: 50%; left: 50%; transform: translate(-50%,-50%); }
  .map-pin { position: relative; z-index: 1; text-align: center; }
  .map-pin-dot { width: 16px; height: 16px; background: var(--gold); border-radius: 50%; margin: 0 auto 8px; }
  .map-pin span { font-family: Arial, sans-serif; font-size: 13px; font-weight: 700; color: var(--white); letter-spacing: 0.04em; }
  .cta { background: var(--gold-pale); border-top: 3px solid var(--gold); padding: 60px 64px; display: flex; align-items: center; justify-content: space-between; gap: 40px; }
  .cta h2 { font-family: Georgia, serif; font-size: 28px; color: var(--navy); line-height: 1.3; margin-bottom: 8px; }
  .cta p { font-family: Arial, sans-serif; font-size: 15px; color: var(--body); }
  .cta-btn { background: var(--navy); color: var(--white); padding: 15px 32px; border-radius: 7px; font-family: Arial, sans-serif; font-size: 15px; font-weight: 700; white-space: nowrap; flex-shrink: 0; text-decoration: none; display: inline-block; }
  footer { background: var(--navy-deep); padding: 56px 64px 36px; }
  .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 56px; padding-bottom: 36px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 26px; }
  .f-desc { font-family: Arial, sans-serif; font-size: 13px; color: rgba(255,255,255,0.35); line-height: 1.8; }
  .fc h5 { font-family: Arial, sans-serif; font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.3); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 14px; }
  .fc ul { list-style: none; }
  .fc ul li { margin-bottom: 10px; }
  .fc ul li a { font-family: Arial, sans-serif; font-size: 14px; color: rgba(255,255,255,0.95); text-decoration: none; }
  .footer-btm p { font-family: Arial, sans-serif; font-size: 12px; color: rgba(255,255,255,0.25); }
  .page-hero p { font-family: Arial, sans-serif; font-size: 16px; color: rgba(255,255,255,0.95); line-height: 1.85; max-width: 560px; }
  /* MAIN CONTACT SECTION */
  .contact-main { display: grid; grid-template-columns: 1fr 1fr; gap: 0; min-height: 640px; }
  /* FORM SIDE */
  .form-side { padding: 64px 56px; background: var(--white); }
  .form-side .sec-title { margin-bottom: 32px; }
  .form-group { margin-bottom: 22px; }
  .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 22px; }
  label { display: block; font-family: Arial, sans-serif; font-size: 12px; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 7px; }
  input, select, textarea { width: 100%; padding: 12px 16px; border: 1.5px solid var(--border); border-radius: 8px; font-family: Arial, sans-serif; font-size: 14px; color: var(--black); background: var(--white); outline: none; transition: border-color 0.2s; }
  input[type="checkbox"], input[type="radio"] { width: 18px !important; height: 18px !important; min-width: 18px !important; flex: 0 0 18px !important; padding: 0 !important; margin: 0 !important; border-radius: 3px !important; accent-color: var(--navy); box-sizing: border-box !important; }

  input:focus, select:focus, textarea:focus { border-color: var(--navy); }
  select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234A5568' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 40px; }
  textarea { resize: vertical; min-height: 80px; }
  .form-note { font-family: Arial, sans-serif; font-size: 12px; color: var(--muted); margin-top: 6px; }
  .checkbox-row { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 28px; }
  .checkbox-row input[type="checkbox"] { width: 18px !important; height: 18px !important; min-width: 18px; flex: 0 0 18px !important; padding: 0 !important; margin: 2px 0 0 0 !important; border-radius: 3px !important; accent-color: var(--navy); }
  .checkbox-row label { flex: 1 1 0 !important; width: auto !important; }
  .checkbox-row label { font-family: Arial, sans-serif; font-size: 13px; color: var(--body); text-transform: none; letter-spacing: 0; font-weight: 400; margin-bottom: 0; line-height: 1.6; }
  .submit-btn { background: var(--navy); color: var(--white); padding: 15px 32px; border-radius: 7px; font-family: Arial, sans-serif; font-size: 15px; font-weight: 700; border: none; cursor: pointer; width: 100%; }
  .submit-btn:hover { background: var(--navy-deep); }
  /* INFO SIDE */
  .info-side { background: var(--navy); padding: 64px 56px; display: flex; flex-direction: column; gap: 40px; }
  .info-side .eyebrow { color: var(--gold-light); }
  .info-side .sec-title { color: var(--white); margin-bottom: 8px; }
  .info-intro { font-family: Arial, sans-serif; font-size: 15px; color: rgba(255,255,255,0.95); line-height: 1.85; margin-bottom: 8px; }
  .contact-details { display: flex; flex-direction: column; gap: 20px; }
  .contact-detail { display: flex; align-items: flex-start; gap: 16px; }
  .detail-icon { width: 44px; height: 44px; background: rgba(184,145,58,0.15); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
  .detail-label { font-family: Arial, sans-serif; font-size: 11px; font-weight: 700; color: var(--gold-light); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 4px; }
  .detail-value { font-family: Arial, sans-serif; font-size: 15px; color: var(--white); line-height: 1.5; }
  .detail-sub { font-family: Arial, sans-serif; font-size: 12px; color: rgba(255,255,255,0.95); margin-top: 2px; }
  .divider { border: none; border-top: 1px solid rgba(255,255,255,0.08); }
  .social-row { display: flex; gap: 12px; }
  .social-btn { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); border-radius: 8px; padding: 10px 18px; font-family: Arial, sans-serif; font-size: 13px; font-weight: 700; color: rgba(255,255,255,0.95); text-decoration: none; }
  .response-note { background: rgba(184,145,58,0.1); border: 1px solid rgba(184,145,58,0.25); border-radius: 10px; padding: 18px 20px; }
  .response-note p { font-family: Arial, sans-serif; font-size: 13px; color: rgba(255,255,255,0.95); line-height: 1.7; }
  .response-note strong { color: var(--gold-light); }
  /* ENQUIRY TYPES */
  .enquiry-types { background: var(--cream); padding: 72px 64px; }
  .enquiry-types .sec-title { margin-bottom: 40px; text-align: center; }
  .enquiry-types .eyebrow { text-align: center; }
  .types-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
  .type-card { background: var(--white); border: 1px solid var(--border); border-radius: 12px; padding: 28px 22px; text-align: center; }
  .type-icon { width: 48px; height: 48px; background: var(--gold-pale); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; }
  .type-card h4 { font-family: Georgia, serif; font-size: 16px; color: var(--navy); margin-bottom: 8px; }
  .type-card p { font-family: Arial, sans-serif; font-size: 13px; color: var(--muted); line-height: 1.7; }
  /* PORTAL */
  .portal { background: var(--navy-deep); padding: 64px; display: flex; align-items: center; justify-content: space-between; gap: 40px; }
  .portal h2 { font-family: Georgia, serif; font-size: 26px; color: var(--white); margin-bottom: 8px; }
  .portal p { font-family: Arial, sans-serif; font-size: 14px; color: rgba(255,255,255,0.95); max-width: 480px; }
  .portal-btn { background: var(--gold); color: var(--navy-deep); padding: 13px 28px; border-radius: 7px; font-family: Arial, sans-serif; font-size: 14px; font-weight: 700; text-decoration: none; display: inline-block; white-space: nowrap; flex-shrink: 0; }
  footer { background: var(--navy-deep); padding: 56px 64px 36px; border-top: 1px solid rgba(255,255,255,0.07); }
  .page-hero p { font-family: Arial, sans-serif; font-size: 16px; color: rgba(255,255,255,0.95); line-height: 1.85; max-width: 580px; margin-bottom: 36px; }
  .btn-outline-white { background: transparent; color: rgba(255,255,255,0.95); border: 1px solid rgba(255,255,255,0.3); padding: 14px 28px; border-radius: 7px; font-family: Arial, sans-serif; font-size: 15px; text-decoration: none; display: inline-block; margin-left: 12px; }
  .intro { display: grid; grid-template-columns: 1fr 1fr; min-height: 460px; }
  .intro-img { overflow: hidden; }
  .intro-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .intro-content { padding: 64px 56px; display: flex; flex-direction: column; justify-content: center; }
  .intro-content p { font-family: Arial, sans-serif; font-size: 15px; color: var(--body); line-height: 1.85; margin-bottom: 16px; }
  .what { background: var(--cream); padding: 80px 64px; }
  .what .sec-title { margin-bottom: 48px; }
  .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .svc-card { background: var(--white); border: 1px solid var(--border); border-radius: 14px; padding: 32px 28px; }
  .svc-icon { width: 48px; height: 48px; background: var(--gold-pale); border-radius: 12px; margin-bottom: 18px; display: flex; align-items: center; justify-content: center; }
  .svc-card h3 { font-family: Georgia, serif; font-size: 17px; color: var(--navy); margin-bottom: 10px; }
  .svc-card p { font-family: Arial, sans-serif; font-size: 14px; color: var(--muted); line-height: 1.75; }
  .choosing { background: var(--white); padding: 80px 64px; }
  .choosing-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
  .choosing-content p { font-family: Arial, sans-serif; font-size: 15px; color: var(--body); line-height: 1.85; margin-bottom: 16px; }
  .checklist { list-style: none; margin-top: 24px; }
  .checklist li { font-family: Arial, sans-serif; font-size: 15px; color: var(--body); line-height: 1.7; padding: 12px 0; border-bottom: 1px solid var(--border); display: flex; align-items: flex-start; gap: 12px; }
  .checklist li:last-child { border-bottom: none; }
  .check { width: 22px; height: 22px; background: var(--gold-pale); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }
  .choosing-aside { background: var(--navy); border-radius: 16px; padding: 40px 36px; }
  .choosing-aside h3 { font-family: Georgia, serif; font-size: 22px; color: var(--white); margin-bottom: 16px; }
  .choosing-aside > p { font-family: Arial, sans-serif; font-size: 14px; color: rgba(255,255,255,0.95); line-height: 1.8; margin-bottom: 24px; }
  .aside-stat { display: flex; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,0.08); }
  .aside-stat:last-of-type { border-bottom: none; margin-bottom: 28px; }
  .aside-num { font-family: Georgia, serif; font-size: 32px; color: var(--gold-light); line-height: 1; min-width: 80px; }
  .aside-label { font-family: Arial, sans-serif; font-size: 13px; color: rgba(255,255,255,0.95); line-height: 1.5; }
  .safeguard { background: var(--navy-deep); padding: 80px 64px; }
  .safeguard .eyebrow { color: var(--gold-light); }
  .safeguard .sec-title { color: var(--white); margin-bottom: 16px; }
  .safeguard-intro { font-family: Arial, sans-serif; font-size: 15px; color: rgba(255,255,255,0.95); line-height: 1.85; max-width: 640px; margin-bottom: 48px; }
  .safeguard-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .safeguard-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 28px; }
  .safeguard-card h4 { font-family: Georgia, serif; font-size: 16px; color: var(--white); margin-bottom: 10px; }
  .safeguard-card p { font-family: Arial, sans-serif; font-size: 13px; color: rgba(255,255,255,0.95); line-height: 1.75; }
  .accreds { background: var(--cream); padding: 48px 64px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; border-top: 1px solid var(--border); }
  .accreds-label { font-family: Arial, sans-serif; font-size: 12px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 0.1em; flex-shrink: 0; margin-right: 12px; }
  .accred-pill { background: var(--white); border: 1px solid var(--border); border-radius: 8px; padding: 10px 20px; font-family: Arial, sans-serif; font-size: 14px; font-weight: 700; color: var(--navy); }
  .faq { background: var(--white); padding: 80px 64px; }
  .faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 48px; }
  .faq-item { border: 1px solid var(--border); border-radius: 12px; padding: 28px; }
  .faq-item h4 { font-family: Arial, sans-serif; font-size: 15px; font-weight: 700; color: var(--navy); margin-bottom: 10px; line-height: 1.4; }
  .faq-item p { font-family: Arial, sans-serif; font-size: 14px; color: var(--muted); line-height: 1.75; }
  .page-hero { position: relative; overflow: hidden; background: var(--navy); padding: 80px 64px; position: relative; overflow: hidden; }
  .btn-outline-navy { background: transparent; color: var(--navy); border: 2px solid var(--navy); padding: 12px 24px; border-radius: 7px; font-family: Arial, sans-serif; font-size: 14px; font-weight: 700; text-decoration: none; display: inline-block; }
  /* TWO AUDIENCES */
  .audiences { background: var(--cream); padding: 80px 64px; }
  .audiences .sec-title { margin-bottom: 12px; text-align: center; }
  .audiences .eyebrow { text-align: center; }
  .aud-intro { font-family: Arial, sans-serif; font-size: 15px; color: var(--body); line-height: 1.85; max-width: 640px; margin: 0 auto 52px; text-align: center; }
  .aud-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
  .aud-card { background: var(--white); border-radius: 16px; overflow: hidden; border: 1px solid var(--border); }
  .aud-card-top { padding: 36px 32px 28px; }
  .aud-card-top.students { background: var(--navy); }
  .aud-card-top.hosts { background: var(--gold); }
  .aud-tag { font-family: Arial, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 10px; }
  .aud-card-top.students .aud-tag { color: var(--gold-light); }
  .aud-card-top.hosts .aud-tag { color: var(--navy-deep); }
  .aud-card-top h3 { font-size: 24px; margin-bottom: 12px; }
  .aud-card-top.students h3 { font-family: Georgia, serif; color: var(--white); }
  .aud-card-top.hosts h3 { font-family: Georgia, serif; color: var(--navy-deep); }
  .aud-card-top.students p { font-family: Arial, sans-serif; font-size: 14px; color: rgba(255,255,255,0.95); line-height: 1.75; }
  .aud-card-top.hosts p { font-family: Arial, sans-serif; font-size: 14px; color: rgba(22,45,86,0.95); line-height: 1.75; }
  .aud-card-body { padding: 28px 32px 32px; }
  .aud-features { list-style: none; margin-bottom: 28px; }
  .aud-features li { font-family: Arial, sans-serif; font-size: 14px; color: var(--body); line-height: 1.7; padding: 9px 0; border-bottom: 1px solid var(--border); display: flex; align-items: flex-start; gap: 10px; }
  .aud-features li:last-child { border-bottom: none; }
  .dot { width: 6px; height: 6px; background: var(--gold); border-radius: 50%; flex-shrink: 0; margin-top: 8px; }
  /* WHY BECOME A HOST */
  .why-host { background: var(--cream); padding: 80px 64px; }
  .why-host .eyebrow { color: var(--gold); }
  .why-host .sec-title { color: var(--navy); margin-bottom: 48px; }
  .why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .why-card { background: var(--white); border: 1px solid var(--border); border-radius: 14px; padding: 32px 28px; box-shadow: 0 2px 10px rgba(22,45,86,0.04); }
  .why-icon { width: 48px; height: 48px; background: rgba(184,145,58,0.15); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }
  .why-card h4 { font-family: Georgia, serif; font-size: 17px; color: var(--navy); margin-bottom: 10px; }
  .why-card p { font-family: Arial, sans-serif; font-size: 14px; color: var(--body); line-height: 1.75; }
  /* WHAT HAPPENS NEXT */
  .next { background: var(--white); padding: 80px 64px; }
  .next .sec-title { margin-bottom: 52px; }
  .steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; position: relative; }
  .steps::before { content: ''; position: absolute; top: 22px; left: 10%; right: 10%; border-top: 1px dashed rgba(184,145,58,0.3); }
  .step { text-align: center; }
  .step-n { width: 44px; height: 44px; border-radius: 50%; background: var(--navy); color: var(--gold-light); font-family: Georgia, serif; font-size: 17px; font-weight: 700; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; position: relative; z-index: 1; }
  .step h4 { font-family: Georgia, serif; font-size: 15px; color: var(--navy); margin-bottom: 8px; font-weight: 600; }
  .step p { font-family: Arial, sans-serif; font-size: 13px; color: var(--muted); line-height: 1.7; }
  /* TESTIMONIALS */
  .testi { background: var(--navy-deep); padding: 80px 64px; }
  .testi .sec-title { color: var(--white); margin-bottom: 36px; }
  .testi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .testi-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 32px; display: flex; flex-direction: column; }
  .stars { display: flex; gap: 4px; margin-bottom: 16px; }
  .star { width: 14px; height: 14px; background: var(--gold-light); clip-path: polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%); }
  .testi-card blockquote { font-family: Georgia, serif; font-size: 14px; color: rgba(255,255,255,0.95); line-height: 1.85; font-style: italic; margin-bottom: 20px; flex: 1; }
  .author { display: flex; align-items: center; gap: 10px; }
  .av { width: 38px; height: 38px; border-radius: 50%; background: rgba(184,145,58,0.2); display: flex; align-items: center; justify-content: center; font-family: Arial, sans-serif; font-size: 12px; font-weight: 700; color: var(--gold-light); flex-shrink: 0; }
  .author-name { font-family: Arial, sans-serif; font-size: 13px; font-weight: 700; color: var(--white); }
  .author-role { font-family: Arial, sans-serif; font-size: 11px; color: rgba(255,255,255,0.95); margin-top: 2px; }
  /* REQUIREMENTS */
  .requirements { background: var(--navy-deep); padding: 80px 64px; }
  .requirements .eyebrow { color: var(--gold-light); }
  .requirements .sec-title { color: var(--white); margin-bottom: 16px; }
  .req-intro { font-family: Arial, sans-serif; font-size: 15px; color: rgba(255,255,255,0.95); line-height: 1.85; max-width: 640px; margin-bottom: 48px; }
  .req-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .req-item { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 24px 28px; display: flex; gap: 16px; align-items: flex-start; }
  .req-num { font-family: Georgia, serif; font-size: 28px; color: var(--gold-light); line-height: 1; flex-shrink: 0; min-width: 32px; }
  .req-item h4 { font-family: Georgia, serif; font-size: 16px; color: var(--white); margin-bottom: 6px; }
  .req-item p { font-family: Arial, sans-serif; font-size: 13px; color: rgba(255,255,255,0.95); line-height: 1.7; }
  /* FAQ */
  .faq { background: var(--cream); padding: 80px 64px; }
  .faq-item { background: var(--white); border: 1px solid var(--border); border-radius: 12px; padding: 28px; }
  .cta-btns { display: flex; gap: 14px; flex-shrink: 0; }
  .cta-btn { background: var(--navy); color: var(--white); padding: 15px 32px; border-radius: 7px; font-family: Arial, sans-serif; font-size: 15px; font-weight: 700; white-space: nowrap; text-decoration: none; display: inline-block; }
  .cta-btn-sec { background: transparent; color: var(--navy); border: 2px solid var(--navy); padding: 13px 28px; border-radius: 7px; font-family: Arial, sans-serif; font-size: 15px; font-weight: 700; white-space: nowrap; text-decoration: none; display: inline-block; }
    --navy: #1E3A6E;
    --navy-deep: #162D56;
    --gold: #B8913A;
    --gold-light: #D4AE62;
    --gold-pale: #F5EDD8;
    --cream: #FAF8F4;
    --white: #FFFFFF;
    --black: #1a1a1a;
    --body: #4A5568;
    --muted: #718096;
    --border: rgba(30,58,110,0.1);
  body { font-family: Georgia, serif; background: #ffffff; margin: 0; }
  .page { max-width: 1200px; margin: 0 auto; background: var(--white); }
  /* NAV */
  .nav-btn:hover { background: var(--navy-deep) !important; color: var(--white) !important; }
  /* HERO */
  .hero { position: relative; height: 600px; overflow: hidden; display: flex; align-items: center; }
  .hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
  .hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15,28,48,0.9) 0%, rgba(15,28,48,0.85) 45%, rgba(15,28,48,0.3) 100%); }
  .hero-content { position: relative; z-index: 1; padding: 0 64px; max-width: 580px; }
  .hero-tag { display: inline-flex; align-items: center; gap: 8px; background: rgba(184,145,58,0.15); border: 1px solid rgba(184,145,58,0.35); border-radius: 20px; padding: 6px 16px 6px 12px; margin-bottom: 28px; }
  .hero-tag-dot { width: 7px; height: 7px; background: var(--gold-light); border-radius: 50%; flex-shrink: 0; }
  .hero-tag span { font-family: Arial, sans-serif; font-size: 11px; font-weight: 600; color: var(--gold-light); letter-spacing: 0.07em; text-transform: uppercase; }
  .hero h1 { font-size: 46px; font-weight: 600; color: var(--white); line-height: 1.18; margin-bottom: 20px; }
  .hero h1 em { color: var(--gold-light); font-style: normal; }
  .hero p { font-family: Arial, sans-serif; font-size: 16px; color: rgba(255,255,255,0.95); line-height: 1.8; margin-bottom: 36px; }
  .hero-btns { display: flex; gap: 14px; }
  .btn-gold { background: var(--gold); color: var(--navy-deep); padding: 14px 28px; border-radius: 7px; font-family: Arial, sans-serif; font-size: 15px; font-weight: 700; cursor: pointer; text-decoration: none; display: inline-block; }
  .btn-ghost { background: transparent; color: rgba(255,255,255,0.95); border: 1px solid rgba(255,255,255,0.3); padding: 14px 28px; border-radius: 7px; font-family: Arial, sans-serif; font-size: 15px; cursor: pointer; text-decoration: none; display: inline-block; }
  /* STATS BAR */
  .stats-bar { background: var(--navy); display: grid; grid-template-columns: repeat(4, 1fr); }
  .stat-item { padding: 26px 20px; text-align: center; border-right: 1px solid rgba(255,255,255,0.08); }
  .stat-item .n { font-family: Georgia, serif; font-size: 28px; color: var(--gold-light); line-height: 1; margin-bottom: 5px; }
  .stat-item .l { font-family: Arial, sans-serif; font-size: 11px; color: rgba(255,255,255,0.95); letter-spacing: 0.05em; text-transform: uppercase; }
  /* SERVICES */
  .services { background: var(--cream); padding: 80px 64px 72px; }
  .sec-title { font-family: Georgia, serif; font-size: 32px; color: var(--navy); line-height: 1.25; margin-bottom: 40px; }
  .svc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
  .svc { background: var(--white); border: 1px solid var(--border); border-radius: 12px; padding: 28px 22px; transition: box-shadow 0.2s; }
  .svc:hover { box-shadow: 0 8px 30px rgba(30,58,110,0.1); }
  .svc-icon { width: 44px; height: 44px; background: var(--gold-pale); border-radius: 10px; margin-bottom: 16px; display: flex; align-items: center; justify-content: center; }
  .svc h3 { font-family: Georgia, serif; font-size: 16px; color: var(--navy); margin-bottom: 10px; }
  .svc p { font-family: Arial, sans-serif; font-size: 13px; color: var(--muted); line-height: 1.7; margin-bottom: 16px; }
  .svc-link { font-family: Arial, sans-serif; font-size: 13px; font-weight: 700; color: var(--gold); text-decoration: none; }
  /* SPLIT */
  .split { display: grid; grid-template-columns: 1fr 1fr; min-height: 420px; }
  .split-img { overflow: hidden; }
  .split-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .split-content { background: var(--navy); padding: 64px 56px; display: flex; flex-direction: column; justify-content: center; }
  .split-content .eyebrow { color: var(--gold-light); margin-bottom: 12px; }
  .split-content .sec-title { color: var(--white); margin-bottom: 20px; font-size: 28px; }
  .split-content p { font-family: Arial, sans-serif; font-size: 15px; color: #ffffff; line-height: 1.85; margin-bottom: 30px; }
  .split-link { font-family: Arial, sans-serif; font-size: 14px; font-weight: 700; color: var(--gold-light); text-decoration: none; }
  /* HOW */
  .how { background: var(--white); padding: 80px 64px 72px; text-align: center; }
  .steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 52px; position: relative; }
  .steps::before { content: ''; position: absolute; top: 22px; left: 20%; right: 20%; border-top: 1px dashed rgba(184,145,58,0.3); }
  .step { padding: 0 24px; }
  .step-n { width: 44px; height: 44px; border-radius: 50%; background: var(--navy); color: var(--gold-light); font-family: Georgia, serif; font-size: 17px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; position: relative; z-index: 1; }
  .step h4 { font-family: Georgia, serif; font-size: 17px; color: var(--navy); margin-bottom: 10px; }
  .step p { font-family: Arial, sans-serif; font-size: 14px; color: var(--muted); line-height: 1.75; }
  .testi { background: var(--navy-deep); padding: 80px 64px 72px; }
  .testi .eyebrow { color: var(--gold-light); }
  .testi-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
  .testi-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 32px; }
  .star { width: 14px; height: 14px; background: var(--gold); clip-path: polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%); }
  .testi-card blockquote { font-family: Georgia, serif; font-size: 15px; color: rgba(255,255,255,0.95); line-height: 1.85; font-style: italic; margin-bottom: 20px; }
  .author { display: flex; align-items: center; gap: 12px; }
  .author-name { font-family: Arial, sans-serif; font-size: 14px; font-weight: 700; color: var(--white); }
  /* CTA */
  .cta-btn { background: var(--navy); color: var(--white); padding: 15px 32px; border-radius: 7px; font-family: Arial, sans-serif; font-size: 15px; font-weight: 700; white-space: nowrap; flex-shrink: 0; cursor: pointer; text-decoration: none; display: inline-block; }
  /* FOOTER */
  .fc ul li a:hover { color: var(--white); }
  .safeguard-card h4 { font-family: Georgia, serif; font-size: 16px; color: var(--gold-light); margin-bottom: 10px; }
  /* SCHOOL TYPES - tabbed cards */
  .school-types { background: var(--white); padding: 80px 64px; }
  .school-types .sec-title { margin-bottom: 48px; }
  .school-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .school-card { border-radius: 16px; overflow: hidden; border: 1px solid var(--border); }
  .school-card-header { padding: 32px 28px 24px; }
  .school-card-header.independent { background: var(--navy); }
  .school-card-header.state { background: #2A5298; }
  .school-card-header.university { background: var(--navy-deep); }
  .school-tag { font-family: Arial, sans-serif; font-size: 10px; font-weight: 700; color: var(--gold-light); letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 10px; }
  .school-card-header h3 { font-family: Georgia, serif; font-size: 22px; color: var(--white); margin-bottom: 10px; }
  .school-card-header p { font-family: Arial, sans-serif; font-size: 14px; color: rgba(255,255,255,0.95); line-height: 1.7; }
  .school-card-body { background: var(--white); padding: 28px; }
  .school-feature { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--border); font-family: Arial, sans-serif; font-size: 14px; color: var(--body); line-height: 1.6; }
  .school-feature:last-child { border-bottom: none; }
  .dot { width: 6px; height: 6px; background: var(--gold); border-radius: 50%; flex-shrink: 0; margin-top: 7px; }
  /* HOW WE HELP */
  .how-help { background: var(--cream); padding: 80px 64px; }
  .how-help .sec-title { margin-bottom: 48px; }
  .help-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .help-card { background: var(--white); border: 1px solid var(--border); border-radius: 14px; padding: 32px; display: flex; gap: 20px; }
  .help-icon { width: 48px; height: 48px; background: var(--gold-pale); border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
  .help-card h4 { font-family: Georgia, serif; font-size: 17px; color: var(--navy); margin-bottom: 8px; }
  .help-card p { font-family: Arial, sans-serif; font-size: 14px; color: var(--muted); line-height: 1.75; }
  /* PROCESS */
  .process { background: var(--navy); padding: 80px 64px; }
  .process .eyebrow { color: var(--gold-light); }
  .process .sec-title { color: var(--white); margin-bottom: 52px; }
  .step-n { width: 44px; height: 44px; border-radius: 50%; background: var(--gold); color: var(--navy-deep); font-family: Georgia, serif; font-size: 17px; font-weight: 700; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; position: relative; z-index: 1; }
  .process .step h4 { font-family: Georgia, serif; font-size: 15px; color: var(--white); margin-bottom: 8px; }
  .process .step p { font-family: Arial, sans-serif; font-size: 13px; color: rgba(255,255,255,0.95); line-height: 1.7; }
  /* INTRO SPLIT */
  .intro-content { padding: 64px 56px; display: flex; flex-direction: column; justify-content: center; background: var(--white); }
  .checklist { list-style: none; margin-top: 16px; }
  .checklist li { font-family: Arial, sans-serif; font-size: 15px; color: var(--body); line-height: 1.7; padding: 10px 0; border-bottom: 1px solid var(--border); display: flex; align-items: flex-start; gap: 12px; }
  /* PROGRAMME OVERVIEW */
  .overview { background: var(--cream); padding: 80px 64px; }
  .overview .sec-title { margin-bottom: 12px; }
  .overview-intro { font-family: Arial, sans-serif; font-size: 15px; color: var(--body); line-height: 1.85; max-width: 720px; margin-bottom: 56px; }
  .prog-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
  .prog-card { background: var(--white); border-radius: 16px; overflow: hidden; border: 1px solid var(--border); display: flex; flex-direction: column; }
  .prog-card-top { padding: 32px 24px 24px; position: relative; min-height: 220px; }
  .prog-card-top.boarding { background: var(--navy); }
  .prog-card-top.homestay { background: var(--gold); }
  .prog-card-top.university { background: var(--gold); }
  .prog-badge { display: inline-block; background: rgba(184,145,58,0.2); border: 1px solid rgba(184,145,58,0.4); border-radius: 20px; padding: 4px 12px; font-family: Arial, sans-serif; font-size: 11px; font-weight: 700; color: var(--gold-light); letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 16px; }
  .prog-card-top h3 { font-family: Georgia, serif; font-size: 24px; color: var(--white); margin-bottom: 12px; }
  .prog-card-top p { font-family: Arial, sans-serif; font-size: 14px; color: rgba(255,255,255,0.95); line-height: 1.75; }
  .prog-card-top.homestay h3, .prog-card-top.university h3 { color: var(--navy-deep) !important; }
  .prog-card-top.homestay p, .prog-card-top.university p { color: rgba(22,45,86,0.9) !important; }
  .prog-card-top.homestay .prog-badge, .prog-card-top.university .prog-badge { color: var(--navy-deep) !important; background: rgba(22,45,86,0.12) !important; border-color: rgba(22,45,86,0.3) !important; }
  .prog-card-body { padding: 28px 32px 32px; flex: 1; display: flex; flex-direction: column; }
  .prog-features { list-style: none; margin-bottom: 28px; flex: 1; }
  .prog-features li { font-family: Arial, sans-serif; font-size: 14px; color: var(--body); line-height: 1.7; padding: 9px 0; border-bottom: 1px solid var(--border); display: flex; align-items: flex-start; gap: 10px; }
  .prog-features li:last-child { border-bottom: none; }
  /* WHAT'S INCLUDED */
  .included { background: var(--white); padding: 80px 64px; }
  .included .sec-title { margin-bottom: 48px; }
  .included-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
  .inc-card { background: var(--cream); border-radius: 12px; padding: 28px 22px; text-align: center; }
  .inc-icon { width: 52px; height: 52px; background: var(--gold-pale); border-radius: 14px; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; }
  .inc-card h4 { font-family: Georgia, serif; font-size: 15px; color: var(--navy); margin-bottom: 8px; }
  .inc-card p { font-family: Arial, sans-serif; font-size: 13px; color: var(--muted); line-height: 1.7; }
  /* SPLIT - BOARDING DETAIL */
  .split { display: grid; grid-template-columns: 1fr 1fr; min-height: 440px; }
  .split-content { padding: 64px 56px; display: flex; flex-direction: column; justify-content: center; }
  .split-content.dark { background: var(--navy); }
  .split-content.dark .sec-title { color: var(--white); font-size: 26px; }
  .split-content.dark .eyebrow { color: var(--gold-light); }
  .split-content.dark p { color: #ffffff; }
  .split-content.light { background: var(--cream, #FAF8F4); }
  .split-content.light .sec-title { color: var(--navy) !important; }
  .split-content.light .eyebrow { color: var(--gold) !important; }
  .split-content.light p { color: var(--body, #2d3748) !important; }
  .split-content.light .checklist li { color: var(--body, #2d3748); }
  .split-content p { font-family: Arial, sans-serif; font-size: 15px; color: #ffffff; line-height: 1.85; margin-bottom: 14px; }
  .checklist { list-style: none; margin-top: 12px; }
  .checklist li { font-family: Arial, sans-serif; font-size: 14px; color: var(--body); line-height: 1.7; padding: 10px 0; border-bottom: 1px solid var(--border); display: flex; align-items: flex-start; gap: 12px; }
  .checklist.light-list li { color: rgba(255,255,255,0.95); border-bottom-color: rgba(255,255,255,0.12); }
  .check.gold-check { background: rgba(184,145,58,0.2); }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: #ffffff; overflow-x: hidden; }
.site-page { display: none; }
.page { max-width: 1400px; margin: 0 auto; overflow-x: hidden; background: #ffffff; }
.steps { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 24px !important; }
.steps::before { display: none !important; }
.prog-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 16px !important; }
.prog-card { display: flex; flex-direction: column; }
.prog-card-top { flex-shrink: 0; min-height: 200px !important; }
.prog-card-body { flex: 1; display: flex; flex-direction: column; }
.prog-features { flex: 1; }
.hero { position: relative; height: 580px; overflow: hidden; display: flex; align-items: center; }
.hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.safeguard-card h4 { color: #D4AE62 !important; }
input, select, textarea { box-sizing: border-box; }
  .prog-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
  .prog-card-top { padding: 36px 32px 28px; position: relative; min-height: 200px; }
  .split-content.light { background: var(--cream); }

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: #ffffff; overflow-x: hidden; }
.site-page { display: none; }
.page { max-width: 1400px; margin: 0 auto; overflow-x: hidden; background: #ffffff; }
.prog-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 16px !important; }
.prog-card { display: flex; flex-direction: column; }
.prog-card-top { flex-shrink: 0; min-height: 200px !important; }
.prog-card-body { flex: 1; display: flex; flex-direction: column; }
.prog-features { flex: 1; }
.hero { position: relative; height: 580px; overflow: hidden; display: flex; align-items: center; }
.hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.safeguard-card h4 { color: #D4AE62 !important; }
input, select, textarea { box-sizing: border-box; }


/* ============= MOBILE RESPONSIVE ============= */
@media (max-width: 900px) {
  body { overflow-x: hidden; }
  
  /* HEADER */
  .header-bar { padding: 0 16px !important; height: 100px !important; }
  .header-logo-text { font-size: 16px !important; }
  .header-logo-img { height: 84px !important; width: auto !important; max-width: 82vw !important; }
  .header-nav-desktop { display: none !important; }
  .header-hamburger { display: flex !important; }
  
  /* MOBILE MENU PANEL */
  .mobile-menu {
    display: none;
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    background: #fff;
    border-bottom: 2px solid #dde3ed;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    z-index: 9998;
    flex-direction: column;
    padding: 8px 0;
  }
  .mobile-menu.open { display: flex !important; }
  .mobile-menu a {
    display: block;
    padding: 14px 24px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #2d3748;
    text-decoration: none;
    border-bottom: 1px solid #f0f2f5;
  }
  .mobile-menu a.btn { 
    margin: 8px 16px; 
    border-radius: 6px; 
    text-align: center; 
    font-weight: 700;
    border-bottom: none;
  }
  .mobile-menu a.btn-apply { background: #B8913A; color: #162D56; }
  .mobile-menu a.btn-enquire { background: #1E3A6E; color: #fff; }
  
  /* HERO SECTIONS */
  .page-hero { padding: 48px 24px !important; min-height: auto !important; }
  .page-hero h1 { font-size: 28px !important; line-height: 1.2 !important; }
  .hero { padding: 60px 24px !important; height: auto !important; min-height: 540px !important; }
  .hero h1 { font-size: 30px !important; line-height: 1.2 !important; }
  .hero p { font-size: 15px !important; }
  /* On mobile, use a uniform top-to-bottom dark overlay so text stays readable
     (the desktop left-to-right gradient leaves the lower text on a bright photo) */
  .hero-overlay, .hero-shade {
    background: linear-gradient(180deg, rgba(15,28,48,0.80) 0%, rgba(15,28,48,0.90) 100%) !important;
  }
  .hero-img { object-position: 60% top !important; }
  .hero-content { padding: 0 24px !important; max-width: 100% !important; }
  
  /* ALL GRIDS → SINGLE COLUMN (override inline styles too) */
  .services-grid,
  .svc-grid,
  .why-grid,
  .values-grid,
  .req-grid,
  .testi-grid,
  .faq-grid,
  .aud-grid,
  .safeguard-grid,
  .school-grid,
  .help-grid,
  .prog-grid,
  .included-grid,
  .area-grid,
  .team-grid,
  .types-grid,
  .accreds-grid,
  .steps {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  
  /* Stats bar: 2x2 grid on mobile so nothing is cut off */
  .stats-bar { grid-template-columns: 1fr 1fr !important; }
  .stat-item { padding: 22px 12px !important; }
  .stat-item:nth-child(2) { border-right: none !important; }
  .stat-item:nth-child(1), .stat-item:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,0.08); }
  .stats-bar .n, .stat-item .n { font-size: 26px !important; }
  .stat-item .l { font-size: 10px !important; }
  
  /* Choosing grid (2 col on desktop) */
  .choosing-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
  
  /* Intro/story (image + content split) */
  .intro, .story { grid-template-columns: 1fr !important; gap: 24px !important; }
  .intro-img img, .story-img img { width: 100% !important; height: auto !important; }
  
  /* Split sections (image + content) */
  .split { grid-template-columns: 1fr !important; }
  .split-img img { width: 100% !important; height: auto !important; }
  .split-content { padding: 32px 24px !important; }
  
  /* Programme cards (inline 4-col grid) */
  [style*="grid-template-columns:repeat(4"],
  [style*="grid-template-columns: repeat(4"] {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  
  /* Apply page (inline 3-col grid) */
  [style*="grid-template-columns:repeat(3"],
  [style*="grid-template-columns: repeat(3"] {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  
  /* Two-col inline grids */
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  
  /* SECTION PADDING REDUCTIONS */
  section, .what, .choosing, .safeguard, .faq, .testi, .requirements, .values, .next, .why-host, .audiences {
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  
  /* Override inline 80px / 64px padding */
  [style*="padding:80px 64px"],
  [style*="padding: 80px 64px"],
  [style*="padding:64px"],
  [style*="padding: 64px"] {
    padding: 40px 24px !important;
  }
  [style*="padding:56px 64px"],
  [style*="padding: 56px 64px"] {
    padding: 32px 24px !important;
  }
  [style*="padding:60px 64px"],
  [style*="padding: 60px 64px"] {
    padding: 40px 24px !important;
  }
  
  /* Page container */
  .page { max-width: 100% !important; overflow-x: hidden !important; }
  
  /* CTA blocks */
  .cta {
    flex-direction: column !important;
    text-align: center !important;
    gap: 16px !important;
    padding: 40px 24px !important;
  }
  .cta-btn, .cta-btn-sec {
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
  .cta-btns { flex-direction: column !important; gap: 12px !important; width: 100% !important; }
  
  /* Hero buttons stack on mobile so each has room */
  .hero-btns { flex-direction: column !important; gap: 12px !important; width: 100% !important; }
  
  /* Buttons full-width on mobile */
  .btn-gold, .btn-ghost, .btn-outline-white, .btn-outline-navy {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 14px 20px !important;
  }
  
  /* Section titles */
  .sec-title { font-size: 24px !important; line-height: 1.25 !important; }
  h2 { font-size: 24px !important; }
  h3 { font-size: 18px !important; }
  
  /* Cards */
  .svc-card, .value-card, .req-item, .testi-card, .faq-item,
  .safeguard-card, .aud-card, .step {
    padding: 24px !important;
  }
  
  /* Breadcrumb */
  .breadcrumb { font-size: 12px !important; }
  
  /* Tables and overflow handling */
  table { display: block; overflow-x: auto; }
  
  /* Programme cards - large coloured sections */
  [style*="background:#1E3A6E"][style*="padding:56px"],
  [style*="background:#2A5298"][style*="padding:56px"],
  [style*="background:#B8913A"][style*="padding:56px"] {
    padding: 32px 24px !important;
  }
  
  /* Apply page header */
  [style*="padding:80px 64px"][style*="background:#FAF8F4"] {
    padding: 48px 24px !important;
  }
  
  /* Form fields */
  input, select, textarea { 
    font-size: 16px !important; /* prevents iOS zoom on focus */
    width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Logo + buttons row alignment */
  .header-bar a[href="#"] { flex-shrink: 1 !important; }
  
  /* Image overflow */
  img { max-width: 100% !important; height: auto !important; }
  
  /* Footer */
  footer, [style*="background:#1E3A6E"][style*="padding:48px"] {
    padding: 32px 24px !important;
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  .page-hero h1, .hero h1 { font-size: 24px !important; }
  .sec-title { font-size: 20px !important; }
  .header-logo-text { font-size: 14px !important; }
  .header-bar { padding: 0 12px !important; height: 90px !important; }
  .header-logo-img { height: 72px !important; }
  .mobile-menu { top: 90px !important; }
}

/* Hide mobile-only elements by default (desktop) */
.header-hamburger { display: none; }
.mobile-menu { display: none; }


@media (max-width: 820px){
  /* HOME hero: photo on top, text on navy panel below */
  .hero { display:block !important; height:auto !important; min-height:0 !important; padding:0 !important; }
  .hero-img { position:relative !important; width:100% !important; height:210px !important; object-position:center !important; }
  .hero-overlay { display:none !important; }
  .hero-content { position:relative !important; z-index:1 !important; background:var(--navy) !important; padding:34px 24px 40px !important; max-width:100% !important; }
  /* Inner-page banners: same treatment */
  .page-hero { display:block !important; min-height:0 !important; padding:0 !important; }
  .pg-hero-img { position:relative !important; width:100% !important; height:180px !important; }
  .hero-shade { display:none !important; }
  .pg-hero-content { padding:30px 24px 36px !important; }
}

@media (max-width: 900px){
  .contact-main, .area-grid, .aud-grid, .choosing-grid, .faq-grid, .intro, .split, .story, .testi-grid,
  .accreds-grid, .help-grid, .req-grid, .safeguard-grid, .school-grid, .services-grid, .steps, .team-grid,
  .values-grid, .why-grid, .included-grid, .prog-grid, .svc-grid, .types-grid, .footer-grid {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
}

@media (max-width: 900px){
  .cta, .portal { flex-direction: column !important; align-items: flex-start !important; gap: 22px !important; padding: 44px 24px !important; text-align: left !important; }
  [style*="justify-content:space-between"][style*="gap:40px"] { flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; padding-left: 24px !important; padding-right: 24px !important; }
}

/* ===================== NEW CHROME: header / footer / cookie / blog ===================== */
.site-header{background:#fff;border-bottom:1px solid #eef1f6;position:sticky;top:0;z-index:9999;}
.header-bar{max-width:1400px;margin:0 auto;padding:0 32px;height:124px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;gap:24px;}
.logo-link{display:flex;align-items:center;text-decoration:none;flex-shrink:0;}
.header-logo-img{height:98px;width:auto;display:block;}
.header-nav{display:flex;align-items:center;gap:26px;}
.header-nav>a{font-family:Arial,sans-serif;font-size:15px;font-weight:600;color:var(--navy);text-decoration:none;transition:color .15s;white-space:nowrap;}
.header-nav>a:hover{color:var(--gold);}
.header-nav>a.active{color:var(--gold);}
.btn-gold-sm{background:var(--gold)!important;color:var(--navy-deep)!important;padding:11px 18px;border-radius:8px;font-weight:700!important;}
.btn-gold-sm:hover{background:var(--gold-light)!important;color:var(--navy-deep)!important;}
.btn-navy-sm{background:var(--navy-deep)!important;color:#fff!important;padding:11px 18px;border-radius:8px;font-weight:700!important;}
.btn-navy-sm:hover{background:var(--navy)!important;color:#fff!important;}
.header-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:0;}
.header-hamburger span{display:block;width:26px;height:2.5px;background:var(--navy);border-radius:2px;}
.mobile-menu{display:none;flex-direction:column;background:#fff;border-bottom:2px solid #dde3ed;padding:14px 24px 22px;gap:2px;box-shadow:0 8px 16px rgba(0,0,0,.08);}
.mobile-menu>a{font-family:Arial,sans-serif;font-size:16px;font-weight:600;color:var(--navy);text-decoration:none;padding:14px 4px;border-bottom:1px solid #eef1f6;text-align:center;}
.mobile-menu>a.btn-gold-sm,.mobile-menu>a.btn-navy-sm{border:none;margin-top:10px;text-align:center;}

@media(max-width:980px){
  .header-bar{height:92px!important;padding:0 18px!important;}
  .header-logo-img{height:70px!important;max-width:78vw!important;}
  .header-nav{display:none!important;}
  .header-hamburger{display:flex!important;}
  .mobile-menu.open{display:flex!important;}
}
@media(max-width:480px){
  .header-bar{height:80px!important;padding:0 14px!important;}
  .header-logo-img{height:60px!important;}
}

/* ---- Footer ---- */
.site-footer{background:var(--navy-deep);color:rgba(255,255,255,.85);}
.footer-inner{max-width:1200px;margin:0 auto;padding:60px 32px 40px;display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px;}
.site-footer .footer-logo{display:block;height:91px;width:auto;margin:0 0 22px 0;}
.footer-brand p{font-family:Arial,sans-serif;font-size:14px;line-height:1.75;color:rgba(255,255,255,.78);max-width:340px;margin-bottom:20px;}
.footer-social{display:flex;flex-wrap:wrap;gap:14px;}
.footer-social a{font-family:Arial,sans-serif;font-size:13px;color:var(--gold-light);text-decoration:none;}
.footer-social a:hover{color:#fff;}
.footer-col h4{font-family:Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-light);margin-bottom:16px;}
.footer-col ul{list-style:none;margin:0;padding:0;}
.footer-col ul li{margin-bottom:10px;}
.footer-col ul li a{font-family:Arial,sans-serif;font-size:14px;color:rgba(255,255,255,.82);text-decoration:none;}
.footer-col ul li a:hover{color:#fff;}
.footer-contact p{font-family:Arial,sans-serif;font-size:14px;line-height:1.65;color:rgba(255,255,255,.82);margin-bottom:14px;}
.footer-contact strong{color:#fff;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;}
.footer-contact a{color:rgba(255,255,255,.82);text-decoration:none;}
.footer-contact a:hover{color:#fff;}
.btn-portal{display:inline-block;margin-top:6px;background:var(--gold);color:var(--navy-deep)!important;font-family:Arial,sans-serif;font-size:13px;font-weight:700;padding:10px 18px;border-radius:8px;text-decoration:none;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);max-width:1200px;margin:0 auto;padding:20px 32px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-family:Arial,sans-serif;font-size:12.5px;color:rgba(255,255,255,.6);}
.footer-legal a{color:rgba(255,255,255,.7);text-decoration:none;}
.footer-legal a:hover{color:#fff;}
@media(max-width:900px){.footer-inner{grid-template-columns:1fr 1fr;gap:32px;padding:48px 24px 32px;}.footer-bottom{flex-direction:column;padding:20px 24px;}}
@media(max-width:560px){.footer-inner{grid-template-columns:1fr;}}

/* ---- Cookie bar ---- */
.cookie-bar{position:fixed;left:0;right:0;bottom:0;z-index:10000;background:var(--navy-deep);color:#fff;padding:16px 24px;display:none;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;box-shadow:0 -2px 12px rgba(0,0,0,.2);}
.cookie-bar.show{display:flex;}
.cookie-bar p{font-family:Arial,sans-serif;font-size:13.5px;line-height:1.5;margin:0;max-width:760px;color:rgba(255,255,255,.9);}
.cookie-actions{display:flex;align-items:center;gap:16px;flex-shrink:0;}
.cookie-accept{background:var(--gold);color:var(--navy-deep);border:none;font-family:Arial,sans-serif;font-weight:700;font-size:14px;padding:10px 24px;border-radius:8px;cursor:pointer;}
.cookie-accept:hover{background:var(--gold-light);}
.cookie-more{font-family:Arial,sans-serif;font-size:13px;color:var(--gold-light);text-decoration:none;}
@media(max-width:600px){.cookie-bar{flex-direction:column;gap:12px;text-align:center;padding:14px 18px;}}

/* ---- Blog ---- */
.blog-hero{background:var(--navy);padding:70px 32px;text-align:center;color:#fff;}
.blog-hero .eyebrow{color:var(--gold-light);font-family:Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
.blog-hero h1{font-family:Georgia,serif;font-size:40px;margin:12px 0;color:#fff;}
.blog-hero p{font-family:Arial,sans-serif;font-size:16px;color:rgba(255,255,255,.85);max-width:640px;margin:0 auto;line-height:1.7;}
.blog-grid{max-width:1120px;margin:0 auto;padding:60px 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.blog-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s;}
.blog-card:hover{box-shadow:0 10px 26px rgba(22,45,86,.1);transform:translateY(-3px);}
.blog-card img{width:100%;height:180px;object-fit:cover;display:block;}
.blog-card .bc-body{padding:22px 22px 26px;}
.blog-card .bc-tag{font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);}
.blog-card h3{font-family:Georgia,serif;font-size:19px;color:var(--navy);margin:8px 0 10px;line-height:1.35;}
.blog-card p{font-family:Arial,sans-serif;font-size:14px;color:var(--body);line-height:1.65;}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr;}}
.article{max-width:760px;margin:0 auto;padding:56px 24px 20px;}
.article .eyebrow{font-family:Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);}
.article h1{font-family:Georgia,serif;font-size:36px;color:var(--navy);line-height:1.2;margin:14px 0 12px;}
.article .meta{font-family:Arial,sans-serif;font-size:13px;color:var(--muted);margin-bottom:26px;}
.article img.hero{width:100%;height:auto;border-radius:12px;margin:0 0 30px;}
.article h2{font-family:Georgia,serif;font-size:25px;color:var(--navy);margin:34px 0 12px;}
.article p{font-family:Arial,sans-serif;font-size:16.5px;line-height:1.8;color:#3a4658;margin-bottom:18px;}
.article ul{margin:0 0 20px 22px;}
.article ul li{font-family:Arial,sans-serif;font-size:16px;line-height:1.75;color:#3a4658;margin-bottom:8px;}
.article .cta-inline{background:var(--gold-pale);border-left:4px solid var(--gold);padding:22px 26px;border-radius:8px;margin:30px 0;}
.article .cta-inline a{color:var(--navy);font-weight:700;}
.breadcrumbs{max-width:760px;margin:0 auto;padding:18px 24px 0;font-family:Arial,sans-serif;font-size:13px;color:var(--muted);}
.breadcrumbs a{color:var(--gold);text-decoration:none;}

/* ---- Policies ---- */
.policies-section{background:var(--cream);padding:74px 32px;}
.policies-inner{max-width:1120px;margin:0 auto;}
.policies-head{text-align:center;margin-bottom:42px;}
.policies-head .eyebrow{font-family:Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);}
.policies-head h2{font-family:Georgia,serif;font-size:32px;color:var(--navy);margin:10px 0 12px;}
.policies-head p{font-family:Arial,sans-serif;font-size:15px;color:var(--body);line-height:1.7;max-width:600px;margin:0 auto;}
.policies-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.policy-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:26px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;transition:box-shadow .15s,transform .15s;}
.policy-card:hover{box-shadow:0 8px 22px rgba(22,45,86,.09);transform:translateY(-2px);}
.policy-icon{flex-shrink:0;}
.policy-title{font-family:Georgia,serif;font-size:17px;color:var(--navy);line-height:1.35;margin:0;flex:1 0 auto;}
.policy-btn{margin-top:6px;display:inline-block;background:var(--navy);color:#fff!important;font-family:Arial,sans-serif;font-size:13px;font-weight:700;padding:10px 22px;border-radius:8px;text-decoration:none;transition:background .15s;}
.policy-btn:hover{background:var(--gold);color:var(--navy-deep)!important;}
@media(max-width:900px){.policies-grid{grid-template-columns:1fr 1fr;}.policies-section{padding:52px 22px;}}
@media(max-width:600px){.policies-grid{grid-template-columns:1fr;}}

.page{max-width:none !important;margin:0 !important;}

/* full-bleed sections: full-width bg, content centred ~1300px (desktop only) */
@media(min-width:1024px){
.cta{padding-left:max(64px,calc((100% - 1300px)/2)) !important;padding-right:max(64px,calc((100% - 1300px)/2)) !important;}
.portal{padding-left:max(64px,calc((100% - 1300px)/2)) !important;padding-right:max(64px,calc((100% - 1300px)/2)) !important;}
}