/* SS Computers Phase 13: original homepage CSS in original load order. */

/* BEGIN style/index-modern.css */
.home-top-trust{background:#fff;padding:26px 0 20px}.home-top-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.home-top-trust-grid>div{padding:17px;border:1px solid #dce8f7;border-radius:16px;text-align:center;box-shadow:0 7px 22px rgba(25,65,115,.06)}.home-top-trust-grid strong,.home-top-trust-grid span{display:block}.home-top-trust-grid strong{color:#1263d4;font-size:18px}.home-top-trust-grid span{color:#64748b;font-size:12px;margin-top:3px}.home-services-modern,.home-why-modern{background:#fff;padding:72px 0}.home-section-heading{text-align:center;max-width:800px;margin:0 auto 34px}.home-section-heading small{color:#255aa8;font-weight:900;letter-spacing:.17em}.home-section-heading h2{margin:10px 0 0;color:#102f5e;font-size:clamp(28px,3.4vw,42px)}.home-section-heading h2 em{font-style:normal;color:#1677ed}.home-section-heading p{color:#64748b}.home-service-grid,.home-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.home-service-card{display:flex;flex-direction:column;min-height:245px;padding:23px;background:#fff;border:1px solid #e3eaf3;border-radius:20px;box-shadow:0 9px 30px rgba(25,65,115,.07);text-decoration:none;transition:.22s}.home-service-card:nth-child(4n+1){border-bottom:4px solid #ff3b3b}.home-service-card:nth-child(4n+2){border-bottom:4px solid #20a65a}.home-service-card:nth-child(4n+3){border-bottom:4px solid #3f7df4}.home-service-card:nth-child(4n+4){border-bottom:4px solid #8247ef}.home-service-card:hover{transform:translateY(-5px)}.home-service-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:#edf6ff;color:#146fe3;font-size:27px}.home-service-card h3{color:#10366d;margin:17px 0 8px}.home-service-card p{color:#5d708b;font-size:13px;line-height:1.55;margin:0}.home-service-card>span{display:flex;justify-content:space-between;margin-top:auto;padding-top:17px;color:#0969df;font-weight:800}.home-why-modern{border-top:1px solid #edf2f7}.home-why-grid article{text-align:center;padding:27px 20px;border:1px solid #e3eaf3;border-radius:20px;box-shadow:0 9px 28px rgba(25,65,115,.06)}.home-why-grid i{font-style:normal;width:56px;height:56px;margin:auto;display:grid;place-items:center;border-radius:17px;background:#eaf4ff;color:#1474e8;font-size:27px}.home-why-grid h3{color:#10366d}.home-why-grid p{color:#62748c;font-size:13px;line-height:1.6}@media(max-width:1000px){.home-top-trust-grid,.home-service-grid,.home-why-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.home-service-grid,.home-why-grid{grid-template-columns:1fr}.home-top-trust-grid{gap:10px}.home-top-trust-grid>div{padding:13px 8px}.home-top-trust-grid strong{font-size:14px}}
/* END style/index-modern.css */

/* BEGIN style/index-why-networking.css */
/* Index WHY CHOOSE US — networking-style cards */
.home-why-networking{
  background:#f4f8fc;
  padding:70px 0 76px;
  border-top:1px solid #e8eef6;
  border-bottom:1px solid #e8eef6;
}
.home-why-networking .home-section-heading{
  text-align:center;
  max-width:760px;
  margin:0 auto 34px;
}
.home-why-networking .home-section-heading small{
  display:inline-block;
  margin-bottom:10px;
  color:#255da8;
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
}
.home-why-networking .home-section-heading h2{
  margin:0;
  color:#0b2d5c;
}
.home-why-networking .home-section-heading h2 em{
  color:#176fe5;
  font-style:normal;
}
.home-why-networking .home-section-heading p{
  margin:10px auto 0;
  color:#65758b;
}
.why-network-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
.why-network-card{
  --accent:#176fe5;
  --soft:#eaf3ff;
  --corner:#e8f2ff;
  position:relative;
  overflow:hidden;
  min-height:235px;
  padding:28px 24px 24px;
  background:#fff;
  border:1px solid #e0e8f2;
  border-radius:23px;
  box-shadow:0 14px 34px rgba(30,72,120,.07);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.why-network-card:hover{
  transform:translateY(-9px);
  box-shadow:0 22px 45px rgba(30,72,120,.15);
}
.why-network-corner{
  position:absolute;
  top:-46px;
  right:-48px;
  width:140px;
  height:140px;
  border-radius:50%;
  background:var(--corner);
}
.why-network-icon{
  position:relative;
  z-index:1;
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  margin-bottom:20px;
  border-radius:18px;
  background:var(--soft);
  color:var(--accent);
}
.why-network-icon svg{
  width:31px;
  height:31px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.why-network-card h3{
  position:relative;
  z-index:1;
  margin:0 0 10px;
  color:#082c5b;
  font-size:20px;
  line-height:1.25;
}
.why-network-card p{
  position:relative;
  z-index:1;
  min-height:66px;
  margin:0 0 15px;
  color:#5e718b;
  font-size:14px;
  line-height:1.55;
}
.why-network-link{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  min-height:39px;
  padding:9px 14px;
  border-radius:999px;
  background:var(--soft);
  color:var(--accent);
  font-size:13px;
  font-weight:800;
}
.why-blue{--accent:#176fe5;--soft:#eaf3ff;--corner:#e7f1ff}
.why-green{--accent:#0a9f55;--soft:#eaf9f0;--corner:#e5f7ec}
.why-purple{--accent:#7a3df0;--soft:#f3ebff;--corner:#efe5ff}
.why-red{--accent:#ef3434;--soft:#fff0f0;--corner:#ffe9e9}
@media(max-width:1020px){
  .why-network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .home-why-networking{padding:52px 0 58px}
  .why-network-grid{grid-template-columns:1fr;gap:15px}
  .why-network-card{min-height:auto}
  .why-network-card p{min-height:auto}
}

/* END style/index-why-networking.css */

/* BEGIN style/index-top-trust-cards.css */
/* Homepage top highlights — 4 networking-style cards */
.home-top-trust-cards{
  background:#f4f8fc;
  padding:30px 0 34px;
}
.top-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
.top-trust-card{
  --accent:#176fe5;
  --soft:#eaf3ff;
  --corner:#e7f1ff;
  position:relative;
  overflow:hidden;
  min-height:205px;
  padding:26px 23px;
  background:#fff;
  border:1px solid #e0e8f2;
  border-radius:23px;
  box-shadow:0 14px 34px rgba(30,72,120,.07);
  transition:transform .22s ease,box-shadow .22s ease;
}
.top-trust-card:hover{
  transform:translateY(-9px);
  box-shadow:0 22px 45px rgba(30,72,120,.15);
}
.top-trust-corner{
  position:absolute;
  top:-48px;
  right:-48px;
  width:140px;
  height:140px;
  border-radius:50%;
  background:var(--corner);
}
.top-trust-icon{
  position:relative;
  z-index:1;
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  margin-bottom:19px;
  border-radius:18px;
  background:var(--soft);
  color:var(--accent);
}
.top-trust-icon svg{
  width:31px;
  height:31px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.top-trust-card h3{
  position:relative;
  z-index:1;
  margin:0 0 8px;
  color:var(--accent);
  font-size:21px;
  line-height:1.2;
}
.top-trust-card p{
  position:relative;
  z-index:1;
  margin:0;
  color:#5e718b;
  font-size:15px;
  line-height:1.5;
}
.trust-blue{--accent:#176fe5;--soft:#eaf3ff;--corner:#e7f1ff}
.trust-green{--accent:#0a9f55;--soft:#eaf9f0;--corner:#e5f7ec}
.trust-purple{--accent:#7a3df0;--soft:#f3ebff;--corner:#efe5ff}
.trust-red{--accent:#ef3434;--soft:#fff0f0;--corner:#ffe9e9}

@media(max-width:1020px){
  .top-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .home-top-trust-cards{padding:22px 0 26px}
  .top-trust-grid{grid-template-columns:1fr;gap:14px}
  .top-trust-card{min-height:auto}
}

/* END style/index-top-trust-cards.css */

/* BEGIN style/index-reviews-3cards.css */
.customer-reviews-three{background:#f4f8fc;padding:70px 0}.review-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.review-three-card{min-height:310px;padding:30px 28px;background:#fff;border:1px solid #dfe8f3;border-radius:24px;box-shadow:0 14px 34px rgba(30,72,120,.07);transition:.22s ease}.review-three-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(30,72,120,.14)}.review-three-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:20px;border-radius:18px;background:#eaf3ff;color:#176fe5}.review-three-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.review-three-label{display:inline-block;margin-bottom:10px;color:#176fe5;font-size:11px;font-weight:900;letter-spacing:.15em}.review-three-card h2,.review-three-card h3{margin:0 0 12px;color:#103d78;line-height:1.2}.review-three-card h2{font-size:30px}.review-three-card h3{font-size:25px}.review-three-card p{margin:0;color:#60738d;font-size:15px;line-height:1.65}.rating-card .review-three-icon{background:#fff5db;color:#efa900}.review-three-rating{display:flex;align-items:flex-end;gap:5px;margin:4px 0 7px}.review-three-rating strong{color:#0b2854;font-size:48px;line-height:1}.review-three-rating span{margin-bottom:6px;color:#365c8d;font-weight:800}.review-three-stars{display:flex;gap:5px;margin:13px 0 14px}.review-three-stars svg{width:22px;height:22px;fill:none;stroke:#efa900;stroke-width:1.8}.review-google-link{display:inline-flex;margin-top:18px;padding:10px 15px;border-radius:999px;background:#eaf3ff;color:#176fe5;font-size:13px;font-weight:800;text-decoration:none}.contact-review-card .review-three-icon{background:#eaf9f0;color:#0a9f55}.review-contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.review-contact-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:11px 18px;border-radius:12px;font-size:14px;font-weight:800;text-decoration:none}.review-whatsapp-btn{background:#18aa5b;color:#fff}.review-ticket-btn{background:#176fe5;color:#fff}@media(max-width:960px){.review-three-grid{grid-template-columns:1fr}.review-three-card{min-height:auto}}@media(max-width:620px){.customer-reviews-three{padding:52px 0}.review-three-card{padding:25px 22px}.review-three-card h2{font-size:26px}}
/* END style/index-reviews-3cards.css */

/* BEGIN style/index-service-icons.css */
.home-service-icon .service-svg-icon{
  width:28px;
  height:28px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.home-service-card:hover .service-svg-icon{
  transform:scale(1.08);
}
.service-svg-icon{
  transition:transform .2s ease;
}

/* END style/index-service-icons.css */

/* BEGIN style/index-accessibility-fix.css */

/* Lighthouse accessibility fixes — homepage */
.trust-card-title{
  margin:0 0 .35rem;
  font-size:1.02rem;
  line-height:1.35;
  font-weight:800;
  color:#0b2345;
}

/* Improve contrast for the colored links shown in the Lighthouse report. */
.why-network-link{
  color:#084c8d !important;
  font-weight:800;
}
.home-why-card:nth-child(2) .why-network-link,
.home-why-card:nth-child(3) .why-network-link,
.home-why-card:nth-child(4) .why-network-link{
  color:#084c8d !important;
}

/* Google-review CTA */
.review-google-link{
  color:#084c8d !important;
  font-weight:800;
}

/* White text on stronger green backgrounds for WCAG AA contrast. */
.review-whatsapp-btn,
a.review-whatsapp-btn{
  background:#087a36 !important;
  color:#fff !important;
  font-weight:800;
}

/* Footer / floating WhatsApp text links where present */
a[href*="wa.me"] span,
a[href*="wa.me"].whatsapp-btn,
.whatsapp-btn{
  color:#fff;
}

/* Stronger contrast for cyan/teal ticket buttons shown in the audit. */
.ticket-btn,
a.ticket-btn,
.book-ticket-btn,
a.book-ticket-btn{
  background:#075985 !important;
  color:#fff !important;
  font-weight:800;
}

/* Keep generic muted copy readable against pale card backgrounds. */
.home-why-card p,
.review-three-card p,
.trust-card p{
  color:#334155;
}

/* END style/index-accessibility-fix.css */


/* PHASE 21 — Modern Professional visual refresh, homepage only.
   Additive, scoped styles. Original component behavior and responsive banners remain. */
body.ss-unified{background:#f7faff;color:#182c46;-webkit-font-smoothing:antialiased}
body.ss-unified main{overflow:clip}
body.ss-unified .container{max-width:1220px}
body.ss-unified .topbar{background:#0b2447;color:#e7f2ff}
body.ss-unified .header{background:rgba(255,255,255,.98);box-shadow:0 8px 28px rgba(19,56,101,.075);border-bottom:1px solid #e6edf7}
body.ss-unified .brand strong{letter-spacing:.035em}
body.ss-unified .home-banner{padding:18px 14px 0;background:linear-gradient(180deg,#eff6ff 0%,#f7faff 100%)}
body.ss-unified .home-banner-wrap{max-width:1400px;margin-inline:auto;border-radius:22px;overflow:hidden;box-shadow:0 20px 50px rgba(12,53,105,.14)}
body.ss-unified .home-banner-images{border-radius:inherit}
body.ss-unified .home-top-trust{background:#f7faff;padding-block:25px 36px}
body.ss-unified .top-trust-grid{gap:16px}
body.ss-unified .top-trust-card{border:1px solid #e4ebf6;border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(25,60,112,.055);transition:transform .2s ease,box-shadow .2s ease}
body.ss-unified .top-trust-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(25,60,112,.11)}
body.ss-unified .brand-strip{background:#fff;border-block:1px solid #e9eff8}
body.ss-unified .home-explore,body.ss-unified .home-services-modern,body.ss-unified .home-why-networking,body.ss-unified .customer-reviews,body.ss-unified .home-service-areas{padding-block:clamp(46px,6vw,82px)}
body.ss-unified .home-services-modern,body.ss-unified .customer-reviews{background:#fff}
body.ss-unified .home-explore,body.ss-unified .home-why-networking{background:#f3f7fd}
body.ss-unified .home-service-areas{background:linear-gradient(180deg,#f5f9ff,#edf5ff)}
body.ss-unified .home-section-heading{max-width:760px;margin-inline:auto;margin-bottom:30px}
body.ss-unified .home-section-heading small{display:inline-block;color:#1765c1;font-weight:800;letter-spacing:.12em;margin-bottom:10px}
body.ss-unified .home-section-heading h2{color:#112e53;font-size:clamp(1.75rem,3vw,2.7rem);line-height:1.18;letter-spacing:-.025em}
body.ss-unified .home-section-heading h2 em{color:#156bc6;font-style:normal}
body.ss-unified .home-section-heading p{color:#53667d;line-height:1.75}
body.ss-unified .home-service-grid,body.ss-unified .why-network-grid,body.ss-unified .home-area-grid{gap:18px}
body.ss-unified .home-service-card,body.ss-unified .why-network-card,body.ss-unified .area-card,body.ss-unified .review-three-card{border-radius:20px;border:1px solid #e2eaf5;box-shadow:0 8px 28px rgba(16,52,95,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
body.ss-unified .home-service-card{background:#fff;padding:26px 22px}
body.ss-unified .home-service-card:hover,body.ss-unified .area-card:hover{transform:translateY(-4px);border-color:#9ac7f5;box-shadow:0 16px 36px rgba(16,72,138,.12)}
body.ss-unified .home-service-card h3,body.ss-unified .why-network-card h3{color:#133a68}
body.ss-unified .home-service-card p,body.ss-unified .why-network-card p{color:#52667e;line-height:1.65}
body.ss-unified .home-service-card span{color:#1265be;font-weight:750}
body.ss-unified .home-service-icon{border-radius:14px}
body.ss-unified .review-three-card{background:#fff}
body.ss-unified .home-area-heading h2{color:#14365e;letter-spacing:-.02em}
body.ss-unified .area-card{background:#fff}
body.ss-unified .footer{border-top:4px solid #1d69bc}
@media(max-width:800px){
 body.ss-unified .home-banner{padding:10px 8px 0}
 body.ss-unified .home-banner-wrap{border-radius:12px;box-shadow:0 8px 22px rgba(12,53,105,.12)}
 body.ss-unified .home-explore,body.ss-unified .home-services-modern,body.ss-unified .home-why-networking,body.ss-unified .customer-reviews,body.ss-unified .home-service-areas{padding-block:38px}
 body.ss-unified .home-service-card{padding:20px 18px}
 body.ss-unified .home-section-heading{margin-bottom:22px}
}
@media(prefers-reduced-motion:reduce){body.ss-unified .top-trust-card,body.ss-unified .home-service-card,body.ss-unified .area-card{transition:none}}