/* =====================================================================
   GPES — Printable Company Profile (A4 booklet)
   Apply on profile.html via @media print and on-screen preview
   ===================================================================== */

/* On-screen preview for profile.html only */
body.profile-preview{
  background:#fff;color:#0A1628;font-family:'Inter',system-ui,sans-serif;
}
body.profile-preview::before,body.profile-preview::after{display:none}

.profile-page{
  width:210mm;min-height:297mm;margin:0 auto;padding:18mm 16mm;
  background:#fff;color:#0A1628;page-break-after:always;box-sizing:border-box;
  position:relative;
}
.profile-page:last-child{page-break-after:auto}

/* Faint GPES watermark on white content pages (echoes the Word template page background).
   The source image is white with a soft blue logo mark; a translucent white veil + smaller size
   make it read as a subtle centered watermark. Excluded from the dark cover.
   Cards sit opaque on top, so the mark only shows in the margins. */
.profile-page:not(.p-cover){
  background:
    linear-gradient(rgba(255,255,255,.82),rgba(255,255,255,.82)),
    #fff url('../assets/img/page-bg.jpg') no-repeat center / 55% auto;
}

/* Cover */
.p-cover{display:flex;flex-direction:column;justify-content:space-between;min-height:297mm;padding:24mm 18mm;
  background:linear-gradient(160deg,#0A1628,#060B14);color:#E6EDF5;border-radius:0}
.p-cover .top{display:flex;align-items:center;gap:14px}
.p-cover .logo{width:auto;height:78px;padding:10px 16px;border-radius:16px;display:flex;align-items:center;
  background:#fff}
.p-cover .logo img{display:block;height:58px;width:auto}
.p-cover .brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.5rem;line-height:1.1}
.p-cover .brand small{display:block;font-family:'Inter',sans-serif;font-weight:500;font-size:.7rem;letter-spacing:.2em;color:#9FB3C8;text-transform:uppercase;margin-top:4px}
.p-cover .mid{margin-top:auto}
.p-cover h1{font-family:'Space Grotesk',sans-serif;font-size:3.4rem;line-height:1.02;letter-spacing:-.02em;margin-bottom:18px}
.p-cover h1 .g{background:linear-gradient(135deg,#22D3EE,#2DD4BF);-webkit-background-clip:text;background-clip:text;color:transparent}
.p-cover .tag{font-size:1.05rem;color:#9FB3C8;max-width:46ch;line-height:1.6}
.p-cover .bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:40px;color:#6B819B;font-size:.8rem;font-family:'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.p-cover .grp{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;border:1px solid rgba(34,211,238,.4);color:#22D3EE}

/* Section heading rhythm (mirrors Seagull PDF stacked headings) */
.p-eyebrow{font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#0E9AA0;margin-bottom:14px}
.p-h{font-family:'Space Grotesk',sans-serif;font-size:2.6rem;font-weight:700;line-height:1;letter-spacing:-.02em;color:#0A1628;margin-bottom:6px}
.p-h .accent{color:#0E9AA0}
.p-sub{color:#5B7187;font-size:1rem;margin-bottom:26px;max-width:60ch}
.p-rule{height:3px;width:60px;background:linear-gradient(90deg,#22D3EE,#2DD4BF);border-radius:3px;margin-bottom:24px}

.p-lead{font-size:1.05rem;color:#33485F;line-height:1.7;margin-bottom:16px}
.p-body{color:#44566B;font-size:.94rem;line-height:1.7}
.p-body p{margin-bottom:12px}

/* grids */
.p-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.p-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}

.p-card{border:1px solid #D7E0EA;border-radius:10px;padding:16px;background:#F7FAFC;page-break-inside:avoid}
.p-card .ic{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,#22D3EE,#2DD4BF);display:grid;place-items:center;color:#04141a;font-weight:800;font-family:'Space Grotesk',sans-serif;margin-bottom:12px}
.p-card h4{font-size:1rem;color:#0A1628;margin-bottom:6px;font-family:'Space Grotesk',sans-serif}
.p-card p{font-size:.85rem;color:#5B7187;line-height:1.55;margin:0}

.p-list{display:grid;gap:8px;margin-top:10px}
.p-list li{position:relative;padding-left:18px;font-size:.9rem;color:#33485F}
.p-list li::before{content:"";position:absolute;left:0;top:9px;width:10px;height:2px;background:#0E9AA0;border-radius:2px}

.p-stat{display:flex;align-items:baseline;gap:10px;padding:12px 0;border-bottom:1px solid #E4ECF3}
.p-stat .n{font-family:'Space Grotesk',sans-serif;font-size:1.8rem;font-weight:700;color:#0A1628}
.p-stat .l{font-size:.85rem;color:#5B7187}

.p-foot{position:absolute;bottom:12mm;left:16mm;right:16mm;display:flex;justify-content:space-between;font-size:.7rem;color:#9FB3C8;font-family:'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #E4ECF3;padding-top:8px}
.p-cover .p-foot{color:#6B819B;border-color:rgba(255,255,255,.12)}

.p-country{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;font-size:.72rem;font-family:'JetBrains Mono',monospace;letter-spacing:.05em;margin-bottom:14px}
.p-country.eg{color:#E0922A;border:1px solid #F5C77A;background:#FFF7E8}
.p-country.ksa{color:#0E9AA0;border:1px solid #7FD9D0;background:#E7FBFA}

/* Two-company split on group page */
.p-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.p-company{border:1px solid #D7E0EA;border-radius:12px;padding:18px;background:#F7FAFC;page-break-inside:avoid}
.p-company h4{font-family:'Space Grotesk',sans-serif;font-size:1.15rem;color:#0A1628;margin-bottom:4px}
.p-company .role{font-size:.78rem;color:#0E9AA0;font-family:'JetBrains Mono',monospace;letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px}

/* Print controls (screen only) */
.print-controls{position:fixed;top:18px;right:18px;z-index:300;display:flex;gap:10px}
.p-btn{padding:11px 20px;border-radius:999px;font-weight:600;font-size:.9rem;cursor:pointer;border:none;
  background:linear-gradient(135deg,#22D3EE,#2DD4BF);color:#04141a}
.p-btn.ghost{background:#0A1628;color:#E6EDF5;border:1px solid #1B3350}

/* Section banner — full-width image strip with dark overlay + white title (top of enriched pages) */
.p-banner{
  position:relative;height:34mm;border-radius:10px;overflow:hidden;margin-bottom:18px;
  background-size:cover;background-position:center;page-break-inside:avoid;
}
.p-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(6,11,20,.82),rgba(10,22,40,.35))}
.p-banner .p-b-inner{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:14px 20px}
.p-banner .p-b-eyebrow{font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#7FD9D0;margin-bottom:6px}
.p-banner .p-b-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.7rem;line-height:1.05;color:#fff;letter-spacing:-.01em}
.p-banner .p-b-title .accent{background:linear-gradient(135deg,#22D3EE,#2DD4BF);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Image card — reusable for AI flagship solutions and delivered projects */
.p-img-card{
  border:1px solid #D7E0EA;border-radius:10px;overflow:hidden;background:#F7FAFC;
  page-break-inside:avoid;display:flex;flex-direction:column;
}
.p-img-card .p-img{
  position:relative;height:30mm;min-height:30mm;background-size:cover;background-position:center;
}
.p-img-card .p-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,11,20,0) 40%,rgba(6,11,20,.55) 100%)}
.p-img-card .p-img .p-img-tag{
  position:absolute;top:10px;left:10px;z-index:2;font-family:'JetBrains Mono',monospace;
  font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:#E6EDF5;
  background:rgba(6,11,20,.6);backdrop-filter:blur(4px);padding:4px 9px;border-radius:999px;border:1px solid rgba(34,211,238,.4)
}
.p-img-card .p-ic-body{padding:12px 14px 14px}
.p-img-card .p-ic-body h4{font-family:'Space Grotesk',sans-serif;font-size:.98rem;color:#0A1628;margin-bottom:4px;line-height:1.2}
.p-img-card .p-ic-body .p-ic-role{font-size:.72rem;color:#0E9AA0;font-family:'JetBrains Mono',monospace;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}
.p-img-card .p-ic-body p{font-size:.82rem;color:#44566B;line-height:1.55;margin:0}

/* Country pills — static (print-friendly, no animation) */
.p-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}
.p-pills .p-pill{
  display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:999px;
  border:1px solid #B9D6DE;background:#F2FAFB;font-size:.82rem;color:#0A1628;font-family:'Inter',sans-serif
}
.p-pills .p-pill.eg{border-color:#F5C77A;background:#FFF7E8;color:#8A5A12}
.p-pills .p-pill.ksa{border-color:#7FD9D0;background:#E7FBFA;color:#0E7A7E}

/* Big static number tile for footprint page (no count-up in print) */
.p-bignum{display:flex;flex-direction:column;align-items:center;gap:6px;margin:6px auto 0;width:fit-content}
.p-bignum .n{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:4rem;line-height:1;
  background:linear-gradient(135deg,#22D3EE,#2DD4BF);-webkit-background-clip:text;background-clip:text;color:transparent}
.p-bignum .l{font-size:.82rem;color:#5B7187;font-family:'JetBrains Mono',monospace;letter-spacing:.05em;text-transform:uppercase}

/* Print rules */
@media print{
  @page{size:A4;margin:0}
  html,body{background:#fff!important}
  body.profile-preview{background:#fff}
  .print-controls{display:none}
  .profile-page{margin:0;box-shadow:none;border-radius:0}
  .p-cover{border-radius:0}
  *{ -webkit-print-color-adjust:exact; print-color-adjust:exact }
}