/* ============================================================
   CHARTED — WOW INNER PAGES DARK THEME
   Applies dark premium aesthetic to all inner pages
   ============================================================ */

/* ─── BODY & GLOBAL OVERRIDES FOR ALL WOW PAGES ─── */
.wow-page,
body.wow-page {
  background: #050a14 !important;
  color: #f1f5f9 !important;
}

/* Make html element dark too so no white flash */
html:has(body.wow-page) {
  background: #050a14 !important;
}

/* Force dark background on everything */
.wow-page {
  --ink: #f1f5f9;
  --muted: #94a3b8;
  --blue: #3b82f6;
  --paper: #050a14;
  --line: rgba(255,255,255,0.07);
  background: #050a14;
}

/* ─── SECTION BASE ─── */
.wow-page .section {
  background: transparent;
}

/* ─── PAGE INTRO / HERO ─── */
.wow-page .studio-intro {
  background: #050a14 !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  padding-top: 80px;
  padding-bottom: 70px;
  position: relative;
  overflow: hidden;
}

.wow-page .studio-intro::before {
  content: '';
  position: absolute;
  width: 600px; height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(37,99,235,0.1) 0%, transparent 70%);
  top: -100px; right: -100px;
  pointer-events: none;
}

.wow-page .studio-intro .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  color: #60a5fa !important;
  text-transform: uppercase;
  margin-bottom: 24px !important;
  padding: 6px 14px;
  background: rgba(59,130,246,0.08);
  border: 1px solid rgba(59,130,246,0.18);
  border-radius: 999px;
  width: fit-content;
}

.wow-page .studio-intro h1 {
  font-family: 'Outfit', 'Manrope', sans-serif !important;
  font-size: clamp(44px, 6vw, 90px) !important;
  font-weight: 800 !important;
  letter-spacing: -3px !important;
  line-height: 1.0 !important;
  color: #fff !important;
  margin-bottom: 24px !important;
}

.wow-page .studio-intro h1 em {
  background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 50%, #8b5cf6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-style: normal;
}

.wow-page .studio-intro > p:not(.eyebrow) {
  font-size: 18px !important;
  color: #94a3b8 !important;
  max-width: 560px;
  line-height: 1.75 !important;
}

/* ─── VIDEO SECTION ─── */
.wow-video-section {
  margin: 0 max(5%, calc((100% - 1320px) / 2));
  margin-bottom: 80px;
  background: #0c1525;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.wow-video-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 20px;
  padding: 28px 32px 24px;
}

.wow-video-header h2 {
  font-family: 'Outfit', sans-serif;
  font-size: clamp(28px, 3.5vw, 46px);
  font-weight: 800;
  letter-spacing: -2px;
  line-height: 1.1;
  color: #fff;
  margin: 0;
}

.wow-video-header p {
  font-size: 13px;
  color: #64748b;
  margin: 0;
  white-space: nowrap;
  flex-shrink: 0;
}

.wow-video-wrap {
  position: relative;
  width: 100%;
}

.wow-video-wrap video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: contain;
  background: #000;
  border-radius: 0 0 18px 18px;
}

.wow-video-wrap video:focus-visible {
  outline: 3px solid #3b82f6;
  outline-offset: -3px;
}

@media (max-width: 650px) {
  .wow-video-section {
    margin: 0 5%;
    margin-bottom: 50px;
    border-radius: 14px;
  }
  .wow-video-header {
    display: block;
    padding: 20px 20px 18px;
  }
  .wow-video-header h2 { font-size: 28px; }
  .wow-video-header p { margin-top: 8px; font-size: 12px; }
}

/* ─── SERVICES DETAIL SECTION ─── */
.wow-page .service-details {
  background: #050a14;
}

.wow-page .service-detail {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  padding: 60px 0 !important;
}

.wow-page .service-art {
  background: #0c1525 !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 16px !important;
}

.wow-page .service-detail h2 {
  font-family: 'Outfit', sans-serif !important;
  font-size: clamp(30px, 3.5vw, 50px) !important;
  font-weight: 800 !important;
  letter-spacing: -2px !important;
  line-height: 1.08 !important;
  color: #fff !important;
  margin-bottom: 18px !important;
}

