/*
Theme Name: Best CX Solutions
Theme URI: https://example.com/
Author: Best CX Solutions
Description: Editable WordPress block theme for Best CX Solutions, based on the supplied website design.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: bestcx
*/
:root{--bcx-navy:#031426;--bcx-navy2:#061f3a;--bcx-blue:#13a7ff;--bcx-cyan:#5bd8ff;--bcx-ink:#10233d;--bcx-muted:#607086;--bcx-line:#dce5ef;--bcx-light:#f5f8fb}
html{scroll-behavior:smooth}
body{margin:0}
.bcx-header{position:relative;z-index:5}
.bcx-logo{letter-spacing:-.06em;line-height:.85}
.bcx-logo-main{font-weight:900;font-size:1.35rem;color:#fff}
.bcx-logo-sub{display:block;font-size:.55rem;letter-spacing:.22em;color:#c9d5e3;margin-top:5px}
.bcx-logo-cx{color:var(--bcx-blue)}
.bcx-nav a{font-size:.74rem!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase}
.bcx-hero{min-height:650px;position:relative;overflow:hidden;background:linear-gradient(135deg,#02111f,#06284a 55%,#0b5a8f)}
.bcx-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(45,184,255,.28),transparent 28%),linear-gradient(90deg,rgba(2,17,31,.96),rgba(2,17,31,.7) 44%,rgba(2,17,31,.08) 78%);pointer-events:none}
.bcx-hero>*{position:relative;z-index:1}
.bcx-hero h1{font-size:clamp(3rem,6vw,5.6rem);letter-spacing:-.065em}
.bcx-hero h1 em{font-style:normal;color:var(--bcx-cyan)}
.bcx-eyebrow{color:var(--bcx-blue);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.bcx-eyebrow:before{content:"";display:inline-block;width:28px;height:2px;background:currentColor;vertical-align:middle;margin-right:9px}
.bcx-hero p{color:#c9d8e8}
.bcx-visual{min-height:430px;position:relative;background:linear-gradient(135deg,rgba(0,0,0,.08),rgba(0,0,0,.25));border-left:1px solid rgba(91,216,255,.14)}
.bcx-racks{position:absolute;inset:9% 8% 18%;background:repeating-linear-gradient(90deg,rgba(91,216,255,.18) 0 2px,transparent 2px 42px),linear-gradient(90deg,#041322,#0b3554,#041322);transform:perspective(700px) rotateY(-8deg);border:1px solid rgba(126,220,255,.22);box-shadow:0 0 80px rgba(19,167,255,.12) inset}
.bcx-racks:after{content:"";position:absolute;inset:12% 16%;border:2px solid rgba(180,235,255,.38);box-shadow:0 0 45px rgba(91,216,255,.15)}
.bcx-floor{position:absolute;left:5%;right:0;bottom:5%;height:40%;transform:perspective(500px) rotateX(62deg);background:repeating-linear-gradient(90deg,rgba(95,216,255,.18) 0 2px,transparent 2px 42px),repeating-linear-gradient(0deg,rgba(95,216,255,.14) 0 2px,transparent 2px 32px)}
.bcx-trust{background:var(--bcx-navy2);color:#fff}
.bcx-trust-item{border-right:1px solid rgba(255,255,255,.12)}
.bcx-icon{width:50px;height:50px;border-radius:14px;background:#e9f7ff;color:#087ab9;display:grid;place-items:center;font-weight:900;font-size:1.3rem}
.bcx-card{transition:transform .2s,box-shadow .2s}
.bcx-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(3,20,38,.1)!important}
.bcx-about-panel{background:var(--bcx-navy);color:#fff;overflow:hidden;position:relative}
.bcx-about-panel:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid rgba(91,216,255,.2);right:-130px;bottom:-130px}
.bcx-check{color:#dbe8f3}
.bcx-check:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;border:1px solid #31bfff;border-radius:50%;color:#55d6ff;margin-right:9px;font-size:.65rem}
.bcx-cta{background:linear-gradient(110deg,#031426,#073c67);color:#fff}
.bcx-footer{background:#020f1d;color:#9db1c5}
@media(max-width:782px){
  .bcx-trust-item{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)}
  .bcx-hero{min-height:auto}
  .bcx-visual{min-height:300px;margin-top:25px}
}