{"id":389,"date":"2026-09-03T16:27:16","date_gmt":"2026-09-03T16:27:16","guid":{"rendered":"https:\/\/primeprojectsinternational.com\/?page_id=389"},"modified":"2026-10-15T04:21:37","modified_gmt":"2026-10-15T04:21:37","slug":"test-page","status":"publish","type":"page","link":"https:\/\/primeprojectsinternational.com\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"389\" class=\"elementor elementor-389\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a731e2 e-con-full e-flex e-con e-parent\" data-id=\"8a731e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb69db8 elementor-widget elementor-widget-html\" data-id=\"eb69db8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Prime Projects International \u2014 Elementor HTML Widget (single-file section) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n#ppi-home{\n  --ink: #071427;\n  --ink-2: #0d203b;\n  --navy: #0e2f59;\n  --blue: #164a88;\n  --red: #dc233f;\n  --red-dark: #b5152d;\n  --paper: #f6f7f8;\n  --cream: #eeeae2;\n  --white: #ffffff;\n  --muted: #6e7682;\n  --line: rgba(7, 20, 39, 0.14);\n  --line-dark: rgba(255,255,255,.14);\n  --radius-lg: 28px;\n  --radius-md: 20px;\n  --shadow: 0 32px 80px rgba(0,0,0,.2);\n  --font-display: \"Space Grotesk\", \"Manrope\", Arial, sans-serif;\n  --font-body: \"Manrope\", Arial, sans-serif;\n}\n\n#ppi-home *{ box-sizing: border-box; }\n#ppi-home{ scroll-behavior: smooth; }\n#ppi-home{\n  margin: 0;\n  font-family: var(--font-body);\n  color: var(--ink);\n  background: var(--paper);\n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n#ppi-home img{ display: block; max-width: 100%; }\n#ppi-home a{ color: inherit; text-decoration: none; }\n#ppi-home button, #ppi-home a{ -webkit-tap-highlight-color: transparent; }\n#ppi-home button{ font: inherit; }\n#ppi-home ::selection{ background: var(--red); color: white; }\n\n#ppi-home .site-shell{ overflow: clip; }\n#ppi-home .container{ width: min(1240px, calc(100% - 48px)); margin: 0 auto; position: relative; }\n#ppi-home .section-dark, #ppi-home .section-ink{ color: var(--white); background: var(--ink); }\n#ppi-home .section-ink{ background: #09192e; }\n#ppi-home .section-light{ background: var(--paper); }\n#ppi-home .section-cream{ background: var(--cream); }\n#ppi-home .section-red{ background: var(--red); color: var(--white); }\n\n#ppi-home .eyebrow{\n  margin: 0 0 22px;\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: .16em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,.7);\n}\n#ppi-home .eyebrow-dark{ color: rgba(7,20,39,.62); }\n#ppi-home .eyebrow-white{ color: rgba(255,255,255,.82); }\n#ppi-home .eyebrow-dot{ width: 6px; height: 6px; border-radius: 99px; background: var(--red); box-shadow: 0 0 0 5px rgba(220,35,63,.11); }\n#ppi-home .section-red .eyebrow-dot{ background: #fff; box-shadow: 0 0 0 5px rgba(255,255,255,.13); }\n\n#ppi-home .display{\n  margin: 0;\n  font-family: var(--font-display);\n  font-size: clamp(2.7rem, 5vw, 5.9rem);\n  line-height: .97;\n  letter-spacing: -.055em;\n  font-weight: 600;\n}\n#ppi-home .display span{ color: var(--red); }\n\n\/* HERO *\/\n#ppi-home .hero{ min-height: 100svh; position: relative; isolation: isolate; padding: 78px 0 0; }\n#ppi-home .hero::before{\n  content: \"\";\n  position: absolute; inset: 0;\n  background: radial-gradient(circle at 70% 20%, rgba(22,74,136,.28), transparent 35%), linear-gradient(135deg, #06111f 0%, #071427 50%, #0a1e38 100%);\n  z-index: -4;\n}\n#ppi-home .hero-grid{\n  position: absolute; inset: 0; z-index: -3; opacity: .18;\n  background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);\n  background-size: 86px 86px;\n  mask-image: linear-gradient(to bottom, black, transparent 82%);\n}\n#ppi-home .hero-glow{ position: absolute; width: 430px; aspect-ratio:1; border-radius:50%; filter: blur(120px); z-index:-2; opacity:.22; }\n#ppi-home .hero-glow-one{ background: var(--red); right:-180px; top:6%; }\n#ppi-home .hero-glow-two{ background:#2368b6; left:22%; bottom:5%; opacity:.13; }\n#ppi-home .hero-layout{ display:grid; grid-template-columns: 1.02fr .98fr; gap: 64px; align-items:center; min-height: calc(100svh - 116px); padding-bottom: 92px; }\n#ppi-home .hero-copy{ max-width: 690px; z-index:3; }\n#ppi-home .hero h1{ margin:0; max-width:760px; font-family:var(--font-display); font-size:clamp(4rem,7.15vw,8.2rem); line-height:.84; letter-spacing:-.075em; font-weight:600; }\n#ppi-home .hero h1 span{ display:inline-block; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.88); position:relative; }\n#ppi-home .hero h1 span::after{ content:\"\"; position:absolute; height:7px; width:34%; background:var(--red); left:3px; bottom:-12px; transform:skewX(-24deg); }\n#ppi-home .hero-lead{ max-width:650px; margin:38px 0 0; color:rgba(255,255,255,.66); font-size:clamp(1rem,1.2vw,1.17rem); line-height:1.8; }\n#ppi-home .hero-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }\n#ppi-home .btn{ min-height:54px; padding:0 22px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; gap:18px; font-size:13px; font-weight:800; letter-spacing:-.01em; transition:transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease; }\n#ppi-home .btn span{ font-size:18px; font-weight:500; }\n#ppi-home .btn-primary{ background:var(--red); color:white; box-shadow:0 16px 40px rgba(220,35,63,.25); }\n#ppi-home .btn-primary:hover{ background:#f02a4a; transform:translateY(-2px); }\n#ppi-home .btn-ghost{ border:1px solid rgba(255,255,255,.18); color:white; background:rgba(255,255,255,.035); backdrop-filter:blur(12px); }\n#ppi-home .btn-ghost:hover{ background:white; color:var(--ink); border-color:white; transform:translateY(-2px); }\n#ppi-home .btn-dark{ background:var(--ink); color:white; }\n#ppi-home .btn-dark:hover{ background:var(--red); transform:translateY(-2px); }\n#ppi-home .hero-proof{ margin-top:46px; display:flex; align-items:center; gap:18px; }\n#ppi-home .proof-item{ display:flex; align-items:center; gap:10px; }\n#ppi-home .proof-item strong{ font:600 20px\/1 var(--font-display); }\n#ppi-home .proof-item span{ max-width:92px; color:rgba(255,255,255,.48); font-size:10px; line-height:1.3; text-transform:uppercase; letter-spacing:.08em; }\n#ppi-home .proof-line{ width:1px; height:30px; background:rgba(255,255,255,.13); }\n\n#ppi-home .hero-stage{ min-height:650px; position:relative; perspective:1500px; }\n#ppi-home .stage-core{ position:absolute; inset:0; transform-style:preserve-3d; transition:transform .14s ease-out; }\n#ppi-home .stage-orbit{ position:absolute; border:1px solid rgba(255,255,255,.13); border-radius:50%; pointer-events:none; }\n#ppi-home .orbit-one{ width:570px; height:570px; right:-30px; top:25px; transform:rotateX(72deg) rotateZ(12deg); }\n#ppi-home .orbit-two{ width:390px; height:390px; right:62px; top:120px; transform:rotateX(70deg) rotateZ(-18deg); border-color:rgba(220,35,63,.3); }\n#ppi-home .media-card{ margin:0; position:absolute; border-radius:24px; overflow:hidden; border:1px solid rgba(255,255,255,.14); box-shadow:var(--shadow); background:#0e2036; transform-style:preserve-3d; will-change:transform; }\n#ppi-home .media-card::after{ content:\"\"; position:absolute; inset:0; box-shadow:inset 0 0 0 1px rgba(255,255,255,.05); pointer-events:none; }\n#ppi-home .media-card img{ width:100%; height:100%; object-fit:cover; }\n#ppi-home .media-card figcaption{ position:absolute; left:18px; bottom:15px; right:18px; display:flex; justify-content:space-between; gap:12px; color:#fff; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; text-shadow:0 2px 10px rgba(0,0,0,.5); }\n#ppi-home .media-main{ width:72%; aspect-ratio: .93; right:3%; top:8%; transform:rotateY(-8deg) rotateX(2deg) rotateZ(1.2deg); }\n#ppi-home .media-main::before{ content:\"\"; position:absolute; inset:0; background:linear-gradient(to top,rgba(5,14,28,.55),transparent 52%); z-index:1; }\n#ppi-home .media-main figcaption{ z-index:2; }\n#ppi-home .media-small{ width:39%; aspect-ratio:1.08; }\n#ppi-home .media-asphalt{ left:0; bottom:9%; transform:translateZ(70px) rotateY(9deg) rotateZ(-3deg); }\n#ppi-home .media-epoxy{ width:35%; right:-5%; bottom:-1%; transform:translateZ(110px) rotateY(-8deg) rotateZ(4deg); }\n#ppi-home .floating-chip{ position:absolute; z-index:6; padding:12px 14px; border-radius:999px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.16); backdrop-filter:blur(12px); font-size:10px; text-transform:uppercase; letter-spacing:.1em; color:rgba(255,255,255,.9); box-shadow:0 14px 30px rgba(0,0,0,.2); }\n#ppi-home .floating-chip span{ color:var(--red); margin-left:12px; }\n#ppi-home .chip-one{ left:9%; top:8%; }\n#ppi-home .chip-two{ right:8%; top:7%; }\n#ppi-home .stage-badge{ position:absolute; z-index:7; left:9%; top:37%; width:126px; height:126px; border-radius:50%; background:#f6f7f8; color:var(--ink); display:grid; place-items:center; text-align:center; box-shadow:0 20px 50px rgba(0,0,0,.25); }\n#ppi-home .stage-badge strong{ font:600 12px\/1.15 var(--font-display); letter-spacing:-.03em; }\n#ppi-home .badge-ring{ position:absolute; inset:-8px; border:1px dashed rgba(255,255,255,.42); border-radius:50%; animation:spin 15s linear infinite; }\n@keyframes spin{ to { transform:rotate(360deg); } }\n\n#ppi-home .hero-marquee{ border-top:1px solid rgba(255,255,255,.09); border-bottom:1px solid rgba(255,255,255,.09); overflow:hidden; height:64px; display:flex; align-items:center; }\n#ppi-home .marquee-track{ width:max-content; display:flex; align-items:center; gap:24px; animation:marquee 26s linear infinite; color:rgba(255,255,255,.42); font:600 11px\/1 var(--font-display); letter-spacing:.16em; }\n#ppi-home .marquee-track i{ width:6px; height:6px; border-radius:50%; background:var(--red); }\n@keyframes marquee{ to{ transform:translateX(-50%); } }\n\n\/* ABOUT *\/\n#ppi-home .about{ padding:150px 0; }\n#ppi-home .about-grid{ display:grid; grid-template-columns: .28fr 1.14fr .75fr; gap:60px; align-items:start; }\n#ppi-home .vertical-note{ margin-top:110px; writing-mode:vertical-rl; transform:rotate(180deg); color:#9a9ea5; font-size:9px; letter-spacing:.22em; text-transform:uppercase; }\n#ppi-home .about-copy .display{ font-size:clamp(2.8rem,4.4vw,5.3rem); max-width:780px; }\n#ppi-home .about-copy p{ max-width:660px; margin:32px 0; color:#59616d; font-size:17px; line-height:1.85; }\n#ppi-home .text-link{ display:inline-flex; gap:22px; align-items:center; padding-bottom:8px; border-bottom:1px solid rgba(7,20,39,.28); font-size:13px; font-weight:800; }\n#ppi-home .text-link span{ color:var(--red); }\n#ppi-home .about-visual{ padding-top:36px; }\n#ppi-home .blueprint-card{ aspect-ratio:.83; max-width:355px; margin-left:auto; border-radius:var(--radius-lg); background:var(--navy); color:white; padding:22px; position:relative; overflow:hidden; box-shadow:0 35px 70px rgba(14,47,89,.22); transform:rotate(3deg); transition:transform .2s ease; }\n#ppi-home .blueprint-lines{ position:absolute; inset:0; opacity:.2; background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size:23px 23px; }\n#ppi-home .bp-top, #ppi-home .bp-bottom{ position:relative; z-index:2; display:flex; justify-content:space-between; font-size:8px; letter-spacing:.12em; opacity:.7; }\n#ppi-home .bp-shape{ height:75%; position:relative; display:grid; place-items:center; }\n#ppi-home .bp-layer{ position:absolute; width:58%; aspect-ratio:1.35; border:1px solid rgba(255,255,255,.6); transform:skewY(-14deg) rotate(-8deg); display:grid; place-items:center; font:500 42px\/1 var(--font-display); color:rgba(255,255,255,.17); }\n#ppi-home .layer-a{ transform:translate(-18px,28px) skewY(-14deg) rotate(-8deg); }\n#ppi-home .layer-b{ transform:translate(0,0) skewY(-14deg) rotate(-8deg); border-color:rgba(220,35,63,.85); }\n#ppi-home .layer-c{ transform:translate(18px,-28px) skewY(-14deg) rotate(-8deg); }\n#ppi-home .bp-bottom{ gap:10px; justify-content:space-around; }\n\n\/* SERVICES *\/\n#ppi-home .services{ padding:145px 0 160px; }\n#ppi-home .section-head{ display:grid; grid-template-columns:1.15fr .55fr; gap:80px; align-items:end; margin-bottom:70px; }\n#ppi-home .section-head .display{ font-size:clamp(3rem,5vw,6rem); }\n#ppi-home .section-intro{ margin:0 0 5px; color:rgba(255,255,255,.56); line-height:1.8; font-size:15px; }\n#ppi-home .section-head-dark .section-intro{ color:#5f6670; }\n#ppi-home .service-grid{ display:grid; grid-template-columns:repeat(3,1fr); grid-auto-rows:390px; gap:15px; }\n#ppi-home .service-card{ position:relative; overflow:hidden; border-radius:22px; min-height:390px; border:1px solid rgba(255,255,255,.09); isolation:isolate; background:#10223a; transition:transform .35s cubic-bezier(.2,.7,.2,1), border-color .35s ease; }\n#ppi-home .service-feature{ grid-column:span 2; }\n#ppi-home .service-card:hover{ transform:translateY(-8px); border-color:rgba(255,255,255,.24); }\n#ppi-home .service-image, #ppi-home .service-overlay{ position:absolute; inset:0; }\n#ppi-home .service-image img{ width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.2,.7,.2,1); }\n#ppi-home .service-card:hover .service-image img{ transform:scale(1.045); }\n#ppi-home .service-overlay{ z-index:1; background:linear-gradient(180deg,rgba(3,10,20,.1) 10%,rgba(3,10,20,.82) 100%); }\n#ppi-home .service-top, #ppi-home .service-content{ position:absolute; z-index:2; left:24px; right:24px; }\n#ppi-home .service-top{ top:22px; display:flex; justify-content:space-between; align-items:center; }\n#ppi-home .service-no{ font:600 11px\/1 var(--font-display); letter-spacing:.12em; color:rgba(255,255,255,.62); }\n#ppi-home .arrow-icon{ width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.22); display:grid; place-items:center; font-size:16px; transition:.25s ease; }\n#ppi-home .service-card:hover .arrow-icon{ background:var(--red); border-color:var(--red); transform:rotate(8deg); }\n#ppi-home .service-content{ bottom:24px; }\n#ppi-home .service-content p{ margin:0 0 10px; color:rgba(255,255,255,.6); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }\n#ppi-home .service-content h3{ max-width:420px; margin:0; font:600 clamp(1.45rem,2vw,2.35rem)\/1.03 var(--font-display); letter-spacing:-.045em; }\n#ppi-home .microcopy{ margin-top:15px; display:block; color:rgba(255,255,255,.46); font-size:12px; }\n#ppi-home .service-text-card{ background:linear-gradient(145deg,#0e2f59,#071427 72%); }\n#ppi-home .mesh-graphic{ position:absolute; width:300px; height:300px; border:1px solid rgba(255,255,255,.08); border-radius:50%; right:-70px; top:35px; box-shadow:0 0 0 30px rgba(255,255,255,.025),0 0 0 60px rgba(255,255,255,.018),0 0 0 90px rgba(255,255,255,.012); }\n#ppi-home .mesh-graphic::before, #ppi-home .mesh-graphic::after{ content:\"\"; position:absolute; inset:18%; border:1px dashed rgba(255,255,255,.12); border-radius:40%; transform:rotate(35deg); }\n#ppi-home .mesh-graphic::after{ inset:36%; transform:rotate(-18deg); border-color:rgba(220,35,63,.55); }\n#ppi-home .mesh-red{ background:radial-gradient(circle,rgba(220,35,63,.18),transparent 62%); }\n#ppi-home .mesh-silver{ background:radial-gradient(circle,rgba(210,220,232,.15),transparent 62%); }\n\n\/* WHY *\/\n#ppi-home .why{ padding:150px 0; }\n#ppi-home .why-grid{ display:grid; grid-template-columns:.82fr 1.18fr; gap:110px; align-items:start; }\n#ppi-home .why-title-wrap{ position:sticky; top:50px; }\n#ppi-home .why-title-wrap .display{ font-size:clamp(2.8rem,4.5vw,5.2rem); }\n#ppi-home .why-title-wrap p:last-child{ color:#636a74; line-height:1.8; max-width:520px; margin:30px 0 0; }\n#ppi-home .why-list{ border-top:1px solid var(--line); }\n#ppi-home .why-item{ display:grid; grid-template-columns:54px 1fr 56px; gap:24px; align-items:start; padding:36px 0; border-bottom:1px solid var(--line); }\n#ppi-home .why-index{ font:600 10px\/1 var(--font-display); color:var(--red); padding-top:7px; }\n#ppi-home .why-item h3{ margin:0 0 11px; font:600 26px\/1.05 var(--font-display); letter-spacing:-.04em; }\n#ppi-home .why-item p{ margin:0; max-width:540px; color:#6a7078; font-size:14px; line-height:1.7; }\n#ppi-home .why-symbol{ justify-self:end; width:45px; height:45px; border-radius:50%; border:1px solid rgba(7,20,39,.13); display:grid; place-items:center; color:var(--navy); font-size:18px; transition:.3s ease; }\n#ppi-home .why-item:hover .why-symbol{ background:var(--red); color:white; border-color:var(--red); transform:rotate(12deg); }\n\n\/* PROJECTS *\/\n#ppi-home .projects{ padding:150px 0; }\n#ppi-home .project-stack{ display:grid; gap:26px; }\n#ppi-home .project-panel{ min-height:540px; display:grid; grid-template-columns:1.3fr .7fr; overflow:hidden; background:#0c1d34; border:1px solid rgba(255,255,255,.09); border-radius:26px; }\n#ppi-home .project-panel-reverse{ grid-template-columns:.7fr 1.3fr; }\n#ppi-home .project-panel-reverse .project-media{ order:2; }\n#ppi-home .project-media{ min-height:540px; overflow:hidden; }\n#ppi-home .project-media img{ width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.2,1); }\n#ppi-home .project-panel:hover .project-media img{ transform:scale(1.035); }\n#ppi-home .project-copy{ padding:54px 44px; display:flex; flex-direction:column; justify-content:flex-end; }\n#ppi-home .project-copy > span{ color:var(--red); font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }\n#ppi-home .project-copy h3{ margin:18px 0; font:600 clamp(2rem,3vw,3.7rem)\/.98 var(--font-display); letter-spacing:-.055em; }\n#ppi-home .project-copy p{ margin:0; color:rgba(255,255,255,.56); line-height:1.75; font-size:14px; }\n\n\/* PROCESS *\/\n#ppi-home .process{ padding:135px 0 150px; position:relative; }\n#ppi-home .process::before{ content:\"\"; position:absolute; inset:0; background:linear-gradient(115deg,rgba(0,0,0,.1),transparent 38%,rgba(0,0,0,.08)); }\n#ppi-home .process-head{ max-width:880px; }\n#ppi-home .process-head .display{ font-size:clamp(3rem,5vw,5.5rem); }\n#ppi-home .process-rail{ margin-top:85px; position:relative; display:grid; grid-template-columns:repeat(5,1fr); gap:34px; padding-top:35px; }\n#ppi-home .process-line{ position:absolute; left:0; right:0; top:0; height:1px; background:rgba(255,255,255,.28); }\n#ppi-home .process-progress{ display:block; height:2px; width:0; background:white; transition:width .3s ease-out; }\n#ppi-home .process-rail article{ position:relative; }\n#ppi-home .process-rail article::before{ content:\"\"; width:7px; height:7px; border-radius:50%; background:white; position:absolute; top:-39px; left:0; box-shadow:0 0 0 7px rgba(255,255,255,.12); }\n#ppi-home .process-rail article > span{ font:600 10px\/1 var(--font-display); opacity:.65; }\n#ppi-home .process-rail h3{ margin:15px 0 12px; font:600 27px\/1 var(--font-display); letter-spacing:-.04em; }\n#ppi-home .process-rail p{ margin:0; color:rgba(255,255,255,.7); font-size:13px; line-height:1.7; }\n\n\/* CREDENTIALS *\/\n#ppi-home .credentials{ padding:150px 0; }\n#ppi-home .credentials-grid{ display:grid; grid-template-columns:.75fr 1.25fr; gap:90px; align-items:center; }\n#ppi-home .credentials-copy .display{ font-size:clamp(2.8rem,4.3vw,5.1rem); }\n#ppi-home .credentials-copy > p:not(.eyebrow){ color:#626a75; line-height:1.8; margin:28px 0 30px; }\n#ppi-home .credential-board{ display:grid; grid-template-columns:1.15fr .85fr .85fr; grid-template-rows:210px 210px; gap:13px; perspective:1200px; }\n#ppi-home .credential-card{ border:1px solid rgba(7,20,39,.11); border-radius:20px; background:white; padding:22px; display:flex; flex-direction:column; justify-content:space-between; min-width:0; box-shadow:0 16px 40px rgba(7,20,39,.05); transition:transform .2s ease; }\n#ppi-home .credential-card > span:first-child{ color:var(--red); font:700 9px\/1 var(--font-display); letter-spacing:.1em; }\n#ppi-home .credential-card strong{ font:600 20px\/1 var(--font-display); letter-spacing:-.04em; }\n#ppi-home .credential-card small{ color:#8b9097; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }\n#ppi-home .card-large{ grid-row:span 2; background:var(--navy); color:white; position:relative; overflow:hidden; }\n#ppi-home .card-large::after{ content:\"\"; width:230px; height:230px; border:1px solid rgba(255,255,255,.11); border-radius:50%; position:absolute; right:-80px; bottom:-70px; box-shadow:0 0 0 35px rgba(255,255,255,.03),0 0 0 70px rgba(255,255,255,.02); }\n#ppi-home .card-large .cred-kicker{ color:rgba(255,255,255,.62)!important; }\n#ppi-home .card-large strong{ margin-top:auto; font-size:36px; line-height:1.04; }\n#ppi-home .cred-stamp{ position:relative; z-index:2; align-self:flex-start; margin-top:26px; padding:8px 10px; border:1px solid rgba(255,255,255,.2); border-radius:999px; color:white!important; }\n\n\/* COVERAGE *\/\n#ppi-home .coverage{ padding:130px 0; position:relative; overflow:hidden; }\n#ppi-home .coverage-map-lines{ position:absolute; width:680px; height:680px; border:1px solid rgba(255,255,255,.05); border-radius:50%; right:-150px; top:-180px; box-shadow:0 0 0 70px rgba(255,255,255,.02),0 0 0 140px rgba(255,255,255,.012); }\n#ppi-home .coverage-grid{ display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; align-items:center; }\n#ppi-home .coverage-copy .display{ font-size:clamp(2.8rem,4.6vw,5.2rem); }\n#ppi-home .coverage-copy p:last-child{ color:rgba(255,255,255,.55); line-height:1.75; }\n#ppi-home .city-cloud{ display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }\n#ppi-home .city-cloud span{ padding:17px 23px; border-radius:999px; border:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.82); font:600 15px\/1 var(--font-display); background:rgba(255,255,255,.03); transition:.25s ease; }\n#ppi-home .city-cloud span:nth-child(2n){ transform:translateY(12px); }\n#ppi-home .city-cloud span:hover{ background:var(--red); border-color:var(--red); transform:translateY(-3px); }\n\n\/* TESTIMONIALS *\/\n#ppi-home .testimonials{ padding:145px 0; }\n#ppi-home .section-head-dark{ margin-bottom:55px; }\n#ppi-home .section-head-dark .display{ color:var(--ink); font-size:clamp(3rem,5vw,5.5rem); }\n#ppi-home .slider-controls{ justify-self:end; display:flex; gap:8px; }\n#ppi-home .slider-controls button{ width:48px; height:48px; border:1px solid rgba(7,20,39,.15); border-radius:50%; background:transparent; cursor:pointer; font-size:18px; transition:.2s ease; }\n#ppi-home .slider-controls button:hover{ background:var(--ink); color:white; }\n#ppi-home .testimonial-slider{ position:relative; min-height:355px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }\n#ppi-home .testimonial{ position:absolute; inset:0; display:grid; grid-template-columns:110px 1fr 220px; gap:40px; align-items:center; opacity:0; transform:translateY(18px); pointer-events:none; transition:opacity .45s ease, transform .45s ease; }\n#ppi-home .testimonial.active{ opacity:1; transform:none; pointer-events:auto; }\n#ppi-home .quote-mark{ font:500 110px\/1 var(--font-display); color:var(--red); height:86px; }\n#ppi-home .testimonial blockquote{ margin:0; max-width:800px; font:500 clamp(1.8rem,3.3vw,3.75rem)\/1.08 var(--font-display); letter-spacing:-.045em; }\n#ppi-home .review-meta{ display:grid; gap:6px; align-self:end; padding-bottom:42px; }\n#ppi-home .review-meta strong{ font-size:14px; }\n#ppi-home .review-meta span{ color:#7a8087; font-size:11px; }\n#ppi-home .review-meta .stars{ color:var(--red); letter-spacing:.12em; }\n#ppi-home .testimonial-dots{ display:flex; gap:7px; justify-content:center; margin-top:26px; }\n#ppi-home .testimonial-dots button{ width:7px; height:7px; padding:0; border:0; border-radius:50%; background:#c6c9ce; cursor:pointer; transition:.2s ease; }\n#ppi-home .testimonial-dots button.active{ width:28px; border-radius:10px; background:var(--red); }\n\n\/* FAQ *\/\n#ppi-home .faq{ padding:145px 0 155px; }\n#ppi-home .faq-grid{ display:grid; grid-template-columns:.7fr 1.3fr; gap:100px; align-items:start; }\n#ppi-home .faq-intro{ position:sticky; top:48px; }\n#ppi-home .faq-intro .display{ font-size:clamp(2.8rem,4.4vw,5rem); }\n#ppi-home .faq-intro p:last-child{ color:#666c74; line-height:1.8; max-width:460px; }\n#ppi-home .faq-list{ border-top:1px solid rgba(7,20,39,.18); }\n#ppi-home .faq-item{ border-bottom:1px solid rgba(7,20,39,.18); }\n#ppi-home .faq-question{ width:100%; border:0; background:transparent; padding:27px 0; display:flex; justify-content:space-between; align-items:center; gap:30px; text-align:left; cursor:pointer; color:var(--ink); font:600 20px\/1.2 var(--font-display); letter-spacing:-.035em; }\n#ppi-home .faq-question i{ flex:0 0 auto; width:35px; height:35px; border-radius:50%; border:1px solid rgba(7,20,39,.16); display:grid; place-items:center; font-style:normal; font-family:var(--font-body); font-weight:400; }\n#ppi-home .faq-item.open .faq-question i{ background:var(--red); color:white; border-color:var(--red); }\n#ppi-home .faq-answer{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s ease; }\n#ppi-home .faq-answer > div{ overflow:hidden; }\n#ppi-home .faq-item.open .faq-answer{ grid-template-rows:1fr; }\n#ppi-home .faq-answer p{ margin:0; max-width:690px; padding:0 58px 28px 0; color:#666c74; font-size:14px; line-height:1.8; }\n\n\/* FINAL CTA *\/\n#ppi-home .final-cta{ padding:160px 0 90px; position:relative; overflow:hidden; }\n#ppi-home .final-cta::before{ content:\"\"; position:absolute; width:700px; height:700px; border-radius:50%; background:radial-gradient(circle,rgba(220,35,63,.34),rgba(220,35,63,.04) 45%,transparent 67%); left:50%; top:48%; transform:translate(-50%,-50%); filter:blur(8px); }\n#ppi-home .cta-noise{ position:absolute; inset:0; opacity:.13; background-image:radial-gradient(rgba(255,255,255,.45) .65px,transparent .65px); background-size:8px 8px; mask-image:radial-gradient(circle at 50% 50%,black,transparent 66%); }\n#ppi-home .cta-inner{ min-height:570px; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; }\n#ppi-home .cta-inner .display{ max-width:990px; font-size:clamp(3.3rem,6.3vw,7.2rem); position:relative; z-index:2; }\n#ppi-home .cta-inner > p:not(.eyebrow){ max-width:660px; color:rgba(255,255,255,.58); line-height:1.75; position:relative; z-index:2; }\n#ppi-home .cta-actions{ justify-content:center; position:relative; z-index:2; }\n#ppi-home .cta-orb{ position:absolute; width:390px; height:390px; border:1px solid rgba(255,255,255,.08); border-radius:50%; animation:float 7s ease-in-out infinite; }\n#ppi-home .cta-orb span{ position:absolute; inset:12%; border:1px solid rgba(255,255,255,.08); border-radius:50%; }\n#ppi-home .cta-orb span:nth-child(2){ inset:27%; border-color:rgba(220,35,63,.34); }\n#ppi-home .cta-orb span:nth-child(3){ inset:43%; background:rgba(220,35,63,.18); border:0; }\n@keyframes float{ 50% { transform:translateY(-16px) scale(1.025); } }\n#ppi-home .cta-signoff{ width:100%; margin-top:auto; padding-top:58px; border-top:1px solid rgba(255,255,255,.1); display:flex; justify-content:space-between; color:rgba(255,255,255,.35); font-size:9px; letter-spacing:.16em; text-transform:uppercase; }\n\n\/* MOTION *\/\n#ppi-home .reveal{ opacity:0; transform:translateY(28px); transition:opacity .75s cubic-bezier(.2,.7,.2,1), transform .75s cubic-bezier(.2,.7,.2,1); transition-delay:var(--delay,0ms); }\n#ppi-home .reveal.in-view{ opacity:1; transform:none; }\n#ppi-home .cursor-glow{ position:fixed; width:260px; height:260px; border-radius:50%; background:radial-gradient(circle,rgba(35,104,182,.1),transparent 68%); transform:translate(-50%,-50%); pointer-events:none; z-index:999; opacity:0; transition:opacity .2s ease; mix-blend-mode:screen; }\n\n\/* RESPONSIVE *\/\n@media (max-width: 1080px){\n  #ppi-home .hero-layout{ grid-template-columns:1fr; min-height:auto; padding-bottom:100px; }\n  #ppi-home .hero-copy{ max-width:800px; }\n  #ppi-home .hero-stage{ min-height:610px; max-width:720px; width:100%; margin:0 auto; }\n  #ppi-home .about-grid{ grid-template-columns:.18fr 1fr; }\n  #ppi-home .about-visual{ grid-column:2; width:100%; }\n  #ppi-home .blueprint-card{ margin:20px 0 0; max-width:460px; aspect-ratio:1.25; }\n  #ppi-home .why-grid, #ppi-home .credentials-grid, #ppi-home .coverage-grid, #ppi-home .faq-grid{ grid-template-columns:1fr; gap:65px; }\n  #ppi-home .why-title-wrap, #ppi-home .faq-intro{ position:relative; top:auto; }\n  #ppi-home .service-grid{ grid-template-columns:repeat(2,1fr); }\n  #ppi-home .service-feature{ grid-column:span 2; }\n  #ppi-home .process-rail{ grid-template-columns:repeat(3,1fr); row-gap:55px; }\n  #ppi-home .process-line{ display:none; }\n  #ppi-home .process-rail article::before{ top:-15px; }\n  #ppi-home .credential-board{ max-width:800px; }\n  #ppi-home .city-cloud{ justify-content:flex-start; }\n  #ppi-home .project-panel, #ppi-home .project-panel-reverse{ grid-template-columns:1fr 1fr; }\n}\n\n@media (max-width: 760px){\n  #ppi-home .container{ width:min(100% - 28px, 1240px); }\n  #ppi-home .hero{ padding-top:38px; }\n    #ppi-home .hero h1{ font-size:clamp(3.3rem,16.5vw,5.8rem); }\n  #ppi-home .hero h1 span::after{ height:4px; }\n  #ppi-home .hero-lead{ font-size:14px; line-height:1.7; }\n  #ppi-home .hero-actions{ display:grid; grid-template-columns:1fr; }\n  #ppi-home .btn{ width:100%; }\n  #ppi-home .hero-proof{ gap:10px; justify-content:space-between; }\n  #ppi-home .proof-item{ display:grid; gap:6px; }\n  #ppi-home .proof-item span{ max-width:72px; }\n  #ppi-home .hero-stage{ min-height:460px; margin-top:20px; }\n  #ppi-home .media-main{ width:78%; right:3%; }\n  #ppi-home .media-asphalt{ width:43%; bottom:6%; }\n  #ppi-home .media-epoxy{ width:39%; right:-2%; bottom:1%; }\n  #ppi-home .stage-badge{ width:94px; height:94px; left:2%; top:35%; }\n  #ppi-home .stage-badge strong{ font-size:9px; }\n  #ppi-home .chip-one{ left:2%; top:4%; }\n  #ppi-home .chip-two{ right:1%; top:2%; }\n  #ppi-home .orbit-one{ width:420px; height:420px; }\n  #ppi-home .orbit-two{ width:300px; height:300px; }\n  #ppi-home .hero-marquee{ height:54px; }\n  #ppi-home .about, #ppi-home .services, #ppi-home .why, #ppi-home .projects, #ppi-home .credentials, #ppi-home .testimonials, #ppi-home .faq{ padding:95px 0; }\n  #ppi-home .coverage{ padding:90px 0; }\n  #ppi-home .process{ padding:90px 0 100px; }\n  #ppi-home .final-cta{ padding:105px 0 60px; }\n  #ppi-home .about-grid{ grid-template-columns:1fr; gap:25px; }\n  #ppi-home .about-label{ display:flex; justify-content:space-between; }\n  #ppi-home .vertical-note{ writing-mode:horizontal-tb; transform:none; margin:0; }\n  #ppi-home .about-visual{ grid-column:auto; }\n  #ppi-home .blueprint-card{ max-width:100%; aspect-ratio:1.05; }\n  #ppi-home .section-head{ grid-template-columns:1fr; gap:25px; margin-bottom:42px; }\n  #ppi-home .service-grid{ display:grid; grid-template-columns:1fr; grid-auto-rows:360px; }\n  #ppi-home .service-feature{ grid-column:auto; }\n  #ppi-home .why-item{ grid-template-columns:40px 1fr; }\n  #ppi-home .why-symbol{ display:none; }\n  #ppi-home .project-panel, #ppi-home .project-panel-reverse{ grid-template-columns:1fr; min-height:0; }\n  #ppi-home .project-panel-reverse .project-media{ order:0; }\n  #ppi-home .project-media{ min-height:330px; }\n  #ppi-home .project-copy{ padding:35px 25px 40px; }\n  #ppi-home .process-rail{ grid-template-columns:1fr 1fr; gap:45px 24px; margin-top:58px; }\n  #ppi-home .credential-board{ grid-template-columns:1fr 1fr; grid-template-rows:auto; }\n  #ppi-home .card-large{ grid-column:span 2; grid-row:auto; min-height:330px; }\n  #ppi-home .credential-card:not(.card-large){ min-height:170px; }\n  #ppi-home .city-cloud span:nth-child(2n){ transform:none; }\n  #ppi-home .section-head-dark{ grid-template-columns:1fr auto; }\n  #ppi-home .testimonial-slider{ min-height:440px; }\n  #ppi-home .testimonial{ grid-template-columns:1fr; gap:18px; align-content:center; }\n  #ppi-home .quote-mark{ font-size:75px; height:55px; }\n  #ppi-home .testimonial blockquote{ font-size:clamp(1.7rem,7vw,2.5rem); }\n  #ppi-home .review-meta{ align-self:auto; padding:0; }\n  #ppi-home .faq-question{ font-size:18px; }\n  #ppi-home .faq-answer p{ padding-right:0; }\n  #ppi-home .cta-signoff{ gap:16px; text-align:left; }\n  #ppi-home .cursor-glow{ display:none; }\n}\n\n@media (max-width: 440px){\n  #ppi-home .hero-proof{ align-items:flex-start; }\n  #ppi-home .proof-line{ height:48px; }\n  #ppi-home .hero-stage{ min-height:390px; }\n  #ppi-home .stage-badge{ display:none; }\n  #ppi-home .floating-chip{ font-size:8px; }\n  #ppi-home .service-grid{ grid-auto-rows:330px; }\n  #ppi-home .credential-board{ grid-template-columns:1fr; }\n  #ppi-home .card-large{ grid-column:auto; }\n  #ppi-home .process-rail{ grid-template-columns:1fr; }\n  #ppi-home .section-head-dark{ grid-template-columns:1fr; }\n  #ppi-home .slider-controls{ justify-self:start; }\n}\n\n@media (prefers-reduced-motion: reduce){\n  #ppi-home{ scroll-behavior:auto; }\n  #ppi-home *, #ppi-home *::before, #ppi-home *::after{ animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; }\n  #ppi-home .reveal{ opacity:1; transform:none; }\n}\n\n#ppi-home{width:100%;max-width:100%;margin:0;padding:0;position:relative;isolation:isolate;font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden;}\n#ppi-home .site-shell{width:100%;max-width:none;margin:0;padding:0;}\n#ppi-home p,#ppi-home h1,#ppi-home h2,#ppi-home h3,#ppi-home figure{margin-top:0;}\n\n\/* =========================\n   PREMIUM REFINEMENTS \u00b7 V2\n   ========================= *\/\n#ppi-home{\n  --ink:#050f1e;\n  --ink-2:#0a1b31;\n  --navy:#0b315e;\n  --blue:#145aa4;\n  --blue-bright:#2b7bd1;\n  --red:#e22543;\n  --paper:#f5f7fa;\n  --cream:#edf1f5;\n}\n#ppi-home .container{width:min(1350px,calc(100% - 56px));}\n#ppi-home .section-dark{background:linear-gradient(145deg,#040d19 0%,#071526 50%,#0a203a 100%);}\n#ppi-home .section-ink{background:linear-gradient(145deg,#071427 0%,#0a223e 60%,#0d2d52 100%);}\n#ppi-home .section-dark h1,#ppi-home .section-dark h2,#ppi-home .section-dark h3,#ppi-home .section-dark h4,#ppi-home .section-dark p,#ppi-home .section-dark li,#ppi-home .section-dark blockquote,#ppi-home .section-dark strong,\n#ppi-home .section-ink h1,#ppi-home .section-ink h2,#ppi-home .section-ink h3,#ppi-home .section-ink h4,#ppi-home .section-ink p,#ppi-home .section-ink li,#ppi-home .section-ink blockquote,#ppi-home .section-ink strong{color:#fff;}\n#ppi-home .section-dark .eyebrow,#ppi-home .section-ink .eyebrow{color:rgba(255,255,255,.84);}\n#ppi-home .section-dark .section-intro,#ppi-home .section-ink .section-intro,#ppi-home .section-dark .microcopy,#ppi-home .section-ink .microcopy{color:rgba(255,255,255,.8);}\n#ppi-home .hero{padding-top:34px;}\n#ppi-home .hero-layout{grid-template-columns:1fr 1fr;gap:88px;min-height:calc(100svh - 64px);}\n#ppi-home .hero-copy{max-width:760px;}\n#ppi-home .hero h1{font-size:clamp(4.2rem,6.7vw,8.25rem);line-height:.86;}\n#ppi-home .hero-lead{color:rgba(255,255,255,.86);max-width:700px;font-size:clamp(1rem,1.13vw,1.15rem);}\n#ppi-home .hero::after{content:\"\";position:absolute;left:0;right:0;bottom:64px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);pointer-events:none;}\n#ppi-home .hero-stage::after{content:\"\";position:absolute;width:70%;height:60%;right:4%;top:19%;background:radial-gradient(circle,rgba(33,105,183,.28),transparent 65%);filter:blur(40px);z-index:-1;}\n#ppi-home .media-card{border-color:rgba(255,255,255,.18);box-shadow:0 38px 90px rgba(0,0,0,.34);}\n#ppi-home .media-main{width:74%;}\n#ppi-home .about{background:linear-gradient(180deg,#f8fafc,#eef3f8);}\n#ppi-home .about-copy .display{max-width:980px;}\n#ppi-home .services{position:relative;overflow:hidden;}\n#ppi-home .services::before{content:\"\";position:absolute;width:600px;height:600px;border-radius:50%;right:-270px;top:3%;background:radial-gradient(circle,rgba(43,123,209,.18),transparent 66%);pointer-events:none;}\n#ppi-home .services::after{content:\"\";position:absolute;width:520px;height:520px;border-radius:50%;left:-280px;bottom:3%;background:radial-gradient(circle,rgba(226,37,67,.13),transparent 67%);pointer-events:none;}\n#ppi-home .service-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:410px;gap:18px;}\n#ppi-home .service-feature{grid-column:span 2;}\n#ppi-home .service-card{min-height:410px;border-radius:24px;background:#0b1b30;border-color:rgba(255,255,255,.13);box-shadow:0 18px 50px rgba(0,0,0,.12);}\n#ppi-home .service-card:nth-child(2),#ppi-home .service-card:nth-child(5),#ppi-home .service-card:nth-child(6){grid-column:span 2;}\n#ppi-home .service-image::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,11,22,.02) 20%,rgba(4,11,22,.28) 52%,rgba(4,11,22,.92) 100%);}\n#ppi-home .service-overlay{background:linear-gradient(180deg,rgba(3,10,20,.02) 20%,rgba(3,10,20,.38) 64%,rgba(3,10,20,.9) 100%);}\n#ppi-home .service-content p{color:#fff;opacity:.82;}\n#ppi-home .service-content h3{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.28);}\n#ppi-home .service-content .microcopy{color:rgba(255,255,255,.82);}\n#ppi-home .service-card:hover{transform:translateY(-10px) scale(1.006);border-color:rgba(255,255,255,.34);}\n#ppi-home .arrow-icon{background:rgba(5,15,30,.38);backdrop-filter:blur(10px);}\n\n#ppi-home .environments{padding:45px 0 145px;position:relative;overflow:hidden;}\n#ppi-home .environments::before{content:\"\";position:absolute;inset:auto 5% 0;width:90%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);}\n#ppi-home .env-top{display:grid;grid-template-columns:1.15fr .55fr;gap:90px;align-items:end;margin-bottom:52px;}\n#ppi-home .env-top .display{font-size:clamp(2.8rem,4.7vw,5.6rem);}\n#ppi-home .env-top>p{margin:0;color:#fff;opacity:.78;line-height:1.8;}\n#ppi-home .env-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}\n#ppi-home .env-card{position:relative;min-height:315px;padding:28px 26px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.025));overflow:hidden;transition:transform .35s ease,border-color .35s ease,background .35s ease;}\n#ppi-home .env-card::after{content:\"\";position:absolute;width:190px;height:190px;border-radius:50%;right:-95px;bottom:-105px;background:radial-gradient(circle,rgba(43,123,209,.3),transparent 65%);transition:transform .4s ease;}\n#ppi-home .env-card:nth-child(2)::after,#ppi-home .env-card:nth-child(4)::after{background:radial-gradient(circle,rgba(226,37,67,.22),transparent 65%);}\n#ppi-home .env-card:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.28);background:linear-gradient(150deg,rgba(255,255,255,.1),rgba(255,255,255,.035));}\n#ppi-home .env-card:hover::after{transform:scale(1.25);}\n#ppi-home .env-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:22px;margin-bottom:58px;color:#fff;}\n#ppi-home .env-card>span{font:700 10px\/1 var(--font-display);letter-spacing:.14em;color:var(--red);}\n#ppi-home .env-card h3{margin:13px 0 12px;font:600 24px\/1.05 var(--font-display);letter-spacing:-.04em;color:#fff;}\n#ppi-home .env-card p{margin:0;color:#fff;opacity:.72;font-size:13px;line-height:1.7;}\n\n#ppi-home .why{background:#fff;}\n#ppi-home .why-title-wrap .display span{color:var(--red);}\n#ppi-home .project-panel{background:linear-gradient(145deg,#08182b,#0c2747);border-color:rgba(255,255,255,.13);box-shadow:0 24px 75px rgba(0,0,0,.15);}\n#ppi-home .project-copy p{color:#fff;opacity:.76;}\n#ppi-home .project-copy>span{color:#ff536d;}\n#ppi-home .process{background:linear-gradient(125deg,#d91f3d,#ec2a48 55%,#c71532);}\n#ppi-home .process-rail p{color:#fff;opacity:.82;}\n#ppi-home .coverage{background:linear-gradient(145deg,#06111f,#0a2340 58%,#0b3158);}\n#ppi-home .coverage-copy p:last-child{color:#fff;opacity:.78;}\n#ppi-home .city-cloud span{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.16);color:#fff;}\n#ppi-home .final-cta .cta-inner>p:not(.eyebrow){color:#fff;opacity:.78;}\n#ppi-home .cta-signoff{color:rgba(255,255,255,.58);}\n#ppi-home .section-red h1,#ppi-home .section-red h2,#ppi-home .section-red h3,#ppi-home .section-red p{color:#fff;}\n\n@media(max-width:1180px){\n  #ppi-home .service-grid{grid-template-columns:repeat(2,1fr);}\n  #ppi-home .service-card:nth-child(2),#ppi-home .service-card:nth-child(5),#ppi-home .service-card:nth-child(6){grid-column:auto;}\n  #ppi-home .env-grid{grid-template-columns:repeat(2,1fr);}\n}\n@media(max-width:1080px){\n  #ppi-home .hero-layout{grid-template-columns:1fr;gap:30px;}\n}\n@media(max-width:760px){\n  #ppi-home .container{width:min(100% - 28px,1350px);}\n  #ppi-home .hero{padding-top:24px;}\n  #ppi-home .service-grid{grid-template-columns:1fr;}\n  #ppi-home .service-feature,#ppi-home .service-card:nth-child(2),#ppi-home .service-card:nth-child(5),#ppi-home .service-card:nth-child(6){grid-column:auto;}\n  #ppi-home .env-top{grid-template-columns:1fr;gap:22px;}\n  #ppi-home .env-grid{grid-template-columns:1fr;}\n  #ppi-home .environments{padding:20px 0 95px;}\n  #ppi-home .env-card{min-height:275px;}\n}\n\n\n\/* HERO TITLE COMPOSITION \u2014 controlled line breaks for Elementor *\/\n#ppi-home .hero-copy{\n  width:100%;\n  max-width:720px;\n}\n#ppi-home .hero-title{\n  width:100%;\n  max-width:none !important;\n  margin:0;\n  font-family:var(--font-display);\n  font-size:clamp(4.4rem,5.65vw,7.15rem) !important;\n  line-height:.875 !important;\n  letter-spacing:-.068em !important;\n  font-weight:600;\n  text-wrap:balance;\n}\n#ppi-home .hero-title .hero-line{\n  display:block;\n  width:max-content;\n  max-width:100%;\n  white-space:nowrap;\n  position:relative;\n}\n#ppi-home .hero-title .hero-line-solid{\n  color:#fff !important;\n  -webkit-text-stroke:0 !important;\n}\n#ppi-home .hero-title .hero-line-outline{\n  margin-top:.08em;\n  color:transparent !important;\n  -webkit-text-stroke:1.35px rgba(255,255,255,.86) !important;\n  letter-spacing:-.072em;\n}\n#ppi-home .hero-title .hero-line-outline::after{\n  content:\"\";\n  position:absolute;\n  left:.02em;\n  bottom:-.17em;\n  width:2.15em;\n  height:.055em;\n  min-height:5px;\n  background:var(--red);\n  transform:skewX(-24deg);\n  border-radius:99px;\n}\n\/* Remove old generic h1 span treatment *\/\n#ppi-home .hero h1 span::after{content:none;}\n#ppi-home .hero-title .hero-line-outline::after{content:\"\";}\n\n\/* Keep hero copy and visual balanced at the 1350px content width *\/\n@media (min-width:1081px){\n  #ppi-home .hero-layout{\n    grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);\n    gap:72px;\n  }\n}\n@media (min-width:1500px){\n  #ppi-home .hero-copy{max-width:735px;}\n  #ppi-home .hero-title{font-size:clamp(5.7rem,5.45vw,7.35rem) !important;}\n}\n@media (max-width:1280px) and (min-width:1081px){\n  #ppi-home .hero-copy{max-width:650px;}\n  #ppi-home .hero-title{font-size:clamp(4.4rem,5.8vw,6.2rem) !important;}\n  #ppi-home .hero-layout{gap:46px;}\n}\n@media (max-width:1080px){\n  #ppi-home .hero-copy{max-width:790px;}\n  #ppi-home .hero-title{font-size:clamp(4.25rem,9.2vw,6.8rem) !important;}\n}\n@media (max-width:760px){\n  #ppi-home .hero-title{font-size:clamp(3.25rem,15.1vw,5.15rem) !important;line-height:.9 !important;letter-spacing:-.064em !important;}\n  #ppi-home .hero-title .hero-line-outline{-webkit-text-stroke:1px rgba(255,255,255,.86) !important;}\n}\n@media (max-width:460px){\n  #ppi-home .hero-title{font-size:clamp(2.85rem,14.6vw,4.2rem) !important;letter-spacing:-.06em !important;}\n}\n\n\/* Hero badge contrast fix *\/\n#ppi-home .section-dark .stage-badge strong,\n#ppi-home .stage-badge strong{\n  color:var(--ink) !important;\n}\n\n\n#ppi-home .btn-whatsapp{background:#25D366;color:#fff;border:1px solid #25D366;box-shadow:0 12px 30px rgba(37,211,102,.18);}\n#ppi-home .btn-whatsapp:hover{background:#1fb85a;border-color:#1fb85a;color:#fff;transform:translateY(-2px);}\n<\/style>\n<div id=\"ppi-home\">\n<main class=\"site-shell\">\n<!-- HERO \u2014 intentionally no site header\/navigation per brief -->\n<section aria-labelledby=\"hero-title\" class=\"hero section-dark\" id=\"top\">\n<div aria-hidden=\"true\" class=\"hero-grid\"><\/div>\n<div aria-hidden=\"true\" class=\"hero-glow hero-glow-one\"><\/div>\n<div aria-hidden=\"true\" class=\"hero-glow hero-glow-two\"><\/div>\n<div class=\"container hero-layout\">\n<div class=\"hero-copy reveal\">\n<p class=\"eyebrow\"><span class=\"eyebrow-dot\"><\/span> Construction Solutions \u00b7 Saudi Arabia<\/p>\n<h1 id=\"hero-title\" class=\"hero-title\">\n<span class=\"hero-line hero-line-solid\">Protection<\/span>\n<span class=\"hero-line hero-line-solid\">Engineered for<\/span>\n<span class=\"hero-line hero-line-outline\">What Lasts.<\/span>\n<\/h1>\n<p class=\"hero-lead\">Professional waterproofing, protective coating, epoxy flooring, spray foam, asphalt paving and road construction for commercial, industrial, residential and infrastructure projects.<\/p>\n<div class=\"hero-actions\">\n<a class=\"btn btn-primary magnetic\" href=\"#services\">Explore our solutions <span>\u2197<\/span><\/a>\n<a class=\"btn btn-ghost magnetic\" href=\"#projects\">View project capabilities <span>\u2193<\/span><\/a>\n<a class=\"btn btn-whatsapp magnetic\" href=\"https:\/\/wa.me\/966590649702\" target=\"_blank\" rel=\"noopener noreferrer\">WhatsApp us <span>\u2197<\/span><\/a>\n<\/div>\n<div aria-label=\"Company capability highlights\" class=\"hero-proof\">\n<div class=\"proof-item\"><strong>08<\/strong><span>Specialized systems<\/span><\/div>\n<div class=\"proof-line\"><\/div>\n<div class=\"proof-item\"><strong>KSA<\/strong><span>Multi-city coverage<\/span><\/div>\n<div class=\"proof-line\"><\/div>\n<div class=\"proof-item\"><strong>Q+C<\/strong><span>Quality &amp; compliance<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"hero-stage reveal\" data-delay=\"150\">\n<div aria-hidden=\"true\" class=\"stage-orbit orbit-one\"><\/div>\n<div aria-hidden=\"true\" class=\"stage-orbit orbit-two\"><\/div>\n<div class=\"stage-core\" id=\"hero3d\">\n<figure class=\"media-card media-main\" data-depth=\"1.0\">\n<img decoding=\"async\" alt=\"Protective coating application on a construction project\" src=\"https:\/\/primeprojectsinternational.com\/wp-content\/uploads\/2026\/08\/maxresdefault.jpg\"\/>\n<figcaption><span>01<\/span> Polyurea protection<\/figcaption>\n<\/figure>\n<figure class=\"media-card media-small media-asphalt\" data-depth=\"1.6\">\n<img decoding=\"async\" alt=\"Asphalt paving crew working on a road surface\" src=\"https:\/\/primeprojectsinternational.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-07-12-at-5.14.40-AM-1.jpeg\"\/>\n<figcaption>Road works<\/figcaption>\n<\/figure>\n<figure class=\"media-card media-small media-epoxy\" data-depth=\"2.1\">\n<img decoding=\"async\" alt=\"Completed glossy epoxy flooring\" src=\"https:\/\/primeprojectsinternational.com\/wp-content\/uploads\/2026\/08\/after_2.jpg\"\/>\n<figcaption>Epoxy systems<\/figcaption>\n<\/figure>\n<div class=\"floating-chip chip-one\" data-depth=\"2.5\">Waterproofing <span>\u2197<\/span><\/div>\n<div class=\"floating-chip chip-two\" data-depth=\"1.8\">Industrial <span>\u25cf<\/span><\/div>\n<div class=\"stage-badge\" data-depth=\"1.3\">\n<span class=\"badge-ring\"><\/span>\n<strong>Built for<br\/>Saudi conditions<\/strong>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div aria-label=\"Service categories\" class=\"hero-marquee\">\n<div class=\"marquee-track\">\n<span>WATERPROOFING<\/span><i><\/i><span>PROTECTIVE COATINGS<\/span><i><\/i><span>EPOXY FLOORING<\/span><i><\/i><span>ASPHALT PAVING<\/span><i><\/i><span>ROAD CONSTRUCTION<\/span><i><\/i><span>SPRAY FOAM<\/span><i><\/i>\n<span>WATERPROOFING<\/span><i><\/i><span>PROTECTIVE COATINGS<\/span><i><\/i><span>EPOXY FLOORING<\/span><i><\/i><span>ASPHALT PAVING<\/span><i><\/i><span>ROAD CONSTRUCTION<\/span><i><\/i><span>SPRAY FOAM<\/span><i><\/i>\n<\/div>\n<\/div>\n<\/section>\n<!-- ABOUT -->\n<section aria-labelledby=\"about-title\" class=\"about section-light\" id=\"about\">\n<div class=\"container about-grid\">\n<div class=\"about-label reveal\">\n<p class=\"eyebrow eyebrow-dark\"><span class=\"eyebrow-dot\"><\/span> About PPI<\/p>\n<div class=\"vertical-note\">Precision \/ Protection \/ Performance<\/div>\n<\/div>\n<div class=\"about-copy reveal\" data-delay=\"100\">\n<h2 class=\"display\" id=\"about-title\">One technical partner for the surfaces, structures and infrastructure that matter.<\/h2>\n<p>Prime Projects International provides construction and specialized protection solutions across Saudi Arabia. Our approach combines suitable material selection, disciplined surface preparation, professional application and quality-focused project execution.<\/p>\n<a class=\"text-link\" href=\"https:\/\/primeprojectsinternational.com\/index.php\/about-us\/\" rel=\"noopener\" target=\"_blank\">Discover the company <span>\u2197<\/span><\/a>\n<\/div>\n<div class=\"about-visual reveal\" data-delay=\"180\">\n<div class=\"blueprint-card tilt-card\">\n<div aria-hidden=\"true\" class=\"blueprint-lines\"><\/div>\n<div class=\"bp-top\"><span>PROJECT SYSTEM<\/span><span>SA \/ 2026<\/span><\/div>\n<div class=\"bp-shape\">\n<span class=\"bp-layer layer-a\">01<\/span>\n<span class=\"bp-layer layer-b\">02<\/span>\n<span class=\"bp-layer layer-c\">03<\/span>\n<\/div>\n<div class=\"bp-bottom\">\n<span>ASSESS<\/span><span>SPECIFY<\/span><span>APPLY<\/span><span>INSPECT<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- SERVICES -->\n<section aria-labelledby=\"services-title\" class=\"services section-ink\" id=\"services\">\n<div class=\"container\">\n<div class=\"section-head reveal\">\n<div>\n<p class=\"eyebrow\"><span class=\"eyebrow-dot\"><\/span> What we do<\/p>\n<h2 class=\"display\" id=\"services-title\">Specialized systems.<br\/><span>Serious performance.<\/span><\/h2>\n<\/div>\n<p class=\"section-intro\">Eight focused service lines covering waterproofing, insulation, protective flooring and road infrastructure\u2014selected around the substrate, exposure and performance requirements of each project.<\/p>\n<\/div>\n<div class=\"service-grid\">\n<a class=\"service-card service-feature reveal\" href=\"https:\/\/primeprojectsinternational.com\/index.php\/polyurea-waterproofing-protective-coating\/\" rel=\"noopener\" target=\"_blank\">\n<div class=\"service-image\"><img decoding=\"async\" alt=\"Polyurea coating application\" src=\"https:\/\/primeprojectsinternational.com\/wp-content\/uploads\/2026\/08\/maxresdefault.jpg\"\/><\/div>\n<div class=\"service-overlay\"><\/div>\n<div class=\"service-top\"><span class=\"service-no\">01<\/span><span class=\"arrow-icon\">\u2197<\/span><\/div>\n<div class=\"service-content\"><p>Fast-curing \u00b7 seamless \u00b7 durable<\/p><h3>Polyurea Waterproofing &amp; Protective Coating<\/h3><\/div>\n<\/a>\n<a class=\"service-card reveal\" data-delay=\"60\" href=\"https:\/\/primeprojectsinternational.com\/index.php\/epoxy-coating-flooring-systems-in-saudi-arabia\/\" rel=\"noopener\" target=\"_blank\">\n<div class=\"service-image\"><img decoding=\"async\" alt=\"Epoxy floor coating system\" src=\"https:\/\/primeprojectsinternational.com\/wp-content\/uploads\/2026\/08\/after_2.jpg\"\/><\/div>\n<div class=\"service-overlay\"><\/div><div class=\"service-top\"><span class=\"service-no\">02<\/span><span class=\"arrow-icon\">\u2197<\/span><\/div>\n<div class=\"service-content\"><p>Industrial \u00b7 commercial \u00b7 heavy-duty<\/p><h3>Epoxy Coating &amp; Flooring Systems<\/h3><\/div>\n<\/a>\n<a class=\"service-card reveal\" data-delay=\"90\" href=\"https:\/\/primeprojectsinternational.com\/index.php\/asphalt-paving-road-construction\/\" rel=\"noopener\" target=\"_blank\">\n<div class=\"service-image\"><img decoding=\"async\" alt=\"Asphalt paving and road construction\" src=\"https:\/\/primeprojectsinternational.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-07-12-at-5.14.40-AM-1.jpeg\"\/><\/div>\n<div class=\"service-overlay\"><\/div><div class=\"service-top\"><span class=\"service-no\">03<\/span><span class=\"arrow-icon\">\u2197<\/span><\/div>\n<div class=\"service-content\"><p>Roads \u00b7 parking \u00b7 access routes<\/p><h3>Asphalt Paving &amp; Road Construction<\/h3><\/div>\n<\/a>\n<a class=\"service-card reveal\" href=\"https:\/\/primeprojectsinternational.com\/index.php\/bituminous-membrane-waterproofing\/\" rel=\"noopener\" target=\"_blank\">\n<div class=\"service-image\"><img decoding=\"async\" alt=\"Bituminous membrane waterproofing application\" src=\"https:\/\/primeprojectsinternational.com\/wp-content\/uploads\/2026\/08\/Industrial-Felt-Roof-All-Seasons-Industrial-Roofing.webp\"\/><\/div>\n<div class=\"service-overlay\"><\/div><div class=\"service-top\"><span class=\"service-no\">04<\/span><span class=\"arrow-icon\">\u2197<\/span><\/div>\n<div class=\"service-content\"><p>Roofs \u00b7 basements \u00b7 foundations<\/p><h3>Bituminous Membrane Waterproofing<\/h3><\/div>\n<\/a>\n<a class=\"service-card reveal\" data-delay=\"60\" href=\"https:\/\/primeprojectsinternational.com\/index.php\/polyurethane-spray-foam\/\" rel=\"noopener\" target=\"_blank\">\n<div class=\"service-image\"><img decoding=\"async\" alt=\"Polyurethane spray foam application\" src=\"https:\/\/primeprojectsinternational.com\/wp-content\/uploads\/2026\/08\/0322_JM_BI_Blog_04.jpg\"\/><\/div>\n<div class=\"service-overlay\"><\/div><div class=\"service-top\"><span class=\"service-no\">05<\/span><span class=\"arrow-icon\">\u2197<\/span><\/div>\n<div class=\"service-content\"><p>Waterproofing \u00b7 thermal insulation<\/p><h3>Polyurethane Spray Foam<\/h3><\/div>\n<\/a>\n<a class=\"service-card reveal\" data-delay=\"90\" href=\"https:\/\/primeprojectsinternational.com\/index.php\/pvc-waterproofing\/\" rel=\"noopener\" target=\"_blank\">\n<div class=\"service-image\"><img decoding=\"async\" alt=\"PVC waterproofing membrane installation on a roof\" loading=\"lazy\" src=\"https:\/\/primeprojectsinternational.com\/wp-content\/uploads\/2026\/08\/PVC_Roofing_Membranes.png\"\/><\/div>\n<div class=\"service-overlay\"><\/div>\n<div class=\"service-top\"><span class=\"service-no\">06<\/span><span class=\"arrow-icon\">\u2197<\/span><\/div>\n<div class=\"service-content\"><p>Flexible membrane protection<\/p><h3>PVC Waterproofing<\/h3><span class=\"microcopy\">Roofs \u00b7 tunnels \u00b7 foundations \u00b7 infrastructure<\/span><\/div>\n<\/a>\n<a class=\"service-card reveal\" href=\"https:\/\/primeprojectsinternational.com\/index.php\/acrylic-waterproofing\/\" rel=\"noopener\" target=\"_blank\">\n<div class=\"service-image\"><img decoding=\"async\" alt=\"Acrylic waterproofing coating applied to a roof\" loading=\"lazy\" src=\"https:\/\/primeprojectsinternational.com\/wp-content\/uploads\/2026\/08\/ac9c4b2bb7fccfa90029e379d6924a1f.jpg\"\/><\/div>\n<div class=\"service-overlay\"><\/div>\n<div class=\"service-top\"><span class=\"service-no\">07<\/span><span class=\"arrow-icon\">\u2197<\/span><\/div>\n<div class=\"service-content\"><p>Liquid-applied protection<\/p><h3>Acrylic Waterproofing<\/h3><span class=\"microcopy\">Roofs \u00b7 terraces \u00b7 walls \u00b7 concrete surfaces<\/span><\/div>\n<\/a>\n<a class=\"service-card reveal\" data-delay=\"60\" href=\"https:\/\/primeprojectsinternational.com\/index.php\/cementitious-waterproofing\/\" rel=\"noopener\" target=\"_blank\">\n<div class=\"service-image\"><img decoding=\"async\" alt=\"Cementitious waterproofing coating application\" loading=\"lazy\" src=\"https:\/\/primeprojectsinternational.com\/wp-content\/uploads\/2026\/08\/IMAG1628_2.jpg\"\/><\/div>\n<div class=\"service-overlay\"><\/div>\n<div class=\"service-top\"><span class=\"service-no\">08<\/span><span class=\"arrow-icon\">\u2197<\/span><\/div>\n<div class=\"service-content\"><p>Cement-based protection<\/p><h3>Cementitious Waterproofing<\/h3><span class=\"microcopy\">Basements \u00b7 water tanks \u00b7 wet areas \u00b7 masonry<\/span><\/div>\n<\/a>\n<\/div>\n<div class=\"hero-actions\" style=\"justify-content:center;margin-top:34px;\">\n<a class=\"btn btn-whatsapp magnetic\" href=\"https:\/\/wa.me\/966590649702\" target=\"_blank\" rel=\"noopener noreferrer\">Discuss a service on WhatsApp <span>\u2197<\/span><\/a>\n<\/div>\n<\/div>\n<\/section>\n<!-- APPLICATION ENVIRONMENTS -->\n<section class=\"environments section-dark\" aria-labelledby=\"environments-title\">\n  <div class=\"container\">\n    <div class=\"env-top reveal\">\n      <div>\n        <p class=\"eyebrow\"><span class=\"eyebrow-dot\"><\/span> Built around the application<\/p>\n        <h2 class=\"display\" id=\"environments-title\">One portfolio. <span>Multiple project environments.<\/span><\/h2>\n      <\/div>\n      <p>Different substrates and exposure conditions demand different systems. We align the solution with where it has to perform\u2014not just what the product is called.<\/p>\n    <\/div>\n    <div class=\"env-grid\">\n      <article class=\"env-card reveal\">\n        <div class=\"env-icon\">\u2302<\/div><span>01<\/span><h3>Roofs &amp; Building Envelopes<\/h3><p>Waterproofing, membrane, coating and thermal-insulation systems for exposed roof and envelope conditions.<\/p>\n      <\/article>\n      <article class=\"env-card reveal\" data-delay=\"60\">\n        <div class=\"env-icon\">\u25a6<\/div><span>02<\/span><h3>Industrial Floors &amp; Facilities<\/h3><p>Protective flooring and coating solutions for warehouses, factories, workshops, garages and demanding concrete areas.<\/p>\n      <\/article>\n      <article class=\"env-card reveal\" data-delay=\"120\">\n        <div class=\"env-icon\">\u25eb<\/div><span>03<\/span><h3>Below-Ground Structures<\/h3><p>Systems for suitable basements, foundations, tanks, tunnels, wet areas and other moisture-exposed concrete structures.<\/p>\n      <\/article>\n      <article class=\"env-card reveal\" data-delay=\"180\">\n        <div class=\"env-icon\">\u21a0<\/div><span>04<\/span><h3>Roads &amp; External Works<\/h3><p>Asphalt paving and road construction for access roads, parking areas, industrial sites and infrastructure applications.<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- WHY CHOOSE US -->\n<section aria-labelledby=\"why-title\" class=\"why section-light\" id=\"why-us\">\n<div class=\"container why-grid\">\n<div class=\"why-title-wrap reveal\">\n<p class=\"eyebrow eyebrow-dark\"><span class=\"eyebrow-dot\"><\/span> Why choose us<\/p>\n<h2 class=\"display\" id=\"why-title\">Execution built around <span>the details others skip.<\/span><\/h2>\n<p>Performance starts before application. We focus on the full technical sequence\u2014from assessment and preparation to material compatibility, detailing, application and inspection.<\/p>\n<\/div>\n<div class=\"why-list\">\n<article class=\"why-item reveal\" data-delay=\"50\">\n<div class=\"why-index\">01<\/div><div><h3>System-first thinking<\/h3><p>Solutions are matched to the surface, environment, usage and project specification\u2014not treated as one-size-fits-all.<\/p><\/div><span class=\"why-symbol\">\u25ce<\/span>\n<\/article>\n<article class=\"why-item reveal\" data-delay=\"80\">\n<div class=\"why-index\">02<\/div><div><h3>Surface preparation discipline<\/h3><p>Cleaning, repair and substrate preparation are treated as essential stages for adhesion, finish and long-term performance.<\/p><\/div><span class=\"why-symbol\">\u25c7<\/span>\n<\/article>\n<article class=\"why-item reveal\" data-delay=\"110\">\n<div class=\"why-index\">03<\/div><div><h3>Professional application<\/h3><p>Modern equipment, trained application practices and accurate detailing support reliable delivery on demanding sites.<\/p><\/div><span class=\"why-symbol\">\u25b3<\/span>\n<\/article>\n<article class=\"why-item reveal\" data-delay=\"140\">\n<div class=\"why-index\">04<\/div><div><h3>Quality &amp; compliance focus<\/h3><p>Credential-backed processes and project-stage inspection help keep execution aligned with relevant requirements and specifications.<\/p><\/div><span class=\"why-symbol\">\u25a1<\/span>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n<!-- PROJECTS \/ CAPABILITIES -->\n<section aria-labelledby=\"projects-title\" class=\"projects section-dark\" id=\"projects\">\n<div class=\"container\">\n<div class=\"section-head reveal\">\n<div>\n<p class=\"eyebrow\"><span class=\"eyebrow-dot\"><\/span> Project capabilities<\/p>\n<h2 class=\"display\" id=\"projects-title\">From roofline to roadway.<\/h2>\n<\/div>\n<p class=\"section-intro\">A visual snapshot of the work categories represented across Prime Projects International\u2019s current service portfolio.<\/p>\n<\/div>\n<div class=\"project-stack\">\n<article class=\"project-panel reveal\">\n<div class=\"project-media\">\n<img decoding=\"async\" alt=\"Protective coating system being applied\" src=\"https:\/\/primeprojectsinternational.com\/wp-content\/uploads\/2026\/08\/maxresdefault.jpg\"\/>\n<\/div>\n<div class=\"project-copy\"><span>01 \/ Protective Coatings<\/span><h3>Seamless protection for demanding environments.<\/h3><p>Polyurea systems for suitable roofs, industrial areas, concrete, tanks, parking areas and other high-demand applications.<\/p><\/div>\n<\/article>\n<article class=\"project-panel project-panel-reverse reveal\">\n<div class=\"project-media\">\n<img decoding=\"async\" alt=\"High-gloss epoxy floor finish\" src=\"https:\/\/primeprojectsinternational.com\/wp-content\/uploads\/2026\/08\/after_2.jpg\"\/>\n<\/div>\n<div class=\"project-copy\"><span>02 \/ Industrial Flooring<\/span><h3>Clean, durable floors engineered for daily use.<\/h3><p>Epoxy systems for factories, warehouses, workshops, garages, commercial spaces and heavy-duty concrete floors.<\/p><\/div>\n<\/article>\n<article class=\"project-panel reveal\">\n<div class=\"project-media\">\n<img decoding=\"async\" alt=\"Asphalt paving project underway\" src=\"https:\/\/primeprojectsinternational.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-07-12-at-5.14.40-AM-1.jpeg\"\/>\n<\/div>\n<div class=\"project-copy\"><span>03 \/ Roads &amp; Paving<\/span><h3>Prepared, paved and compacted for dependable movement.<\/h3><p>Asphalt paving, road construction, rehabilitation, parking areas, access roads, driveways and industrial road applications.<\/p><\/div>\n<\/article>\n<article class=\"project-panel project-panel-reverse reveal\">\n<div class=\"project-media\">\n<img decoding=\"async\" alt=\"Bituminous waterproofing membrane being installed\" src=\"https:\/\/primeprojectsinternational.com\/wp-content\/uploads\/2026\/08\/Industrial-Felt-Roof-All-Seasons-Industrial-Roofing.webp\"\/>\n<\/div>\n<div class=\"project-copy\"><span>04 \/ Waterproofing<\/span><h3>Layered defense against water, moisture and exposure.<\/h3><p>Membrane and coating options for roofs, basements, foundations, concrete structures, wet areas and below-ground applications.<\/p><\/div>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n<!-- PROCESS -->\n<section aria-labelledby=\"process-title\" class=\"process section-red\">\n<div class=\"container\">\n<div class=\"process-head reveal\">\n<p class=\"eyebrow eyebrow-white\"><span class=\"eyebrow-dot\"><\/span> How we work<\/p>\n<h2 class=\"display\" id=\"process-title\">A controlled path from site condition to finished system.<\/h2>\n<\/div>\n<div class=\"process-rail reveal\" data-delay=\"100\">\n<div class=\"process-line\"><span class=\"process-progress\" id=\"processProgress\"><\/span><\/div>\n<article><span>01<\/span><h3>Assess<\/h3><p>Project requirements, exposure, substrate and performance needs.<\/p><\/article>\n<article><span>02<\/span><h3>Specify<\/h3><p>Suitable material system and application approach for the project.<\/p><\/article>\n<article><span>03<\/span><h3>Prepare<\/h3><p>Cleaning, repair, profiling and detailing of the application surface.<\/p><\/article>\n<article><span>04<\/span><h3>Apply<\/h3><p>Professional installation using appropriate tools, methods and controls.<\/p><\/article>\n<article><span>05<\/span><h3>Inspect<\/h3><p>Quality checks, finishing and project-stage verification before handover.<\/p><\/article>\n<\/div>\n<\/div>\n<\/section>\n<!-- CREDENTIALS -->\n<section aria-labelledby=\"credentials-title\" class=\"credentials section-light\" id=\"credentials\">\n<div class=\"container credentials-grid\">\n<div class=\"credentials-copy reveal\">\n<p class=\"eyebrow eyebrow-dark\"><span class=\"eyebrow-dot\"><\/span> Credentials<\/p>\n<h2 class=\"display\" id=\"credentials-title\">Confidence backed by documented professional credentials.<\/h2>\n<p>The company\u2019s current credentials page presents Saudi business documentation alongside approved-applicator certifications from recognized construction-material suppliers.<\/p>\n<a class=\"btn btn-dark magnetic\" href=\"https:\/\/primeprojectsinternational.com\/index.php\/certifications-company-credentials\/\" rel=\"noopener\" target=\"_blank\">View credentials <span>\u2197<\/span><\/a>\n<a class=\"btn btn-whatsapp magnetic\" style=\"margin-top:12px;\" href=\"https:\/\/wa.me\/966590649702\" target=\"_blank\" rel=\"noopener noreferrer\">Contact us on WhatsApp <span>\u2197<\/span><\/a>\n<\/div>\n<div class=\"credential-board reveal\" data-delay=\"120\">\n<div class=\"credential-card card-large tilt-card\">\n<span class=\"cred-kicker\">APPROVED APPLICATOR<\/span>\n<strong>Waterproofing<br\/>Flooring<br\/>Concrete repair<\/strong>\n<span class=\"cred-stamp\">PPI \/ KSA<\/span>\n<\/div>\n<div class=\"credential-card tilt-card\"><span>01<\/span><strong>BUILCHEM<\/strong><small>Certified applicator<\/small><\/div>\n<div class=\"credential-card tilt-card\"><span>02<\/span><strong>BCI<\/strong><small>Approved applicator<\/small><\/div>\n<div class=\"credential-card tilt-card\"><span>03<\/span><strong>ICC<\/strong><small>Recommended applicator<\/small><\/div>\n<div class=\"credential-card tilt-card\"><span>04<\/span><strong>SABIT<\/strong><small>Approved applicator<\/small><\/div>\n<div class=\"credential-card tilt-card\"><span>05<\/span><strong>SAVETO<\/strong><small>Applicator certificate<\/small><\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- COVERAGE -->\n<section aria-labelledby=\"coverage-title\" class=\"coverage section-ink\">\n<div aria-hidden=\"true\" class=\"coverage-map-lines\"><\/div>\n<div class=\"container coverage-grid\">\n<div class=\"coverage-copy reveal\">\n<p class=\"eyebrow\"><span class=\"eyebrow-dot\"><\/span> Saudi-wide capability<\/p>\n<h2 class=\"display\" id=\"coverage-title\">Built to mobilize where your project needs us.<\/h2>\n<p>Service pages currently identify coverage across major Saudi cities and other project locations throughout the Kingdom.<\/p>\n<\/div>\n<div aria-label=\"Saudi Arabia service locations\" class=\"city-cloud reveal\" data-delay=\"80\">\n<span>Riyadh<\/span><span>Jeddah<\/span><span>Dammam<\/span><span>Khobar<\/span><span>Jubail<\/span><span>Mecca<\/span><span>Medina<\/span><span>Across KSA<\/span>\n<\/div>\n<\/div>\n<\/section>\n<!-- TESTIMONIALS -->\n<section aria-labelledby=\"reviews-title\" class=\"testimonials section-light\" id=\"reviews\">\n<div class=\"container\">\n<div class=\"section-head section-head-dark reveal\">\n<div><p class=\"eyebrow eyebrow-dark\"><span class=\"eyebrow-dot\"><\/span> Client feedback<\/p><h2 class=\"display\" id=\"reviews-title\">Clear execution earns confidence.<\/h2><\/div>\n<div aria-label=\"Testimonial controls\" class=\"slider-controls\"><button aria-label=\"Previous testimonial\" id=\"prevTestimonial\">\u2190<\/button><button aria-label=\"Next testimonial\" id=\"nextTestimonial\">\u2192<\/button><\/div>\n<\/div>\n<div class=\"testimonial-slider reveal\" data-delay=\"80\" id=\"testimonialSlider\">\n<article class=\"testimonial active\">\n<div class=\"quote-mark\">\u201c<\/div><blockquote>The team was professional, efficient, and attentive to detail. The work was completed on time and exceeded our expectations.<\/blockquote><div class=\"review-meta\"><strong>Sarah M.<\/strong><span>Homeowner<\/span><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><\/div>\n<\/article>\n<article class=\"testimonial\">\n<div class=\"quote-mark\">\u201c<\/div><blockquote>The project was delivered ahead of schedule. Their planning and execution kept the construction process smooth from start to finish.<\/blockquote><div class=\"review-meta\"><strong>James K.<\/strong><span>Business Owner<\/span><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><\/div>\n<\/article>\n<article class=\"testimonial\">\n<div class=\"quote-mark\">\u201c<\/div><blockquote>The team kept us informed about every phase of the process and stayed available to answer questions. The transparency made a real difference.<\/blockquote><div class=\"review-meta\"><strong>Linda T.<\/strong><span>Property Developer<\/span><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><\/div>\n<\/article>\n<article class=\"testimonial\">\n<div class=\"quote-mark\">\u201c<\/div><blockquote>They delivered beyond expectations and paid close attention to materials, efficiency and the final result.<\/blockquote><div class=\"review-meta\"><strong>David L.<\/strong><span>Project Client<\/span><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><\/div>\n<\/article>\n<\/div>\n<div aria-label=\"Choose testimonial\" class=\"testimonial-dots\" id=\"testimonialDots\"><\/div>\n<\/div>\n<\/section>\n<!-- FAQ -->\n<section aria-labelledby=\"faq-title\" class=\"faq section-cream\" id=\"faq\">\n<div class=\"container faq-grid\">\n<div class=\"faq-intro reveal\">\n<p class=\"eyebrow eyebrow-dark\"><span class=\"eyebrow-dot\"><\/span> Frequently asked<\/p>\n<h2 class=\"display\" id=\"faq-title\">Questions before the work starts.<\/h2>\n<p>System selection depends on the surface, exposure, intended use, project specification and site condition. These are the questions worth answering early.<\/p>\n<\/div>\n<div class=\"faq-list reveal\" data-delay=\"90\">\n<article class=\"faq-item open\">\n<button aria-expanded=\"true\" class=\"faq-question\"><span>How do you select the right waterproofing or coating system?<\/span><i>\u2212<\/i><\/button>\n<div class=\"faq-answer\"><div><p>Selection should consider the substrate, existing condition, water exposure, traffic or chemical exposure, weather conditions, detailing, maintenance needs and the project specification. A site assessment helps determine the appropriate system.<\/p><\/div><\/div>\n<\/article>\n<article class=\"faq-item\">\n<button aria-expanded=\"false\" class=\"faq-question\"><span>Why is surface preparation so important?<\/span><i>+<\/i><\/button>\n<div class=\"faq-answer\"><div><p>Cleaning, repairing and preparing the substrate supports adhesion and overall system performance. The required method varies according to the surface condition and selected material.<\/p><\/div><\/div>\n<\/article>\n<article class=\"faq-item\">\n<button aria-expanded=\"false\" class=\"faq-question\"><span>Which areas can your waterproofing systems cover?<\/span><i>+<\/i><\/button>\n<div class=\"faq-answer\"><div><p>Depending on the selected system, applications can include roofs, terraces, basements, foundations, water tanks, tunnels, concrete structures, wet areas, warehouses, industrial facilities and other suitable surfaces.<\/p><\/div><\/div>\n<\/article>\n<article class=\"faq-item\">\n<button aria-expanded=\"false\" class=\"faq-question\"><span>Do you provide services outside one Saudi city?<\/span><i>+<\/i><\/button>\n<div class=\"faq-answer\"><div><p>Yes. Prime Projects International\u2019s current service pages state coverage across Saudi Arabia, including Riyadh, Jeddah, Dammam, Khobar, Jubail, Mecca and Medina, with other locations considered according to project requirements.<\/p><\/div><\/div>\n<\/article>\n<article class=\"faq-item\">\n<button aria-expanded=\"false\" class=\"faq-question\"><span>What information helps you review a new project?<\/span><i>+<\/i><\/button>\n<div class=\"faq-answer\"><div><p>Share the project location, surface or application type, approximate area, current condition, intended use and any available technical specification. Photos, drawings or a site visit can further support system selection.<\/p><\/div><\/div>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n<!-- FINAL CTA \u2014 no footer -->\n<section aria-labelledby=\"cta-title\" class=\"final-cta section-dark\" id=\"contact-cta\">\n<div aria-hidden=\"true\" class=\"cta-noise\"><\/div>\n<div class=\"container cta-inner reveal\">\n<div aria-hidden=\"true\" class=\"cta-orb\"><span><\/span><span><\/span><span><\/span><\/div>\n<p class=\"eyebrow\"><span class=\"eyebrow-dot\"><\/span> Start with the requirement<\/p>\n<h2 class=\"display\" id=\"cta-title\">A stronger system starts with a better project conversation.<\/h2>\n<p>Tell us the site, surface, area and performance requirement. The next step is selecting the right technical route.<\/p>\n<div class=\"hero-actions cta-actions\">\n<a class=\"btn btn-primary magnetic\" href=\"https:\/\/primeprojectsinternational.com\/\" rel=\"noopener\" target=\"_blank\">Discuss your project <span>\u2197<\/span><\/a>\n<a class=\"btn btn-ghost magnetic\" href=\"#services\">Review services <span>\u2191<\/span><\/a>\n<a class=\"btn btn-whatsapp magnetic\" href=\"https:\/\/wa.me\/966590649702\" target=\"_blank\" rel=\"noopener noreferrer\">Chat on WhatsApp <span>\u2197<\/span><\/a>\n<\/div>\n<div class=\"cta-signoff\"><span>PRIME PROJECTS INTERNATIONAL<\/span><span>Saudi Arabia<\/span><\/div>\n<\/div>\n<\/section>\n<\/main>\n<div aria-hidden=\"true\" class=\"cursor-glow\" id=\"cursorGlow\"><\/div>\n<\/div>\n<script>\n(() => {\n  const root = document.getElementById('ppi-home');\n  if (!root) return;\n  const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/\/ Scroll reveal\n  const revealItems = root.querySelectorAll('.reveal');\n  revealItems.forEach((el) => {\n    const delay = el.dataset.delay || 0;\n    el.style.setProperty('--delay', `${delay}ms`);\n  });\n\n  if (!reduceMotion && 'IntersectionObserver' in window) {\n    const observer = new IntersectionObserver((entries, obs) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('in-view');\n          obs.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -5% 0px' });\n    revealItems.forEach((el) => observer.observe(el));\n  } else {\n    revealItems.forEach((el) => el.classList.add('in-view'));\n  }\n\n  \/\/ Hero 3D parallax\n  const heroStage = root.querySelector('.hero-stage');\n  const hero3d = root.querySelector('#hero3d');\n  const depthItems = hero3d ? hero3d.querySelectorAll('[data-depth]') : [];\n\n  if (heroStage && hero3d && !reduceMotion && window.matchMedia('(pointer:fine)').matches) {\n    heroStage.addEventListener('pointermove', (event) => {\n      const rect = heroStage.getBoundingClientRect();\n      const x = (event.clientX - rect.left) \/ rect.width - 0.5;\n      const y = (event.clientY - rect.top) \/ rect.height - 0.5;\n      hero3d.style.transform = `rotateY(${x * 5}deg) rotateX(${y * -5}deg)`;\n      depthItems.forEach((item) => {\n        const depth = Number(item.dataset.depth || 1);\n        item.style.translate = `${x * depth * 10}px ${y * depth * 10}px`;\n      });\n    });\n    heroStage.addEventListener('pointerleave', () => {\n      hero3d.style.transform = '';\n      depthItems.forEach((item) => { item.style.translate = ''; });\n    });\n  }\n\n  \/\/ Subtle 3D tilt for blueprint\/credential cards\n  root.querySelectorAll('.tilt-card').forEach((card) => {\n    if (reduceMotion || !window.matchMedia('(pointer:fine)').matches) return;\n    card.addEventListener('pointermove', (event) => {\n      const r = card.getBoundingClientRect();\n      const rx = ((event.clientY - r.top) \/ r.height - 0.5) * -7;\n      const ry = ((event.clientX - r.left) \/ r.width - 0.5) * 7;\n      const base = card.classList.contains('blueprint-card') ? 'rotate(3deg) ' : '';\n      card.style.transform = `${base}perspective(800px) rotateX(${rx}deg) rotateY(${ry}deg) translateY(-3px)`;\n    });\n    card.addEventListener('pointerleave', () => { card.style.transform = ''; });\n  });\n\n  \/\/ FAQ accordion\n  root.querySelectorAll('.faq-item').forEach((item) => {\n    const button = item.querySelector('.faq-question');\n    const icon = button.querySelector('i');\n    button.addEventListener('click', () => {\n      const isOpen = item.classList.contains('open');\n      root.querySelectorAll('.faq-item').forEach((other) => {\n        other.classList.remove('open');\n        other.querySelector('.faq-question').setAttribute('aria-expanded', 'false');\n        other.querySelector('.faq-question i').textContent = '+';\n      });\n      if (!isOpen) {\n        item.classList.add('open');\n        button.setAttribute('aria-expanded', 'true');\n        icon.textContent = '\u2212';\n      }\n    });\n  });\n\n  \/\/ Testimonials slider\n  const testimonials = [...root.querySelectorAll('.testimonial')];\n  const dotsWrap = root.querySelector('#testimonialDots');\n  let activeTestimonial = 0;\n\n  const setTestimonial = (index) => {\n    activeTestimonial = (index + testimonials.length) % testimonials.length;\n    testimonials.forEach((item, i) => item.classList.toggle('active', i === activeTestimonial));\n    [...dotsWrap.children].forEach((dot, i) => dot.classList.toggle('active', i === activeTestimonial));\n  };\n\n  if (testimonials.length && dotsWrap) {\n    testimonials.forEach((_, i) => {\n      const dot = document.createElement('button');\n      dot.type = 'button';\n      dot.setAttribute('aria-label', `Show testimonial ${i + 1}`);\n      dot.addEventListener('click', () => setTestimonial(i));\n      dotsWrap.appendChild(dot);\n    });\n    setTestimonial(0);\n    root.querySelector('#prevTestimonial')?.addEventListener('click', () => setTestimonial(activeTestimonial - 1));\n    root.querySelector('#nextTestimonial')?.addEventListener('click', () => setTestimonial(activeTestimonial + 1));\n  }\n\n  \/\/ Process rail progress tied to scroll position\n  const processSection = root.querySelector('.process');\n  const processProgress = root.querySelector('#processProgress');\n  if (processSection && processProgress && !reduceMotion) {\n    const updateProcess = () => {\n      const rect = processSection.getBoundingClientRect();\n      const vh = window.innerHeight;\n      const pct = Math.max(0, Math.min(1, (vh - rect.top) \/ (rect.height + vh * 0.2)));\n      processProgress.style.width = `${pct * 100}%`;\n    };\n    updateProcess();\n    window.addEventListener('scroll', updateProcess, { passive: true });\n  }\n\n  \/\/ Cursor glow on dark sections\n  const glow = root.querySelector('#cursorGlow');\n  if (glow && window.matchMedia('(pointer:fine)').matches && !reduceMotion) {\n    document.addEventListener('pointermove', (event) => {\n      glow.style.left = `${event.clientX}px`;\n      glow.style.top = `${event.clientY}px`;\n      glow.style.opacity = '1';\n    });\n    document.addEventListener('pointerleave', () => { glow.style.opacity = '0'; });\n  }\n\n  \/\/ Magnetic buttons: small premium interaction without libraries\n  root.querySelectorAll('.magnetic').forEach((button) => {\n    if (reduceMotion || !window.matchMedia('(pointer:fine)').matches) return;\n    button.addEventListener('pointermove', (event) => {\n      const r = button.getBoundingClientRect();\n      const x = event.clientX - (r.left + r.width \/ 2);\n      const y = event.clientY - (r.top + r.height \/ 2);\n      button.style.transform = `translate(${x * 0.07}px, ${y * 0.10}px)`;\n    });\n    button.addEventListener('pointerleave', () => { button.style.transform = ''; });\n  });\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Construction Solutions \u00b7 Saudi Arabia Protection Engineered for What Lasts. Professional waterproofing, protective coating, epoxy flooring, spray foam, asphalt paving and road construction for commercial, industrial, residential and infrastructure projects. Explore our solutions \u2197 View project capabilities \u2193 WhatsApp us \u2197 08Specialized systems KSAMulti-city coverage Q+CQuality &amp; compliance 01 Polyurea protection Road works Epoxy systems [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-389","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/primeprojectsinternational.com\/index.php\/wp-json\/wp\/v2\/pages\/389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/primeprojectsinternational.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/primeprojectsinternational.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/primeprojectsinternational.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/primeprojectsinternational.com\/index.php\/wp-json\/wp\/v2\/comments?post=389"}],"version-history":[{"count":21,"href":"https:\/\/primeprojectsinternational.com\/index.php\/wp-json\/wp\/v2\/pages\/389\/revisions"}],"predecessor-version":[{"id":467,"href":"https:\/\/primeprojectsinternational.com\/index.php\/wp-json\/wp\/v2\/pages\/389\/revisions\/467"}],"wp:attachment":[{"href":"https:\/\/primeprojectsinternational.com\/index.php\/wp-json\/wp\/v2\/media?parent=389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}