.wow-page .service-detail p:not(.eyebrow) {
  color: #94a3b8 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

.wow-page .service-detail .eyebrow {
  color: #60a5fa !important;
  font-size: 10px !important;
  letter-spacing: 2px !important;
  font-weight: 700 !important;
  margin-bottom: 14px !important;
}

.wow-page .capability-list li {
  color: #94a3b8 !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  border-radius: 6px !important;
  background: rgba(255,255,255,0.02) !important;
  font-size: 11px !important;
  transition: border-color 0.2s, color 0.2s !important;
}

.wow-page .capability-list li:hover {
  border-color: rgba(59,130,246,0.3) !important;
  color: #93c5fd !important;
}

/* ─── TEXT LINK ─── */
.wow-page .text-link {
  color: #3b82f6 !important;
  border-bottom-color: rgba(59,130,246,0.3) !important;
  font-size: 13px !important;
}

.wow-page .text-link:hover {
  color: #60a5fa !important;
  border-bottom-color: rgba(59,130,246,0.6) !important;
}

/* ─── SECTION HEADINGS ─── */
.wow-page .section-heading h2,
.wow-page h2:not(.wow-section-title):not(.wow-h1):not(.wow-cta-title) {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -2px !important;
  color: #fff !important;
}

.wow-page h2 em {
  background: linear-gradient(135deg, #3b82f6, #60a5fa, #8b5cf6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-style: normal;
}

.wow-page .section-heading > p {
  color: #94a3b8 !important;
}

.wow-page .eyebrow:not(.wow-eyebrow):not(.wow-section-label):not(.wow-cta-eyebrow):not(.wow-clients-label) {
  color: #60a5fa !important;
  letter-spacing: 2px !important;
}

/* ─── WORK GRID / PORTFOLIO ─── */
.wow-page .studio-work,
.wow-page .portfolio {
  background: #0c1525;
}

.wow-page .work-grid {
  gap: 20px !important;
}

.wow-page .work-card {
  background: #111e35 !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s, box-shadow 0.4s !important;
  overflow: hidden;
}

.wow-page .work-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(59,130,246,0.25) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.4) !important;
}

.wow-page .work-image {
  background: #0c1525 !important;
  position: relative;
  overflow: hidden;
}

.wow-page .work-image::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 60%, rgba(0,0,0,0.3));
  z-index: 1;
  pointer-events: none;
}

