*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050a13;color:#f5f7fb;font-family:Inter,Arial,sans-serif;line-height:1.6}.header{height:78px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,10,19,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none}.brand img{width:46px;height:46px;object-fit:contain;border-radius:50%;background:#fff}.brand-mark{display:none}.brand strong{display:block;font:800 15px Montserrat;letter-spacing:1.6px}.brand small{display:block;font-size:9px;letter-spacing:3.5px;color:#d6ad55}.header nav{display:flex;gap:28px}.header nav a{color:#cbd3df;text-decoration:none;font-size:14px}.header nav a:hover{color:#d6ad55}.menu{display:none;background:none;border:0;color:white;font-size:27px}.hero{min-height:720px;padding:90px 8%;display:flex;align-items:center;overflow:hidden;position:relative;background:radial-gradient(circle at 75% 45%,rgba(21,78,140,.35),transparent 38%),linear-gradient(115deg,#050a13 45%,#071426)}.hero-content{max-width:690px;position:relative;z-index:2}.eyebrow{color:#d6ad55;font-size:11px;font-weight:800;letter-spacing:2.5px;margin:0 0 14px}.hero h1{font:800 clamp(58px,8vw,105px)/.88 Montserrat;margin:0;letter-spacing:-5px}.hero h1 span,h2 span{color:#d6ad55}.lead{font-size:18px;color:#b9c4d4;max-width:610px;margin:28px 0}.actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-block;padding:13px 21px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:1px;border-radius:3px}.primary{background:#d6ad55;color:#07101c}.secondary{border:1px solid #536276;color:#fff}.starting{display:flex;gap:26px;margin-top:48px}.starting div{border-left:2px solid #d6ad55;padding-left:12px}.starting b,.starting span{display:block}.starting b{font-size:12px}.starting span{font-size:12px;color:#9daabd}.hero-orbit{position:absolute;right:-2%;width:52vw;height:52vw;max-width:720px;max-height:720px}.earth{position:absolute;inset:23%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#55a8df,#12447c 48%,#06152a 75%);box-shadow:0 0 100px rgba(43,137,218,.3),inset -30px -30px 70px #020711;overflow:hidden}.earth-grid{position:absolute;inset:-15%;background:repeating-linear-gradient(15deg,transparent 0 28px,rgba(255,255,255,.1) 29px 30px),repeating-linear-gradient(90deg,transparent 0 38px,rgba(255,255,255,.07) 39px 40px);border-radius:50%}.orbit{position:absolute;border:1px solid rgba(214,173,85,.35);border-radius:50%;inset:7%;transform:rotate(-23deg)}.o2{inset:17%;transform:rotate(55deg)}.satellite{position:absolute;right:10%;top:13%;font-size:42px;color:#fff;text-shadow:0 0 30px #8ccaff}.glow{position:absolute;inset:10%;background:#1686df;filter:blur(90px);opacity:.14}.trust{padding:22px 8%;border-block:1px solid rgba(255,255,255,.08);font-size:11px;letter-spacing:1.5px;color:#8996a9}.trust b{color:#d4dbe5;margin-left:8px}.section{padding:110px 8%}.section-head{max-width:750px;margin-bottom:55px}.section h2,.about h2,.cta h2{font:800 clamp(34px,5vw,58px)/1.05 Montserrat;margin:0 0 18px;letter-spacing:-2px}.section-head>p:last-child,.about p,.cta>p{color:#9facbf}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:28px;border:1px solid #1d2a3d;background:linear-gradient(145deg,#0b1422,#07101b);min-height:280px;transition:.25s}.card:hover{transform:translateY(-5px);border-color:#806735}.icon{font-size:29px;color:#d6ad55}.card h3{font:700 21px Montserrat}.card p{color:#9facbf;font-size:14px}.card a,.text-link{color:#d6ad55;text-decoration:none;font-size:13px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #1d2a3d;background:#080f1a}.stats div{padding:42px 25px;text-align:center;border-right:1px solid #1d2a3d}.stats div:last-child{border:0}.stats strong{display:block;font:800 39px Montserrat;color:#d6ad55}.stats span{color:#8f9caf;font-size:12px}.projects{background:#070e18}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{min-height:360px;padding:25px;display:flex;align-items:flex-end;background-size:cover;background-position:center;border:1px solid #263449}.p1{background:linear-gradient(0deg,#07101ddd,#07101d33),url('https://images.unsplash.com/photo-1544717305-2782549b5136?auto=format&fit=crop&w=1200&q=80')}.p2{background:linear-gradient(0deg,#07101ddd,#07101d33),url('https://images.unsplash.com/photo-1508514177221-188b1cf16e9d?auto=format&fit=crop&w=1200&q=80')}.p3{background:linear-gradient(0deg,#07101ddd,#07101d33),url('https://images.unsplash.com/photo-1557597774-9d273605dfa9?auto=format&fit=crop&w=1200&q=80')}.project small{color:#d6ad55;font-weight:800;letter-spacing:2px}.project h3{font:700 23px Montserrat;margin:5px 0}.about{padding:90px 8%;display:grid;grid-template-columns:1fr 1fr;gap:90px;background:linear-gradient(100deg,#0a1524,#07101b)}.about p{font-size:17px}.cta{text-align:center;padding:120px 8%;background:radial-gradient(circle at center,rgba(22,83,142,.3),transparent 55%)}.cta>p{max-width:650px;margin:15px auto 28px}.cta .actions{justify-content:center}footer{padding:35px 8%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #1d2a3d;color:#778398;font-size:11px}@media(max-width:900px){.header nav{display:none}.menu{display:block}.header nav.open{display:flex;position:absolute;top:78px;left:0;right:0;background:#070e18;padding:22px 8%;flex-direction:column;gap:16px}.hero{min-height:680px}.hero-orbit{opacity:.35;right:-20%;width:85vw;height:85vw}.cards{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr 1fr}.p1{grid-column:span 2}.stats{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr;gap:25px}footer{flex-direction:column;align-items:flex-start;gap:18px}}@media(max-width:600px){.header{padding:0 5%}.hero,.section,.about,.cta{padding-left:6%;padding-right:6%}.hero h1{font-size:58px;letter-spacing:-3px}.lead{font-size:16px}.starting{gap:14px}.cards,.project-grid{grid-template-columns:1fr}.p1{grid-column:auto}.project{min-height:280px}.stats strong{font-size:30px}.stats div{padding:30px 10px}.trust{overflow:hidden;white-space:nowrap}.section{padding-top:80px;padding-bottom:80px}}

