/* FiberTech unified production theme - shared by every page */
:root{
  --ft-primary:#126fb2;
  --ft-primary-dark:#0a4f84;
  --ft-secondary:#3c287a;
  --ft-accent:#1c8fd0;
  --ft-ink:#10263b;
  --ft-text:#516274;
  --ft-muted:#eef5fa;
  --ft-bg:#ffffff;
  --ft-border:#dce8f0;
  --ft-shadow:0 18px 45px rgba(20,61,92,.10);
  --ft-radius:20px;
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:'Poppins',sans-serif!important;color:var(--ft-text);background:#fff;overflow-x:hidden;line-height:1.7}
img,svg,video,iframe{max-width:100%;height:auto}
a{text-decoration:none}
h1,h2,h3,h4,h5,h6{color:var(--ft-ink);font-weight:700;letter-spacing:-.02em}
p{color:var(--ft-text)}
section{position:relative}
.container{width:min(1140px,calc(100% - 32px));margin-inline:auto}

/* Header / navigation */
.ft-navbar{background:rgba(255,255,255,.97);border-bottom:1px solid rgba(18,111,178,.10);box-shadow:0 8px 28px rgba(15,49,75,.07);padding:.7rem 0;backdrop-filter:blur(12px);z-index:1050}
.ft-navbar .navbar-brand{display:flex;align-items:center;min-width:205px;padding:0;margin-right:1.35rem}
.ft-navbar .site-logo{display:block;width:185px;max-height:70px;object-fit:contain;object-position:left center}
.ft-navbar .navbar-nav{align-items:center;gap:.15rem}
.ft-navbar .nav-link{color:#263f53!important;font-size:.88rem;font-weight:600;padding:.7rem .72rem!important;border-radius:10px;white-space:nowrap;transition:.2s ease}
.ft-navbar .nav-link:hover,.ft-navbar .nav-link.active,.ft-navbar .dropdown-item.active{color:var(--ft-primary)!important;background:#edf7fd}
.ft-navbar .dropdown-menu{border:1px solid var(--ft-border);border-radius:15px;padding:.55rem;box-shadow:var(--ft-shadow);min-width:230px}
.ft-navbar .dropdown-item{border-radius:9px;padding:.62rem .75rem;font-size:.88rem;color:#334d61;font-weight:500}
.ft-navbar .navbar-toggler{border:1px solid var(--ft-border);color:var(--ft-primary);box-shadow:none!important;padding:.46rem .6rem;border-radius:10px}
.ft-nav-cta{background:linear-gradient(135deg,var(--ft-primary),var(--ft-primary-dark));color:#fff!important;padding:.72rem 1rem!important;border-radius:11px!important;margin-left:.45rem;box-shadow:0 10px 24px rgba(18,111,178,.18)}
.ft-nav-cta:hover{color:#fff!important;transform:translateY(-1px)}
body{padding-top:90px}

/* Unified surfaces/cards */
.card,.service-card,.feature-card,.process-card,.project-card,.stat-card,.info-card,.solution-card,.industry-card,.portfolio-card,.contact-card,.about-card,.why-card,.benefit-card,.tech-card,.pricing-card,.plan-card,.security-card,.consultancy-card,.network-card,.software-card,.pbx-card,.vps-card,.managed-card{
  border:1px solid var(--ft-border)!important;border-radius:var(--ft-radius)!important;background:#fff!important;box-shadow:0 12px 34px rgba(16,57,86,.07)!important;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease
}
.card:hover,.service-card:hover,.feature-card:hover,.process-card:hover,.project-card:hover,.solution-card:hover,.industry-card:hover,.portfolio-card:hover,.why-card:hover,.benefit-card:hover,.tech-card:hover,.network-card:hover,.software-card:hover,.pbx-card:hover,.vps-card:hover,.managed-card:hover{transform:translateY(-5px);box-shadow:var(--ft-shadow)!important;border-color:#bfd9e9!important}
.card img,.service-card img,.project-card img,.portfolio-card img{width:100%;object-fit:cover}
.badge,.tag,.eyebrow,.section-kicker{font-weight:600;letter-spacing:.03em}

/* Buttons */
.btn,.cta-button,.primary-btn,.secondary-btn,.service-btn,.hero-btn{border-radius:11px!important;font-weight:600!important;padding:.75rem 1.1rem!important;transition:.22s ease!important}
.btn-primary,.primary-btn,.cta-button{background:linear-gradient(135deg,var(--ft-primary),var(--ft-primary-dark))!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 25px rgba(18,111,178,.17)}
.btn-primary:hover,.primary-btn:hover,.cta-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(18,111,178,.24)!important}
.btn-outline-primary,.secondary-btn{border-color:var(--ft-primary)!important;color:var(--ft-primary)!important;background:#fff!important}
.btn-outline-primary:hover,.secondary-btn:hover{background:var(--ft-primary)!important;color:#fff!important}

/* Forms */
.form-control,.form-select,input,textarea,select{border:1px solid #cddce7!important;border-radius:11px!important;min-height:48px;box-shadow:none!important}
textarea.form-control,textarea{min-height:130px}
.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{border-color:var(--ft-primary)!important;box-shadow:0 0 0 .2rem rgba(18,111,178,.10)!important}

/* Hero consistency without erasing page imagery */
.hero,.page-hero,.service-hero,.about-hero,.portfolio-hero,.contact-hero{isolation:isolate}
.hero h1,.page-hero h1,.service-hero h1,.about-hero h1,.portfolio-hero h1,.contact-hero h1{font-size:clamp(2.2rem,5vw,4.25rem);line-height:1.08}
.section-title,.section-heading{font-size:clamp(1.75rem,3.4vw,2.7rem)}

/* Unified footer */
.ft-footer{background:#0c2337;color:#cbd9e4;padding:64px 0 0;margin-top:0}
.ft-footer .footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:36px}
.ft-footer .footer-logo{width:205px;background:#fff;border-radius:12px;padding:7px 10px;margin-bottom:18px}
.ft-footer h3{color:#fff;font-size:1rem;margin:4px 0 16px}
.ft-footer p{color:#b8c9d5;max-width:390px;font-size:.93rem}
.ft-footer a{display:block;color:#b8c9d5;margin:.47rem 0;font-size:.9rem;transition:.2s}
.ft-footer a:hover{color:#fff;transform:translateX(2px)}
.ft-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.10);display:flex;justify-content:space-between;gap:15px;padding:21px 0;margin-top:42px;color:#91a8b8;font-size:.84rem}

/* Responsive system */
@media (max-width:1199.98px){
 .ft-navbar .site-logo{width:160px}.ft-navbar .nav-link{font-size:.82rem;padding:.65rem .52rem!important}.ft-nav-cta{margin-left:.2rem}
}
@media (max-width:991.98px){
 body{padding-top:82px}.ft-navbar{padding:.52rem 0}.ft-navbar .navbar-brand{min-width:0}.ft-navbar .site-logo{width:165px;max-height:62px}
 .ft-navbar .navbar-collapse{background:#fff;margin-top:.65rem;padding:.75rem;border:1px solid var(--ft-border);border-radius:15px;box-shadow:var(--ft-shadow);max-height:calc(100vh - 100px);overflow-y:auto}
 .ft-navbar .navbar-nav{align-items:stretch;gap:.1rem}.ft-navbar .nav-link{padding:.72rem .8rem!important;font-size:.9rem}.ft-nav-cta{margin:.45rem 0 0!important;text-align:center}
 .ft-footer .footer-grid{grid-template-columns:1fr 1fr}.hero h1,.page-hero h1,.service-hero h1,.about-hero h1,.portfolio-hero h1,.contact-hero h1{font-size:clamp(2rem,7vw,3.45rem)}
 .row>[class*='col-']{margin-bottom:1rem}
}
@media (max-width:767.98px){
 .container{width:min(100% - 24px,1140px)}section{scroll-margin-top:80px}.ft-footer{padding-top:48px}.ft-footer .footer-grid{grid-template-columns:1fr;gap:25px}.ft-footer .footer-bottom{flex-direction:column;text-align:center}
 .hero,.page-hero,.service-hero,.about-hero,.portfolio-hero,.contact-hero{min-height:auto!important;padding-top:80px!important;padding-bottom:64px!important}
 .hero h1,.page-hero h1,.service-hero h1,.about-hero h1,.portfolio-hero h1,.contact-hero h1{font-size:clamp(1.9rem,10vw,2.8rem)}
 h2,.section-title,.section-heading{font-size:clamp(1.55rem,7vw,2.15rem)!important}.lead{font-size:1rem!important}
 .btn,.cta-button,.primary-btn,.secondary-btn,.service-btn,.hero-btn{width:100%;margin:.3rem 0!important;text-align:center}
 .d-flex:has(.btn),.hero-buttons,.cta-buttons,.button-group{flex-direction:column!important;align-items:stretch!important}
 table{display:block;max-width:100%;overflow-x:auto;white-space:nowrap}
 .card,.service-card,.feature-card,.process-card,.project-card,.solution-card,.portfolio-card{border-radius:16px!important}
}
@media (max-width:420px){.ft-navbar .site-logo{width:145px}.container{width:calc(100% - 20px)}body{padding-top:76px}}

/* ===== FiberTech visual consistency refinement (2026-09) ===== */
:root{
  --ft-surface:#f5f9fc;
  --ft-surface-strong:#eaf3f8;
  --ft-card:#f8fbfd;
  --ft-card-2:#edf6fb;
  --ft-card-border:#cfe0eb;
  --ft-dark:#071b2b;
  --ft-dark-2:#0c2940;
  --ft-on-dark:#f4fbff;
  --ft-on-dark-muted:#c6d9e6;
}
body.ft-site{background:var(--ft-surface)!important;color:#43596b!important}
body.ft-site main{background:var(--ft-surface)}
body.ft-site section:not(.hero):not(.page-hero):not(.service-hero):not(.about-hero):not(.portfolio-hero):not(.contact-hero):not(.home-cta):not(.ft-footer){background-color:var(--ft-surface)}
body.ft-site section:nth-of-type(even):not(.hero):not(.home-cta){background-color:#eef5f9}

/* Replace harsh pure-white cards with subtle branded surfaces, and force readable text. */
body.ft-site .card,
body.ft-site .service-card,body.ft-site .feature-card,body.ft-site .process-card,body.ft-site .project-card,
body.ft-site .stat-card,body.ft-site .info-card,body.ft-site .solution-card,body.ft-site .industry-card,
body.ft-site .portfolio-card,body.ft-site .contact-card,body.ft-site .about-card,body.ft-site .why-card,
body.ft-site .benefit-card,body.ft-site .tech-card,body.ft-site .pricing-card,body.ft-site .plan-card,
body.ft-site .security-card,body.ft-site .consultancy-card,body.ft-site .network-card,body.ft-site .software-card,
body.ft-site .pbx-card,body.ft-site .vps-card,body.ft-site .managed-card,
body.ft-site .service-box,body.ft-site .feature-box,body.ft-site .info-box,body.ft-site .contact-info,
body.ft-site .contact-form,body.ft-site .value-card,body.ft-site .mission-card,body.ft-site .vision-card{
  background:linear-gradient(145deg,var(--ft-card),var(--ft-card-2))!important;
  border:1px solid var(--ft-card-border)!important;
  color:#3d5365!important;
  box-shadow:0 14px 36px rgba(8,45,72,.08)!important;
}
body.ft-site .card h1,body.ft-site .card h2,body.ft-site .card h3,body.ft-site .card h4,body.ft-site .card h5,body.ft-site .card h6,
body.ft-site .service-card h3,body.ft-site .feature-card h3,body.ft-site .process-card h3,body.ft-site .info-card h3,
body.ft-site .solution-card h3,body.ft-site .contact-card h3,body.ft-site .about-card h3,body.ft-site .benefit-card h3,
body.ft-site .tech-card h3,body.ft-site .security-card h3,body.ft-site .consultancy-card h3,body.ft-site .network-card h3,
body.ft-site .software-card h3,body.ft-site .pbx-card h3,body.ft-site .vps-card h3,body.ft-site .managed-card h3,
body.ft-site .service-box h3,body.ft-site .feature-box h3,body.ft-site .info-box h3,
body.ft-site .contact-form h2,body.ft-site .contact-info h2{color:var(--ft-ink)!important}
body.ft-site .card p,body.ft-site .service-card p,body.ft-site .feature-card p,body.ft-site .process-card p,
body.ft-site .info-card p,body.ft-site .solution-card p,body.ft-site .contact-card p,body.ft-site .about-card p,
body.ft-site .benefit-card p,body.ft-site .tech-card p,body.ft-site .security-card p,body.ft-site .consultancy-card p,
body.ft-site .network-card p,body.ft-site .software-card p,body.ft-site .pbx-card p,body.ft-site .vps-card p,
body.ft-site .managed-card p,body.ft-site .service-box p,body.ft-site .feature-box p,body.ft-site .info-box p,
body.ft-site .contact-form p,body.ft-site .contact-info p{color:#506779!important}

/* Image-led hero consistency for every page. */
body.ft-site .hero,body.ft-site .inner-hero,body.ft-site .services-hero,body.ft-site .about-hero{
  background-image:linear-gradient(90deg,rgba(4,20,34,.94) 0%,rgba(6,30,49,.86) 48%,rgba(5,24,40,.58) 100%),var(--ft-page-image)!important;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
  color:var(--ft-on-dark)!important;
}
body.ft-site .hero h1,body.ft-site .hero h2,body.ft-site .hero h3,body.ft-site .hero p,
body.ft-site .inner-hero h1,body.ft-site .inner-hero p,body.ft-site .about-hero h1,body.ft-site .about-hero p,
body.ft-site .services-hero h1,body.ft-site .services-hero p{color:var(--ft-on-dark)!important;text-shadow:0 2px 18px rgba(0,0,0,.24)}
body.ft-site .hero .breadcrumb,body.ft-site .hero .breadcrumb a,body.ft-site .hero .hero-subtitle,
body.ft-site .inner-hero .breadcrumb,body.ft-site .inner-hero .breadcrumb a{color:var(--ft-on-dark-muted)!important}

/* Preserve image cards as image cards; overlays own their text colors. */
body.ft-site .service-tile,body.ft-site .project-grid-modern>a,body.ft-site .portfolio-item,
body.ft-site .project-card:has(img),body.ft-site .service-tile *{color:#fff}
body.ft-site .service-tile h3,body.ft-site .project-grid-modern h3{color:#fff!important}
body.ft-site .service-tile p{color:#dcebf5!important}
body.ft-site .service-tile img,body.ft-site .project-grid-modern img,body.ft-site .portfolio-card img,
body.ft-site .card img{display:block;aspect-ratio:16/10;object-fit:cover}

/* Better section typography contrast. */
body.ft-site section h2,body.ft-site section h3{color:var(--ft-ink)}
body.ft-site .section-tag,body.ft-site .section-kicker,body.ft-site .eyebrow{color:var(--ft-primary)!important}

/* Contact visual addition */
.contact-visual-strip{padding:62px 0!important}
.contact-visual-card{display:grid;grid-template-columns:1.05fr .95fr;min-height:360px;background:var(--ft-dark);border-radius:26px;overflow:hidden;box-shadow:0 22px 52px rgba(8,36,58,.18)}
.contact-visual-card img{width:100%;height:100%;min-height:360px;object-fit:cover}
.contact-visual-copy{padding:clamp(34px,5vw,64px);display:flex;flex-direction:column;justify-content:center}
.contact-visual-copy h2{color:#fff!important;font-size:clamp(1.75rem,3vw,2.6rem);margin:.8rem 0 1rem}
.contact-visual-copy p{color:var(--ft-on-dark-muted)!important;margin:0;max-width:580px}

/* Mobile refinements for image content and cards. */
@media (max-width:991.98px){
 body.ft-site .hero,body.ft-site .inner-hero,body.ft-site .services-hero,body.ft-site .about-hero{background-position:62% center!important}
 .contact-visual-card{grid-template-columns:1fr}.contact-visual-card img{height:300px;min-height:0}
}
@media (max-width:767.98px){
 body.ft-site .hero,body.ft-site .inner-hero,body.ft-site .services-hero,body.ft-site .about-hero{
   background-image:linear-gradient(180deg,rgba(4,20,34,.92),rgba(5,26,43,.82)),var(--ft-page-image)!important;
   background-position:center!important
 }
 body.ft-site .card,body.ft-site .service-card,body.ft-site .feature-card,body.ft-site .process-card,
 body.ft-site .solution-card,body.ft-site .contact-card,body.ft-site .about-card{box-shadow:0 10px 26px rgba(8,45,72,.07)!important}
 .contact-visual-strip{padding:42px 0!important}.contact-visual-card{border-radius:18px}.contact-visual-card img{height:230px}.contact-visual-copy{padding:28px 22px}
 body.ft-site .service-tile img,body.ft-site .project-grid-modern img,body.ft-site .portfolio-card img,body.ft-site .card img{aspect-ratio:4/3}
}


/* =====================================================
   HOME + ABOUT FINAL DARK VISUAL SYSTEM
   Removes legacy white-background conflicts on these two pages.
===================================================== */
body.page-home,
body.page-about,
body.page-home main,
body.page-about main{
  background:#061522!important;
  color:#c7d7e4!important;
}

body.page-home main>section:not(.home-hero):not(.home-cta),
body.page-about main>section:not(.hero):not(.about-hero):not(.cta-section){
  background:#081b2a!important;
  color:#c7d7e4!important;
}
body.page-home main>section:nth-of-type(even):not(.home-hero):not(.home-cta),
body.page-about main>section:nth-of-type(even):not(.hero):not(.about-hero):not(.cta-section){
  background:#0b2234!important;
}

body.page-home section h2,
body.page-home section h3,
body.page-home section h4,
body.page-home section h5,
body.page-home section h6,
body.page-about section h2,
body.page-about section h3,
body.page-about section h4,
body.page-about section h5,
body.page-about section h6{
  color:#f6fbff!important;
}
body.page-home section p,
body.page-home section small,
body.page-about section p,
body.page-about section small{
  color:#b8c9d7!important;
}
body.page-home .section-tag,
body.page-home .eyebrow,
body.page-about .section-tag,
body.page-about .eyebrow{
  background:rgba(34,211,238,.09)!important;
  border-color:rgba(73,211,235,.25)!important;
  color:#7ee7f5!important;
}
body.page-home .dark-link,
body.page-home .services-more a,
body.page-about .dark-link{
  color:#74e1f1!important;
}

/* Home cards */
body.page-home .process-grid-modern>div,
body.page-home .refined-clients .client-logo,
body.page-home .advantage-list>div{
  background:linear-gradient(145deg,#0d2a3f,#0a2031)!important;
  border:1px solid rgba(143,198,225,.16)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.16)!important;
}
body.page-home .process-grid-modern>div{padding:28px}
body.page-home .advantage-list>div{padding:15px 16px;border-radius:14px}
body.page-home .advantage-list i,
body.page-home .process-grid-modern i{
  background:rgba(28,183,214,.12)!important;
  color:#79e3f2!important;
}
body.page-home .advantage-list strong{color:#f3f9fd!important}
body.page-home .advantage-list small,
body.page-home .process-grid-modern p{color:#a9bdcc!important}
body.page-home .refined-clients .client-logo img{filter:none!important;opacity:.94!important}
body.page-home .about-image-stack .accent-img{border-color:#0b2234!important}

/* About cards */
body.page-about .premium-service-card,
body.page-about .service-card,
body.page-about .why-card,
body.page-about .process-card,
body.page-about .tech-card,
body.page-about .client-card,
body.page-about .info-card,
body.page-about .security-card,
body.page-about .cloud-card{
  background:linear-gradient(145deg,#0f2b40,#0a2031)!important;
  border:1px solid rgba(143,198,225,.17)!important;
  color:#c8d8e4!important;
  box-shadow:0 16px 42px rgba(0,0,0,.18)!important;
}
body.page-about .premium-service-card p,
body.page-about .why-card p,
body.page-about .process-card p,
body.page-about .tech-card p,
body.page-about .client-card p,
body.page-about .info-card p{color:#afc3d2!important}
body.page-about .premium-service-card i,
body.page-about .why-card i,
body.page-about .process-card i,
body.page-about .tech-card i{color:#69e0f2!important}
body.page-about .section-header p{color:#aebfcd!important}
body.page-about .text-info{color:#6fe4f3!important}

/* Stronger image presentation */
body.page-home .hero-showcase img,
body.page-home .about-image-stack img,
body.page-about #company-story img{
  border:1px solid rgba(135,206,235,.16);
  box-shadow:0 25px 70px rgba(0,0,0,.3)!important;
}
body.page-home .home-hero-bg{
  background-image:linear-gradient(90deg,rgba(3,15,27,.96),rgba(4,24,40,.76)),url('../images/network/data-center-network.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
  opacity:.82!important;
}

/* About visual band */
body.page-about .about-image-band{padding:78px 0!important;background:#061522!important}
.about-image-band-card{
  display:grid;grid-template-columns:1.2fr .8fr;min-height:430px;
  border:1px solid rgba(143,198,225,.17);border-radius:26px;overflow:hidden;
  background:#091e2e;box-shadow:0 24px 70px rgba(0,0,0,.22)
}
.about-image-band-card img{width:100%;height:100%;min-height:430px;object-fit:cover}
.about-image-band-copy{padding:clamp(34px,5vw,68px);display:flex;flex-direction:column;justify-content:center}
.about-image-band-copy h2{font-size:clamp(1.9rem,3.7vw,3rem);margin:16px 0 14px}
.about-image-band-copy p{font-size:1rem;line-height:1.85;margin:0}

@media(max-width:991.98px){
  .about-image-band-card{grid-template-columns:1fr}.about-image-band-card img{height:360px;min-height:0}
}
@media(max-width:767.98px){
  body.page-home main>section:not(.home-hero):not(.home-cta),
  body.page-about main>section:not(.hero):not(.about-hero):not(.cta-section){padding-top:58px;padding-bottom:58px}
  .about-image-band-card{border-radius:18px}.about-image-band-card img{height:250px}.about-image-band-copy{padding:28px 22px}
  body.page-home .about-image-stack .main-img{height:330px}
  body.page-home .about-image-stack .accent-img{height:140px}
}

body.page-home .home-hero-bg{background-image:linear-gradient(90deg,rgba(3,15,27,.96),rgba(4,24,40,.76)),url('https://images.unsplash.com/photo-1506399558188-acca6f8cbf41?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=60&w=3000')!important;}


/* INNER PAGE PHOTOGRAPHY CONSISTENCY */
.service-card img, .feature-card img, .portfolio-card img, .project-card img, .solution-card img, .image-card img, .about-image img, .contact-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hero img, .page-hero img, .service-hero img {
  object-fit: cover;
  object-position: center;
}
@media (max-width: 767.98px) {
  .service-card img, .feature-card img, .portfolio-card img, .project-card img, .solution-card img {
    min-height: 190px;
    max-height: 260px;
  }
}

/* =========================================================
   V5 readability + Projects/Contact dark surface + WhatsApp
   ========================================================= */

/* Service-page section labels: keep key solution titles readable everywhere. */
body.page-network .section-tag,
body.page-vps .section-tag,
body.page-software .section-tag,
body.page-pbx .section-tag,
body.page-consultancy .section-tag,
body.page-services .section-tag{
  display:inline-flex!important;
  align-items:center!important;
  gap:.45rem!important;
  padding:.48rem .78rem!important;
  border-radius:999px!important;
  background:#dff7fb!important;
  border:1px solid #9edfeb!important;
  color:#07566b!important;
  font-weight:800!important;
  letter-spacing:.055em!important;
  line-height:1.2!important;
  text-shadow:none!important;
}

/* Premium service cards were inheriting white headings on pale/translucent surfaces. */
body.ft-site .premium-service-card{
  background:linear-gradient(145deg,#102c42,#0a2031)!important;
  border:1px solid rgba(126,199,225,.20)!important;
  color:#c7d8e4!important;
  box-shadow:0 16px 42px rgba(3,18,30,.16)!important;
}
body.ft-site .premium-service-card .service-body{background:transparent!important}
body.ft-site .premium-service-card h2,
body.ft-site .premium-service-card h3,
body.ft-site .premium-service-card h4{
  color:#f7fbff!important;
  text-shadow:none!important;
}
body.ft-site .premium-service-card p{color:#b8cbd8!important}
body.ft-site .premium-service-card .service-btn{color:#78e3f2!important}
body.ft-site .premium-service-card .service-icon{
  background:rgba(25,190,218,.12)!important;
  border:1px solid rgba(113,224,242,.18)!important;
}
body.ft-site .premium-service-card .service-icon i{color:#72e2f2!important}

/* Projects + Contact: remove remaining white/light surface clashes. */
body.page-portfolio,
body.page-contact{background:#061522!important;color:#c7d8e4!important}
body.page-portfolio main,
body.page-contact main{background:#061522!important}
body.page-portfolio section:not(.hero):not(.inner-hero):not(.cta-section),
body.page-contact section:not(.hero):not(.inner-hero):not(.cta-section){background:#081b2a!important;color:#c7d8e4!important}
body.page-portfolio section:nth-of-type(even):not(.hero):not(.inner-hero):not(.cta-section),
body.page-contact section:nth-of-type(even):not(.hero):not(.inner-hero):not(.cta-section){background:#061522!important}
body.page-portfolio section h2,
body.page-portfolio section h3,
body.page-contact section h2,
body.page-contact section h3{color:#f5f9fc!important}
body.page-portfolio .section-header p,
body.page-portfolio section>div p,
body.page-contact .section-header p,
body.page-contact section>div p{color:#aec2d0}

body.page-portfolio .solution-card,
body.page-portfolio .testimonial-card,
body.page-portfolio .tech-card,
body.page-portfolio .enterprise-card,
body.page-portfolio .floating-card,
body.page-contact .contact-card,
body.page-contact .contact-form-box,
body.page-contact .map-box,
body.page-contact .quick-support{
  background:linear-gradient(145deg,#102c42,#0a2031)!important;
  border:1px solid rgba(126,199,225,.18)!important;
  color:#c8d8e4!important;
  box-shadow:0 16px 42px rgba(0,0,0,.18)!important;
}
body.page-portfolio .solution-card p,
body.page-portfolio .testimonial-card p,
body.page-portfolio .tech-card p,
body.page-portfolio .enterprise-card p,
body.page-portfolio .floating-card p,
body.page-contact .contact-card p,
body.page-contact .contact-form-box p,
body.page-contact .quick-support p{color:#afc3d2!important}
body.page-contact .contact-card a,
body.page-contact .contact-card span{color:#7de5f2!important}
body.page-contact .contact-icon{background:rgba(32,189,218,.12)!important;color:#72e2f2!important}
body.page-contact .form-control,
body.page-contact .form-select,
body.page-contact input,
body.page-contact textarea,
body.page-contact select{
  background:#0b2234!important;
  border-color:rgba(143,198,225,.22)!important;
  color:#f5f9fc!important;
}
body.page-contact input::placeholder,
body.page-contact textarea::placeholder{color:#8199aa!important}
body.page-contact label{color:#d7e5ee!important}
body.page-contact .contact-visual-strip{background:#061522!important}

/* Floating business WhatsApp entry point on every page. */
.ft-whatsapp-float{
  position:fixed;right:22px;bottom:22px;z-index:1050;
  width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;
  background:#25D366;color:#fff!important;
  border:2px solid rgba(255,255,255,.92);
  box-shadow:0 14px 34px rgba(0,0,0,.28);
  font-size:28px;text-decoration:none!important;
  transition:transform .2s ease,box-shadow .2s ease;
}
.ft-whatsapp-float:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 18px 40px rgba(0,0,0,.32);color:#fff!important}
.ft-whatsapp-float:focus-visible{outline:3px solid #fff;outline-offset:3px}
.ft-whatsapp-float::after{
  content:"WhatsApp";position:absolute;right:68px;white-space:nowrap;
  padding:7px 10px;border-radius:8px;background:#071827;color:#fff;
  font-size:12px;font-weight:700;opacity:0;pointer-events:none;transform:translateX(5px);transition:.2s;
}
.ft-whatsapp-float:hover::after{opacity:1;transform:none}
@media(max-width:767.98px){.ft-whatsapp-float{right:14px;bottom:14px;width:54px;height:54px;font-size:25px}.ft-whatsapp-float::after{display:none}}