:root{--navy:#07172f;--navy2:#0b2346;--blue:#1e8fff;--cyan:#5ecbff;--gold:#f3bd3d;--soft:#f4f8fc;--muted:#6d7c91;--border:rgba(7,23,47,.10);--shadow:0 18px 50px rgba(7,23,47,.10)}
*{box-sizing:border-box}body{margin:0;font-family:"Cairo",sans-serif;color:var(--navy);overflow-x:hidden;background:#fff}a{text-decoration:none;color:inherit}.section{padding:90px 0}.soft{background:var(--soft)}
.navbar{padding:14px 0;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(7,23,47,.06)}.navbar.scrolled{box-shadow:0 14px 35px rgba(7,23,47,.08);padding:9px 0}
.navbar-brand{font-weight:900;display:flex;align-items:center;gap:10px}.brand-mark{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--navy),var(--blue));display:grid;place-items:center;color:#fff;box-shadow:0 12px 30px rgba(30,143,255,.22);position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;left:-7px;bottom:-8px;width:22px;height:22px;border-radius:50%;background:var(--gold)}.brand-text span{display:block;line-height:1.05}.brand-text .ar{font-size:22px}.brand-text .en{font-size:11px;color:var(--muted);letter-spacing:.8px}
.nav-link{font-weight:800;color:#273951!important;font-size:14px}.nav-link.active,.nav-link:hover{color:var(--blue)!important}.dropdown-menu{border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:10px}.dropdown-item{font-weight:800;border-radius:12px;padding:10px 12px}.dropdown-item:hover,.dropdown-item.active{background:rgba(30,143,255,.08);color:var(--blue)}
.nav-cta,.btn-main,.btn-outline-main{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:15px;font-weight:900;transition:.25s}.nav-cta{background:var(--navy);color:#fff!important;padding:10px 16px}.btn-main{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;padding:14px 24px;border:0;box-shadow:0 14px 35px rgba(30,143,255,.28)}.btn-main:hover{color:#fff;transform:translateY(-3px)}.btn-outline-main{border:1px solid rgba(255,255,255,.35);color:#fff;padding:13px 23px;background:rgba(255,255,255,.08)}.btn-outline-main:hover{color:#fff;background:rgba(255,255,255,.16);transform:translateY(-3px)}
.hero,.page-hero,.cta,.tech{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 20% 18%,rgba(94,203,255,.20),transparent 30%),radial-gradient(circle at 82% 22%,rgba(243,189,61,.18),transparent 28%),linear-gradient(135deg,#06142a 0%,#0b2346 52%,#07172f 100%)}.hero:before,.page-hero:before,.tech:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,#000,transparent)}.hero .container,.page-hero .container,.tech .container,.cta .container{position:relative;z-index:2}
.hero{min-height:100vh;padding:150px 0 80px}.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.25;font-weight:900;margin-bottom:22px}.hero h1 span{color:var(--gold)}.hero p,.page-hero p,.cta p{color:#d4e4f7;font-size:18px;line-height:2}.hero p{max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin:28px 0}.hero-badge,.breadcrumb-custom,.section-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-weight:900}.hero-badge,.breadcrumb-custom{padding:10px 16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);color:#dcecff;margin-bottom:22px}.section-badge{padding:8px 15px;background:rgba(30,143,255,.10);color:var(--blue);font-size:14px;margin-bottom:15px}
.trust{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}.trust span{border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:8px 12px;color:#cfe2f5;font-weight:800}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:650px}.stat{padding:18px;border-radius:20px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}.stat strong{display:block;font-size:28px;font-weight:900}.stat span{color:#bdd0e7;font-size:13px;font-weight:800}
.mock{position:relative;min-height:520px}.mock-device{position:absolute;right:25px;top:35px;width:86%;min-height:395px;border-radius:34px;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(18px);box-shadow:0 45px 90px rgba(0,0,0,.35);animation:float 7s ease-in-out infinite}.mock-screen{border-radius:26px;padding:26px;min-height:315px;background:linear-gradient(135deg,rgba(5,15,32,.98),rgba(9,38,78,.92));border:1px solid rgba(255,255,255,.10);position:relative;overflow:hidden}.mock-title{max-width:60%}.mock-title strong{display:block;font-size:30px;line-height:1.25;font-weight:900}.mock-title span{color:#bad0e8;line-height:1.8}.chart-card{position:absolute;left:24px;top:28px;width:190px;border-radius:22px;padding:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13)}.chart-card strong{color:#6fffd2;font-size:22px}.mini-stats{position:absolute;right:26px;left:26px;bottom:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-stats div{padding:14px;border-radius:18px;background:rgba(255,255,255,.08)}.mini-stats strong{display:block}.phone-card,.cloud-card-small{position:absolute;border-radius:24px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(14px);box-shadow:0 25px 60px rgba(0,0,0,.24)}.phone-card{right:0;bottom:50px;width:150px;padding:14px}.phone-card h4{font-size:15px;font-weight:900}.phone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.phone-grid span{height:48px;border-radius:14px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:var(--cyan)}.cloud-card-small{left:20px;bottom:55px;width:220px;padding:18px}.cloud-card-small strong{display:block;font-weight:900}.cloud-card-small span{color:#bdd0e7}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.page-hero{padding:150px 0 85px;text-align:center}.page-hero h1{font-size:clamp(34px,5vw,62px);font-weight:900}
.section-title{font-size:clamp(30px,4vw,48px);font-weight:900;line-height:1.35}.section-desc{color:var(--muted);font-size:17px;line-height:1.9;max-width:800px;margin:0 auto 42px}
.service-card,.info-card,.package-card,.case-card,.blog-card,.portfolio-card,.faq-box,.testimonial-card{height:100%;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 12px 35px rgba(7,23,47,.06);transition:.25s;overflow:hidden}.service-card:hover,.info-card:hover,.package-card:hover,.case-card:hover,.blog-card:hover,.portfolio-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.service-card,.info-card,.testimonial-card{padding:28px}.icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(30,143,255,.12),rgba(94,203,255,.16));color:var(--blue);font-size:25px;margin-bottom:18px}.service-card h3,.info-card h3{font-size:20px;font-weight:900}.service-card p,.info-card p,.case-card p,.blog-card p,.portfolio-card p,.testimonial-card p{color:var(--muted);line-height:1.85}
.tech .service-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.13);box-shadow:none}.tech .service-card h3{color:#fff}.tech .service-card p{color:#c9d9eb}.tech .icon{background:rgba(255,255,255,.13);color:var(--gold)}
.thumb{height:210px;background:radial-gradient(circle at 20% 20%,rgba(243,189,61,.26),transparent 24%),linear-gradient(135deg,#eaf4ff,#f8fbff);display:grid;place-items:center;color:var(--blue);font-size:54px}.body{padding:24px}.tag{display:inline-flex;padding:6px 11px;border-radius:999px;background:rgba(30,143,255,.10);color:var(--blue);font-weight:900;font-size:13px;margin-bottom:12px}.view-link{color:var(--blue);font-weight:900}
.package-card{padding:30px;position:relative}.package-card.featured{border:2px solid var(--blue);transform:translateY(-12px)}.ribbon{position:absolute;left:20px;top:20px;background:var(--gold);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}.price strong{font-size:34px;color:var(--blue);font-weight:900}.features{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}.features li{font-weight:800;color:#273951;line-height:1.7}.features i{color:var(--blue);margin-left:8px}
.table-wrap{border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.table th{background:var(--navy);color:#fff;padding:16px}.table td{padding:16px;font-weight:700;color:#273951}.accordion-button{font-weight:900}.accordion-body{color:var(--muted);font-weight:700;line-height:1.9}
.logo-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.logo-placeholder{min-height:82px;border:1px solid var(--border);border-radius:20px;background:#fff;display:grid;place-items:center;color:#94a4b8;font-weight:900;box-shadow:0 10px 25px rgba(7,23,47,.05)}
.contact-card{border-radius:34px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.contact-info{height:100%;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:36px}.contact-info p{color:#d4e4f7}.contact-item{display:flex;gap:14px;margin-bottom:18px}.contact-item i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.12);color:var(--gold)}.contact-form{padding:36px}.form-control,.form-select{border-radius:15px;min-height:54px;border:1px solid rgba(7,23,47,.12);font-weight:700}textarea.form-control{min-height:130px}
.cta{padding:75px 0}.cta h2{font-size:clamp(30px,4vw,48px);font-weight:900}
footer{background:#050f20;color:#fff;padding:60px 0 25px}footer a,footer p{color:#b9c9dc;line-height:1.9}footer h5{font-weight:900}.footer-links{display:grid;gap:10px}.social-links{display:flex;gap:10px}.social-links a{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.10);margin-top:35px;padding-top:20px;text-align:center;color:#9fb0c4}.whatsapp-float{position:fixed;left:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;font-size:28px;z-index:999;box-shadow:0 14px 35px rgba(37,211,102,.35)}
.reveal{opacity:0;transform:translateY(28px);transition:.65s}.reveal.show{opacity:1;transform:none}
@media(max-width:991px){.section{padding:70px 0}.hero{padding:125px 0 70px}.navbar-collapse{margin-top:14px;padding:15px;border-radius:20px;background:#fff;box-shadow:var(--shadow)}.package-card.featured{transform:none}.mock{min-height:500px}.logo-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.stats{grid-template-columns:1fr}.hero-actions .btn-main,.hero-actions .btn-outline-main{width:100%}.mock-device{position:relative;right:auto;width:100%;transform:none}.mock-title{max-width:100%}.chart-card,.phone-card,.cloud-card-small{display:none}.mini-stats{position:relative;right:auto;left:auto;bottom:auto;margin-top:18px;grid-template-columns:1fr}.contact-form,.contact-info{padding:25px}}

.service-hero-note{
  padding:24px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(30,143,255,.10),rgba(94,203,255,.08));
  border:1px solid rgba(30,143,255,.16);
  height:100%;
}
.service-hero-note h3{font-weight:900;margin-bottom:12px}
.service-hero-note p{color:var(--muted);line-height:1.9;margin:0}
.content-block{
  padding:30px;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 12px 35px rgba(7,23,47,.06);
  height:100%;
}
.content-block h3{font-weight:900;margin-bottom:16px}
.content-block p{color:var(--muted);line-height:1.9}
.number-list{counter-reset:item;list-style:none;padding:0;margin:0;display:grid;gap:14px}
.number-list li{counter-increment:item;padding:16px 18px;border-radius:18px;background:#f7fbff;border:1px solid rgba(30,143,255,.10);font-weight:800;color:#273951;line-height:1.8;position:relative;padding-right:58px}
.number-list li:before{content:counter(item);position:absolute;right:16px;top:16px;width:30px;height:30px;border-radius:10px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:900}
.tech-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.tech-pills span{padding:9px 13px;border-radius:999px;background:rgba(30,143,255,.10);color:var(--blue);font-weight:900;font-size:13px}
.service-faq-mini{display:grid;gap:14px}
.service-faq-mini div{padding:18px;border-radius:18px;background:#fff;border:1px solid var(--border)}
.service-faq-mini strong{display:block;font-weight:900;margin-bottom:7px;color:var(--navy)}
.service-faq-mini p{margin:0;color:var(--muted);line-height:1.8}
.highlight-strip{
  padding:28px;
  border-radius:28px;
  background:linear-gradient(135deg,var(--navy),var(--navy2));
  color:#fff;
  position:relative;
  overflow:hidden;
}
.highlight-strip h3{font-weight:900}
.highlight-strip p{color:#d4e4f7;line-height:1.9;margin:0}
.highlight-strip .features li{color:#e9f4ff}
.comparison-card{overflow:hidden;border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow);background:#fff}
.comparison-card table{margin:0}
.comparison-card th{background:var(--navy);color:#fff;padding:16px;font-weight:900}
.comparison-card td{padding:15px;color:#273951;font-weight:700;line-height:1.7}

.about-grid-card{
  padding:30px;
  border-radius:26px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 12px 35px rgba(7,23,47,.06);
  height:100%;
}
.about-grid-card h3{font-weight:900;margin-bottom:14px}
.about-grid-card p{color:var(--muted);line-height:1.9;margin:0}
.about-stat{
  padding:28px;
  border-radius:24px;
  background:linear-gradient(135deg,#fff,#f7fbff);
  border:1px solid var(--border);
  box-shadow:0 12px 35px rgba(7,23,47,.06);
  height:100%;
}
.about-stat strong{
  display:block;
  font-size:38px;
  font-weight:900;
  color:var(--blue);
  margin-bottom:8px;
}
.about-stat span{
  color:#273951;
  font-weight:900;
}
.about-stat p{
  color:var(--muted);
  line-height:1.8;
  margin:10px 0 0;
}
.about-timeline{
  position:relative;
  display:grid;
  gap:18px;
}
.about-timeline-item{
  position:relative;
  padding:24px 28px;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 10px 30px rgba(7,23,47,.05);
}
.about-timeline-item .num{
  width:42px;
  height:42px;
  border-radius:14px;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:#fff;
  display:grid;
  place-items:center;
  font-weight:900;
  margin-bottom:14px;
}
.about-timeline-item h3{
  font-weight:900;
  font-size:20px;
  margin-bottom:8px;
}
.about-timeline-item p{
  color:var(--muted);
  line-height:1.85;
  margin:0;
}
.about-dark-panel{
  padding:34px;
  border-radius:30px;
  background:
    radial-gradient(circle at 20% 20%,rgba(94,203,255,.18),transparent 30%),
    linear-gradient(135deg,var(--navy),var(--navy2));
  color:#fff;
  height:100%;
  position:relative;
  overflow:hidden;
}
.about-dark-panel h3{font-weight:900;margin-bottom:14px}
.about-dark-panel p{color:#d4e4f7;line-height:1.9}
.about-dark-panel ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}
.about-dark-panel li{font-weight:800;color:#e9f4ff;line-height:1.7}
.about-dark-panel i{color:var(--gold);margin-left:8px}
.about-feature-row{
  padding:22px;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 10px 28px rgba(7,23,47,.05);
  display:flex;
  gap:16px;
  align-items:flex-start;
  height:100%;
}
.about-feature-row .mini-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(30,143,255,.10);
  color:var(--blue);
  font-size:23px;
  flex:0 0 52px;
}
.about-feature-row h3{font-weight:900;font-size:19px;margin-bottom:8px}
.about-feature-row p{color:var(--muted);line-height:1.8;margin:0}

.case-study-card{
  height:100%;
  border-radius:28px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 12px 35px rgba(7,23,47,.06);
  overflow:hidden;
  transition:.25s;
}
.case-study-card:hover{
  transform:translateY(-8px);
  box-shadow:var(--shadow);
}
.case-study-card .case-head{
  min-height:210px;
  padding:28px;
  background:
    radial-gradient(circle at 20% 20%,rgba(243,189,61,.25),transparent 26%),
    linear-gradient(135deg,#eaf4ff,#f8fbff);
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
}
.case-study-card .case-head i{
  font-size:54px;
  color:var(--blue);
}
.case-study-card .case-body{
  padding:26px;
}
.case-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 18px;
}
.case-meta span{
  padding:7px 11px;
  border-radius:999px;
  background:rgba(30,143,255,.10);
  color:var(--blue);
  font-size:12px;
  font-weight:900;
}
.case-study-card h3{
  font-weight:900;
  margin-bottom:10px;
}
.case-study-card p{
  color:var(--muted);
  line-height:1.85;
}
.case-kpis{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:18px;
}
.case-kpis div{
  padding:14px;
  border-radius:18px;
  background:#f7fbff;
  border:1px solid rgba(30,143,255,.10);
}
.case-kpis strong{
  display:block;
  color:var(--blue);
  font-size:22px;
  font-weight:900;
}
.case-kpis span{
  color:#6d7c91;
  font-size:12px;
  font-weight:800;
}
.detail-hero-card{
  padding:34px;
  border-radius:30px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:var(--shadow);
}
.detail-hero-card h2{
  font-weight:900;
  margin-bottom:16px;
}
.detail-hero-card p{
  color:var(--muted);
  line-height:1.95;
  margin:0;
}
.result-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.result-box{
  padding:24px;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 10px 28px rgba(7,23,47,.05);
  height:100%;
}
.result-box strong{
  display:block;
  color:var(--blue);
  font-size:30px;
  font-weight:900;
  margin-bottom:8px;
}
.result-box span{
  color:#273951;
  font-weight:900;
}
.result-box p{
  color:var(--muted);
  line-height:1.8;
  margin:8px 0 0;
}
.article-card{
  height:100%;
  border-radius:28px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 12px 35px rgba(7,23,47,.06);
  overflow:hidden;
  transition:.25s;
}
.article-card:hover{
  transform:translateY(-8px);
  box-shadow:var(--shadow);
}
.article-cover{
  height:220px;
  background:
    radial-gradient(circle at 22% 20%,rgba(94,203,255,.25),transparent 25%),
    linear-gradient(135deg,#07172f,#0b2346);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:58px;
}
.article-body{
  padding:26px;
}
.article-body h3{
  font-weight:900;
  line-height:1.5;
}
.article-body p{
  color:var(--muted);
  line-height:1.85;
}
.article-info{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:14px;
}
.article-info span{
  padding:7px 11px;
  border-radius:999px;
  background:rgba(30,143,255,.10);
  color:var(--blue);
  font-size:12px;
  font-weight:900;
}
.article-layout{
  display:grid;
  grid-template-columns:1fr 320px;
  gap:30px;
  align-items:start;
}
.article-content{
  padding:34px;
  border-radius:30px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:var(--shadow);
}
.article-content h2{
  font-weight:900;
  margin:30px 0 14px;
}
.article-content h2:first-child{
  margin-top:0;
}
.article-content p{
  color:#52657d;
  line-height:2;
  font-weight:700;
}
.article-content ul{
  display:grid;
  gap:12px;
  margin:18px 0;
}
.article-content li{
  color:#273951;
  line-height:1.9;
  font-weight:800;
}
.article-sidebar{
  position:sticky;
  top:105px;
  display:grid;
  gap:18px;
}
.sidebar-card{
  padding:24px;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 10px 28px rgba(7,23,47,.05);
}
.sidebar-card h3{
  font-weight:900;
  margin-bottom:12px;
}
.sidebar-card a{
  display:block;
  color:#52657d;
  font-weight:800;
  padding:8px 0;
  border-bottom:1px solid rgba(7,23,47,.06);
}
.sidebar-card a:hover{
  color:var(--blue);
}
@media(max-width:991px){
  .article-layout{grid-template-columns:1fr}
  .article-sidebar{position:static}
  .result-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
  .case-kpis{grid-template-columns:1fr}
  .result-grid{grid-template-columns:1fr}
}

.infra-map{
  padding:34px;
  border-radius:30px;
  background:
    radial-gradient(circle at 20% 20%,rgba(94,203,255,.18),transparent 30%),
    linear-gradient(135deg,var(--navy),var(--navy2));
  color:#fff;
  height:100%;
  position:relative;
  overflow:hidden;
}
.infra-map h3{font-weight:900;margin-bottom:14px}
.infra-map p{color:#d4e4f7;line-height:1.9}
.location-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-top:22px;
}
.location-box{
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
}
.location-box strong{
  display:block;
  color:var(--gold);
  font-size:22px;
  font-weight:900;
  margin-bottom:5px;
}
.location-box span{
  color:#c9d9eb;
  font-weight:800;
  line-height:1.7;
}
.arch-card{
  padding:28px;
  border-radius:26px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 12px 35px rgba(7,23,47,.06);
  height:100%;
  position:relative;
}
.arch-card h3{font-weight:900;margin-bottom:12px}
.arch-card p{color:var(--muted);line-height:1.85}
.arch-icon{
  width:62px;
  height:62px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(30,143,255,.12),rgba(94,203,255,.16));
  color:var(--blue);
  font-size:28px;
  margin-bottom:18px;
}
.arch-flow{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
  align-items:stretch;
}
.flow-step{
  padding:22px 16px;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 10px 28px rgba(7,23,47,.05);
  text-align:center;
  position:relative;
}
.flow-step i{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(30,143,255,.10);
  color:var(--blue);
  font-size:24px;
  margin:0 auto 12px;
}
.flow-step strong{
  display:block;
  font-weight:900;
  margin-bottom:6px;
}
.flow-step span{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
  line-height:1.6;
}
.server-feature-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.server-feature{
  padding:20px;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 10px 28px rgba(7,23,47,.05);
  display:flex;
  gap:14px;
}
.server-feature i{
  width:46px;
  height:46px;
  border-radius:15px;
  background:rgba(30,143,255,.10);
  color:var(--blue);
  display:grid;
  place-items:center;
  flex:0 0 46px;
  font-size:22px;
}
.server-feature strong{
  display:block;
  font-weight:900;
  margin-bottom:6px;
}
.server-feature p{
  color:var(--muted);
  line-height:1.75;
  margin:0;
}
.dark-check-list{
  list-style:none;
  padding:0;
  margin:22px 0 0;
  display:grid;
  gap:12px;
}
.dark-check-list li{
  color:#e9f4ff;
  font-weight:800;
  line-height:1.7;
}
.dark-check-list i{
  color:var(--gold);
  margin-left:8px;
}
@media(max-width:991px){
  .arch-flow{grid-template-columns:repeat(2,1fr)}
  .server-feature-list{grid-template-columns:1fr}
}
@media(max-width:767px){
  .location-grid,.arch-flow{grid-template-columns:1fr}
}

.lb-architecture{
  padding:34px;
  border-radius:30px;
  background:
    radial-gradient(circle at 20% 20%,rgba(94,203,255,.18),transparent 30%),
    linear-gradient(135deg,#07172f,#0b2346);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.lb-architecture h3{
  font-weight:900;
  margin-bottom:14px;
}
.lb-architecture p{
  color:#d4e4f7;
  line-height:1.9;
}
.lb-diagram{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin-top:26px;
}
.lb-layer{
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.13);
}
.lb-layer-title{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:900;
  margin-bottom:12px;
}
.lb-layer-title i{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(94,203,255,.14);
  color:var(--gold);
  font-size:21px;
}
.lb-nodes{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.lb-node{
  padding:12px;
  border-radius:16px;
  background:rgba(255,255,255,.09);
  color:#e9f4ff;
  font-weight:800;
  text-align:center;
  font-size:13px;
}
.lb-feature-card{
  padding:28px;
  border-radius:26px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 12px 35px rgba(7,23,47,.06);
  height:100%;
}
.lb-feature-card .lb-icon{
  width:62px;
  height:62px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(30,143,255,.12),rgba(94,203,255,.16));
  color:var(--blue);
  font-size:28px;
  margin-bottom:18px;
}
.lb-feature-card h3{
  font-weight:900;
  margin-bottom:12px;
}
.lb-feature-card p{
  color:var(--muted);
  line-height:1.85;
  margin:0;
}
.lb-checklist{
  list-style:none;
  padding:0;
  margin:22px 0 0;
  display:grid;
  gap:12px;
}
.lb-checklist li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#273951;
  font-weight:800;
  line-height:1.75;
}
.lb-checklist i{
  color:var(--blue);
  margin-top:4px;
}
@media(max-width:767px){
  .lb-nodes{grid-template-columns:1fr}
}



.showcase-card{
  position:relative;
  padding:32px;
  border-radius:30px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 16px 45px rgba(7,23,47,.07);
  height:100%;
  overflow:hidden;
  isolation:isolate;
}
.showcase-card:before{
  content:"";
  position:absolute;
  inset:auto auto -70px -50px;
  width:190px;
  height:190px;
  background:radial-gradient(circle, rgba(30,143,255,.14), transparent 68%);
  z-index:-1;
}
.showcase-card.alt:before{
  inset:-70px -50px auto auto;
  background:radial-gradient(circle, rgba(243,189,61,.20), transparent 70%);
}
.showcase-card .showcase-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:22px;
}
.showcase-card .showcase-icon{
  width:68px;
  height:68px;
  border-radius:22px;
  display:grid;
  place-items:center;
  font-size:30px;
  color:var(--blue);
  background:linear-gradient(135deg, rgba(30,143,255,.14), rgba(94,203,255,.18));
  box-shadow:inset 0 0 0 1px rgba(30,143,255,.08);
}
.showcase-card.alt .showcase-icon{
  color:#b88607;
  background:linear-gradient(135deg, rgba(243,189,61,.18), rgba(255,245,206,.7));
  box-shadow:inset 0 0 0 1px rgba(243,189,61,.16);
}
.showcase-card .showcase-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(30,143,255,.10);
  color:var(--blue);
  font-weight:900;
  font-size:14px;
}
.showcase-card.alt .showcase-tag{
  background:rgba(243,189,61,.15);
  color:#9b6a00;
}
.showcase-card h3{
  font-size:clamp(28px,2.5vw,34px);
  line-height:1.35;
  margin-bottom:14px;
  font-weight:900;
  max-width:95%;
}
.showcase-card p{
  color:var(--muted);
  line-height:1.95;
  font-size:17px;
  margin-bottom:18px;
}
.showcase-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.showcase-chips span{
  padding:9px 13px;
  border-radius:999px;
  background:#f7fbff;
  border:1px solid rgba(30,143,255,.12);
  color:#24415f;
  font-weight:900;
  font-size:13px;
}
.showcase-card.alt .showcase-chips span{
  background:#fffaf0;
  border-color:rgba(243,189,61,.20);
}
.showcase-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.showcase-list li{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px 16px;
  border-radius:18px;
  background:#f9fbfe;
  border:1px solid rgba(7,23,47,.05);
}
.showcase-card.alt .showcase-list li{background:#fffdfa}
.showcase-list i{
  width:28px;
  height:28px;
  border-radius:10px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  color:#fff;
  background:var(--navy);
  font-size:14px;
  margin-top:2px;
}
.showcase-card.alt .showcase-list i{background:#9b6a00}
.showcase-list strong{display:block;font-weight:900;color:var(--navy);margin-bottom:3px}
.showcase-list span{color:var(--muted);line-height:1.8;font-weight:700}
@media(max-width:767px){.showcase-card{padding:24px}.showcase-card h3{max-width:100%}.showcase-card .showcase-top{align-items:flex-start;flex-direction:column-reverse}}


/* Fix: keep Forge/WHM and Mail Server cards side by side on desktop */
.showcase-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.showcase-grid > [class*="col-"]{
  width:100% !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
@media(max-width:991px){
  .showcase-grid{
    grid-template-columns:1fr;
  }
}


/* V12: Premium operation blocks redesign */
.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.ops-block{position:relative;min-height:100%;border-radius:34px;overflow:hidden;background:#fff;border:1px solid rgba(7,23,47,.08);box-shadow:0 22px 65px rgba(7,23,47,.09);isolation:isolate}
.ops-block:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 12%,rgba(94,203,255,.20),transparent 28%),radial-gradient(circle at 88% 0%,rgba(243,189,61,.16),transparent 25%);opacity:.9;pointer-events:none;z-index:-1}
.ops-block-header{padding:30px 30px 24px;background:linear-gradient(135deg,rgba(7,23,47,.98),rgba(11,35,70,.94));color:#fff;position:relative;overflow:hidden}
.ops-block.mail .ops-block-header{background:linear-gradient(135deg,#07172f,#17324f)}
.ops-block-header:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;left:-90px;top:-90px;background:rgba(94,203,255,.16);filter:blur(2px)}
.ops-top{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}
.ops-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#dcecff;font-weight:900;font-size:13px}
.ops-icon{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:34px;box-shadow:0 18px 40px rgba(30,143,255,.30);flex:0 0 74px}
.ops-block.mail .ops-icon{background:linear-gradient(135deg,var(--gold),#ffe08a);color:#07172f;box-shadow:0 18px 40px rgba(243,189,61,.26)}
.ops-block h3{position:relative;z-index:2;font-size:clamp(25px,2.2vw,34px);line-height:1.35;font-weight:900;margin:0 0 12px}
.ops-block-header p{position:relative;z-index:2;color:#d4e4f7;line-height:1.9;font-size:16px;margin:0}
.ops-body{padding:26px 30px 30px}
.ops-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.ops-tags span{padding:9px 13px;border-radius:999px;background:#f4f9ff;color:#1d5e9e;border:1px solid rgba(30,143,255,.12);font-size:12px;font-weight:900}
.ops-block.mail .ops-tags span{background:#fff9ea;color:#8a6100;border-color:rgba(243,189,61,.22)}
.ops-features{display:grid;grid-template-columns:1fr;gap:14px}
.ops-feature{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:flex-start;padding:16px;border-radius:20px;background:#fbfdff;border:1px solid rgba(7,23,47,.06);transition:.22s}
.ops-feature:hover{transform:translateX(-4px);background:#f6fbff;border-color:rgba(30,143,255,.16)}
.ops-feature .num{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#07172f;color:#fff;font-weight:900;font-size:15px}
.ops-block.mail .ops-feature .num{background:#9b6a00}
.ops-feature strong{display:block;color:#07172f;font-weight:900;margin-bottom:5px;font-size:16px}
.ops-feature span{display:block;color:#6d7c91;line-height:1.75;font-weight:700;font-size:14px}
.ops-footer{margin-top:24px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#f7fbff,#fff);border:1px solid rgba(30,143,255,.10);display:flex;align-items:center;justify-content:space-between;gap:16px}
.ops-footer strong{font-weight:900;color:#07172f;display:block}
.ops-footer span{color:#6d7c91;font-weight:700;font-size:13px}
.ops-footer i{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(30,143,255,.10);color:var(--blue);font-size:23px;flex:0 0 48px}
.ops-block.mail .ops-footer{background:linear-gradient(135deg,#fffaf0,#fff);border-color:rgba(243,189,61,.16)}
.ops-block.mail .ops-footer i{background:rgba(243,189,61,.16);color:#9b6a00}
@media(max-width:991px){.ops-grid{grid-template-columns:1fr}}
@media(max-width:767px){.ops-block-header,.ops-body{padding:24px}.ops-top{flex-direction:column-reverse}.ops-footer{align-items:flex-start;flex-direction:column-reverse}}


/* V13: Server Care section redesign */
.server-care-grid{margin-top:26px}
.care-plan-card{position:relative;height:100%;padding:28px;border-radius:30px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border:1px solid rgba(7,23,47,.08);box-shadow:0 18px 45px rgba(7,23,47,.07);overflow:hidden;transition:.25s}
.care-plan-card:hover{transform:translateY(-8px);box-shadow:0 24px 55px rgba(7,23,47,.12)}
.care-plan-card:before{content:"";position:absolute;left:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(30,143,255,.12),transparent 70%)}
.care-plan-card.featured{background:linear-gradient(180deg,#ffffff 0%,#f4f9ff 100%);border:2px solid var(--blue);box-shadow:0 28px 70px rgba(30,143,255,.16);transform:translateY(-10px)}
.care-plan-card.featured:after{content:"";position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(30,143,255,.16),transparent 70%)}
.care-plan-card.critical{background:linear-gradient(180deg,#ffffff 0%,#fffaf4 100%)}
.care-plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;position:relative;z-index:1}
.care-plan-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#edf6ff;color:var(--blue);font-weight:900;font-size:13px}
.care-plan-card.critical .care-plan-badge{background:#fff3df;color:#9f6b00}
.care-plan-icon{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:30px;box-shadow:0 16px 40px rgba(30,143,255,.22);flex:0 0 68px}
.care-plan-card.critical .care-plan-icon{background:linear-gradient(135deg,#f3bd3d,#ffd974);color:#0a1730;box-shadow:0 16px 40px rgba(243,189,61,.24)}
.care-plan-card h3{font-size:clamp(28px,2.3vw,36px);margin:0 0 8px;font-weight:900;position:relative;z-index:1}
.care-plan-subtitle{color:#273951;font-weight:800;margin-bottom:10px;position:relative;z-index:1}
.care-plan-desc{color:var(--muted);line-height:1.9;margin-bottom:18px;position:relative;z-index:1}
.care-plan-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;position:relative;z-index:1}
.care-plan-chips span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid rgba(30,143,255,.12);color:#27425f;font-size:12px;font-weight:900}
.care-plan-card.critical .care-plan-chips span{border-color:rgba(243,189,61,.25);background:#fffdf8}
.care-plan-features{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:12px;position:relative;z-index:1}
.care-plan-features li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.8);border:1px solid rgba(7,23,47,.06);color:#263951;font-weight:800;line-height:1.7}
.care-plan-features i{width:26px;height:26px;flex:0 0 26px;border-radius:10px;display:grid;place-items:center;background:#0c2140;color:#fff;font-size:13px;margin-top:2px}
.care-plan-card.critical .care-plan-features i{background:#a17100}
.care-plan-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:20px;background:#fff;border:1px solid rgba(7,23,47,.06);margin-bottom:18px;position:relative;z-index:1}
.care-plan-footer div strong{display:block;color:#07172f;font-weight:900;font-size:15px}
.care-plan-footer div span{display:block;color:var(--muted);font-weight:700;font-size:13px}
.care-plan-footer .mini-stat{display:flex;align-items:center;gap:8px;color:var(--blue);font-weight:900;font-size:14px;white-space:nowrap}
.care-plan-footer .mini-stat i{font-size:18px}
.care-plan-card .btn-main{position:relative;z-index:1}
@media(max-width:991px){.care-plan-card.featured{transform:none}}


/* V14: Sitewide premium polish */
body{background:linear-gradient(180deg,#ffffff 0%,#fbfdff 38%,#ffffff 100%)}
.section-badge{padding:9px 16px;background:linear-gradient(135deg,rgba(30,143,255,.12),rgba(94,203,255,.12));border:1px solid rgba(30,143,255,.14);box-shadow:0 10px 24px rgba(30,143,255,.08)}
.section-title{letter-spacing:-.4px;margin-bottom:12px}
.section-desc{max-width:860px}

.service-card,.info-card,.case-card,.blog-card,.portfolio-card,.faq-box,.testimonial-card,.content-block,.about-grid-card,.about-stat,.comparison-card,.table-wrap,.contact-card,.package-card{
  position:relative;
  overflow:hidden;
}
.service-card:before,.info-card:before,.case-card:before,.blog-card:before,.portfolio-card:before,.faq-box:before,.testimonial-card:before,.content-block:before,.about-grid-card:before,.about-stat:before,.package-card:before{
  content:"";
  position:absolute;
  top:-70px;
  left:-70px;
  width:170px;
  height:170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(30,143,255,.10),transparent 70%);
  pointer-events:none;
}
.service-card,.info-card,.testimonial-card,.content-block,.about-grid-card{
  border-radius:28px;
  box-shadow:0 18px 45px rgba(7,23,47,.07);
}
.service-card,.info-card,.testimonial-card{
  padding:30px;
  background:linear-gradient(180deg,#ffffff 0%,#f9fcff 100%);
}
.service-card:hover,.info-card:hover,.testimonial-card:hover,.content-block:hover,.about-grid-card:hover,.case-card:hover,.blog-card:hover,.portfolio-card:hover,.package-card:hover{
  transform:translateY(-10px);
  box-shadow:0 28px 60px rgba(7,23,47,.12);
}
.service-card h3,.info-card h3,.content-block h3,.about-grid-card h3{font-size:22px;margin-bottom:12px}
.icon{
  width:64px;
  height:64px;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(30,143,255,.18),rgba(94,203,255,.18));
  box-shadow:0 14px 34px rgba(30,143,255,.12);
  margin-bottom:20px;
}
.service-card p,.info-card p,.content-block p,.about-grid-card p,.testimonial-card p{font-size:15.5px}

.case-card,.blog-card,.portfolio-card{
  border-radius:28px;
  box-shadow:0 18px 45px rgba(7,23,47,.07);
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}
.case-card .thumb,.blog-card .thumb,.portfolio-card .thumb{
  height:230px;
  position:relative;
  overflow:hidden;
}
.case-card .thumb:after,.blog-card .thumb:after,.portfolio-card .thumb:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 0%,rgba(7,23,47,.12) 100%);
}
.case-card .body,.blog-card .body,.portfolio-card .body{padding:26px}
.tag{
  padding:7px 12px;
  background:linear-gradient(135deg,rgba(30,143,255,.10),rgba(94,203,255,.10));
  border:1px solid rgba(30,143,255,.12);
}
.view-link{display:inline-flex;align-items:center;gap:8px}
.view-link:after{content:"\2190";font-size:16px}

.package-card{
  padding:32px;
  border-radius:30px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 18px 45px rgba(7,23,47,.08);
  border:1px solid rgba(7,23,47,.08);
}
.package-card.featured{
  border:2px solid var(--blue);
  background:linear-gradient(180deg,#ffffff 0%,#f3f9ff 100%);
  box-shadow:0 28px 70px rgba(30,143,255,.16);
}
.package-card h3{font-size:clamp(28px,2.3vw,36px);font-weight:900;margin-bottom:10px}
.package-card p{color:var(--muted);line-height:1.85;font-weight:700}
.ribbon{left:22px;top:22px;padding:8px 14px;box-shadow:0 10px 24px rgba(243,189,61,.24)}
.price{margin:18px 0 20px;padding:16px 18px;border-radius:20px;background:#fff;border:1px solid rgba(7,23,47,.06);box-shadow:0 10px 24px rgba(7,23,47,.04)}
.price strong{font-size:40px;line-height:1}
.features{gap:13px;margin:24px 0}
.features li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:13px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(7,23,47,.06);
}
.features i{
  width:26px;
  height:26px;
  flex:0 0 26px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#0b2346;
  color:#fff;
  margin:0;
  font-size:13px;
}
.package-card.featured .features i{background:linear-gradient(135deg,var(--blue),var(--cyan))}

.content-block,.about-grid-card{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  border-radius:28px;
  box-shadow:0 18px 45px rgba(7,23,47,.07);
}
.number-list li{border-radius:20px;background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);box-shadow:0 10px 24px rgba(7,23,47,.04)}
.service-faq-mini div{border-radius:20px;box-shadow:0 10px 24px rgba(7,23,47,.04)}
.highlight-strip{border-radius:32px;box-shadow:0 26px 60px rgba(7,23,47,.18)}
.table-wrap,.comparison-card{border-radius:28px;box-shadow:0 20px 45px rgba(7,23,47,.08)}
.table td,.comparison-card td{background:#fff}
.table tr:nth-child(even) td,.comparison-card tr:nth-child(even) td{background:#f9fbff}

.about-stat{
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
  box-shadow:0 18px 45px rgba(7,23,47,.07);
}
.about-stat strong{font-size:42px}
.about-timeline-item{border-radius:28px;box-shadow:0 18px 45px rgba(7,23,47,.07)}

.faq-box{padding:26px;border-radius:26px;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);box-shadow:0 16px 40px rgba(7,23,47,.07)}
.accordion-item{border:1px solid rgba(7,23,47,.08)!important;border-radius:22px!important;overflow:hidden;box-shadow:0 12px 30px rgba(7,23,47,.05);margin-bottom:14px}
.accordion-button{padding:20px 22px;border:none!important;box-shadow:none!important}
.accordion-button:not(.collapsed){background:#f6fbff;color:var(--blue)}
.accordion-body{padding:0 22px 22px}

.contact-card{border-radius:36px;box-shadow:0 24px 60px rgba(7,23,47,.12)}
.contact-form,.contact-info{padding:40px}
.form-control,.form-select{border-radius:16px;box-shadow:none}.form-control:focus,.form-select:focus{border-color:rgba(30,143,255,.28);box-shadow:0 0 0 4px rgba(30,143,255,.10)}

.logo-placeholder{border-radius:22px;box-shadow:0 16px 34px rgba(7,23,47,.06);min-height:88px}
footer{position:relative;overflow:hidden}
footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(94,203,255,.12),transparent 24%),radial-gradient(circle at 82% 12%,rgba(243,189,61,.10),transparent 20%);pointer-events:none}
.social-links a{transition:.2s}.social-links a:hover{transform:translateY(-3px);background:rgba(255,255,255,.14)}

@media(max-width:991px){
  .package-card.featured{transform:none}
  .case-card .thumb,.blog-card .thumb,.portfolio-card .thumb{height:210px}
}
@media(max-width:767px){
  .service-card,.info-card,.testimonial-card,.content-block,.about-grid-card,.package-card,.faq-box{padding:24px}
  .contact-form,.contact-info{padding:24px}
}


/* V15: Email separation note */
.highlight-strip .dark-check-list{
  margin-top:22px;
}
.highlight-strip .dark-check-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.highlight-strip .dark-check-list i{
  margin-top:4px;
  flex:0 0 auto;
}


/* V16: Performance strategy section enhancement */
.performance-block{height:100%;display:flex;flex-direction:column}
.performance-block .feature-list li strong{color:#07172f}
.performance-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:6px}
.perf-mini-card{padding:18px;border-radius:22px;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);border:1px solid rgba(7,23,47,.07);box-shadow:0 12px 28px rgba(7,23,47,.05);display:flex;flex-direction:column;gap:10px;min-height:100%}
.perf-mini-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(30,143,255,.16),rgba(94,203,255,.18));color:var(--blue);font-size:20px;box-shadow:0 10px 22px rgba(30,143,255,.10)}
.perf-mini-card strong{font-size:17px;color:#07172f;font-weight:900}
.perf-mini-card span{color:var(--muted);line-height:1.8;font-weight:700;font-size:14px}
.performance-note{margin-top:16px;padding:18px 20px;border-radius:24px;background:linear-gradient(135deg,#07172f 0%,#10305b 100%);color:#fff;display:flex;align-items:flex-start;gap:14px;box-shadow:0 18px 40px rgba(7,23,47,.16)}
.performance-note-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#f3bd3d;flex:0 0 48px;font-size:22px}
.performance-note strong{display:block;font-size:18px;font-weight:900;margin-bottom:6px;color:#fff}
.performance-note span{display:block;color:rgba(255,255,255,.84);line-height:1.85;font-weight:700}
@media(max-width:991px){.performance-mini-grid{grid-template-columns:1fr}.performance-note{padding:18px}}
@media(max-width:767px){.performance-note{flex-direction:column}.performance-note-icon{width:42px;height:42px;flex-basis:42px}}


/* V17: Performance cards visual upgrade */
.performance-block{
  position:relative;
  padding:34px!important;
  border-radius:34px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  border:1px solid rgba(7,23,47,.07);
  box-shadow:0 24px 60px rgba(7,23,47,.08)!important;
  overflow:hidden;
}
.performance-block:before{
  content:"";
  position:absolute;
  top:-90px;
  right:-70px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(30,143,255,.14),transparent 70%);
  pointer-events:none;
}
.performance-block:after{
  content:"";
  position:absolute;
  left:-70px;
  bottom:-90px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(243,189,61,.10),transparent 70%);
  pointer-events:none;
}
.performance-block > *{position:relative;z-index:1}
.performance-block h3{font-size:clamp(28px,2.3vw,38px);margin:12px 0 10px;font-weight:900;line-height:1.3}
.performance-block p{font-size:16px;line-height:1.9;color:#627389;margin-bottom:20px}
.performance-block .feature-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0 0 26px;
}
.performance-block .feature-list li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:15px 16px;
  margin:0;
  border-radius:20px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(7,23,47,.07);
  box-shadow:0 12px 28px rgba(7,23,47,.04);
  color:#1f3550;
  line-height:1.75;
  font-weight:800;
}
.performance-block .feature-list li i{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:linear-gradient(135deg,#0c5fd7,#4fb8ff);
  color:#fff;
  margin:0;
  font-size:14px;
  box-shadow:0 10px 18px rgba(30,143,255,.18);
}
.performance-block .feature-list li strong{color:#07172f;font-weight:900}
.performance-mini-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:10px;
}
.perf-mini-card{
  position:relative;
  padding:22px 18px 18px;
  border-radius:26px;
  background:linear-gradient(180deg,#ffffff 0%,#f6fbff 100%);
  border:1px solid rgba(30,143,255,.10);
  box-shadow:0 18px 36px rgba(7,23,47,.06);
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:100%;
  transition:.25s;
  overflow:hidden;
}
.perf-mini-card:hover{transform:translateY(-8px);box-shadow:0 24px 46px rgba(7,23,47,.10)}
.perf-mini-card:before{
  content:"";
  position:absolute;
  top:-34px;
  left:-30px;
  width:110px;
  height:110px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(30,143,255,.12),transparent 72%);
}
.perf-mini-card:nth-child(1):after,.perf-mini-card:nth-child(2):after,.perf-mini-card:nth-child(3):after{
  position:absolute;
  top:16px;
  left:16px;
  min-width:38px;
  height:26px;
  padding:0 10px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#eef6ff;
  border:1px solid rgba(30,143,255,.14);
  color:var(--blue);
  font-size:11px;
  font-weight:900;
}
.perf-mini-card:nth-child(1):after{content:"01"}
.perf-mini-card:nth-child(2):after{content:"02"}
.perf-mini-card:nth-child(3):after{content:"03"}
.perf-mini-icon{
  width:56px;
  height:56px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(30,143,255,.16),rgba(94,203,255,.20));
  color:var(--blue);
  font-size:24px;
  box-shadow:0 12px 24px rgba(30,143,255,.10);
}
.perf-mini-card strong{font-size:18px;color:#07172f;font-weight:900;line-height:1.4}
.perf-mini-card span{color:#66788f;line-height:1.8;font-weight:700;font-size:14px}
.performance-note{
  margin-top:18px;
  padding:20px 22px;
  border-radius:26px;
  background:linear-gradient(135deg,#07172f 0%,#123868 100%);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  display:flex;
  align-items:flex-start;
  gap:14px;
  box-shadow:0 24px 50px rgba(7,23,47,.18);
  overflow:hidden;
  position:relative;
}
.performance-note:before{
  content:"";
  position:absolute;
  right:-40px;
  top:-35px;
  width:140px;
  height:140px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(243,189,61,.18),transparent 70%);
}
.performance-note-icon{
  width:52px;
  height:52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.12);
  color:#f3bd3d;
  flex:0 0 52px;
  font-size:22px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.performance-note strong{display:block;font-size:19px;font-weight:900;margin-bottom:6px;color:#fff}
.performance-note span{display:block;color:rgba(255,255,255,.84);line-height:1.9;font-weight:700}
@media(max-width:991px){
  .performance-block .feature-list{grid-template-columns:1fr}
  .performance-mini-grid{grid-template-columns:1fr}
}
@media(max-width:767px){
  .performance-block{padding:24px!important}
  .performance-note{flex-direction:column}
  .performance-note-icon{width:46px;height:46px;flex-basis:46px}
}


/* V18: responsive repair for performance section + sitewide responsiveness */
.performance-block h3{max-width:900px}
.performance-block .section-badge{margin-bottom:18px}
.performance-feature-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:0 0 28px;
  padding:0;
  list-style:none;
}
.perf-feature-card{
  display:flex!important;
  align-items:flex-start;
  gap:14px;
  padding:18px;
  margin:0!important;
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border:1px solid rgba(7,23,47,.08);
  box-shadow:0 14px 30px rgba(7,23,47,.05);
  min-height:100%;
  text-align:right;
}
.perf-feature-card.full-width{grid-column:1/-1}
.perf-feature-card i{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  display:grid!important;
  place-items:center;
  border-radius:14px!important;
  background:linear-gradient(135deg,#1e8fff,#5ecbff)!important;
  color:#fff!important;
  margin:0!important;
  font-size:18px!important;
  box-shadow:0 12px 20px rgba(30,143,255,.20)!important;
}
.perf-feature-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.perf-feature-copy strong{
  display:block;
  color:#07172f;
  font-size:19px;
  font-weight:900;
  line-height:1.5;
  word-break:normal;
}
.perf-feature-copy span{
  display:block;
  color:#627389;
  font-weight:700;
  line-height:1.9;
  font-size:14px;
  word-break:normal;
}
.performance-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.perf-mini-card{padding:24px 20px 20px;text-align:right}
.perf-mini-card span{font-size:14px}
.performance-note{margin-top:22px}
.location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.location-box{min-height:150px;display:flex;flex-direction:column;justify-content:flex-start}
html,body{overflow-x:hidden}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
*{box-sizing:border-box}
@media (max-width:1399px){
  .performance-feature-list{grid-template-columns:1fr}
  .perf-feature-card.full-width{grid-column:auto}
}
@media (max-width:1199px){
  .performance-block{padding:28px!important}
  .performance-block h3{font-size:clamp(26px,3vw,34px)}
  .performance-mini-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:991px){
  .location-grid,.arch-flow,.server-feature-list,.performance-mini-grid{grid-template-columns:1fr!important}
  .performance-feature-list{grid-template-columns:1fr!important}
  .perf-feature-card.full-width{grid-column:auto}
  .performance-block,.infra-map,.arch-card,.server-card,.package-card,.content-block,.case-card,.blog-card,.service-card,.info-card,.contact-card{padding:24px!important}
  .performance-block h3,.section-title{font-size:clamp(24px,6vw,32px);line-height:1.35}
  .performance-block p,.section-desc{font-size:15px;line-height:1.9}
}
@media (max-width:767px){
  .container{padding-left:16px;padding-right:16px}
  .performance-block{padding:20px!important;border-radius:24px!important}
  .perf-feature-card{padding:16px;border-radius:20px}
  .perf-feature-copy strong{font-size:17px}
  .perf-feature-copy span{font-size:13.5px}
  .perf-mini-card{padding:20px 16px 16px;border-radius:22px}
  .performance-note{padding:18px;border-radius:22px;flex-direction:column}
  .location-box{min-height:auto}
  .section-badge{font-size:12px;padding:8px 12px}
  .btn-main,.btn-outline-main{width:100%;justify-content:center}
}


/* V19: Case studies page redesign */
.case-studies-page .page-hero p{max-width:780px;margin-inline:auto}
.case-studies-page .case-studies-hero-section{position:relative;overflow:hidden}
.case-studies-page .case-studies-hero-section:before{
  content:"";
  position:absolute;
  inset:auto auto 0 -120px;
  width:280px;
  height:280px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(94,203,255,.12),transparent 68%);
  pointer-events:none;
}
.case-overview-strip{
  margin:28px auto 16px;
  max-width:1100px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.case-overview-item{
  padding:18px 20px;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border:1px solid rgba(7,23,47,.06);
  box-shadow:0 16px 34px rgba(7,23,47,.05);
  text-align:center;
}
.case-overview-item strong{
  display:block;
  font-size:24px;
  color:#07172f;
  font-weight:900;
  margin-bottom:4px;
}
.case-overview-item span{color:#66788f;font-weight:800;font-size:13px}
.case-category-chips{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin:0 auto 30px;
  max-width:980px;
}
.case-category-chips span{
  padding:10px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(30,143,255,.12);
  color:#26517d;
  font-weight:900;
  font-size:13px;
  box-shadow:0 10px 24px rgba(7,23,47,.04);
}
.case-studies-page .case-grid{align-items:stretch}
.case-studies-page .case-study-card{
  height:100%;
  border-radius:30px;
  background:#fff;
  border:1px solid rgba(7,23,47,.07);
  box-shadow:0 18px 45px rgba(7,23,47,.07);
  overflow:hidden;
  transition:.28s ease;
  display:flex;
  flex-direction:column;
  position:relative;
}
.case-studies-page .case-study-card:hover{transform:translateY(-8px);box-shadow:0 26px 60px rgba(7,23,47,.12)}
.case-studies-page .case-study-card:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:30px;
  padding:1px;
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(30,143,255,.08));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
          mask-composite:exclude;
  pointer-events:none;
}
.case-studies-page .case-head{
  min-height:240px;
  padding:24px 24px 26px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:14px;
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#f5f9ff 0%,#edf6ff 100%);
}
.case-studies-page .case-head:before{
  content:"";
  position:absolute;
  top:-54px;
  left:-36px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(243,189,61,.18),transparent 68%);
}
.case-studies-page .case-head-top{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  position:relative;
  z-index:1;
}
.case-studies-page .case-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(30,143,255,.12);
  color:#4d6f93;
  font-size:12px;
  font-weight:900;
}
.case-studies-page .case-head .tag{
  padding:10px 14px;
  border-radius:999px;
  background:rgba(30,143,255,.10);
  color:var(--blue);
  border:1px solid rgba(30,143,255,.12);
  font-size:13px;
  font-weight:900;
}
.case-studies-page .case-icon{
  width:72px;
  height:72px;
  border-radius:24px;
  display:grid;
  place-items:center;
  background:#fff;
  color:var(--blue);
  box-shadow:0 14px 32px rgba(30,143,255,.12);
  position:relative;
  z-index:1;
}
.case-studies-page .case-icon i{font-size:34px}
.case-studies-page .case-head h3{
  position:relative;
  z-index:1;
  margin:0;
  font-size:clamp(26px,2vw,36px);
  line-height:1.35;
  font-weight:900;
  color:#07172f;
}
.case-studies-page .case-lead{
  position:relative;
  z-index:1;
  margin:0;
  color:#627389;
  font-size:15px;
  line-height:1.95;
  font-weight:700;
}
.case-studies-page .case-body{
  padding:24px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.case-studies-page .case-insight-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.case-studies-page .case-insight{
  padding:16px;
  border-radius:20px;
  background:#fbfdff;
  border:1px solid rgba(7,23,47,.06);
  min-height:100%;
}
.case-studies-page .case-insight small{
  display:block;
  color:#7a8ca1;
  font-size:12px;
  font-weight:900;
  margin-bottom:6px;
}
.case-studies-page .case-insight strong{
  display:block;
  color:#07172f;
  font-size:15px;
  line-height:1.7;
  font-weight:900;
}
.case-studies-page .case-meta{margin:0 0 18px}
.case-studies-page .case-meta span{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(30,143,255,.08);
  border:1px solid rgba(30,143,255,.10);
  color:#2b63a6;
  font-size:12px;
  font-weight:900;
}
.case-studies-page .case-kpis{gap:10px;margin-top:auto}
.case-studies-page .case-kpis div{
  padding:16px 12px;
  border-radius:20px;
  background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);
  border:1px solid rgba(30,143,255,.10);
  text-align:center;
}
.case-studies-page .case-kpis strong{font-size:26px;line-height:1.1;margin-bottom:6px}
.case-studies-page .case-kpis span{display:block;line-height:1.6;font-size:12px}
.case-studies-page .case-cta{
  margin-top:18px;
  align-self:flex-start;
  font-weight:900;
  color:var(--blue);
  padding:8px 0 0;
}
.case-studies-page .case-cta i{transition:.2s}
.case-studies-page .case-cta:hover i{transform:translateX(-4px)}
.case-studies-page .accent-ecommerce .case-head{background:linear-gradient(180deg,#f5f9ff 0%,#eef6ff 100%)}
.case-studies-page .accent-cloud .case-head{background:linear-gradient(180deg,#f4fbff 0%,#ecf8ff 100%)}
.case-studies-page .accent-marketing .case-head{background:linear-gradient(180deg,#fffaf1 0%,#fff7ea 100%)}
.case-studies-page .accent-corporate .case-head{background:linear-gradient(180deg,#f5f8ff 0%,#eef2ff 100%)}
.case-studies-page .accent-booking .case-head{background:linear-gradient(180deg,#f5fbff 0%,#eef9ff 100%)}
.case-studies-page .accent-mobile .case-head{background:linear-gradient(180deg,#f6f9ff 0%,#eef4ff 100%)}
.case-studies-page .accent-marketing .case-icon{color:#c98700;box-shadow:0 14px 32px rgba(243,189,61,.16)}
.case-studies-page .accent-marketing .case-head .tag{background:rgba(243,189,61,.14);border-color:rgba(243,189,61,.16);color:#9b6a00}
.case-studies-page .accent-marketing .case-meta span{background:rgba(243,189,61,.10);border-color:rgba(243,189,61,.16);color:#9b6a00}
@media(max-width:1199px){
  .case-overview-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:991px){
  .case-studies-page .case-head{min-height:220px}
  .case-studies-page .case-head h3{font-size:30px}
}
@media(max-width:767px){
  .case-overview-strip{grid-template-columns:1fr}
  .case-category-chips{justify-content:flex-start}
  .case-studies-page .case-head,
  .case-studies-page .case-body{padding:20px}
  .case-studies-page .case-insight-grid,
  .case-studies-page .case-kpis{grid-template-columns:1fr}
  .case-studies-page .case-head{min-height:auto}
  .case-studies-page .case-head h3{font-size:25px}
  .case-studies-page .case-icon{width:62px;height:62px;border-radius:20px}
  .case-studies-page .case-icon i{font-size:28px}
}


/* V20: case detail fixes and premium outputs section */
.case-studies-page .case-cta:after{content:none !important}
.case-studies-page .case-cta i{margin-right:6px}
.case-detail-page .detail-hero-card,
.case-detail-page .content-block,
.case-detail-page .about-dark-panel{height:auto}
.case-detail-page .feature-list li{align-items:flex-start}
.case-detail-page .case-final-section .row{align-items:flex-start !important}
.case-summary-card{
  border-radius:32px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  border:1px solid rgba(7,23,47,.07);
  box-shadow:0 22px 52px rgba(7,23,47,.08);
  padding:28px;
  position:relative;
  overflow:hidden;
}
.case-summary-card:before{
  content:"";
  position:absolute;
  top:-70px;
  left:-70px;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(30,143,255,.10),transparent 70%);
  pointer-events:none;
}
.case-summary-head{position:relative;z-index:1;margin-bottom:22px}
.case-summary-head h3{font-size:clamp(26px,2vw,34px);font-weight:900;margin-bottom:10px;line-height:1.35}
.case-summary-head p{margin:0;color:#6c7d92;line-height:1.9;font-weight:700}
.deliverables-card .section-badge{margin-bottom:14px}
.case-deliverables-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;position:relative;z-index:1}
.case-deliverable-item{
  display:grid;
  grid-template-columns:50px 1fr;
  gap:14px;
  align-items:flex-start;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
  border:1px solid rgba(30,143,255,.10);
  min-height:100%;
}
.case-deliverable-item .icon{
  width:50px;height:50px;border-radius:16px;margin:0;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 12px 30px rgba(30,143,255,.22);
}
.case-deliverable-item .icon i{font-size:22px}
.case-deliverable-item strong{display:block;color:#07172f;font-size:16px;font-weight:900;line-height:1.7;margin-bottom:4px}
.case-deliverable-item p{margin:0;color:#6d7c91;line-height:1.75;font-size:13px;font-weight:700}
.case-note-card{
  background:linear-gradient(135deg,#07172f 0%,#0b2346 100%);
  color:#fff;
  box-shadow:0 24px 60px rgba(7,23,47,.18);
}
.case-note-card:before{background:radial-gradient(circle,rgba(94,203,255,.18),transparent 72%)}
.case-note-card .compact-light p{color:#d8e6f6}
.case-note-card .compact-light h3{color:#fff}
.alt-light{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.14);color:#dfeeff}
.case-note-list{list-style:none;padding:0;margin:0;display:grid;gap:12px;position:relative;z-index:1}
.case-note-list li{
  display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:18px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)
}
.case-note-list i{color:var(--gold);font-size:18px;line-height:1.2;margin-top:2px}
.case-note-list span{font-weight:800;line-height:1.8;color:#edf5ff}
.case-note-footer{
  margin-top:18px;padding:16px 18px;border-radius:20px;display:flex;gap:14px;align-items:flex-start;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);position:relative;z-index:1
}
.case-note-footer i{
  width:44px;height:44px;flex:0 0 44px;border-radius:14px;display:grid;place-items:center;
  background:rgba(243,189,61,.16);color:var(--gold);font-size:20px
}
.case-note-footer strong{display:block;color:#fff;font-weight:900;margin-bottom:3px}
.case-note-footer span{display:block;color:#d7e6f8;line-height:1.7;font-size:13px;font-weight:700}
@media(max-width:991px){
  .case-deliverables-grid{grid-template-columns:1fr}
}
@media(max-width:767px){
  .case-summary-card{padding:22px;border-radius:26px}
  .case-summary-head h3{font-size:24px}
  .case-deliverable-item{grid-template-columns:44px 1fr;padding:16px}
  .case-deliverable-item .icon{width:44px;height:44px;border-radius:14px}
}


/* V21: services nav + service pages polish */
.navbar .navbar-nav{align-items:center;gap:2px}
.navbar .nav-item{position:relative}
.navbar .nav-link{padding:10px 12px;border-radius:12px;transition:.22s}
.navbar .nav-link:hover,.navbar .nav-link.active{background:rgba(30,143,255,.08)}
.navbar .dropdown-toggle::after{display:none}

.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.feature-list li{
  display:flex;align-items:flex-start;gap:12px;
  padding:14px 16px;border-radius:18px;
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
  border:1px solid rgba(30,143,255,.10);
  color:#273951;font-weight:800;line-height:1.9;
}
.feature-list li i{color:var(--blue);font-size:19px;line-height:1.2;margin-top:4px;flex:0 0 19px}
.feature-list li strong{color:#07172f;font-weight:900}

.service-nav-strip{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}
.service-nav-strip a{
  display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;
  background:#fff;border:1px solid rgba(30,143,255,.12);box-shadow:0 10px 24px rgba(7,23,47,.05);
  color:#273951;font-weight:900;transition:.25s
}
.service-nav-strip a:hover,.service-nav-strip a.active{transform:translateY(-3px);border-color:rgba(30,143,255,.26);color:var(--blue)}
.service-nav-strip a i{color:var(--blue)}

.service-overview-card{
  padding:28px;border-radius:28px;background:#fff;border:1px solid var(--border);box-shadow:0 16px 40px rgba(7,23,47,.06);height:100%;position:relative;overflow:hidden
}
.service-overview-card:before{
  content:"";position:absolute;left:-80px;top:-80px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(30,143,255,.12),transparent 70%)
}
.service-overview-card > *{position:relative;z-index:1}
.service-overview-card h3{font-size:23px;font-weight:900;margin-bottom:10px}
.service-overview-card p{color:var(--muted);line-height:1.9;margin-bottom:0}
.service-overview-card .icon{margin-bottom:16px}
.service-overview-card .mini-features{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.service-overview-card .mini-features span{padding:8px 12px;border-radius:999px;background:rgba(30,143,255,.10);color:var(--blue);font-size:12px;font-weight:900}

.mini-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mini-service-card{padding:22px;border-radius:24px;background:#fff;border:1px solid var(--border);box-shadow:0 14px 30px rgba(7,23,47,.05);height:100%}
.mini-service-card h4{font-size:18px;font-weight:900;margin-bottom:8px}
.mini-service-card p{margin:0;color:var(--muted);line-height:1.85;font-weight:700}
.mini-service-card .icon{width:52px;height:52px;border-radius:16px;font-size:22px;margin-bottom:14px}

.branding-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.branding-highlight-item{padding:18px;border-radius:22px;background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);border:1px solid rgba(30,143,255,.10)}
.branding-highlight-item strong{display:block;font-size:18px;font-weight:900;margin-bottom:6px}
.branding-highlight-item span{display:block;color:var(--muted);line-height:1.8;font-weight:700}

@media(max-width:991px){
  .mini-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .branding-highlight-grid{grid-template-columns:1fr}
}
@media(max-width:767px){
  .navbar .nav-link{padding:11px 14px}
  .service-nav-strip{justify-content:flex-start}
  .mini-service-grid{grid-template-columns:1fr}
  .service-overview-card{padding:24px;border-radius:24px}
  .feature-list li{padding:13px 14px;border-radius:16px}
}


/* V22: unified services nav, no dropdown confusion */
.navbar .dropdown-menu{display:none !important;}
.navbar .dropdown-toggle::after{display:none !important;}
.navbar .nav-link.active[href="services.html"],
.navbar .nav-link[href="services.html"]:hover{
  background:rgba(30,143,255,.10);
  color:var(--blue) !important;
}
.tech-pills span,
.mini-features span{
  white-space:nowrap;
}
.feature-list li span{
  display:block;
}
.feature-list li span strong{
  display:block;
  margin-bottom:3px;
}


/* V23: final audit polish, service navigation, homepage additions */
:root{
  --radius-xl:32px;
  --radius-lg:26px;
  --surface:#ffffff;
  --surface-soft:#f8fbff;
}
.navbar .nav-link{white-space:nowrap}
.navbar .nav-cta{white-space:nowrap}
.navbar .dropdown-menu{display:none!important}
.service-nav-strip{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
  margin-top:28px;
}
.service-nav-strip a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  color:#eaf5ff;
  font-weight:900;
  box-shadow:0 14px 30px rgba(0,0,0,.08);
  transition:.25s;
}
.service-nav-strip a:hover,
.service-nav-strip a.active{
  transform:translateY(-3px);
  background:#fff;
  color:var(--blue);
  border-color:rgba(30,143,255,.22);
}
.service-nav-strip a i{font-size:16px}
.service-nav-strip.light a{
  background:#fff;
  color:#273951;
  border-color:rgba(30,143,255,.12);
  box-shadow:0 10px 24px rgba(7,23,47,.05);
}
.service-nav-strip.light a.active,
.service-nav-strip.light a:hover{
  color:var(--blue);
  border-color:rgba(30,143,255,.25);
}

.audit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.audit-card{
  padding:24px;
  border-radius:var(--radius-lg);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border:1px solid rgba(7,23,47,.07);
  box-shadow:0 16px 38px rgba(7,23,47,.06);
  height:100%;
  position:relative;
  overflow:hidden;
}
.audit-card:before{
  content:"";
  position:absolute;
  top:-60px;
  left:-60px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(30,143,255,.12),transparent 72%);
}
.audit-card > *{position:relative;z-index:1}
.audit-card .icon{width:58px;height:58px;border-radius:18px;font-size:25px;margin-bottom:15px}
.audit-card h3{font-size:20px;font-weight:900;margin-bottom:8px}
.audit-card p{color:var(--muted);line-height:1.85;margin:0;font-weight:700}

.process-roadmap{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}
.roadmap-step{
  padding:24px 18px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(7,23,47,.07);
  box-shadow:0 16px 36px rgba(7,23,47,.06);
  text-align:center;
  position:relative;
  overflow:hidden;
}
.roadmap-step:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 22% 15%,rgba(30,143,255,.10),transparent 32%);
}
.roadmap-step .num{
  width:46px;height:46px;margin:0 auto 14px;
  border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:#fff;font-weight:900;
}
.roadmap-step h3{font-size:18px;font-weight:900;margin-bottom:8px}
.roadmap-step p{font-size:13.5px;color:var(--muted);line-height:1.75;margin:0;font-weight:700}

.stack-showcase{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.stack-card{
  min-height:150px;
  padding:22px;
  border-radius:24px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  box-shadow:0 16px 35px rgba(0,0,0,.14);
}
.stack-card i{
  width:50px;height:50px;border-radius:16px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.12);
  color:var(--gold);
  font-size:23px;
  margin-bottom:14px;
}
.stack-card strong{display:block;font-size:19px;font-weight:900;margin-bottom:6px}
.stack-card span{display:block;color:#cfe0f2;line-height:1.75;font-weight:700;font-size:13px}

.frontend-options{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.frontend-option{
  padding:24px;
  border-radius:26px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border:1px solid rgba(7,23,47,.07);
  box-shadow:0 16px 36px rgba(7,23,47,.06);
  height:100%;
}
.frontend-option .icon{width:58px;height:58px;border-radius:18px;font-size:24px;margin-bottom:16px}
.frontend-option h3{font-size:20px;font-weight:900;margin-bottom:8px}
.frontend-option p{margin:0;color:var(--muted);line-height:1.85;font-weight:700}
.frontend-option .tech-pills{margin-top:14px}
.frontend-option .tech-pills span{font-size:12px}

.site-health-panel{
  padding:32px;
  border-radius:34px;
  background:linear-gradient(135deg,#07172f,#0b2346);
  color:#fff;
  box-shadow:0 24px 60px rgba(7,23,47,.18);
  position:relative;
  overflow:hidden;
}
.site-health-panel:before{
  content:"";
  position:absolute;
  inset:auto -80px -80px auto;
  width:230px;height:230px;border-radius:50%;
  background:radial-gradient(circle,rgba(94,203,255,.18),transparent 70%);
}
.site-health-panel h2{font-size:clamp(28px,3vw,46px);font-weight:900;line-height:1.35;margin-bottom:12px}
.site-health-panel p{color:#d4e4f7;line-height:1.9;margin-bottom:0}
.site-health-list{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.site-health-list li{
  display:flex;align-items:flex-start;gap:10px;
  padding:14px 16px;border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:#edf6ff;font-weight:800;line-height:1.7;
}
.site-health-list i{color:var(--gold);margin-top:4px}

.final-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.final-cta-row a{min-width:190px}

@media(max-width:1199px){
  .audit-grid,.stack-showcase,.frontend-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-roadmap{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:991px){
  .service-nav-strip{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}
  .service-nav-strip a{flex:0 0 auto}
  .process-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-health-list{grid-template-columns:1fr}
  .navbar .nav-cta{width:100%;margin-top:8px}
}
@media(max-width:767px){
  .audit-grid,.stack-showcase,.frontend-options,.process-roadmap{grid-template-columns:1fr}
  .site-health-panel{padding:24px;border-radius:26px}
  .final-cta-row a{width:100%}
}


/* V26: Case Studies service-focused redesign */
.case-studies-page-v26 .page-hero{
  padding-bottom:90px;
}
.case-studies-v26{
  position:relative;
  margin-top:-40px;
}
.case-studies-v26 .case-filter-strip{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin:0 auto 34px;
}
.case-studies-v26 .case-filter-strip span{
  padding:10px 15px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(30,143,255,.12);
  color:#24415f;
  font-size:13px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(7,23,47,.04);
}
.solution-case-card{
  height:100%;
  border-radius:30px;
  background:#fff;
  border:1px solid rgba(7,23,47,.08);
  box-shadow:0 18px 46px rgba(7,23,47,.07);
  overflow:hidden;
  transition:.28s ease;
  display:flex;
  flex-direction:column;
  position:relative;
}
.solution-case-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 70px rgba(7,23,47,.12);
}
.solution-case-card:before{
  content:"";
  position:absolute;
  top:-90px;
  left:-70px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(30,143,255,.12),transparent 70%);
  pointer-events:none;
}
.solution-case-card .case-service-head{
  padding:24px 24px 18px;
  position:relative;
  z-index:1;
  min-height:auto;
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
  border-bottom:1px solid rgba(7,23,47,.06);
}
.solution-case-card .case-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}
.solution-case-card .case-service-icon{
  width:64px;
  height:64px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:#fff;
  box-shadow:0 18px 34px rgba(30,143,255,.22);
  flex:0 0 64px;
}
.solution-case-card .case-service-icon i{
  font-size:29px;
}
.solution-case-card .case-service-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(30,143,255,.10);
  border:1px solid rgba(30,143,255,.12);
  color:var(--blue);
  font-size:12px;
  font-weight:900;
}
.solution-case-card h3{
  font-size:clamp(24px,1.7vw,31px);
  line-height:1.38;
  font-weight:900;
  margin:0 0 10px;
  color:#07172f;
}
.solution-case-card .case-service-desc{
  color:#65778d;
  line-height:1.9;
  font-weight:700;
  margin:0;
  min-height:82px;
}
.solution-case-card .case-service-body{
  padding:22px 24px 24px;
  display:flex;
  flex-direction:column;
  flex:1;
  position:relative;
  z-index:1;
}
.case-service-points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:18px;
}
.case-service-point{
  padding:15px;
  border-radius:20px;
  background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);
  border:1px solid rgba(30,143,255,.10);
}
.case-service-point small{
  display:block;
  color:#77889c;
  font-size:12px;
  font-weight:900;
  margin-bottom:6px;
}
.case-service-point strong{
  display:block;
  color:#07172f;
  font-size:15px;
  line-height:1.65;
  font-weight:900;
}
.case-service-deliverables{
  list-style:none;
  padding:0;
  margin:0 0 18px;
  display:grid;
  gap:10px;
}
.case-service-deliverables li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#273951;
  line-height:1.75;
  font-weight:800;
  font-size:14px;
}
.case-service-deliverables li i{
  width:24px;
  height:24px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:#0b2346;
  color:#fff;
  font-size:12px;
  flex:0 0 24px;
  margin-top:3px;
}
.case-service-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:auto;
}
.case-service-metric{
  padding:13px 10px;
  border-radius:18px;
  text-align:center;
  background:#f7fbff;
  border:1px solid rgba(30,143,255,.10);
}
.case-service-metric strong{
  display:block;
  color:var(--blue);
  font-size:22px;
  font-weight:900;
  margin-bottom:4px;
}
.case-service-metric span{
  display:block;
  color:#6d7c91;
  font-size:11.5px;
  line-height:1.5;
  font-weight:800;
}
.solution-case-card .case-service-link{
  margin-top:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:100%;
  padding:13px 16px;
  border-radius:18px;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:#fff;
  font-weight:900;
  box-shadow:0 16px 34px rgba(30,143,255,.18);
}
.solution-case-card .case-service-link:hover{
  color:#fff;
  transform:translateY(-2px);
}
.solution-case-card.accent-gold .case-service-icon{
  background:linear-gradient(135deg,var(--gold),#ffe08a);
  color:#07172f;
  box-shadow:0 18px 34px rgba(243,189,61,.22);
}
.solution-case-card.accent-gold .case-service-tag{
  background:rgba(243,189,61,.14);
  border-color:rgba(243,189,61,.20);
  color:#9b6a00;
}
.solution-case-card.accent-gold .case-service-metric strong{
  color:#9b6a00;
}
.case-main-note{
  margin-top:38px;
  padding:28px;
  border-radius:32px;
  background:linear-gradient(135deg,#07172f,#0b2346);
  color:#fff;
  box-shadow:0 24px 60px rgba(7,23,47,.18);
}
.case-main-note h3{
  font-weight:900;
  margin-bottom:10px;
}
.case-main-note p{
  color:#d6e5f7;
  line-height:1.9;
  margin:0;
}
@media(max-width:1199px){
  .case-service-points{grid-template-columns:1fr}
}
@media(max-width:991px){
  .case-studies-v26{margin-top:0}
  .solution-case-card .case-service-desc{min-height:auto}
}
@media(max-width:767px){
  .case-studies-v26 .case-filter-strip{justify-content:flex-start}
  .solution-case-card .case-service-head,
  .solution-case-card .case-service-body{padding:20px}
  .case-service-metrics{grid-template-columns:1fr}
  .solution-case-card .case-topline{align-items:flex-start}
}


/* V27: Homepage case studies redesign */
.home-case-section{
  position:relative;
  overflow:hidden;
}
.home-case-section:before{
  content:"";
  position:absolute;
  top:70px;
  right:-90px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(30,143,255,.10),transparent 70%);
  pointer-events:none;
}
.home-solution-card{
  height:100%;
  padding:26px;
  border-radius:30px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border:1px solid rgba(7,23,47,.08);
  box-shadow:0 18px 46px rgba(7,23,47,.07);
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
  transition:.28s ease;
}
.home-solution-card:before{
  content:"";
  position:absolute;
  top:-70px;
  left:-70px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(30,143,255,.13),transparent 72%);
  pointer-events:none;
}
.home-solution-card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 70px rgba(7,23,47,.12);
}
.home-solution-card > *{position:relative;z-index:1}
.home-solution-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:20px;
}
.home-solution-icon{
  width:64px;
  height:64px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:#fff;
  box-shadow:0 16px 34px rgba(30,143,255,.22);
  flex:0 0 64px;
}
.home-solution-icon i{font-size:28px}
.home-solution-top span{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(30,143,255,.10);
  border:1px solid rgba(30,143,255,.12);
  color:var(--blue);
  font-size:12px;
  font-weight:900;
}
.home-solution-card.accent-gold .home-solution-icon{
  background:linear-gradient(135deg,var(--gold),#ffe08a);
  color:#07172f;
  box-shadow:0 16px 34px rgba(243,189,61,.22);
}
.home-solution-card.accent-gold .home-solution-top span{
  background:rgba(243,189,61,.14);
  border-color:rgba(243,189,61,.20);
  color:#9b6a00;
}
.home-solution-card h3{
  font-size:clamp(23px,1.7vw,30px);
  line-height:1.35;
  font-weight:900;
  margin:0 0 10px;
  color:#07172f;
}
.home-solution-card p{
  color:#65778d;
  line-height:1.85;
  font-weight:700;
  margin:0 0 18px;
}
.home-solution-card ul{
  list-style:none;
  padding:0;
  margin:0 0 20px;
  display:grid;
  gap:10px;
}
.home-solution-card li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#273951;
  line-height:1.7;
  font-weight:800;
  font-size:14px;
}
.home-solution-card li i{
  width:24px;
  height:24px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:#0b2346;
  color:#fff;
  font-size:12px;
  flex:0 0 24px;
  margin-top:3px;
}
.home-solution-card a{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  padding:13px 16px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(30,143,255,.14);
  color:var(--blue);
  font-weight:900;
  transition:.25s;
}
.home-solution-card a:hover{
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:#fff;
  transform:translateY(-2px);
}
@media(max-width:767px){
  .home-solution-card{padding:22px;border-radius:26px}
  .home-solution-top{align-items:flex-start}
  .home-solution-icon{width:58px;height:58px;border-radius:20px;flex-basis:58px}
}


/* V31: Cloud architecture options cleanup */
.architecture-options-v31 .row{align-items:stretch}
.arch-card-v31{
  height:100%;
  padding:30px;
  border-radius:30px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border:1px solid rgba(7,23,47,.08);
  box-shadow:0 18px 45px rgba(7,23,47,.07);
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:.25s ease;
}
.arch-card-v31:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 65px rgba(7,23,47,.12);
}
.arch-card-v31:before{
  content:"";
  position:absolute;
  top:-75px;
  left:-75px;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(30,143,255,.12),transparent 70%);
  pointer-events:none;
}
.arch-card-v31.featured{
  border-color:rgba(30,143,255,.22);
  box-shadow:0 24px 60px rgba(30,143,255,.12);
}
.arch-card-v31.critical:before{
  background:radial-gradient(circle,rgba(243,189,61,.16),transparent 70%);
}
.arch-card-v31 > *{position:relative;z-index:1}
.arch-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:22px;
}
.arch-card-v31 .arch-icon{
  width:66px;
  height:66px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(30,143,255,.15),rgba(94,203,255,.18));
  color:var(--blue);
  font-size:29px;
  margin:0;
  box-shadow:0 12px 28px rgba(30,143,255,.10);
  flex:0 0 66px;
}
.arch-card-v31.critical .arch-icon{
  background:linear-gradient(135deg,rgba(243,189,61,.18),rgba(255,224,138,.28));
  color:#9b6a00;
}
.arch-badge{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(30,143,255,.10);
  border:1px solid rgba(30,143,255,.12);
  color:var(--blue);
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.arch-card-v31.critical .arch-badge{
  background:rgba(243,189,61,.14);
  border-color:rgba(243,189,61,.20);
  color:#9b6a00;
}
.arch-card-v31 h3{
  font-size:clamp(25px,2vw,34px);
  line-height:1.35;
  font-weight:900;
  color:#07172f;
  margin:0 0 12px;
}
.arch-card-v31 p{
  color:#66788f;
  line-height:1.95;
  font-weight:700;
  font-size:16px;
  margin:0 0 22px;
}
.arch-feature-list{
  list-style:none;
  padding:0;
  margin:auto 0 0;
  display:grid;
  gap:12px;
}
.arch-feature-list li{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(7,23,47,.06);
  color:#273951;
  font-weight:900;
  line-height:1.7;
}
.arch-feature-list li i{
  width:28px;
  height:28px;
  border-radius:10px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  background:#0b2346;
  color:#fff;
  font-size:14px;
}
.arch-card-v31.featured .arch-feature-list li i{
  background:linear-gradient(135deg,var(--blue),var(--cyan));
}
.arch-card-v31.critical .arch-feature-list li i{
  background:#9b6a00;
}
@media(max-width:991px){
  .arch-card-v31{padding:26px}
}
@media(max-width:767px){
  .arch-card-top{flex-direction:column-reverse}
  .arch-badge{white-space:normal}
  .arch-card-v31{padding:22px;border-radius:26px}
  .arch-card-v31 h3{font-size:25px}
}


/* V32: Home company introduction sections inspired by professional company storytelling */
.company-intro-section{
  position:relative;
  overflow:hidden;
}
.company-intro-section:before{
  content:"";
  position:absolute;
  top:80px;
  left:-120px;
  width:320px;
  height:320px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(30,143,255,.10),transparent 70%);
  pointer-events:none;
}
.company-story-card{
  padding:34px;
  border-radius:34px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border:1px solid rgba(7,23,47,.07);
  box-shadow:0 24px 60px rgba(7,23,47,.08);
  position:relative;
  overflow:hidden;
}
.company-story-card:before{
  content:"";
  position:absolute;
  top:-70px;
  left:-70px;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(94,203,255,.14),transparent 70%);
}
.company-story-card > *{position:relative;z-index:1}
.company-story-card h2{
  font-size:clamp(30px,3vw,48px);
  line-height:1.3;
  font-weight:900;
  color:#07172f;
  margin:18px 0 16px;
}
.company-story-card p{
  color:#627389;
  line-height:2;
  font-weight:700;
  font-size:16px;
  margin-bottom:12px;
}
.company-story-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.company-values-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.company-value-box{
  padding:24px;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(7,23,47,.07);
  box-shadow:0 18px 42px rgba(7,23,47,.06);
  min-height:100%;
  transition:.25s;
}
.company-value-box:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 56px rgba(7,23,47,.10);
}
.company-value-box .value-icon{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(30,143,255,.15),rgba(94,203,255,.18));
  color:var(--blue);
  font-size:25px;
  margin-bottom:16px;
}
.company-value-box h3{
  font-size:22px;
  font-weight:900;
  color:#07172f;
  margin-bottom:8px;
}
.company-value-box p{
  color:#66788f;
  line-height:1.9;
  font-weight:700;
  margin:0;
}
.why-makka-layout{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:24px;
  align-items:stretch;
}
.why-makka-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.why-makka-item{
  padding:22px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(7,23,47,.07);
  box-shadow:0 16px 36px rgba(7,23,47,.05);
  display:flex;
  align-items:flex-start;
  gap:14px;
}
.why-makka-item i{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  flex:0 0 46px;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:#fff;
  font-size:21px;
}
.why-makka-item strong{
  display:block;
  color:#07172f;
  font-size:18px;
  font-weight:900;
  margin-bottom:6px;
}
.why-makka-item span{
  display:block;
  color:#66788f;
  line-height:1.85;
  font-weight:700;
}
.why-makka-panel{
  padding:30px;
  border-radius:32px;
  background:linear-gradient(135deg,#07172f,#0b2346);
  color:#fff;
  box-shadow:0 24px 60px rgba(7,23,47,.18);
  position:relative;
  overflow:hidden;
}
.why-makka-panel:before{
  content:"";
  position:absolute;
  left:-70px;
  top:-70px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(94,203,255,.18),transparent 70%);
}
.why-makka-panel > *{position:relative;z-index:1}
.why-makka-panel > span{
  display:inline-flex;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.12);
  color:#d8e9fb;
  font-weight:900;
  margin-bottom:20px;
}
.why-makka-panel h3{
  font-size:clamp(27px,2.3vw,38px);
  font-weight:900;
  line-height:1.35;
  margin-bottom:12px;
}
.why-makka-panel p{
  color:#d4e4f7;
  line-height:1.95;
  font-weight:700;
}
.why-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:22px;
}
.why-stats div{
  padding:14px 10px;
  border-radius:18px;
  text-align:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
}
.why-stats strong{
  display:block;
  color:var(--gold);
  font-size:22px;
  font-weight:900;
}
.why-stats small{
  display:block;
  color:#dcecff;
  font-weight:800;
  font-size:12px;
  margin-top:4px;
}
.achievement-visual{
  min-height:420px;
  position:relative;
  border-radius:34px;
  background:linear-gradient(135deg,#07172f,#0b2346);
  box-shadow:0 24px 60px rgba(7,23,47,.18);
  overflow:hidden;
}
.achievement-visual:before{
  content:"";
  position:absolute;
  inset:auto -90px -90px auto;
  width:300px;
  height:300px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(94,203,255,.20),transparent 70%);
}
.achievement-card-main{
  position:absolute;
  right:34px;
  top:44px;
  left:34px;
  padding:28px;
  border-radius:28px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
}
.achievement-card-main i{
  width:60px;
  height:60px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:rgba(243,189,61,.16);
  color:var(--gold);
  font-size:28px;
  margin-bottom:16px;
}
.achievement-card-main strong{
  display:block;
  font-size:26px;
  font-weight:900;
  margin-bottom:8px;
}
.achievement-card-main span{
  display:block;
  color:#d4e4f7;
  font-weight:700;
  line-height:1.8;
}
.achievement-floating{
  position:absolute;
  width:170px;
  padding:16px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(7,23,47,.08);
  box-shadow:0 18px 42px rgba(7,23,47,.15);
}
.achievement-floating strong{
  display:block;
  color:#07172f;
  font-size:17px;
  font-weight:900;
}
.achievement-floating span{
  color:#66788f;
  font-weight:700;
  font-size:13px;
}
.achievement-floating.one{right:34px;bottom:42px}
.achievement-floating.two{left:34px;bottom:90px}
.achievement-floating.three{left:120px;bottom:24px}
.achievement-points{
  display:grid;
  gap:14px;
  margin-top:24px;
}
.achievement-points div{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:16px 18px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(7,23,47,.06);
  box-shadow:0 12px 28px rgba(7,23,47,.04);
}
.achievement-points i{
  color:var(--blue);
  margin-top:4px;
}
.achievement-points span{
  color:#273951;
  font-weight:800;
  line-height:1.8;
}
.trust-ready-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.trust-ready-grid div{
  padding:24px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(7,23,47,.07);
  box-shadow:0 16px 36px rgba(7,23,47,.05);
  text-align:center;
}
.trust-ready-grid i{
  width:56px;
  height:56px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(30,143,255,.15),rgba(94,203,255,.18));
  color:var(--blue);
  font-size:24px;
  margin:0 auto 14px;
}
.trust-ready-grid strong{
  display:block;
  color:#07172f;
  font-size:19px;
  font-weight:900;
  margin-bottom:6px;
}
.trust-ready-grid span{
  color:#66788f;
  line-height:1.8;
  font-weight:700;
}
@media(max-width:1199px){
  .why-makka-layout{grid-template-columns:1fr}
}
@media(max-width:991px){
  .company-values-grid,
  .why-makka-list,
  .trust-ready-grid{grid-template-columns:1fr}
  .achievement-visual{min-height:500px}
}
@media(max-width:767px){
  .company-story-card,
  .why-makka-panel{padding:24px;border-radius:26px}
  .company-story-actions .btn-main,
  .company-story-actions .btn-outline-main{width:100%;justify-content:center}
  .why-stats{grid-template-columns:1fr}
  .achievement-visual{min-height:auto;padding:24px}
  .achievement-card-main,
  .achievement-floating{
    position:relative;
    right:auto;left:auto;top:auto;bottom:auto;
    width:100%;
    margin-bottom:14px;
  }
}


/* V33: Inner pages company-style sections */
.inner-service-showcase{
  position:relative;
  overflow:hidden;
}
.inner-service-showcase:before{
  content:"";
  position:absolute;
  top:80px;
  right:-110px;
  width:300px;
  height:300px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(30,143,255,.10),transparent 70%);
  pointer-events:none;
}
.inner-suitable-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.inner-suitable-card{
  padding:24px;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(7,23,47,.07);
  box-shadow:0 18px 42px rgba(7,23,47,.06);
  height:100%;
  position:relative;
  overflow:hidden;
}
.inner-suitable-card:before{
  content:"";
  position:absolute;
  top:-70px;
  left:-70px;
  width:170px;
  height:170px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(30,143,255,.12),transparent 70%);
}
.inner-suitable-card > *{position:relative;z-index:1}
.inner-suitable-card i{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:#fff;
  font-size:24px;
  margin-bottom:16px;
  box-shadow:0 16px 32px rgba(30,143,255,.18);
}
.inner-suitable-card h3{
  font-size:21px;
  font-weight:900;
  color:#07172f;
  margin-bottom:9px;
}
.inner-suitable-card p{
  margin:0;
  color:#66788f;
  line-height:1.9;
  font-weight:700;
}
.inner-deliverables-panel{
  padding:32px;
  border-radius:34px;
  background:linear-gradient(135deg,#07172f,#0b2346);
  color:#fff;
  box-shadow:0 24px 60px rgba(7,23,47,.18);
  position:relative;
  overflow:hidden;
}
.inner-deliverables-panel:before{
  content:"";
  position:absolute;
  inset:auto -90px -90px auto;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(94,203,255,.18),transparent 70%);
}
.inner-deliverables-panel > *{position:relative;z-index:1}
.inner-deliverables-panel h2{
  font-size:clamp(28px,3vw,42px);
  font-weight:900;
  line-height:1.35;
  margin-bottom:12px;
}
.inner-deliverables-panel p{
  color:#d4e4f7;
  line-height:1.95;
  font-weight:700;
}
.inner-deliverables-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  list-style:none;
  padding:0;
  margin:24px 0 0;
}
.inner-deliverables-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:#edf6ff;
  line-height:1.8;
  font-weight:800;
}
.inner-deliverables-list i{
  color:var(--gold);
  margin-top:4px;
}
.inner-flow-steps{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.inner-flow-step{
  padding:22px 16px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(7,23,47,.07);
  box-shadow:0 16px 36px rgba(7,23,47,.05);
  text-align:center;
}
.inner-flow-step .num{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  margin:0 auto 12px;
  border-radius:15px;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:#fff;
  font-weight:900;
}
.inner-flow-step strong{
  display:block;
  color:#07172f;
  font-size:17px;
  font-weight:900;
  margin-bottom:7px;
}
.inner-flow-step span{
  display:block;
  color:#66788f;
  line-height:1.75;
  font-size:13px;
  font-weight:700;
}
.inner-why-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.inner-why-box{
  padding:22px;
  border-radius:24px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border:1px solid rgba(7,23,47,.07);
  box-shadow:0 14px 32px rgba(7,23,47,.05);
}
.inner-why-box i{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:rgba(30,143,255,.12);
  color:var(--blue);
  font-size:22px;
  margin-bottom:14px;
}
.inner-why-box strong{
  display:block;
  color:#07172f;
  font-size:18px;
  font-weight:900;
  margin-bottom:7px;
}
.inner-why-box span{
  color:#66788f;
  line-height:1.8;
  font-weight:700;
}
.about-v33-card{
  padding:30px;
  border-radius:32px;
  background:#fff;
  border:1px solid rgba(7,23,47,.07);
  box-shadow:0 18px 45px rgba(7,23,47,.06);
  height:100%;
}
.about-v33-card i{
  width:60px;
  height:60px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:#fff;
  font-size:26px;
  margin-bottom:18px;
}
.about-v33-card h3{font-weight:900;margin-bottom:10px}
.about-v33-card p{color:#66788f;line-height:1.9;font-weight:700;margin:0}
@media(max-width:1199px){
  .inner-flow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .inner-why-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:991px){
  .inner-suitable-grid,
  .inner-deliverables-list{grid-template-columns:1fr}
  .inner-flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .inner-suitable-grid,
  .inner-flow-steps,
  .inner-why-strip{grid-template-columns:1fr}
  .inner-deliverables-panel{padding:24px;border-radius:26px}
}


/* V34: Final Commercial Polish */
.quote-page .quote-card{
  padding:34px;
  border-radius:34px;
  background:#fff;
  border:1px solid rgba(7,23,47,.08);
  box-shadow:0 24px 60px rgba(7,23,47,.10);
}
.quote-page .quote-side{
  padding:34px;
  border-radius:34px;
  background:linear-gradient(135deg,#07172f,#0b2346);
  color:#fff;
  height:100%;
  box-shadow:0 24px 60px rgba(7,23,47,.18);
  position:relative;
  overflow:hidden;
}
.quote-page .quote-side:before{
  content:"";
  position:absolute;
  left:-80px;
  top:-80px;
  width:240px;
  height:240px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(94,203,255,.18),transparent 70%);
}
.quote-page .quote-side > *{position:relative;z-index:1}
.quote-page .quote-side h2{font-weight:900;line-height:1.35;margin-bottom:14px}
.quote-page .quote-side p{color:#d4e4f7;line-height:1.9;font-weight:700}
.quote-benefits{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}
.quote-benefits li{
  display:flex;align-items:flex-start;gap:10px;
  padding:14px 16px;border-radius:18px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);
  color:#edf6ff;font-weight:800;line-height:1.7;
}
.quote-benefits i{color:var(--gold);margin-top:4px}
.quote-card .form-label{font-weight:900;color:#07172f;margin-bottom:8px}
.quote-card textarea{min-height:140px}

.react-nuxt-page .framework-hero-card{
  padding:34px;border-radius:34px;background:#fff;border:1px solid rgba(7,23,47,.08);
  box-shadow:0 24px 60px rgba(7,23,47,.09);height:100%;
}
.framework-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.framework-choice{
  padding:30px;border-radius:30px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border:1px solid rgba(7,23,47,.08);box-shadow:0 18px 45px rgba(7,23,47,.06);
}
.framework-choice .icon{width:66px;height:66px;border-radius:22px;font-size:28px;margin-bottom:18px}
.framework-choice h3{font-size:28px;font-weight:900;margin-bottom:10px}
.framework-choice p{color:#66788f;line-height:1.95;font-weight:700}
.framework-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.framework-list li{display:flex;gap:10px;align-items:flex-start;color:#273951;font-weight:800;line-height:1.75}
.framework-list i{color:var(--blue);margin-top:4px}

.pricing-notes{
  padding:30px;border-radius:32px;background:linear-gradient(135deg,#07172f,#0b2346);
  color:#fff;box-shadow:0 24px 60px rgba(7,23,47,.18);
}
.pricing-notes h3{font-weight:900;margin-bottom:12px}
.pricing-notes p{color:#d4e4f7;line-height:1.9}
.pricing-notes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}
.pricing-note-item{padding:16px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)}
.pricing-note-item i{color:var(--gold);font-size:22px;margin-bottom:8px}
.pricing-note-item strong{display:block;font-weight:900;margin-bottom:4px}
.pricing-note-item span{display:block;color:#dcecff;line-height:1.7;font-size:13px;font-weight:700}
.final-polish-cta{
  padding:34px;border-radius:34px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border:1px solid rgba(7,23,47,.08);box-shadow:0 24px 60px rgba(7,23,47,.08);
}
.final-polish-cta h3{font-weight:900;font-size:clamp(26px,2.5vw,38px);line-height:1.35}
.final-polish-cta p{color:#66788f;line-height:1.9;font-weight:700}
@media(max-width:991px){
  .framework-choice-grid,.pricing-notes-grid{grid-template-columns:1fr}
}
@media(max-width:767px){
  .quote-page .quote-card,.quote-page .quote-side,.framework-choice,.pricing-notes,.final-polish-cta{padding:24px;border-radius:26px}
}


/* V35: Hosting, domains, client area expansion */
.nav-client{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(30,143,255,.10);
  color:var(--blue);
  font-weight:900;
  border:1px solid rgba(30,143,255,.14);
  margin-inline-start:10px;
  transition:.22s;
  white-space:nowrap;
}
.nav-client:hover{background:var(--blue);color:#fff;transform:translateY(-2px)}
.hosting-page .hosting-hero-pills{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px
}
.hosting-page .hosting-hero-pills span{
  padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);color:#eaf5ff;font-weight:900;font-size:13px
}
.hosting-automation-section{position:relative;overflow:hidden}
.hosting-automation-section:before{
  content:"";position:absolute;right:-100px;top:80px;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(30,143,255,.10),transparent 70%);pointer-events:none
}
.hosting-flow{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px
}
.hosting-flow-step{
  padding:24px;border-radius:28px;background:#fff;border:1px solid rgba(7,23,47,.08);
  box-shadow:0 18px 42px rgba(7,23,47,.06);height:100%;position:relative;overflow:hidden
}
.hosting-flow-step:before{
  content:"";position:absolute;top:-70px;left:-70px;width:170px;height:170px;border-radius:50%;
  background:radial-gradient(circle,rgba(30,143,255,.12),transparent 70%)
}
.hosting-flow-step > *{position:relative;z-index:1}
.hosting-flow-step .num{
  width:48px;height:48px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:900;margin-bottom:16px
}
.hosting-flow-step h3{font-size:21px;font-weight:900;color:#07172f;margin-bottom:8px}
.hosting-flow-step p{color:#66788f;line-height:1.85;font-weight:700;margin:0}
.hosting-products-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px
}
.hosting-product-card{
  padding:28px;border-radius:30px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border:1px solid rgba(7,23,47,.08);box-shadow:0 18px 46px rgba(7,23,47,.07);
  height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden
}
.hosting-product-card.featured{border-color:rgba(30,143,255,.25);box-shadow:0 26px 68px rgba(30,143,255,.13)}
.hosting-product-card:before{
  content:"";position:absolute;top:-75px;left:-75px;width:190px;height:190px;border-radius:50%;
  background:radial-gradient(circle,rgba(30,143,255,.12),transparent 70%)
}
.hosting-product-card > *{position:relative;z-index:1}
.hosting-product-card .icon{
  width:66px;height:66px;border-radius:22px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:28px;margin-bottom:18px;
  box-shadow:0 16px 34px rgba(30,143,255,.20)
}
.hosting-product-card h3{font-size:25px;font-weight:900;color:#07172f;margin-bottom:10px}
.hosting-product-card p{color:#66788f;line-height:1.9;font-weight:700}
.hosting-feature-list{list-style:none;padding:0;margin:18px 0 24px;display:grid;gap:10px}
.hosting-feature-list li{display:flex;gap:10px;align-items:flex-start;color:#273951;font-weight:800;line-height:1.75}
.hosting-feature-list i{color:var(--blue);margin-top:4px}
.hosting-product-card .btn-main,.hosting-product-card .btn-outline-main{margin-top:auto}
.client-area-panel{
  padding:34px;border-radius:34px;background:linear-gradient(135deg,#07172f,#0b2346);
  color:#fff;box-shadow:0 24px 60px rgba(7,23,47,.18);position:relative;overflow:hidden
}
.client-area-panel:before{
  content:"";position:absolute;left:-90px;top:-90px;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(94,203,255,.18),transparent 70%)
}
.client-area-panel > *{position:relative;z-index:1}
.client-area-panel h2{font-size:clamp(28px,3vw,42px);font-weight:900;line-height:1.35}
.client-area-panel p{color:#d4e4f7;line-height:1.95;font-weight:700}
.client-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.client-actions a{min-width:180px}
.kb-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px
}
.kb-card{
  padding:26px;border-radius:28px;background:#fff;border:1px solid rgba(7,23,47,.08);
  box-shadow:0 18px 42px rgba(7,23,47,.06);height:100%
}
.kb-card i{
  width:58px;height:58px;border-radius:18px;display:grid;place-items:center;
  background:rgba(30,143,255,.12);color:var(--blue);font-size:24px;margin-bottom:16px
}
.kb-card h3{font-size:22px;font-weight:900;margin-bottom:8px}
.kb-card p{color:#66788f;line-height:1.85;font-weight:700;margin-bottom:14px}
.kb-card a{font-weight:900;color:var(--blue)}
.payment-method-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px
}
.payment-method-card{
  padding:24px;border-radius:26px;background:#fff;border:1px solid rgba(7,23,47,.08);
  box-shadow:0 16px 36px rgba(7,23,47,.05);height:100%;text-align:center
}
.payment-method-card i{
  width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:0 auto 14px;
  background:linear-gradient(135deg,rgba(30,143,255,.14),rgba(94,203,255,.18));color:var(--blue);font-size:24px
}
.payment-method-card h3{font-size:20px;font-weight:900;margin-bottom:8px}
.payment-method-card p{color:#66788f;line-height:1.75;font-weight:700;margin:0}
@media(max-width:1199px){
  .hosting-flow,.payment-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hosting-products-grid,.kb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:991px){
  .nav-client{width:100%;margin:8px 0 0}
}
@media(max-width:767px){
  .hosting-flow,.hosting-products-grid,.kb-grid,.payment-method-grid{grid-template-columns:1fr}
  .client-area-panel,.hosting-product-card,.hosting-flow-step{padding:24px;border-radius:26px}
  .client-actions a{width:100%}
}


/* V37: refined hosting section in home */
.home-hosting-refined{
  position:relative;
  overflow:hidden;
}
.home-hosting-refined:before{
  content:"";
  position:absolute;
  top:90px;
  right:-120px;
  width:320px;
  height:320px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(30,143,255,.10),transparent 70%);
  pointer-events:none;
}
.hosting-refined-panel{
  padding:34px;
  border-radius:34px;
  background:linear-gradient(135deg,#07172f,#0b2346);
  color:#fff;
  box-shadow:0 24px 60px rgba(7,23,47,.18);
  position:relative;
  overflow:hidden;
}
.hosting-refined-panel:before{
  content:"";
  position:absolute;
  left:-90px;
  top:-90px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(94,203,255,.18),transparent 70%);
}
.hosting-refined-panel > *{position:relative;z-index:1}
.hosting-refined-panel h2{
  font-size:clamp(30px,3vw,46px);
  font-weight:900;
  line-height:1.35;
  margin:18px 0 14px;
}
.hosting-refined-panel p{
  color:#d4e4f7;
  line-height:2;
  font-weight:700;
  margin:0;
}
.hosting-refined-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.hosting-refined-actions .btn-outline-main{
  color:#fff;
  border-color:rgba(255,255,255,.25);
  background:rgba(255,255,255,.08);
}
.hosting-refined-actions .btn-outline-main:hover{
  background:#fff;
  color:#07172f;
}
.hosting-refined-flow{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.hosting-flow-mini{
  padding:22px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(7,23,47,.08);
  box-shadow:0 16px 38px rgba(7,23,47,.06);
  display:flex;
  gap:14px;
  align-items:flex-start;
  height:100%;
}
.hosting-flow-mini .num{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:#fff;
  font-weight:900;
  flex:0 0 48px;
}
.hosting-flow-mini h3{
  font-size:20px;
  font-weight:900;
  color:#07172f;
  margin-bottom:7px;
}
.hosting-flow-mini p{
  color:#66788f;
  line-height:1.8;
  font-weight:700;
  margin:0;
}
.hosting-refined-features{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:26px;
}
.hosting-refined-features div{
  padding:20px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(7,23,47,.08);
  box-shadow:0 14px 32px rgba(7,23,47,.05);
}
.hosting-refined-features i{
  width:50px;
  height:50px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(30,143,255,.12);
  color:var(--blue);
  font-size:22px;
  margin-bottom:14px;
}
.hosting-refined-features strong{
  display:block;
  color:#07172f;
  font-weight:900;
  font-size:18px;
  margin-bottom:6px;
}
.hosting-refined-features span{
  color:#66788f;
  line-height:1.75;
  font-weight:700;
  display:block;
}
@media(max-width:1199px){
  .hosting-refined-features{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:991px){
  .hosting-refined-flow{grid-template-columns:1fr}
}
@media(max-width:767px){
  .hosting-refined-panel{padding:24px;border-radius:26px}
  .hosting-refined-actions a{width:100%;justify-content:center}
  .hosting-refined-features{grid-template-columns:1fr}
}


/* V39: Header / navbar polish */
.navbar{
  padding:10px 0;
  min-height:72px;
}
.navbar.scrolled{
  padding:7px 0;
}
.navbar .container{
  gap:18px;
}
.navbar-collapse{
  gap:14px;
  align-items:center;
}
.navbar .navbar-nav.mx-auto{
  margin-left:0 !important;
  margin-right:auto !important;
}
.navbar-nav{
  align-items:center;
  gap:2px;
}
.nav-link{
  font-size:13.5px;
  padding:9px 10px !important;
  border-radius:13px;
  white-space:nowrap;
}
.nav-link.active{
  background:rgba(30,143,255,.09);
}
.nav-actions{
  display:flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
}
.nav-client{
  margin-inline-start:0 !important;
  padding:9px 13px !important;
  border-radius:16px !important;
  font-size:13.5px;
  min-height:42px;
}
.nav-cta{
  padding:9px 15px !important;
  border-radius:16px !important;
  font-size:13.5px;
  min-height:42px;
  box-shadow:0 12px 26px rgba(7,23,47,.10);
}
.brand-mark{
  width:42px;
  height:42px;
  border-radius:15px;
}
.brand-text .ar{
  font-size:20px;
}
.brand-text .en{
  font-size:10px;
}
.navbar-toggler{
  border:1px solid rgba(7,23,47,.10);
  border-radius:14px;
  padding:8px 10px;
  box-shadow:none !important;
}
@media (max-width:1399px){
  .nav-link{
    font-size:12.8px;
    padding:8px 8px !important;
  }
  .nav-client,
  .nav-cta{
    font-size:12.8px;
    padding:8px 11px !important;
  }
}
@media (max-width:1199px){
  .navbar{
    min-height:68px;
  }
  .navbar-collapse{
    margin-top:12px;
    padding:16px;
    border-radius:22px;
    background:#fff;
    border:1px solid rgba(7,23,47,.07);
    box-shadow:0 20px 50px rgba(7,23,47,.10);
  }
  .navbar .navbar-nav.mx-auto{
    margin:0 !important;
    width:100%;
  }
  .navbar-nav{
    align-items:stretch;
    gap:6px;
  }
  .nav-link{
    width:100%;
    padding:12px 14px !important;
    background:#f8fbff;
  }
  .nav-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:10px;
  }
  .nav-client,
  .nav-cta{
    width:100%;
    min-height:46px;
  }
}
@media (max-width:575px){
  .brand-text .ar{
    font-size:18px;
  }
  .brand-text .en{
    font-size:9px;
  }
  .nav-actions{
    grid-template-columns:1fr;
  }
}