/* ================= ABOUT + CONTACT PAGES ================= */
.company-hero {
  position: relative;
  overflow: hidden;
  padding: 226px 0 110px;
  background:
    radial-gradient(circle at 88% 8%, rgba(5,88,234,.18), transparent 28%),
    radial-gradient(circle at 75% 78%, rgba(249,30,101,.16), transparent 33%),
    linear-gradient(135deg,#fff 0%,#f6f0ff 56%,#fff2f7 100%);
}
.company-hero::before { content:"";position:absolute;inset:0;opacity:.28;pointer-events:none;background-image:radial-gradient(rgba(99,5,244,.34) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.76),transparent 84%); }
.company-hero-grid { position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:end; }
.company-hero h1 { margin-top:24px;max-width:900px;font-size:clamp(58px,7.4vw,112px);letter-spacing:-.065em; }
.company-hero-copy { padding-bottom:8px; }
.company-hero-copy p { color:#514d60;font-size:clamp(17px,1.55vw,21px); }
.company-hero-copy p + p { margin-top:18px; }
.company-hero-actions { display:flex;flex-wrap:wrap;gap:13px;margin-top:30px; }
.company-ribbon { position:relative;z-index:1;display:flex;align-items:center;gap:24px;width:max-content;margin-top:75px;padding:17px 0;font-family:"Plus Jakarta Sans",sans-serif;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;animation:companyRibbon 30s linear infinite; }
.company-ribbon i { color:var(--pink);font-size:22px;font-style:normal; }
@keyframes companyRibbon { to { transform:translateX(-18%); } }

.story-grid { display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start; }
.story-sticky { position:sticky;top:120px; }
.story-panels { display:grid;gap:22px; }
.story-panel { padding:36px;border-radius:30px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12); }
.story-panel > span { font-family:"Bebas Neue",sans-serif;font-size:66px;line-height:.8;color:#cbb8ff; }
.story-panel h3 { margin-top:23px;font-size:34px; }
.story-panel p { margin-top:17px;color:rgba(255,255,255,.67); }

.mission-grid { display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px; }
.mission-card { position:relative;overflow:hidden;padding:38px;border-radius:32px;color:white;box-shadow:var(--shadow); }
.mission-card.agency { background:linear-gradient(145deg,#1a1041,var(--purple)); }
.mission-card.institute { background:linear-gradient(145deg,#4d0b2b,var(--pink)); }
.mission-card::after { content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-110px;bottom:-110px;border:1px solid rgba(255,255,255,.24);box-shadow:0 0 0 34px rgba(255,255,255,.04),0 0 0 68px rgba(255,255,255,.025); }
.mission-label { display:inline-flex;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }
.mission-card h3 { margin-top:30px;max-width:570px;font-size:clamp(32px,4vw,56px); }
.mission-card p { margin-top:18px;color:rgba(255,255,255,.72); }
.mission-card ul { display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin:26px 0 0;padding:0;list-style:none;color:rgba(255,255,255,.82);font-size:13px;font-weight:700; }
.mission-card li { position:relative;padding-left:16px; }
.mission-card li::before { content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:white; }
.mission-card a { position:relative;z-index:2;display:inline-flex;margin-top:28px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }

.founder-grid { display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px; }
.founder-card { display:grid;grid-template-columns:145px 1fr;gap:28px;align-items:start;padding:34px;border-radius:30px;background:white;border:1px solid var(--line);box-shadow:0 18px 54px rgba(42,22,92,.09); }
.founder-monogram { width:145px;height:180px;border-radius:28px;display:grid;place-items:center;color:white;font-family:"Bebas Neue",sans-serif;font-size:64px;box-shadow:0 22px 60px rgba(99,5,244,.24); }
.founder-monogram.afifa { background:linear-gradient(145deg,var(--pink),var(--purple)); }
.founder-monogram.waleed { background:linear-gradient(145deg,var(--blue),var(--purple)); }
.founder-role { display:block;color:var(--purple);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase; }
.founder-card h3 { margin-top:8px;font-size:36px; }
.founder-card p { margin-top:15px;color:var(--muted);font-size:14px; }
.founder-tags { display:flex;flex-wrap:wrap;gap:8px;margin-top:20px; }
.founder-tags span { padding:7px 10px;border-radius:999px;background:rgba(99,5,244,.07);color:#4b267f;font-size:10px;font-weight:800; }

.principle-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px; }
.principle-card { min-height:280px;padding:28px;border-radius:26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12); }
.principle-card > span { font-family:"Bebas Neue",sans-serif;font-size:58px;line-height:.8;color:#cbb8ff; }
.principle-card h3 { margin-top:24px;font-size:24px; }
.principle-card p { margin-top:12px;color:rgba(255,255,255,.64);font-size:14px; }

.approach-grid { display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:start; }
.approach-list { border-top:1px solid var(--line); }
.approach-list > div { padding:28px 0;border-bottom:1px solid var(--line); }
.approach-list strong { display:block;font-family:"Plus Jakarta Sans",sans-serif;font-size:22px; }
.approach-list p { margin-top:10px;color:var(--muted); }

.dual-cta { display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border-radius:34px;background:rgba(17,24,39,.1);box-shadow:var(--shadow); }
.dual-cta > div { padding:46px;background:white; }
.dual-cta > div:last-child { background:linear-gradient(145deg,#17112b,#21113c);color:white; }
.dual-cta span { color:var(--purple);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.dual-cta > div:last-child span { color:#d8c9ff; }
.dual-cta h2 { margin-top:16px;font-size:clamp(32px,4.2vw,56px); }
.dual-cta p { margin-top:16px;color:var(--muted); }
.dual-cta > div:last-child p { color:rgba(255,255,255,.64); }
.dual-cta .btn { margin-top:26px; }

/* Contact */
.contact-layout { display:grid;grid-template-columns:.86fr 1.14fr;gap:46px;align-items:start; }
.contact-side h2 { margin-top:22px;font-size:clamp(36px,4.6vw,66px); }
.contact-side > p { margin-top:20px;color:var(--muted); }
.contact-methods { display:grid;gap:12px;margin-top:30px; }
.contact-method { display:grid;grid-template-columns:54px 1fr;gap:15px;align-items:center;padding:18px;border-radius:18px;background:white;border:1px solid var(--line);box-shadow:0 12px 34px rgba(42,22,92,.06); }
.method-icon { width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:white;font-weight:900; }
.method-icon.whatsapp { background:linear-gradient(135deg,#0AB051,#08763a); }.method-icon.email { background:linear-gradient(135deg,var(--blue),var(--purple)); }.method-icon.hours { background:linear-gradient(135deg,var(--gold),var(--pink)); }
.contact-method strong { display:block;font-size:16px; }.contact-method small { display:block;margin-top:2px;color:var(--muted);font-size:11px; }.contact-method em { display:block;margin-top:5px;color:var(--purple);font-size:12px;font-style:normal;font-weight:800; }
.response-card { margin-top:22px;padding:24px;border-radius:22px;background:linear-gradient(145deg,#17112b,#21113c);color:white; }
.response-card > strong { font-family:"Plus Jakarta Sans",sans-serif;font-size:21px; }
.response-card ol { margin:18px 0 0;padding-left:20px;color:rgba(255,255,255,.68);font-size:13px; }.response-card li + li { margin-top:10px; }

.contact-form-card { padding:34px;border-radius:32px;background:white;border:1px solid var(--line);box-shadow:0 22px 68px rgba(42,22,92,.11); }
.form-kicker { color:var(--purple);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.contact-form-card h2 { margin-top:13px;font-size:clamp(31px,3.8vw,48px); }
.enquiry-form { margin-top:28px; }
.form-grid { display:grid;grid-template-columns:1fr 1fr;gap:17px; }
.field { display:grid;gap:7px; }.field.full { grid-column:1/-1; }
.field > span { font-size:12px;font-weight:800;color:#4b4658; }
.field input,.field select,.field textarea { width:100%;border:1px solid rgba(17,24,39,.13);border-radius:13px;background:#fbfaff;padding:14px 15px;color:var(--ink);outline:none;transition:border .25s,box-shadow .25s; }
.field textarea { min-height:155px;resize:vertical; }
.field input:focus,.field select:focus,.field textarea:focus { border-color:rgba(99,5,244,.55);box-shadow:0 0 0 4px rgba(99,5,244,.08); }
.field.consent { display:flex;grid-template-columns:18px 1fr;align-items:flex-start;gap:10px; }.field.consent input { width:18px;height:18px;margin-top:2px; }.field.consent span { font-weight:500;color:var(--muted); }
.form-submit { margin-top:22px;width:100%; }
.form-note { margin-top:13px;color:var(--muted);font-size:11px;text-align:center; }
.form-alert { margin-top:18px;padding:13px 15px;border-radius:13px;font-size:13px;font-weight:700; }.form-alert.success { background:rgba(10,176,81,.10);color:#08723a;border:1px solid rgba(10,176,81,.22); }.form-alert.error { background:rgba(249,30,101,.08);color:#a40c42;border:1px solid rgba(249,30,101,.18); }
.honeypot { position:absolute !important;left:-10000px !important;width:1px !important;height:1px !important;overflow:hidden !important; }

.contact-service-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px; }
.contact-service-card { min-height:260px;padding:27px;border-radius:25px;background:white;border:1px solid var(--line);box-shadow:0 16px 46px rgba(42,22,92,.08);transition:.3s var(--ease); }
.contact-service-card:hover { transform:translateY(-6px);border-color:rgba(99,5,244,.35); }
.contact-service-card > span { color:var(--purple);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase; }
.contact-service-card h3 { margin-top:18px;font-size:25px; }
.contact-service-card p { margin-top:12px;color:var(--muted);font-size:14px; }

.faq-contact-grid { display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start; }
.contact-faq-list { border-top:1px solid rgba(255,255,255,.13); }
.contact-faq-list > div { padding:27px 0;border-bottom:1px solid rgba(255,255,255,.13); }
.contact-faq-list strong { display:block;font-family:"Plus Jakarta Sans",sans-serif;font-size:20px; }
.contact-faq-list p { margin-top:9px;color:rgba(255,255,255,.62); }

@media (max-width:1050px) {
  .company-hero-grid,.story-grid,.approach-grid,.contact-layout,.faq-contact-grid { grid-template-columns:1fr; }
  .story-sticky { position:relative;top:0; }
  .principle-grid,.contact-service-grid { grid-template-columns:repeat(2,1fr); }
  .founder-card { grid-template-columns:110px 1fr; }.founder-monogram { width:110px;height:145px; }
}
@media (max-width:720px) {
  .company-hero { padding:165px 0 78px; }
  .company-hero-grid { gap:28px; }
  .company-hero h1 { font-size:clamp(42px,12.3vw,58px);line-height:1; }
  .company-hero-copy p { font-size:16px; }
  .company-hero-actions .btn { width:100%; }
  .company-ribbon { margin-top:48px;font-size:10px; }
  .mission-grid,.founder-grid,.principle-grid,.dual-cta,.contact-service-grid { grid-template-columns:1fr; }
  .mission-card { padding:29px; }.mission-card ul { grid-template-columns:1fr; }
  .founder-card { grid-template-columns:1fr;padding:27px; }.founder-monogram { width:100px;height:120px; }
  .principle-card { min-height:auto; }
  .dual-cta > div { padding:32px 25px; }
  .form-grid { grid-template-columns:1fr; }.field.full { grid-column:auto; }
  .contact-form-card { padding:25px 18px; }
  .contact-method { grid-template-columns:48px 1fr;padding:15px; }.method-icon { width:48px;height:48px; }
}

/* ===== FINAL COMPACT HEADING SYSTEM ===== */
@media (min-width: 1051px) {
  .company-hero-grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
    gap: 48px;
  }
  .company-hero h1 {
    max-width: 780px;
    font-size: clamp(52px, 4.45vw, 70px);
    line-height: .99;
    letter-spacing: -.055em;
  }
}
body.page-about .section-title,
body.page-contact .section-title {
  max-width: 860px;
  font-size: clamp(34px, 3.45vw, 50px);
  line-height: 1.08;
  letter-spacing: -.042em;
}
.story-panel h3 { font-size: 28px; }
.mission-card h3 { font-size: clamp(30px, 3.1vw, 42px); line-height: 1.08; }
.founder-card h3 { font-size: 30px; }
.dual-cta h2 { font-size: clamp(30px, 3.2vw, 44px); line-height: 1.08; }
.contact-side h2 { font-size: clamp(32px, 3.5vw, 48px); line-height: 1.08; }
.contact-form-card h2 { font-size: clamp(29px, 2.9vw, 38px); line-height: 1.1; }
.contact-service-card h3 { font-size: 22px; }

@media (max-width: 1050px) {
  .company-hero h1 {
    max-width: 800px;
    font-size: clamp(44px, 6.4vw, 58px);
    line-height: 1;
  }
  body.page-about .section-title,
  body.page-contact .section-title { font-size: clamp(32px, 5vw, 44px); }
}
@media (max-width: 720px) {
  .company-hero h1 {
    font-size: clamp(34px, 7.7vw, 42px);
    line-height: 1.04;
    letter-spacing: -.047em;
  }
  body.page-about .section-title,
  body.page-contact .section-title {
    font-size: clamp(28px, 6.8vw, 34px);
    line-height: 1.12;
  }
  .story-panel h3 { font-size: 25px; }
  .mission-card h3 { font-size: clamp(27px, 6.7vw, 34px); }
  .founder-card h3 { font-size: 27px; }
  .dual-cta h2,
  .contact-side h2 { font-size: clamp(28px, 6.9vw, 35px); }
  .contact-form-card h2 { font-size: clamp(27px, 6.5vw, 33px); }
}
@media (max-width: 430px) {
  .company-hero h1 { font-size: clamp(30px, 8.3vw, 35px); }
  body.page-about .section-title,
  body.page-contact .section-title { font-size: clamp(25px, 7vw, 30px); }
  .story-panel h3 { font-size: 23px; }
}