:root{
  --navy:#081827; --navy2:#0d2238; --blue:#35aaf2; --blue2:#1688d0;
  --sky:#73d0ff; --white:#fff; --muted:#d2dee8; --card:#102c46;
  --border:rgba(255,255,255,.10); --shadow:0 20px 55px rgba(0,0,0,.25);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:var(--navy);color:var(--white);line-height:1.65;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1120px,92%);margin:auto}
header{position:sticky;top:0;z-index:1000;background:rgba(8,24,39,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.navbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo img{width:170px;height:auto}
nav{display:flex;align-items:center;gap:28px}
nav a{font-size:.94rem;font-weight:600;color:#eaf4fb;transition:.25s}
nav a:hover,nav a.active{color:var(--sky)}
.nav-cta{padding:10px 18px;border:1px solid rgba(53,170,242,.6);border-radius:999px}
.hamburger{display:none;background:none;border:0;cursor:pointer}
.hamburger span{display:block;width:27px;height:3px;background:#fff;margin:5px;border-radius:4px}
.mobile-menu{display:none;background:#091a2b;border-top:1px solid var(--border)}
.mobile-menu a{display:block;padding:15px 4%;border-bottom:1px solid var(--border);font-weight:600}
.hero{min-height:calc(100vh - 76px);display:flex;align-items:center;position:relative;background-position:center;background-size:cover}
.hero.home{background-image:url('hero-bg.png')}
.hero.consulting{background-image:url('banner1.png')}
.hero.tech{background-image:url('BT-banner.png')}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,17,28,.92),rgba(5,17,28,.63),rgba(5,17,28,.78))}
.hero-content{position:relative;padding:90px 0;max-width:820px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--sky);font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px}
.eyebrow:before{content:"";width:32px;height:2px;background:var(--blue)}
h1{font-size:clamp(2.45rem,6vw,4.8rem);line-height:1.08;letter-spacing:-1.8px;margin-bottom:22px}
h1 span{color:var(--sky)}
.hero p{color:#f0f6fa;font-size:clamp(1rem,2vw,1.22rem);color:#dbe7ef;max-width:720px;margin-bottom:34px}
.actions{display:flex;flex-wrap:wrap;gap:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;border-radius:9px;font-weight:800;transition:.25s}
.btn-primary{background:var(--blue);color:#04111c;box-shadow:0 10px 30px rgba(53,170,242,.25)}
.btn-primary:hover{background:var(--sky);transform:translateY(-2px)}
.btn-outline{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.05)}
.btn-outline:hover{border-color:var(--sky);color:var(--sky)}
section{padding:88px 0}
.section-head{text-align:center;max-width:760px;margin:0 auto 46px}
.section-head .eyebrow{justify-content:center}
.section-head h2{font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin-bottom:15px}
.section-head p{color:#516575}
.light{background:#f5f8fb;color:#102235}
.light .section-head p{color:#435665}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:30px;box-shadow:var(--shadow);transition:.28s}
.card:hover{transform:translateY(-6px);border-color:rgba(53,170,242,.5)}
.card .icon{width:48px;height:48px;border-radius:12px;background:rgba(53,170,242,.12);display:grid;place-items:center;color:var(--sky);font-size:1.25rem;font-weight:900;margin-bottom:18px}
.card h3{font-size:1.15rem;margin-bottom:9px}
.card p{color:#d2dee8;font-size:.95rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.business-card{padding:38px;border-radius:20px;background:linear-gradient(145deg,#102c46,#0b2034);border:1px solid var(--border)}
.business-card h3{font-size:1.55rem;margin:12px 0}
.business-card p{color:#d2dee8;margin-bottom:20px}
.business-card ul{list-style:none;display:grid;gap:9px;margin:0 0 24px}
.business-card li:before{content:"✓";color:var(--sky);font-weight:900;margin-right:10px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:35px}
.stat{padding:22px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.035);text-align:center}
.stat strong{display:block;font-size:1.45rem;color:var(--sky)}
.stat span{display:block;color:var(--muted);font-size:.84rem;margin-top:3px}
.contact-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}
.contact-info,.form-box{background:#102c46;border:1px solid var(--border);border-radius:18px;padding:32px}
.contact-info h3,.form-box h3{font-size:1.35rem;margin-bottom:18px}
.contact-item{padding:13px 0;border-bottom:1px solid var(--border)}
.contact-item:last-child{border-bottom:0}
.contact-item small{display:block;color:var(--sky);font-weight:700;text-transform:uppercase;letter-spacing:.7px}
.contact-item a,.contact-item span{color:#f1f7fa}
form{display:grid;gap:14px}
input,textarea,select{width:100%;padding:14px 15px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#0a2033;color:#fff;font:inherit;outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--blue)}
textarea{min-height:145px;resize:vertical}
footer{background:#06131f;border-top:1px solid var(--border);padding:30px 0;color:#9eb0bf}
.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center}
.footer-links{display:flex;gap:18px}
.footer-links a:hover{color:var(--sky)}
.badge{display:inline-block;border:1px solid rgba(115,208,255,.35);color:var(--sky);padding:7px 12px;border-radius:999px;font-size:.8rem;font-weight:700;margin-bottom:15px}
.cta{padding:55px 0}
.cta-box{background:linear-gradient(110deg,#0e3554,#0b2238);border:1px solid rgba(53,170,242,.25);border-radius:22px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta-box h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.15;margin-bottom:9px}
.cta-box p{color:#d2dee8}
.note{color:#c9d7e1;font-size:.9rem;margin-top:10px}
@media(max-width:900px){
  nav{display:none}.hamburger{display:block}.mobile-menu.open{display:block}
  .cards{grid-template-columns:repeat(2,1fr)}.split,.contact-wrap{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}.cta-box{flex-direction:column;align-items:flex-start}
}
@media(max-width:620px){
  .navbar{min-height:68px}.logo img{width:145px}.hero{min-height:78vh}
  .hero-content{padding:70px 0}section{padding:65px 0}.cards{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}.footer-row{flex-direction:column;align-items:flex-start}
  .actions .btn{width:100%}.contact-info,.form-box,.business-card{padding:25px}
}

/* Lead-generation enhancements */
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:1100;display:flex;align-items:center;gap:9px;padding:12px 17px;border-radius:999px;background:#25D366;color:#06140b;font-weight:800;box-shadow:0 12px 35px rgba(0,0,0,.28)}
.whatsapp-float:hover{transform:translateY(-2px)}
.process{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.process-step{position:relative;padding:28px;border-radius:16px;background:#102c46;border:1px solid var(--border)}
.process-step .number{font-size:2rem;font-weight:900;color:var(--sky);opacity:.9}
.process-step h3{margin:8px 0}
.process-step p{color:#d2dee8;font-size:.94rem}
.faq{display:grid;gap:12px;max-width:900px;margin:auto}
.faq details{background:#102c46;border:1px solid var(--border);border-radius:12px;padding:18px 20px}
.faq summary{cursor:pointer;font-weight:800}
.faq p{color:var(--muted);margin-top:12px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid .full{grid-column:1/-1}
label{font-size:.82rem;color:#b9c8d6;font-weight:700;display:block;margin-bottom:6px}
@media(max-width:700px){.process{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.whatsapp-float{right:14px;bottom:14px;padding:11px 14px}}

/* Premium visual layer */
.hero.home:after,.hero.consulting:after,.hero.tech:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 35%,rgba(53,170,242,.18),transparent 30%),linear-gradient(180deg,transparent 70%,rgba(8,24,39,.55))}
.hero-content{animation:heroIn .8s ease both}
@keyframes heroIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.glow-line{width:70px;height:3px;background:var(--sky);border-radius:4px;margin:16px auto 24px}
.icon-svg{width:26px;height:26px}
.marketing-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch}
.feature-panel{padding:38px;border-radius:20px;background:linear-gradient(145deg,#0e3452,#091c2e);border:1px solid rgba(115,208,255,.16);box-shadow:var(--shadow)}
.feature-panel h3{font-size:1.8rem;line-height:1.2;margin:10px 0 12px}
.feature-panel p{color:#d2dee8;margin-bottom:20px}
.feature-list{list-style:none;display:grid;gap:12px}
.feature-list li{color:#e7f0f5;display:flex;gap:10px;align-items:flex-start}
.feature-list li:before{content:"✓";color:var(--sky);font-weight:900}
.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.metric{padding:25px;border-radius:16px;background:#102c46;border:1px solid var(--border)}
.metric strong{font-size:2rem;display:block;color:var(--sky)}
.metric span{color:#d2dee8;font-size:.9rem}
.service-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.service-pill{padding:18px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid var(--border);font-weight:700;text-align:center}
.service-pill:hover{border-color:rgba(53,170,242,.45);transform:translateY(-2px)}
@media(max-width:900px){.marketing-grid{grid-template-columns:1fr}.service-strip{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.metric-grid{grid-template-columns:1fr 1fr}.service-strip{grid-template-columns:1fr}}

/* Accessibility and text visibility fixes */
body{color:#f7fbfd}
h1,h2,h3,h4,h5,h6{color:#ffffff}
.card,.business-card,.feature-panel,.process-step,.contact-info,.form-box,.metric,.faq details{color:#f2f7fa}
.card p,.business-card p,.feature-panel p,.process-step p,.metric span,.faq p{color:#d2dee8!important}
.section-head h2{color:#102235}
.light h2,.light h3,.light h4{color:#102235}
.light .card h3,.light .business-card h3{color:#ffffff}
.light .card,.light .business-card{color:#f2f7fa}
.hero h1,.hero p,.hero .eyebrow{position:relative;z-index:2}
.hero h1{color:#fff}
.hero p{color:#f0f6fa!important}
nav a{color:#f2f7fa}
footer{color:#c5d3dd}
.footer-links a{color:#dce8ef}
select option{background:#0a2033;color:#fff}
@media(max-width:620px){
  h1{letter-spacing:-1px}
  .hero-content{max-width:100%}
  .hero p{font-size:1rem;line-height:1.6}
  .section-head h2{font-size:2rem}
  .card h3,.business-card h3,.feature-panel h3{color:#fff}
}

/* Final visibility and contrast pass */
:root{
  --text-bright:#f7fbff;
  --text-soft:#e4edf4;
  --accent-visible:#8bdcff;
}
body{color:var(--text-bright)}
p,li,span,.note{color:var(--text-soft)}
.hero p,.feature-panel p,.business-card p,.card p,.process-step p,.metric span,.faq p{color:#edf5fa!important}
.eyebrow,.badge{color:var(--accent-visible)!important}
a{color:#eaf7ff}
a:hover{color:#8bdcff}
.section-head p{color:#526979!important}
.light .section-head p{color:#435967!important}
.footer-links a,.contact-item a{color:#e8f6ff!important}
.contact-item small{color:#8bdcff!important}
.service-pill{color:#f1f8fc}
.service-pill:hover{color:#fff}
.stat strong,.metric strong,.process-step .number{color:#8bdcff}
input,textarea,select{color:#fff;background:#071b2d}
input::placeholder,textarea::placeholder{color:#aebfca;opacity:1}
select{color:#fff}
.btn-outline{color:#f4faff;border-color:rgba(139,220,255,.55)}
.btn-outline:hover{color:#8bdcff;background:rgba(139,220,255,.07)}
nav a{color:#f4faff!important}
nav a:hover,nav a.active{color:#8bdcff!important}
footer{color:#cbd9e2}
footer .footer-links a{color:#dfeaf1!important}

/* H3 visibility fix on dark blue sections */
.card h3,
.business-card h3,
.feature-panel h3,
.process-step h3,
.contact-info h3,
.form-box h3,
.cta-box h3,
.dark h3,
section:not(.light) h3 {
  color: #f3f9fd !important;
}

/* Bright text pass for all dark-blue sections */
section:not(.light) {
  color: #f7fbff;
}
section:not(.light) p,
section:not(.light) li,
section:not(.light) span,
section:not(.light) label {
  color: #eaf5fb !important;
}
section:not(.light) h2,
section:not(.light) h3,
section:not(.light) h4,
section:not(.light) h5,
section:not(.light) h6 {
  color: #ffffff !important;
}
section:not(.light) .eyebrow,
section:not(.light) .badge {
  color: #8fe3ff !important;
}
section:not(.light) .stat strong,
section:not(.light) .metric strong,
section:not(.light) .number {
  color: #8fe3ff !important;
}
section:not(.light) a:not(.btn) {
  color: #eaf8ff !important;
}
section:not(.light) a:not(.btn):hover {
  color: #8fe3ff !important;
}