.wow-page .work-image img {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.wow-page .work-card:hover .work-image img {
  transform: scale(1.04) !important;
}

.wow-page .browser-bar {
  background: #0c1525 !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

.wow-page .browser-bar i {
  background: #2a3a52 !important;
}

.wow-page .browser-bar span {
  color: #64748b !important;
  font-size: 9px !important;
}

.wow-page .work-copy {
  padding: 20px 22px 24px !important;
}

.wow-page .work-copy .eyebrow {
  color: #60a5fa !important;
  font-size: 9px !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 6px !important;
}

.wow-page .work-copy h3 {
  font-family: 'Outfit', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
  color: #fff !important;
}

.wow-page .work-copy h3 a {
  color: #fff !important;
}

.wow-page .work-copy > p:not(.eyebrow) {
  color: #64748b !important;
  font-size: 13px !important;
}

.wow-page .work-tags span {
  background: rgba(59,130,246,0.08) !important;
  border: 1px solid rgba(59,130,246,0.15) !important;
  color: #93c5fd !important;
  font-size: 9px !important;
  border-radius: 999px !important;
  padding: 4px 10px !important;
}

.wow-page .work-open {
  background: rgba(59,130,246,0.15) !important;
  color: #93c5fd !important;
  border: 1px solid rgba(59,130,246,0.2) !important;
  border-radius: 6px !important;
  font-size: 9px !important;
}

.wow-page .work-count {
  color: #475569 !important;
  font-size: 11px !important;
}

/* ─── WORK FILTERS ─── */
.wow-page .work-filters button {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  color: #64748b !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  transition: all 0.2s !important;
}

.wow-page .work-filters button:hover,
.wow-page .work-filters button[aria-pressed="true"] {
  background: #3b82f6 !important;
  border-color: #3b82f6 !important;
  color: white !important;
  box-shadow: 0 0 20px rgba(59,130,246,0.3) !important;
}

/* ─── SELECTED GRID (Studio work) ─── */
.wow-page .selected-grid {
  gap: 20px !important;
}

.wow-page .selected-cover {
  border-radius: 12px !important;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.wow-page .selected-cover.tone-0 { background: #0a1628 !important; }
.wow-page .selected-cover.tone-1 { background: #111a2e !important; }
.wow-page .selected-cover.tone-2 { background: #0e1d36 !important; }

.wow-page .selected-copy h3 {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: -0.5px !important;
}

.wow-page .selected-copy p {
  color: #64748b !important;
}

.wow-page .cover-arrow {
  background: rgba(255,255,255,0.1) !important;
  color: #fff !important;
  border-radius: 50% !important;
}

.wow-page .selected-card:hover .selected-cover {
  border-color: rgba(59,130,246,0.25) !important;
}

/* ─── ABOUT STORY ─── */
.wow-page .about-story {
  background: #050a14;
}

.wow-page .about-symbol {
  background: #0c1525 !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 16px !important;
}

.wow-page .about-story h2 {
  margin-bottom: 20px !important;
}

.wow-page .about-story p:not(.eyebrow) {
  color: #94a3b8 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

/* ─── TEAM SECTION ─── */
.wow-page .team-section {
  background: #0c1525 !important;
}

.wow-page .team-grid {
  gap: 16px !important;
}

.wow-page .team-card {
  background: #111e35 !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 14px !important;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.wow-page .team-card:hover {
  border-color: rgba(59,130,246,0.25) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.3) !important;
}

.wow-page .team-portrait {
  overflow: hidden;
}

.wow-page .team-portrait img {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.wow-page .team-card:hover .team-portrait img {
  transform: scale(1.03) !important;
}

.wow-page .team-copy {
  background: #111e35;
  padding: 18px 16px 20px !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}

.wow-page .team-copy h3 {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
  color: #fff !important;
  font-size: 17px !important;
}

.wow-page .team-copy > .team-role {
  color: #60a5fa !important;
  font-size: 10px !important;
  letter-spacing: 1px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
}

.wow-page .team-copy > p:first-child {
  display: none !important;
}

/* ─── CONTACT SECTION ─── */
.wow-page .contact {
  background: #050a14;
}

.wow-page .contact h2 {
  font-size: 44px !important;
  letter-spacing: -2px !important;
}

.wow-page .contact > div > p:not(.eyebrow) {
  color: #94a3b8 !important;
  font-size: 15px !important;
}

.wow-page .contact-details > a,
.wow-page .contact-details > div {
  color: #e2e8f0 !important;
  font-size: 15px !important;
}

.wow-page .contact-details small {
  color: #475569 !important;
}

.wow-page .contact-details span {
  color: #3b82f6 !important;
}

.wow-page .contact form {
  background: #0c1525 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

.wow-page .contact label {
  color: #94a3b8 !important;
  font-size: 12px !important;
}

.wow-page .contact input,
.wow-page .contact select,
.wow-page .contact textarea {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 10px !important;
  color: #f1f5f9 !important;
  font-size: 15px !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

.wow-page .contact input:focus,
.wow-page .contact select:focus,
.wow-page .contact textarea:focus {
  border-color: rgba(59,130,246,0.5) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(59,130,246,0.1) !important;
  background: rgba(59,130,246,0.05) !important;
}

.wow-page .contact input::placeholder,
.wow-page .contact textarea::placeholder {
  color: #475569 !important;
}

.wow-page .contact input option,
.wow-page .contact select option {
  background: #111e35 !important;
  color: #f1f5f9 !important;
}

.wow-page .channel-picker legend {
  color: #64748b !important;
}

.wow-page .channel-picker label {
  color: #94a3b8 !important;
}

.wow-page .contact #form-status {
  color: #475569 !important;
}

.wow-page .contact .button,
.wow-page .button {
  background: #2563eb !important;
  border-color: #2563eb !important;
  border-radius: 999px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.2px !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 0 20px rgba(37,99,235,0.3) !important;
}

.wow-page .contact .button:hover,
.wow-page .button:hover {
  background: #3b82f6 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 30px rgba(37,99,235,0.5) !important;
}

.wow-page .contact .whatsapp-link {
  background: #16a34a !important;
  border-radius: 999px !important;
  transition: all 0.3s !important;
  box-shadow: 0 0 20px rgba(22,163,74,0.25) !important;
}

.wow-page .contact .whatsapp-link:hover {
  background: #15803d !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(22,163,74,0.4) !important;
}

/* ─── FAQ ─── */
.wow-page .faq {
  background: #050a14;
}

.wow-page .faq h2 {
  letter-spacing: -2px !important;
}

.wow-page .faq details {
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  transition: background 0.2s !important;
}

.wow-page .faq details[open] {
  background: rgba(59,130,246,0.04) !important;
  border-radius: 8px !important;
  padding: 0 12px !important;
}

.wow-page .faq summary {
  color: #e2e8f0 !important;
  font-size: 15px !important;
  padding: 22px 0 !important;
}

.wow-page .faq summary > span {
  color: #3b82f6 !important;
}

.wow-page .faq details p {
  color: #94a3b8 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  padding-bottom: 18px !important;
}

/* ─── APPROACH / METHOD LIST ─── */
.wow-page .method-list article {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  transition: all 0.3s !important;
  padding: 40px 0 !important;
  position: relative;
}

.wow-page .method-list article::before {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(59,130,246,0), rgba(59,130,246,0.3), rgba(59,130,246,0));
  opacity: 0;
  transition: opacity 0.3s;
}

.wow-page .method-list article:hover::before {
  opacity: 1;
}

.wow-page .method-number {
  color: #3b82f6 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
}

.wow-page .method-list h2 {
  font-size: clamp(28px, 3.5vw, 46px) !important;
  letter-spacing: -2px !important;
}

.wow-page .method-list p {
  color: #94a3b8 !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

.wow-page .method-tags {
  color: #475569 !important;
  font-size: 10px !important;
  letter-spacing: 1px !important;
}

/* ─── SOLUTIONS / SECTOR GRID ─── */
.wow-page .sector-grid {
  gap: 16px !important;
}

.wow-page .sector-card {
  background: #0c1525 !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 16px !important;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.wow-page .sector-card:hover {
  border-color: rgba(59,130,246,0.25) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.4) !important;
}

.wow-page .sector-visual {
  background: #111e35 !important;
  padding: 30px 20px !important;
}

.wow-page .sector-card > div:last-child {
  background: #0c1525 !important;
  padding: 24px !important;
}

.wow-page .sector-card h2 {
  color: #fff !important;
  font-size: 22px !important;
  letter-spacing: -0.8px !important;
}

.wow-page .sector-card p {
  color: #94a3b8 !important;
}

.wow-page .sector-card .eyebrow {
  color: #60a5fa !important;
}

/* ─── CAMPAIGNS ─── */
.wow-page .studio-campaigns {
  background: #0c1525 !important;
}

.wow-page .campaign-image {
  background: #111e35 !important;
  border-radius: 12px !important;
  overflow: hidden;
  transition: all 0.3s !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
}

.wow-page .campaign-image:hover {
  border-color: rgba(59,130,246,0.2) !important;
}

.wow-page .campaign-enlarge {
  background: rgba(59,130,246,0.8) !important;
  color: white !important;
  border-radius: 50% !important;
}

.wow-page .campaign-shelf figcaption {
  color: #64748b !important;
  letter-spacing: 1px !important;
  font-size: 9px !important;
}

/* ─── DIALOG (IMAGE VIEWER) ─── */
.wow-page .screen-dialog {
  background: #0c1525 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 16px !important;
  color: #f1f5f9 !important;
}

.wow-page .screen-dialog::backdrop {
  background: rgba(2, 6, 15, 0.9) !important;
}

.wow-page .viewer-toolbar p {
  color: #94a3b8 !important;
}

.wow-page .viewer-controls {
  color: #64748b !important;
}

.wow-page .screen-dialog button {
  background: #2563eb !important;
  border-radius: 8px !important;
}

/* ─── TECHNOLOGY SECTION ─── */
.wow-page .studio-tech {
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  background: #050a14 !important;
}

.wow-page .studio-tech > summary {
  color: #fff !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
}

.wow-page .studio-tech > summary > span:last-child {
  color: #3b82f6 !important;
}

.wow-page .technology-section {
  background: #0c1525 !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
}

.wow-page .tech-heading h2 {
  color: #fff !important;
  letter-spacing: -1.5px !important;
}

.wow-page .tech-heading-copy p {
  color: #94a3b8 !important;
}

.wow-page .tech-row-label {
  color: #475569 !important;
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
  font-weight: 700 !important;
}

.wow-page .tech-card {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 10px !important;
  transition: all 0.2s !important;
}

.wow-page .tech-card:hover {
  background: rgba(59,130,246,0.08) !important;
  border-color: rgba(59,130,246,0.2) !important;
}

.wow-page .tech-card span {
  color: #94a3b8 !important;
}

.wow-page .tech-footnote {
  color: #475569 !important;
}

/* ─── PROJECT PAGES ─── */
.wow-page .project-intro {
  background: #050a14 !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

.wow-page .project-intro h1 {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -2px !important;
  color: #fff !important;
}

.wow-page .project-intro h1 span {
  color: #fff !important;
}

.wow-page .project-intro .eyebrow {
  color: #60a5fa !important;
}

.wow-page .project-summary {
  color: #94a3b8 !important;
}

.wow-page .breadcrumb {
  color: #475569 !important;
}

.wow-page .breadcrumb a {
  color: #3b82f6 !important;
}

.wow-page .project-gallery {
  background: #050a14 !important;
}

.wow-page .gallery-heading h2 {
  color: #fff !important;
  letter-spacing: -1.5px !important;
}

.wow-page .gallery-heading p {
  color: #94a3b8 !important;
}

.wow-page .screen-grid {
  gap: 20px !important;
}

.wow-page .screen-preview {
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  background: #0c1525 !important;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.wow-page .screen-preview:hover {
  border-color: rgba(59,130,246,0.25) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.4) !important;
  transform: translateY(-4px) !important;
}

.wow-page .screen-grid figcaption {
  color: #64748b !important;
  font-size: 11px !important;
}

.wow-page .project-note {
  color: #475569 !important;
}

/* ─── STUDIO CTA ─── */
.wow-page .studio-cta {
  background: linear-gradient(135deg, #0a1628 0%, #0f1f3d 50%, #0c1a36 100%) !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  position: relative;
  overflow: hidden;
}

.wow-page .studio-cta::before {
  content: '';
  position: absolute;
  width: 600px; height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(37,99,235,0.12) 0%, transparent 60%);
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.wow-page .studio-cta h2 {
  color: #fff !important;
  font-size: clamp(32px, 4vw, 60px) !important;
  letter-spacing: -2px !important;
  position: relative;
}

.wow-page .studio-cta .eyebrow {
  color: #60a5fa !important;
  position: relative;
}

.wow-page .studio-cta > div > p:not(.eyebrow) {
  color: #94a3b8 !important;
  position: relative;
}

.wow-page .studio-cta .button {
  position: relative;
}

.wow-page .cta-email {
  color: #64748b !important;
  position: relative;
  transition: color 0.2s !important;
}

.wow-page .cta-email:hover {
  color: #3b82f6 !important;
}

/* ─── PAGE CTA (inner pages close) ─── */
.wow-page .page-cta {
  background: linear-gradient(135deg, #0a1628, #0f1f3d) !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}

.wow-page .page-cta h2,
.wow-page .page-cta em {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.wow-page .page-cta .eyebrow {
  color: #60a5fa !important;
}

/* ─── SOLUTIONS TABS ─── */
.wow-page .business-tabs button {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  color: #64748b !important;
  border-radius: 999px !important;
}

.wow-page .business-tabs button[aria-selected="true"],
.wow-page .business-tabs button:hover {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: white !important;
}

/* ─── FOOTER DARK ─── */
.wow-page .site-footer {
  background: #02060f !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}

.wow-page .footer-top > p {
  color: #475569 !important;
}

.wow-page .footer-links {
  color: #475569 !important;
}

.wow-page .footer-links > a:first-child {
  color: #e2e8f0 !important;
}

.wow-page .footer-links > a:hover {
  color: #3b82f6 !important;
}

.wow-page .footer-bottom {
  color: #334155 !important;
  border-color: rgba(255,255,255,0.05) !important;
}

.wow-page .footer-bottom > a {
  color: #475569 !important;
}

.wow-page .footer-bottom > a:hover {
  color: #3b82f6 !important;
}

/* ─── WHATSAPP FLOAT ─── */
.wow-page .whatsapp-float {
  box-shadow: 0 4px 20px rgba(29,206,99,0.35) !important;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.wow-page .whatsapp-float:hover {
  transform: translateY(-4px) scale(1.05) !important;
  box-shadow: 0 8px 30px rgba(29,206,99,0.5) !important;
}

/* ─── MORE PROJECTS BUTTON ─── */
.wow-page .more-projects .button {
  font-size: 13px !important;
}

/* ─── RESPONSIVE ─── */
@media (max-width: 650px) {
  .wow-page .studio-intro h1 {
    letter-spacing: -2px !important;
  }
  .wow-page .contact h2 {
    font-size: 34px !important;
    letter-spacing: -1.5px !important;
  }
  .wow-page .studio-cta h2 {
    font-size: 34px !important;
    letter-spacing: -1.5px !important;
  }
}