.project.real-photo{position:relative;overflow:hidden;padding:0;min-height:360px}
.project.real-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.project.real-photo:hover img{transform:scale(1.05)}
.project.real-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,8,16,.94),rgba(3,8,16,.05) 65%)}
.project.real-photo>div{position:relative;z-index:2;padding:25px;margin-top:auto;width:100%}
@media(max-width:600px){.project.real-photo{min-height:300px}}

.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.testimonial{padding:30px;border:1px solid #1d2a3d;background:linear-gradient(145deg,#0b1422,#07101b)}
.testimonial .stars{color:#d6ad55;letter-spacing:3px;font-size:14px}
.testimonial p{color:#c7d0dc;font-size:16px;min-height:80px}
.testimonial .person{border-top:1px solid #1d2a3d;padding-top:16px}
.testimonial .person strong,.testimonial .person span{display:block}
.testimonial .person strong{font-size:13px}
.testimonial .person span{font-size:11px;color:#7f8da1;margin-top:3px}
@media(max-width:900px){.testimonial-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.testimonial-grid{grid-template-columns:1fr}}

/* Premium homepage hero */
.premium-hero{min-height:760px;padding-top:85px;padding-bottom:85px;background:radial-gradient(circle at 78% 30%,rgba(214,173,85,.12),transparent 24%),linear-gradient(115deg,#050a13 38%,#071425 100%)}
.hero-proof{display:flex;flex-wrap:wrap;gap:22px;margin-top:42px;color:#8795a9;font-size:11px}
.hero-proof span{border-left:1px solid #394960;padding-left:12px}
.hero-proof b{display:block;color:#dce3ed;font-size:13px;margin-bottom:2px}
.hero-visual{position:absolute;right:5%;width:min(48vw,690px);height:600px}
.hero-photo{position:absolute;inset:6% 0 5% 10%;border-radius:4px;background:linear-gradient(180deg,rgba(4,10,18,.05),rgba(4,10,18,.5)),url('projects/school-starlink-installation.jpg') center/cover;box-shadow:0 30px 90px rgba(0,0,0,.55);border:1px solid rgba(214,173,85,.28)}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07101b 0%,transparent 35%),linear-gradient(0deg,rgba(3,8,16,.7),transparent 45%)}
.hero-card{position:absolute;right:0;bottom:8%;width:275px;padding:22px;background:rgba(6,14,25,.92);border:1px solid #536276;backdrop-filter:blur(14px);box-shadow:0 20px 55px rgba(0,0,0,.4)}
.hero-card .eyebrow{font-size:9px;margin-bottom:9px}
.hero-card strong{display:block;font:700 17px Montserrat;line-height:1.3}
.hero-card small{display:block;color:#8795a9;font-size:11px;margin-top:8px}
.floating-badge{position:absolute;left:0;top:13%;padding:10px 15px;background:#d6ad55;color:#07101c;font-size:9px;font-weight:900;letter-spacing:1.4px;box-shadow:0 12px 35px rgba(0,0,0,.35)}
.floating-badge span{font-size:13px;margin-right:6px}
@media(max-width:900px){.premium-hero{min-height:auto}.hero-visual{position:relative;right:auto;width:100%;height:420px;margin-top:45px}.hero-photo{inset:0 0 0 0}.hero-card{right:15px;bottom:15px}.floating-badge{left:15px;top:15px}}
@media(max-width:600px){.hero-proof{gap:14px}.hero-visual{height:330px}.hero-card{width:230px;padding:16px}.hero-card strong{font-size:14px}}

/* Premium services showcase */
.services-showcase{padding:110px 8%;background:#050a13}
.service-heading{max-width:800px;margin-bottom:45px}
.service-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.service-panel{position:relative;display:block;min-height:500px;overflow:hidden;border:1px solid #263449;color:#fff;text-decoration:none;background:#091321}
.service-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .65s}
.service-panel:hover .service-bg{transform:scale(1.06)}
.service-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,7,13,.18),rgba(2,7,13,.9) 78%),linear-gradient(90deg,rgba(2,7,13,.4),transparent)}
.starlink-panel .service-bg{background-image:url('projects/starlink-installation-1.jpg')}
.solar-panel .service-bg{background-image:url('projects/victoria-primary-school.jpg')}
.cctv-panel .service-bg{background-image:url('projects/ptz-cctv-installation.jpg')}
.security-panel .service-bg{background-image:url('projects/security-tower-installation.jpg')}
.service-top{position:absolute;top:22px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.4px;color:#d8e0ea}
.service-top b{color:#d6ad55}
.service-content{position:absolute;left:28px;right:28px;bottom:28px}
.service-icon{font-size:30px;color:#d6ad55;margin-bottom:9px}
.service-content .eyebrow{margin-bottom:7px}
.service-content h3{font:800 clamp(31px,4vw,48px)/.95 Montserrat;margin:0 0 14px;letter-spacing:-1.5px}
.service-content h3 span{color:#d6ad55}
.service-content>p:not(.eyebrow){color:#c2ccd9;font-size:14px;max-width:470px;margin:0 0 18px}
.service-link{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#fff;border-bottom:1px solid #d6ad55;padding-bottom:5px}
@media(max-width:700px){.services-showcase{padding:80px 6%}.service-showcase-grid{grid-template-columns:1fr}.service-panel{min-height:420px}}

/* Trust & credibility */
.trust-section{padding:105px 8%;background:linear-gradient(120deg,#07101b,#091525);border-block:1px solid #1d2a3d}
.trust-head{max-width:760px;margin-bottom:45px}.trust-head h2{font:800 clamp(34px,5vw,58px)/1.05 Montserrat;margin:0 0 15px;letter-spacing:-2px}.trust-head h2 span{color:#d6ad55}.trust-head>p:last-child{color:#9facbf;max-width:650px}
.cred-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cred-card{padding:28px 22px;min-height:205px;border:1px solid #263449;background:#0a1320}.cred-card.highlight{border-color:#806735;background:linear-gradient(145deg,#111a27,#0a1320)}.cred-number{font:800 38px Montserrat;color:#d6ad55;margin-bottom:13px}.cred-card h3{font:700 17px Montserrat;margin:0 0 8px}.cred-card p{font-size:12px;color:#8f9caf;margin:0}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border:1px solid #263449;background:#050a13}.trust-strip>div{padding:20px;border-right:1px solid #263449;display:grid;grid-template-columns:30px 1fr;column-gap:10px}.trust-strip>div:last-child{border:0}.trust-icon{grid-row:span 2;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#d6ad55;color:#07101c;font-weight:900}.trust-strip strong{font-size:12px}.trust-strip small{font-size:10px;color:#78869a;margin-top:3px}
@media(max-width:900px){.cred-grid{grid-template-columns:1fr 1fr}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip>div:nth-child(2){border-right:0}.trust-strip>div:nth-child(-n+2){border-bottom:1px solid #263449}}
@media(max-width:600px){.trust-section{padding:80px 6%}.cred-grid,.trust-strip{grid-template-columns:1fr}.trust-strip>div{border-right:0!important;border-bottom:1px solid #263449}.trust-strip>div:last-child{border-bottom:0}}


/* ===== V14 PREMIUM UPGRADE ===== */
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
.mobile-menu {
  display:none; border:0; background:transparent; color:inherit; font-size:1.65rem;
  cursor:pointer; padding:.4rem .55rem; line-height:1;
}
.floating-whatsapp {
  position:fixed; right:18px; bottom:18px; z-index:9999;
  display:flex; align-items:center; gap:10px; text-decoration:none;
  padding:12px 17px; border-radius:999px; background:#25D366; color:#071426;
  font-weight:800; box-shadow:0 12px 35px rgba(0,0,0,.28);
  transition:transform .2s ease, box-shadow .2s ease;
}
.floating-whatsapp:hover { transform:translateY(-3px); box-shadow:0 16px 40px rgba(0,0,0,.34); }
.floating-whatsapp b { font-size:1.1rem; }

.school-solutions {
  padding:90px 6%; background:linear-gradient(180deg,#f6f8fb 0%,#fff 100%);
}
.school-grid {
  max-width:1180px; margin:34px auto 0; display:grid;
  grid-template-columns:repeat(4,1fr); gap:18px;
}
.school-grid article {
  background:#fff; border:1px solid rgba(10,30,55,.09); border-radius:20px;
  padding:28px; box-shadow:0 14px 40px rgba(7,20,38,.07);
  transition:transform .25s ease, box-shadow .25s ease;
}
.school-grid article:hover { transform:translateY(-6px); box-shadow:0 20px 48px rgba(7,20,38,.12); }
.school-icon {
  width:42px; height:42px; display:grid; place-items:center; border-radius:12px;
  background:#0b2340; color:#d9b45b; font-size:.75rem; font-weight:900; margin-bottom:22px;
}
.school-grid h3 { margin:0 0 10px; }
.school-grid p { margin:0; line-height:1.7; opacity:.76; }
.school-cta {
  max-width:1180px; margin:26px auto 0; padding:25px 28px; border-radius:20px;
  background:#071426; color:#fff; display:flex; align-items:center; justify-content:space-between; gap:25px;
}
.school-cta div { display:flex; flex-direction:column; gap:6px; }
.school-cta span { opacity:.72; font-size:.92rem; }

.project-filters {
  display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin:26px 0 30px;
}
.project-filter {
  border:1px solid rgba(7,20,38,.14); background:#fff; color:#071426;
  border-radius:999px; padding:9px 17px; font-weight:700; cursor:pointer;
}
.project-filter.active, .project-filter:hover {
  background:#071426; color:#fff; border-color:#071426;
}

@media (max-width: 900px) {
  .school-grid { grid-template-columns:repeat(2,1fr); }
  .school-cta { flex-direction:column; align-items:flex-start; }
}
@media (max-width: 720px) {
  .mobile-menu { display:block; margin-left:auto; }
  .school-solutions { padding:70px 5%; }
  .school-grid { grid-template-columns:1fr; }
  .floating-whatsapp { right:12px; bottom:12px; padding:11px 14px; }
  .floating-whatsapp span { font-size:.85rem; }
}

@media (max-width: 720px) {
  header nav.mobile-open {
    display:flex !important; position:absolute; left:12px; right:12px; top:100%;
    flex-direction:column; padding:16px; border-radius:16px;
    background:#071426; box-shadow:0 20px 45px rgba(0,0,0,.25);
  }
}


/* ===== V15 PROJECT PORTFOLIO ===== */
.portfolio-section { padding-top: 95px; padding-bottom: 95px; }
.portfolio-grid {
  max-width: 1180px; margin: 0 auto; display: grid;
  grid-template-columns: repeat(3, 1fr); gap: 22px;
}
.portfolio-card {
  overflow: hidden; border-radius: 22px; background: #fff;
  border: 1px solid rgba(7,20,38,.09);
  box-shadow: 0 16px 45px rgba(7,20,38,.08);
  transition: transform .25s ease, box-shadow .25s ease;
}
.portfolio-card:hover { transform: translateY(-7px); box-shadow: 0 24px 55px rgba(7,20,38,.14); }
.portfolio-image {
  position: relative; display: block; width: 100%; padding: 0; border: 0;
  background: #071426; cursor: pointer; overflow: hidden; aspect-ratio: 16/10;
}
.portfolio-image img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .45s ease, opacity .3s ease;
}
.portfolio-card:hover .portfolio-image img { transform: scale(1.055); opacity: .88; }
.view-project {
  position: absolute; left: 15px; bottom: 15px; padding: 8px 12px;
  border-radius: 999px; background: rgba(7,20,38,.86); color: #fff;
  font-size: .75rem; font-weight: 800; letter-spacing: .03em;
}
.portfolio-info { padding: 22px 22px 24px; }
.portfolio-tag {
  font-size: .7rem; letter-spacing: .12em; font-weight: 900; opacity: .62;
}
.portfolio-info h3 { margin: 9px 0 8px; }
.portfolio-info p { margin: 0; line-height: 1.65; opacity: .72; font-size: .92rem; }

.portfolio-cta {
  max-width: 1180px; margin: 35px auto 0; padding: 30px;
  border-radius: 24px; background: #071426; color: #fff;
  display: flex; align-items: center; justify-content: space-between; gap: 25px;
}
.portfolio-cta h3 { margin: 5px 0; font-size: 1.5rem; }
.portfolio-cta p { margin: 0; opacity: .7; }
.portfolio-actions { display: flex; gap: 10px; flex-wrap: wrap; }

.portfolio-modal {
  position: fixed; inset: 0; z-index: 10000; display: none;
  align-items: center; justify-content: center; padding: 25px;
}
.portfolio-modal.open { display: flex; }
.portfolio-modal-backdrop {
  position: absolute; inset: 0; background: rgba(2,8,18,.88);
  backdrop-filter: blur(5px);
}
.portfolio-modal-dialog {
  position: relative; z-index: 1; width: min(1000px, 96vw);
  background: #071426; border-radius: 20px; overflow: hidden;
  box-shadow: 0 30px 90px rgba(0,0,0,.5);
}
.portfolio-modal-dialog img {
  display: block; width: 100%; max-height: 78vh; object-fit: contain; background: #020812;
}
.modal-close {
  position: absolute; top: 12px; right: 12px; z-index: 2; width: 42px; height: 42px;
  border: 0; border-radius: 50%; background: rgba(0,0,0,.65); color: #fff;
  font-size: 1.8rem; cursor: pointer;
}
.modal-caption { color: #fff; padding: 16px 20px 19px; font-weight: 800; }

@media (max-width: 980px) {
  .portfolio-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
  .portfolio-section { padding-top: 70px; padding-bottom: 70px; }
  .portfolio-grid { grid-template-columns: 1fr; gap: 18px; }
  .portfolio-cta { flex-direction: column; align-items: flex-start; padding: 24px; }
  .portfolio-actions { width: 100%; }
  .portfolio-actions .btn { flex: 1; text-align: center; }
}


/* ===== V17 CREDIBILITY & GOOGLE-READY UPGRADE ===== */
.why-melchizedek {
  padding: 100px 6%; background: linear-gradient(180deg,#fff 0%,#f5f8fc 100%);
}
.why-grid {
  max-width:1180px; margin:38px auto 0; display:grid;
  grid-template-columns:repeat(3,1fr); gap:18px;
}
.why-card {
  padding:28px; border-radius:22px; background:#fff;
  border:1px solid rgba(7,20,38,.08); box-shadow:0 14px 42px rgba(7,20,38,.065);
  transition:transform .25s ease, box-shadow .25s ease;
}
.why-card:hover { transform:translateY(-5px); box-shadow:0 22px 50px rgba(7,20,38,.11); }
.why-card.featured { background:#071426; color:#fff; }
.why-number {
  display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px;
  border-radius:11px; background:#d9b45b; color:#071426; font-size:.75rem; font-weight:900;
}
.why-card h3 { margin:18px 0 9px; }
.why-card p { margin:0; line-height:1.7; opacity:.7; }
.why-card.featured p { opacity:.75; }
.credibility-strip {
  max-width:1180px; margin:28px auto 0; padding:28px;
  display:grid; grid-template-columns:repeat(4,1fr); gap:15px;
  border-radius:22px; background:#071426; color:#fff;
}
.credibility-strip div {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; gap:5px; min-height:72px;
}
.credibility-strip strong { font-size:1.65rem; }
.credibility-strip span { opacity:.64; font-size:.78rem; }

@media (max-width: 900px) {
  .why-grid { grid-template-columns:repeat(2,1fr); }
  .credibility-strip { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 620px) {
  .why-melchizedek { padding:72px 5%; }
  .why-grid { grid-template-columns:1fr; }
  .credibility-strip { grid-template-columns:1fr 1fr; padding:20px 12px; }
  .credibility-strip strong { font-size:1.35rem; }
}

.reveal-item { opacity:0; transform:translateY(18px); transition:opacity .55s ease, transform .55s ease; }
.reveal-item.is-visible { opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .reveal-item { opacity:1; transform:none; transition:none; }
}


/* ===== V18 SERVICE PACKAGE CATALOGUE ===== */
.catalogue-section {
  padding: 100px 6%; background: #071426; color:#fff;
}
.catalogue-section .section-heading p { color:rgba(255,255,255,.68); }
.catalogue-grid {
  max-width:1180px; margin:38px auto 0; display:grid;
  grid-template-columns:repeat(4,1fr); gap:18px;
}
.package-card {
  background:#fff; color:#071426; border-radius:22px; padding:26px;
  border:1px solid rgba(255,255,255,.12); box-shadow:0 18px 50px rgba(0,0,0,.18);
  display:flex; flex-direction:column; transition:transform .25s ease, box-shadow .25s ease;
}
.package-card:hover { transform:translateY(-7px); box-shadow:0 26px 60px rgba(0,0,0,.28); }
.package-card.package-featured { outline:2px solid rgba(217,180,91,.65); transform:translateY(-4px); }
.package-card.package-featured:hover { transform:translateY(-10px); }
.package-top { display:flex; justify-content:space-between; font-size:.68rem; font-weight:900; opacity:.55; letter-spacing:.08em; }
.package-icon {
  width:50px; height:50px; border-radius:15px; background:#071426; color:#d9b45b;
  display:grid; place-items:center; margin:24px 0 17px; font-size:1.3rem; font-weight:900;
}
.package-card h3 { margin:0 0 5px; font-size:1.35rem; }
.package-price { margin:0 0 18px; opacity:.7; }
.package-price strong { color:#071426; font-size:1.55rem; }
.package-card ul { list-style:none; padding:0; margin:0 0 24px; display:grid; gap:11px; flex:1; }
.package-card li { font-size:.84rem; line-height:1.45; padding-left:19px; position:relative; opacity:.76; }
.package-card li::before { content:"✓"; position:absolute; left:0; font-weight:900; }
.package-button {
  display:block; text-align:center; text-decoration:none; border-radius:12px;
  padding:13px 10px; background:#071426; color:#fff; font-size:.76rem; font-weight:900;
}
.package-button:hover { background:#132d4e; }
.catalogue-note {
  max-width:1180px; margin:25px auto 0; border:1px solid rgba(255,255,255,.14);
  border-radius:20px; padding:22px 24px; display:flex; align-items:center; gap:18px;
}
.catalogue-note strong { color:#fff; }
.catalogue-note span { opacity:.62; font-size:.88rem; flex:1; }
.catalogue-note a { color:#d9b45b; text-decoration:none; font-weight:900; font-size:.78rem; white-space:nowrap; }

@media (max-width:1050px) { .catalogue-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:620px) {
  .catalogue-section { padding:75px 5%; }
  .catalogue-grid { grid-template-columns:1fr; }
  .package-card.package-featured { transform:none; }
  .catalogue-note { flex-direction:column; align-items:flex-start; }
  .catalogue-note a { white-space:normal; }
}

.mobile-quote-bar { display:none; }
@media (max-width:620px) {
  .mobile-quote-bar {
    position:fixed; left:10px; right:10px; bottom:10px; z-index:9998;
    padding:7px; border-radius:16px; background:rgba(7,20,38,.94);
    box-shadow:0 15px 40px rgba(0,0,0,.28); gap:7px;
    grid-template-columns:1fr 1fr;
  }
  .mobile-quote-bar a {
    text-align:center; text-decoration:none; padding:11px 8px; border-radius:10px;
    color:#fff; font-size:.72rem; font-weight:900;
  }
  .mobile-quote-bar a:first-child { background:#d9b45b; color:#071426; }
  body { padding-bottom:70px; }
}


/* ===== V19 LAUNCH-READINESS ===== */
.faq-section { padding:100px 6%; background:#f5f8fc; }
.faq-list { max-width:900px; margin:38px auto 0; display:grid; gap:12px; }
.faq-list details {
  background:#fff; border:1px solid rgba(7,20,38,.08); border-radius:16px;
  padding:0 20px; box-shadow:0 10px 30px rgba(7,20,38,.045);
}
.faq-list summary {
  cursor:pointer; list-style:none; padding:21px 32px 21px 0; font-weight:800; position:relative;
}
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { content:"+"; position:absolute; right:3px; top:17px; font-size:1.4rem; opacity:.55; }
.faq-list details[open] summary::after { content:"−"; }
.faq-list details p { margin:0 0 20px; line-height:1.7; opacity:.7; max-width:780px; }

.contact-final { padding:80px 6%; background:#fff; }
.contact-final-inner {
  max-width:1180px; margin:0 auto; padding:42px; border-radius:26px;
  background:#071426; color:#fff; display:flex; justify-content:space-between;
  align-items:center; gap:30px; box-shadow:0 20px 60px rgba(7,20,38,.16);
}
.contact-final h2 { margin:8px 0 10px; font-size:clamp(1.8rem,4vw,2.7rem); }
.contact-final p { margin:0; max-width:650px; opacity:.68; line-height:1.7; }
.contact-actions { display:flex; flex-direction:column; align-items:flex-start; gap:10px; min-width:240px; }
.contact-line { color:#fff; text-decoration:none; font-size:.84rem; opacity:.78; }
.contact-line:hover { opacity:1; }
@media (max-width:700px) {
  .faq-section { padding:70px 5%; }
  .contact-final { padding:60px 5%; }
  .contact-final-inner { padding:28px 22px; flex-direction:column; align-items:flex-start; }
  .contact-actions { width:100%; }
}

.site-footer-note { max-width:1180px; margin:0 auto; padding:16px 6%; font-size:.72rem; opacity:.52; text-align:center; }

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline:3px solid rgba(217,180,91,.9); outline-offset:3px;
}

/* ===== V19 CONTACT + FAQ + LAUNCH READINESS ===== */
.contact-hub { padding:95px 6%; background:#f5f8fc; }
.contact-hub-grid {
  max-width:1180px; margin:35px auto 0; display:grid;
  grid-template-columns:repeat(4,1fr); gap:16px;
}
.contact-card {
  display:flex; align-items:center; gap:14px; min-height:115px; padding:21px;
  border-radius:20px; background:#fff; color:#071426; text-decoration:none;
  border:1px solid rgba(7,20,38,.08); box-shadow:0 12px 35px rgba(7,20,38,.06);
  transition:transform .2s ease, box-shadow .2s ease;
}
.contact-card:hover { transform:translateY(-4px); box-shadow:0 20px 45px rgba(7,20,38,.11); }
.contact-card-icon {
  flex:0 0 46px; width:46px; height:46px; border-radius:13px;
  display:grid; place-items:center; background:#071426; color:#d9b45b; font-weight:900;
}
.contact-card span:last-child { display:flex; flex-direction:column; gap:4px; min-width:0; }
.contact-card small { font-size:.62rem; letter-spacing:.1em; font-weight:900; opacity:.5; }
.contact-card strong { font-size:.98rem; }
.contact-card em { font-style:normal; font-size:.78rem; opacity:.62; line-height:1.4; }

.faq-section { padding:95px 6%; background:#fff; }
.faq-list { max-width:900px; margin:35px auto 0; display:grid; gap:12px; }
.faq-list details {
  border:1px solid rgba(7,20,38,.1); border-radius:16px; padding:0 20px;
  background:#fff; box-shadow:0 8px 28px rgba(7,20,38,.04);
}
.faq-list summary {
  list-style:none; cursor:pointer; display:flex; justify-content:space-between;
  gap:20px; align-items:center; padding:20px 0; font-weight:800;
}
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary span { font-size:1.35rem; font-weight:400; opacity:.55; transition:transform .2s ease; }
.faq-list details[open] summary span { transform:rotate(45deg); }
.faq-list details p { margin:0 0 20px; line-height:1.7; opacity:.68; font-size:.9rem; }

@media (max-width:1050px) { .contact-hub-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:620px) {
  .contact-hub, .faq-section { padding:72px 5%; }
  .contact-hub-grid { grid-template-columns:1fr; }
  .contact-card { min-height:95px; }
}

.quote-submit-loading { opacity:.65; pointer-events:none; }


/* ===== V19 LAUNCH-READY POLISH ===== */
.skip-link {
  position:fixed; left:10px; top:-60px; z-index:20000; padding:10px 15px;
  border-radius:10px; background:#071426; color:#fff; text-decoration:none; font-weight:800;
}
.skip-link:focus { top:10px; }
.final-contact {
  padding:90px 6%; background:#d9b45b; color:#071426;
}
.final-contact-inner {
  max-width:1180px; margin:0 auto; display:flex; justify-content:space-between;
  align-items:center; gap:35px;
}
.final-contact h2 { max-width:650px; margin:8px 0 10px; font-size:clamp(2rem,4vw,3.3rem); line-height:1.05; }
.final-contact p { max-width:650px; margin:0; opacity:.72; line-height:1.7; }
.final-contact-actions { display:flex; flex-direction:column; align-items:flex-start; gap:12px; min-width:230px; }
.final-contact .btn-primary { background:#071426; color:#fff; border-color:#071426; }
.contact-link { color:#071426; text-decoration:none; font-weight:800; font-size:.9rem; }
.faq-section { padding:90px 6%; background:#f6f8fb; }
.faq-list { max-width:900px; margin:35px auto 0; display:grid; gap:12px; }
.faq-list details {
  background:#fff; border:1px solid rgba(7,20,38,.09); border-radius:16px;
  padding:0 20px; box-shadow:0 8px 25px rgba(7,20,38,.045);
}
.faq-list summary {
  cursor:pointer; list-style:none; padding:20px 5px; font-weight:800; position:relative; padding-right:35px;
}
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { content:"+"; position:absolute; right:5px; font-size:1.3rem; opacity:.55; }
.faq-list details[open] summary::after { content:"−"; }
.faq-list details p { margin:0; padding:0 5px 20px; line-height:1.7; opacity:.7; }
.footer-legal { font-size:.75rem; opacity:.5; margin-top:12px; }

@media (max-width:760px) {
  .final-contact { padding:70px 5%; }
  .final-contact-inner { flex-direction:column; align-items:flex-start; }
  .final-contact-actions { width:100%; }
  .final-contact-actions .btn { width:100%; text-align:center; box-sizing:border-box; }
}

/* ===== V20 ACCESSIBILITY + FINAL POLISH ===== */
:focus-visible {
  outline: 3px solid #d9b45b;
  outline-offset: 3px;
}
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
img { max-width:100%; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
  }
}


/* ===== V20 CONVERSION + BRAND POLISH ===== */
.quick-services {
  max-width:1180px; margin:-38px auto 0; position:relative; z-index:5;
  display:grid; grid-template-columns:repeat(4,1fr);
  background:#fff; border-radius:20px; overflow:hidden;
  box-shadow:0 20px 55px rgba(7,20,38,.13); border:1px solid rgba(7,20,38,.07);
}
.quick-services a {
  padding:20px 22px; text-decoration:none; color:#071426;
  border-right:1px solid rgba(7,20,38,.08); display:grid;
  grid-template-columns:36px 1fr; column-gap:12px; align-items:center;
  transition:background .2s ease, transform .2s ease;
}
.quick-services a:last-child { border-right:0; }
.quick-services a:hover { background:#f6f8fb; }
.quick-services span { grid-row:span 2; font-size:.7rem; font-weight:900; opacity:.4; }
.quick-services strong { font-size:.95rem; }
.quick-services small { opacity:.58; margin-top:3px; }

.how-section { padding:95px 6%; background:#fff; }
.how-grid {
  max-width:1180px; margin:38px auto 0; display:grid;
  grid-template-columns:repeat(4,1fr); gap:18px;
}
.how-grid article {
  padding:28px; border-radius:20px; background:#f6f8fb;
  border:1px solid rgba(7,20,38,.07);
}
.how-grid article > span {
  display:grid; place-items:center; width:40px; height:40px; border-radius:12px;
  background:#071426; color:#d9b45b; font-size:.72rem; font-weight:900;
}
.how-grid h3 { margin:17px 0 9px; font-size:1.08rem; }
.how-grid p { margin:0; line-height:1.65; opacity:.68; font-size:.9rem; }

@media (max-width:900px) {
  .quick-services { grid-template-columns:repeat(2,1fr); margin:20px 5% 0; }
  .quick-services a:nth-child(2) { border-right:0; }
  .quick-services a:nth-child(-n+2) { border-bottom:1px solid rgba(7,20,38,.08); }
  .how-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:620px) {
  .quick-services { grid-template-columns:1fr; margin:15px 5% 0; }
  .quick-services a { border-right:0; border-bottom:1px solid rgba(7,20,38,.08); }
  .quick-services a:last-child { border-bottom:0; }
  .how-section { padding:72px 5%; }
  .how-grid { grid-template-columns:1fr; }
}


/* ===== V21 CONVERSION & COMPARISON ===== */
.service-comparison { padding:95px 6%; background:#f6f8fb; }
.comparison-table-wrap {
  max-width:1100px; margin:35px auto 0; overflow-x:auto; border-radius:20px;
  box-shadow:0 15px 45px rgba(7,20,38,.08); background:#fff;
}
.comparison-table { width:100%; border-collapse:collapse; min-width:760px; }
.comparison-table th, .comparison-table td {
  text-align:left; padding:18px 20px; border-bottom:1px solid rgba(7,20,38,.08);
}
.comparison-table th { background:#071426; color:#fff; font-size:.78rem; letter-spacing:.05em; }
.comparison-table td { font-size:.88rem; opacity:.78; }
.comparison-table td strong { color:#071426; opacity:1; }
.comparison-table tr:last-child td { border-bottom:0; }
.comparison-table a { color:#071426; font-weight:900; text-decoration:none; }
.comparison-table a:hover { text-decoration:underline; }

.callback-strip {
  max-width:1180px; margin:25px auto; padding:18px 22px; border-radius:18px;
  background:#071426; color:#fff; display:flex; align-items:center; justify-content:space-between; gap:20px;
}
.callback-strip div { display:flex; flex-direction:column; gap:4px; }
.callback-strip span { font-size:.84rem; opacity:.65; }
.callback-strip a { color:#d9b45b; font-size:.78rem; font-weight:900; text-decoration:none; white-space:nowrap; }

.service-breadcrumb {
  max-width:1180px; margin:0 auto; padding:16px 6%; display:flex; gap:15px;
  align-items:center; font-size:.78rem; opacity:.7;
}
.service-breadcrumb a { color:inherit; font-weight:800; text-decoration:none; }
.service-breadcrumb a:hover { text-decoration:underline; }

@media (max-width:650px) {
  .service-comparison { padding:70px 5%; }
  .callback-strip { margin:18px 5%; flex-direction:column; align-items:flex-start; }
  .callback-strip a { white-space:normal; }
}


/* ===== V22 PERFORMANCE & PRODUCTION POLISH ===== */
.site-noscript {
  display:block; padding:10px 15px; text-align:center; background:#071426; color:#fff;
  font-size:.8rem; position:relative; z-index:20001;
}
.footer-contact-line {
  display:flex; flex-wrap:wrap; justify-content:center; gap:18px; margin-top:16px;
  font-size:.78rem; opacity:.7;
}
.footer-contact-line a { color:inherit; text-decoration:none; }
.footer-contact-line a:hover { text-decoration:underline; }

img { max-width:100%; }
a, button, input, select, textarea { -webkit-tap-highlight-color:transparent; }
button, .btn, a { touch-action:manipulation; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration:.01ms !important; animation-iteration-count:1 !important;
    transition-duration:.01ms !important; scroll-behavior:auto !important;
  }
}


/* ===== V23 SOCIAL + CONVERSION ===== */
.share-strip {
  max-width:1180px; margin:25px auto; padding:18px 22px; border-radius:18px;
  background:#f6f8fb; border:1px solid rgba(7,20,38,.08);
  display:flex; align-items:center; justify-content:center; gap:18px; text-align:center;
}
.share-strip span { font-size:.86rem; opacity:.7; }
.share-strip button {
  border:0; background:#071426; color:#fff; border-radius:999px; padding:11px 17px;
  font-size:.72rem; font-weight:900; cursor:pointer;
}
.share-strip button:hover { opacity:.9; }
.whatsapp-trust-note {
  max-width:1180px; margin:20px auto 0; padding:14px 18px; border-radius:14px;
  background:rgba(37,211,102,.08); border:1px solid rgba(37,211,102,.2);
  font-size:.84rem; text-align:center;
}
.whatsapp-trust-note a { color:inherit; font-weight:900; }
@media (max-width:650px) {
  .share-strip { flex-direction:column; margin:18px 5%; }
  .share-strip button { width:100%; }
}


/* ===== V24 LAUNCH QA & TRUST ===== */
.pricing-disclaimer {
  max-width:1180px; margin:0 auto 24px; padding:13px 17px; border-radius:13px;
  background:#fff8e7; border:1px solid rgba(145,103,20,.18); color:#4b3a15;
  font-size:.8rem; line-height:1.55;
}
.pricing-disclaimer strong { margin-right:5px; }
.testimonial-note {
  max-width:950px; margin:24px auto 0; padding:15px 18px; border-radius:14px;
  background:#f6f8fb; border:1px solid rgba(7,20,38,.07); text-align:center;
}
.testimonial-note span { font-size:.67rem; font-weight:900; letter-spacing:.1em; opacity:.5; }
.testimonial-note p { margin:6px 0 0; font-size:.8rem; opacity:.65; }
.coverage-note {
  max-width:1180px; margin:22px auto; padding:16px 20px; border-radius:16px;
  background:#071426; color:#fff; display:flex; justify-content:center; align-items:center;
  gap:15px; text-align:center;
}
.coverage-note span { font-size:.8rem; opacity:.65; }
@media (max-width:650px) {
  .coverage-note { margin:18px 5%; flex-direction:column; gap:5px; }
  .pricing-disclaimer { margin:0 5% 20px; }
}