:root {
  --ppe-orange: #f47b20;
  --ppe-orange-dark: #d8610d;
  --ppe-black: #0b0b0d;
  --ppe-dark: #151517;
  --ppe-text: #252326;
  --ppe-muted: #6e6a70;
  --ppe-light: #f6f6f7;
  --ppe-white: #ffffff;
  --ppe-border: rgba(255,255,255,.12);
  --ppe-radius: 10px;
  --ppe-container: 1180px;
  --ppe-shadow: 0 12px 36px rgba(0,0,0,.12);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: 'Cairo', Tahoma, Arial, sans-serif; color: var(--ppe-text); background: #fff; line-height: 1.75; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
.container { width: min(calc(100% - 32px), var(--ppe-container)); margin-inline: auto; }
.screen-reader-text { position: absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap; }
.site-header { position: sticky; top: 0; z-index: 1000; background: rgba(9,9,11,.97); color: #fff; border-bottom: 1px solid var(--ppe-border); }
.site-header__inner { min-height: 82px; display: grid; grid-template-columns: 240px 1fr 190px; align-items: center; gap: 28px; }
.site-branding img { width: 220px; max-height: 64px; object-fit: contain; }
.primary-menu { margin: 0; padding: 0; display: flex; justify-content: center; gap: 28px; list-style: none; }
.primary-menu a { display: block; padding: 28px 0 22px; font-weight: 700; border-bottom: 3px solid transparent; }
.primary-menu a:hover, .primary-menu .current-menu-item > a { color: var(--ppe-orange); border-color: var(--ppe-orange); }
.header-contact { display: flex; gap: 10px; align-items: center; direction: ltr; }
.header-contact__icon { color: var(--ppe-orange); border: 1px solid var(--ppe-orange); border-radius: 50%; width: 38px; height: 38px; display: grid; place-items: center; }
.header-contact strong, .header-contact small { display:block; color:#fff; line-height:1.35; }
.header-contact small { font-size: 11px; opacity: .75; }
.menu-toggle { display:none; background:none; border:0; padding:10px; }
.menu-toggle > span:not(.screen-reader-text) { display:block; width:26px; height:2px; margin:5px; background:#fff; }
.site-main { min-height: 50vh; }
.content-area { padding-block: 70px; }
.phase-one-placeholder { min-height: 620px; color:#fff; display:grid; align-items:center; background: linear-gradient(90deg, rgba(7,7,8,.95), rgba(7,7,8,.62)), url('../images/logo.png') center/420px no-repeat, #101012; }
.phase-one-placeholder .eyebrow { color:var(--ppe-orange); font-weight:800; letter-spacing:2px; }
.phase-one-placeholder h1 { max-width: 720px; font-size: clamp(42px,7vw,84px); line-height:1.1; margin:12px 0; }
.phase-one-placeholder p { max-width:640px; font-size:20px; color:#ddd; }
.button { display:inline-flex; justify-content:center; align-items:center; padding:14px 26px; border-radius:7px; font-weight:800; }
.button--primary { color:#fff; background:var(--ppe-orange); }
.button--primary:hover { background:var(--ppe-orange-dark); }
.site-footer { background:var(--ppe-black); color:#d4d4d7; padding-top:64px; }
.site-footer__grid { display:grid; grid-template-columns: 1.2fr .8fr 1fr; gap:64px; padding-bottom:46px; }
.site-footer h3 { color:#fff; margin-top:0; }
.site-footer ul { list-style:none; margin:0; padding:0; }
.site-footer__brand img { width:220px; filter: brightness(0) invert(1); margin-bottom:22px; }
.site-footer__bottom { border-top:1px solid var(--ppe-border); padding:18px 0; text-align:center; font-size:14px; }
.floating-whatsapp { position:fixed; left:20px; bottom:22px; z-index:999; color:#fff; background:#199e55; padding:12px 18px; border-radius:999px; box-shadow:var(--ppe-shadow); font-weight:800; }
.back-to-top { position:fixed; right:20px; bottom:22px; z-index:999; display:none; width:44px; height:44px; color:#fff; background:var(--ppe-orange); border:0; border-radius:8px; font-size:22px; cursor:pointer; }
.back-to-top.is-visible { display:block; }
.not-found { padding:120px 0; text-align:center; }
.not-found span { font-size:120px; color:var(--ppe-orange); font-weight:900; line-height:1; }
.post-card { margin-bottom:42px; }
@media (max-width: 980px) {
 .site-header__inner { grid-template-columns: 1fr auto; min-height:72px; }
 .site-branding img { width:180px; }
 .menu-toggle { display:block; }
 .header-contact { display:none; }
 .primary-navigation { display:none; position:absolute; top:72px; right:0; left:0; background:#0b0b0d; padding:12px 20px 22px; }
 .primary-navigation.is-open { display:block; }
 .primary-menu { display:block; }
 .primary-menu a { padding:13px 0; border-bottom:1px solid rgba(255,255,255,.08); }
 .site-footer__grid { grid-template-columns:1fr; gap:32px; }
}
@media (max-width: 640px) {
 .phase-one-placeholder { min-height:520px; }
 .phase-one-placeholder p { font-size:17px; }
 .floating-whatsapp { left:12px; bottom:12px; }
 .back-to-top { right:12px; bottom:12px; }
}
/* Phase 2 - Home page */
.ppe-hero{min-height:650px;color:#fff;display:flex;align-items:center;background:
linear-gradient(90deg,rgba(5,5,6,.10),rgba(5,5,6,.92)),
radial-gradient(circle at 18% 40%,rgba(244,123,32,.22),transparent 24%),
linear-gradient(120deg,#292522 0%,#131416 42%,#070708 100%);position:relative;overflow:hidden}
.ppe-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 26%,rgba(255,255,255,.08) 26.2% 26.5%,transparent 26.7%),linear-gradient(90deg,transparent 0 42%,rgba(244,123,32,.18) 42.2% 42.5%,transparent 42.7%);opacity:.65;pointer-events:none}
.ppe-hero__inner{position:relative;z-index:1;display:flex;justify-content:flex-start}
.ppe-hero__content{max-width:610px;margin-inline-start:auto}
.ppe-kicker{display:inline-block;color:var(--ppe-orange);font-size:14px;font-weight:900;letter-spacing:1.5px;margin-bottom:12px}
.ppe-hero h1{font-size:clamp(44px,6vw,78px);line-height:1.05;margin:0 0 22px;font-weight:900}.ppe-hero h1 em,.ppe-why h2 em{font-style:normal;color:var(--ppe-orange)}
.ppe-hero p{font-size:20px;max-width:570px;color:#e6e6e8;margin:0 0 28px}.ppe-actions{display:flex;gap:14px;flex-wrap:wrap}.button--ghost{border:1px solid rgba(255,255,255,.75);color:#fff;background:transparent}.button--ghost:hover{border-color:var(--ppe-orange);color:var(--ppe-orange)}
.ppe-stats{background:#0b0b0d;color:#fff;border-top:1px solid rgba(255,255,255,.07)}.ppe-stats__grid{display:grid;grid-template-columns:repeat(4,1fr)}.ppe-stat{padding:22px 16px;text-align:center;border-inline-start:1px solid rgba(255,255,255,.13)}.ppe-stat:first-child{border-inline-start:0}.ppe-stat strong{display:block;font-size:31px;line-height:1.1}.ppe-stat span{display:block;color:#c9c9cb;font-size:14px;margin-top:4px}
.ppe-section{padding:70px 0}.ppe-section-title{text-align:center;font-size:34px;line-height:1.2;margin:0 0 30px;color:#161519}.ppe-section-title:after{content:"";display:block;width:74px;height:4px;background:var(--ppe-orange);margin:10px auto 0;border-radius:99px}
.ppe-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.ppe-service-card{background:#fff;border:1px solid #e6e3e4;border-radius:10px;overflow:hidden;box-shadow:0 10px 25px rgba(18,15,17,.07);transition:.25s}.ppe-service-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px rgba(18,15,17,.13)}.ppe-card-media{height:210px;overflow:hidden;background:#161616}.ppe-card-media img,.ppe-project-card img{width:100%;height:100%;object-fit:cover}.ppe-media-placeholder{width:100%;height:100%;min-height:180px;background:linear-gradient(135deg,#3a342f,#101113 58%,#272019);position:relative}.ppe-media-placeholder:after{content:"POWER POINT";position:absolute;inset:auto 16px 14px;color:rgba(255,255,255,.58);font-size:13px;letter-spacing:2px}.ppe-card-body{padding:18px}.ppe-card-body h3{font-size:20px;margin:0 0 8px}.ppe-card-body p{font-size:14px;line-height:1.8;color:#59565a;margin:0 0 16px}.ppe-card-body a{font-size:13px;font-weight:800;color:#18171a}.ppe-card-body a:hover{color:var(--ppe-orange)}
.ppe-why{padding:62px 0;background:linear-gradient(120deg,#111114,#080809);color:#fff;position:relative;overflow:hidden}.ppe-why:before{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(244,123,32,.25);border-radius:50%;inset:-170px auto auto -130px}.ppe-why h2{text-align:center;font-size:32px;margin:0 0 34px}.ppe-why-grid{display:grid;grid-template-columns:repeat(6,1fr)}.ppe-why-item{text-align:center;padding:18px 12px;border-inline-start:1px solid rgba(255,255,255,.12)}.ppe-why-item:first-child{border-inline-start:0}.ppe-why-item span{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--ppe-orange);color:var(--ppe-orange);border-radius:50%;margin:0 auto 10px;font-size:22px}.ppe-why-item strong{font-size:14px}
.ppe-projects{background:#fafafa}.ppe-filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:26px}.ppe-filters button{border:1px solid #ddd;background:#fff;padding:9px 21px;border-radius:6px;cursor:pointer;font-family:inherit}.ppe-filters button.is-active{background:#111;color:#fff;border-color:#111}.ppe-project-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.ppe-project-card{position:relative;height:235px;border-radius:9px;overflow:hidden;background:#1b1b1d}.ppe-project-card span{position:absolute;inset:auto 0 0;padding:32px 14px 12px;color:#fff;font-weight:800;background:linear-gradient(transparent,rgba(0,0,0,.86))}.ppe-project-card.is-hidden{display:none}
.ppe-brands{padding:25px 0 35px;background:#fff}.ppe-brands__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:center}.ppe-brands__grid span{text-align:center;padding:22px 10px;background:#f8f8f8;font-family:Arial,sans-serif;font-size:21px;font-weight:900;color:#25252a;letter-spacing:-.4px}
.ppe-contact{background:#0d0d0f;color:#fff;padding:65px 0}.ppe-contact__grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:50px;align-items:center}.ppe-contact__intro h2{font-size:34px;margin:4px 0 12px}.ppe-contact__intro p{color:#c8c8cb}.ppe-contact__intro ul{list-style:none;padding:0;margin:22px 0 0}.ppe-contact__intro li{margin:9px 0;color:#eee}.ppe-quote-form label{display:block}.ppe-quote-form label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ppe-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ppe-quote-form input,.ppe-quote-form select,.ppe-quote-form textarea{width:100%;background:#121215;border:1px solid #49494d;color:#fff;padding:13px 15px;border-radius:6px;font:inherit;outline:none}.ppe-quote-form input:focus,.ppe-quote-form select:focus,.ppe-quote-form textarea:focus{border-color:var(--ppe-orange)}.ppe-form-full{display:block;margin-top:12px}.ppe-form-submit{width:100%;border:0;margin-top:12px;cursor:pointer;font-family:inherit}.ppe-form-notice{padding:12px 14px;border-radius:6px;margin-bottom:12px}.ppe-form-notice--success{background:#173d28;color:#c9f4d8}.ppe-form-notice--error{background:#4a2222;color:#ffd4d4}
.elementor-widget-ppe-hero>.elementor-widget-container,.elementor-widget-ppe-stats>.elementor-widget-container,.elementor-widget-ppe-services>.elementor-widget-container,.elementor-widget-ppe-why>.elementor-widget-container,.elementor-widget-ppe-projects>.elementor-widget-container,.elementor-widget-ppe-quote>.elementor-widget-container{margin:0!important}
@media(max-width:980px){.ppe-hero{min-height:560px}.ppe-service-grid{grid-template-columns:repeat(2,1fr)}.ppe-why-grid{grid-template-columns:repeat(3,1fr)}.ppe-project-grid{grid-template-columns:repeat(3,1fr)}.ppe-contact__grid{grid-template-columns:1fr}.ppe-brands__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.ppe-hero{min-height:500px}.ppe-hero__content{margin:0}.ppe-hero p{font-size:17px}.ppe-stats__grid{grid-template-columns:repeat(2,1fr)}.ppe-stat:nth-child(3){border-inline-start:0}.ppe-service-grid{grid-template-columns:1fr}.ppe-why-grid{grid-template-columns:repeat(2,1fr)}.ppe-project-grid{grid-template-columns:1fr 1fr}.ppe-project-card{height:180px}.ppe-form-grid{grid-template-columns:1fr}.ppe-brands__grid{grid-template-columns:repeat(2,1fr)}}

/* Phase 3 - Internal pages */
.ppe-elementor-full-width{padding:0}.ppe-internal-page{overflow:hidden}.ppe-inner-hero{position:relative;min-height:390px;display:flex;align-items:center;color:#fff;background:linear-gradient(110deg,rgba(4,4,5,.96),rgba(8,8,10,.72)),radial-gradient(circle at 15% 40%,rgba(244,123,32,.25),transparent 24%),linear-gradient(135deg,#2d2926,#0c0d0f 60%,#060607)}.ppe-inner-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 22%,rgba(255,255,255,.07) 22.2% 22.4%,transparent 22.6%),linear-gradient(90deg,transparent 0 36%,rgba(244,123,32,.17) 36.2% 36.45%,transparent 36.7%);pointer-events:none}.ppe-inner-hero__glow{position:absolute;width:480px;height:480px;border:1px solid rgba(244,123,32,.17);border-radius:50%;left:-190px;top:-210px}.ppe-inner-hero__content{position:relative;z-index:1}.ppe-inner-hero h1{font-size:clamp(42px,6vw,70px);line-height:1.05;margin:5px 0 16px;font-weight:900}.ppe-inner-hero p{max-width:720px;font-size:19px;color:#dedee1;margin:0}.ppe-breadcrumbs{display:flex;gap:8px;align-items:center;margin-top:24px;font-size:13px;color:#bdbdc1}.ppe-breadcrumbs a{color:var(--ppe-orange);font-weight:800}.ppe-inner-section{padding:78px 0}.ppe-inner-section--light{background:#f7f7f8}.ppe-inner-section--dark{background:linear-gradient(130deg,#131315,#070708);color:#fff}.ppe-two-col{display:grid;grid-template-columns:1fr 1.08fr;gap:62px;align-items:center}.ppe-two-col--reverse{grid-template-columns:1.08fr 1fr}.ppe-copy h2,.ppe-section-heading h2,.ppe-profile-panel h2,.ppe-contact-details h2,.ppe-contact-form-card h2,.ppe-maintenance-note h2{font-size:clamp(30px,4vw,44px);line-height:1.2;margin:6px 0 18px;color:#171619}.ppe-copy p,.ppe-section-heading p,.ppe-contact-details>p,.ppe-maintenance-note p{color:#615e62;font-size:16px}.ppe-visual-card{min-height:430px;border-radius:18px;display:flex;flex-direction:column;justify-content:flex-end;padding:35px;color:#fff;box-shadow:var(--ppe-shadow);position:relative;overflow:hidden;background:linear-gradient(145deg,#4a413a 0%,#1c1d20 52%,#09090a 100%)}.ppe-visual-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 28%,rgba(244,123,32,.45) 28.2% 28.8%,transparent 29%),linear-gradient(90deg,transparent 0 58%,rgba(255,255,255,.12) 58.2% 58.5%,transparent 58.7%)}.ppe-visual-card>*{position:relative;z-index:1}.ppe-visual-card span{color:var(--ppe-orange);font-size:18px;font-weight:900;letter-spacing:2px}.ppe-visual-card strong{font-size:42px;line-height:1.05;max-width:300px}.ppe-visual-card small{margin-top:8px;color:#ddd}.ppe-visual-card--service{background:linear-gradient(140deg,#292a2e,#0d0d0f)}.ppe-visual-card--service span{font-size:62px}.ppe-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:28px}.ppe-check-grid span{padding:12px 14px;border:1px solid #e3dfe0;border-radius:8px;background:#fff;font-weight:700;font-size:14px}.ppe-info-grid{display:grid;gap:20px}.ppe-info-grid--4{grid-template-columns:repeat(4,1fr)}.ppe-info-grid article{background:#fff;padding:28px 24px;border-radius:12px;border:1px solid #e8e5e6;box-shadow:0 10px 28px rgba(20,17,18,.06)}.ppe-info-grid article b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#111;color:var(--ppe-orange);font-size:13px}.ppe-info-grid article h3{font-size:20px;margin:18px 0 8px}.ppe-info-grid article p{font-size:14px;color:#666267;margin:0}.ppe-section-heading{max-width:760px;margin:0 auto 36px;text-align:center}.ppe-section-heading p{margin-inline:auto}.ppe-section-title--light{color:#fff}.ppe-profile-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:58px;align-items:stretch}.ppe-profile-panel{background:#111114;color:#fff;border-radius:16px;padding:36px;position:relative;overflow:hidden}.ppe-profile-panel:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(244,123,32,.25);border-radius:50%;left:-110px;bottom:-120px}.ppe-profile-panel h2{color:#fff;font-size:34px}.ppe-mini-stat{position:relative;border-top:1px solid rgba(255,255,255,.14);padding:22px 0}.ppe-mini-stat strong{display:block;color:var(--ppe-orange);font-size:38px}.ppe-mini-stat span{color:#d8d8db}.ppe-mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}.ppe-mission-grid article{padding:22px;background:#f7f7f8;border-radius:10px;border-top:3px solid var(--ppe-orange)}.ppe-mission-grid h3{margin:0 0 7px}.ppe-mission-grid p{font-size:13px;margin:0}.ppe-dark-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ppe-dark-cards article{padding:27px 22px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.025)}.ppe-dark-cards article span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--ppe-orange);color:var(--ppe-orange);font-size:22px}.ppe-dark-cards h3{font-size:19px;margin:16px 0 7px}.ppe-dark-cards p{color:#bebec2;font-size:14px;margin:0}.ppe-process{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:start}.ppe-timeline{list-style:none;padding:0;margin:0}.ppe-timeline li{display:grid;grid-template-columns:52px 1fr;gap:18px;position:relative;padding-bottom:25px}.ppe-timeline li:not(:last-child):before{content:"";position:absolute;right:25px;top:48px;bottom:0;width:1px;background:#d8d5d6}.ppe-timeline b{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#111;color:var(--ppe-orange);z-index:1}.ppe-timeline h3{margin:0 0 5px}.ppe-timeline p{margin:0;color:#68656a}.ppe-feature-banner,.ppe-maintenance-note{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#111114;color:#fff;border-radius:16px;padding:36px 40px}.ppe-feature-banner h2,.ppe-maintenance-note h2{color:#fff;margin:5px 0 0;font-size:30px;max-width:760px}.ppe-maintenance-note p{color:#c8c8cb;max-width:760px}.ppe-inner-cta{padding:55px 0;background:linear-gradient(110deg,#1b1a1c,#09090a);color:#fff;border-top:1px solid rgba(255,255,255,.08)}.ppe-inner-cta__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center}.ppe-inner-cta h2{font-size:32px;margin:5px 0 8px}.ppe-inner-cta p{margin:0;color:#c8c8cb}.ppe-inner-cta .ppe-actions{justify-content:flex-start}.ppe-inline-phone{display:inline-flex;align-items:center;font-weight:800;direction:ltr}.ppe-contact-page{background:#f7f7f8}.ppe-contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start}.ppe-contact-details,.ppe-contact-form-card{background:#fff;border-radius:15px;padding:34px;box-shadow:0 10px 34px rgba(18,16,17,.07)}.ppe-contact-form-card{background:#111114;color:#fff}.ppe-contact-form-card h2{color:#fff}.ppe-contact-cards{display:grid;gap:12px;margin-top:28px}.ppe-contact-cards>a,.ppe-contact-cards>div{display:flex;gap:14px;align-items:center;padding:15px;border:1px solid #e7e4e5;border-radius:9px}.ppe-contact-cards>*>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#111;color:var(--ppe-orange)}.ppe-contact-cards small,.ppe-contact-cards strong{display:block}.ppe-contact-cards small{font-size:11px;color:#777}.ppe-contact-cards strong{font-size:14px}.ppe-map-placeholder{padding:0 0 75px;background:#f7f7f8}.ppe-map-placeholder__box{min-height:260px;border-radius:15px;background:linear-gradient(135deg,#262328,#121214);color:#fff;display:grid;place-items:center;align-content:center;text-align:center;padding:30px;border:1px solid #2c2c30}.ppe-map-placeholder__box>span{font-size:38px;color:var(--ppe-orange)}.ppe-map-placeholder__box h3{font-size:24px;margin:5px 0}.ppe-map-placeholder__box p{margin:0}.ppe-map-placeholder__box small{color:#aaa;margin-top:8px}.ppe-internal-page .elementor{width:100%}
@media(max-width:980px){.ppe-two-col,.ppe-two-col--reverse,.ppe-profile-grid,.ppe-process,.ppe-contact-layout,.ppe-inner-cta__grid{grid-template-columns:1fr}.ppe-info-grid--4,.ppe-dark-cards{grid-template-columns:repeat(2,1fr)}.ppe-mission-grid{grid-template-columns:1fr}.ppe-visual-card{min-height:330px}.ppe-inner-cta .ppe-actions{justify-content:flex-start}.ppe-feature-banner,.ppe-maintenance-note{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.ppe-inner-hero{min-height:330px}.ppe-inner-hero h1{font-size:42px}.ppe-inner-hero p{font-size:16px}.ppe-inner-section{padding:54px 0}.ppe-info-grid--4,.ppe-dark-cards,.ppe-check-grid{grid-template-columns:1fr}.ppe-visual-card{min-height:280px;padding:25px}.ppe-visual-card strong{font-size:34px}.ppe-contact-details,.ppe-contact-form-card{padding:22px}.ppe-feature-banner,.ppe-maintenance-note{padding:28px 22px}.ppe-inner-cta{padding:45px 0}.ppe-inner-cta h2{font-size:27px}}

/* Phase 4: content system, details and stronger mobile behavior */
.ppe-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}.ppe-detail-image{margin:0 0 28px;border-radius:18px;overflow:hidden;background:#111}.ppe-detail-image img{display:block;width:100%;height:auto}.ppe-prose{font-size:17px;line-height:1.95;color:#313131}.ppe-prose h2,.ppe-prose h3{color:#111;line-height:1.35}.ppe-detail-aside{position:sticky;top:110px}.ppe-sidebar-card{padding:28px;border-radius:18px;background:#111;color:#fff;border-top:4px solid var(--ppe-orange,#f58220)}.ppe-sidebar-card h2{margin-top:0;color:#fff}.ppe-sidebar-card p{color:#d4d4d4}.ppe-sidebar-card .button{width:100%;margin-top:10px;text-align:center}.button--dark{background:#252525;color:#fff}.ppe-project-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 28px}.ppe-project-meta>div{padding:18px;border:1px solid #e8e8e8;border-radius:14px;background:#fafafa}.ppe-project-meta span{display:block;color:#777;font-size:13px;margin-bottom:6px}.ppe-project-meta strong{display:block;color:#111}.ppe-brand-item{min-height:70px;display:flex;align-items:center;justify-content:center;padding:14px}.ppe-brand-item img{max-width:150px;max-height:52px;width:auto;height:auto;object-fit:contain}.ppe-brand-item span{font-weight:800;letter-spacing:.04em}.ppe-socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.ppe-socials a,.ppe-map-link{color:#fff;text-decoration:none;opacity:.82}.ppe-socials a:hover,.ppe-map-link:hover{opacity:1;color:var(--ppe-orange,#f58220)}.ppe-service-card h2{font-size:inherit;margin:0 0 12px}.ppe-service-card h2 a{color:inherit;text-decoration:none}.term-description{max-width:720px;color:#ddd;line-height:1.8}.navigation.pagination{margin-top:34px}.nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.page-numbers{display:inline-flex;min-width:40px;height:40px;padding:0 12px;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:9px;text-decoration:none;color:#222}.page-numbers.current{background:#111;color:#fff;border-color:#111}
@media(max-width:900px){.ppe-detail-layout{grid-template-columns:1fr}.ppe-detail-aside{position:static}.ppe-project-meta{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ppe-project-meta{grid-template-columns:1fr}.ppe-detail-layout{gap:24px}.ppe-sidebar-card{padding:22px}.ppe-inner-hero{padding-top:82px;padding-bottom:62px}.ppe-inner-hero h1{font-size:clamp(32px,10vw,46px)}.ppe-brands__grid{grid-template-columns:repeat(2,1fr)}.floating-whatsapp{bottom:18px;inset-inline-end:16px}.back-to-top{bottom:78px;inset-inline-end:16px}}

/* Final release: form safety, focus states and small accessibility details */
.ppe-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.ppe-form-notice{padding:13px 16px;margin:0 0 18px;border-radius:9px;font-weight:700}
.ppe-form-notice--success{background:#eaf8ef;color:#126b35;border:1px solid #bfe8cd}
.ppe-form-notice--error{background:#fff1f0;color:#a61b1b;border:1px solid #f2c0bd}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--ppe-orange);outline-offset:3px}
.ppe-quote-form input,.ppe-quote-form select,.ppe-quote-form textarea{width:100%;min-height:48px;border:1px solid #d8d5d6;border-radius:8px;padding:11px 12px;font:inherit;background:#fff;color:#151517}
.ppe-quote-form textarea{min-height:120px;resize:vertical}
.ppe-contact-form-card .ppe-quote-form input,.ppe-contact-form-card .ppe-quote-form select,.ppe-contact-form-card .ppe-quote-form textarea,.ppe-contact .ppe-quote-form input,.ppe-contact .ppe-quote-form select,.ppe-contact .ppe-quote-form textarea{background:#fff;color:#151517}
.ppe-quote-form label>span{display:block;margin-bottom:6px;font-size:13px;font-weight:800}
.skip-link:focus{clip:auto!important;width:auto!important;height:auto!important;top:10px;right:10px;z-index:100000;background:#fff;color:#111;padding:10px 14px;border-radius:6px}

/* v5.1 - Cairo typography and Elementor compatibility */
body, button, input, select, textarea, .elementor, .elementor-button {font-family:'Cairo',Tahoma,Arial,sans-serif;}
.site-branding .custom-logo-link{display:flex;align-items:center;}
.site-branding .custom-logo{width:220px;max-width:220px;max-height:64px;height:auto;object-fit:contain;}

/* v5.2.1 - Elementor full-width breakout + centered home hero */
/* Elementor may wrap custom widgets in a boxed parent container. These sections
   intentionally break out to the full canvas width while their inner .container
   still controls readable content width. */
.elementor-widget-ppe-hero > .elementor-widget-container > .ppe-hero,
.elementor-widget-ppe-stats > .elementor-widget-container > .ppe-stats,
.elementor-widget-ppe-services > .elementor-widget-container > .ppe-services,
.elementor-widget-ppe-why > .elementor-widget-container > .ppe-why,
.elementor-widget-ppe-projects > .elementor-widget-container > .ppe-projects,
.elementor-widget-ppe-partners > .elementor-widget-container > .ppe-brands,
.elementor-widget-ppe-quote > .elementor-widget-container > .ppe-contact,
.elementor-widget-ppe-inner-hero > .elementor-widget-container > .ppe-inner-hero {
  width: 100vw;
  max-width: none;
  margin-inline: calc(50% - 50vw);
}

/* Center the main message exactly in the hero area. */
.ppe-hero__inner {
  justify-content: center;
  text-align: center;
}
.ppe-hero__content {
  width: min(100%, 760px);
  max-width: 760px;
  margin-inline: auto;
  text-align: center;
}
.ppe-hero p {
  margin-inline: auto;
}
.ppe-hero .ppe-actions {
  justify-content: center;
}

/* Keep the hero background edge-to-edge and visually balanced. */
.ppe-hero {
  width: 100%;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

@media (max-width: 640px) {
  .ppe-hero__content {
    width: 100%;
    padding-inline: 8px;
    text-align: center;
  }
  .ppe-hero .ppe-actions {
    justify-content: center;
  }
}