:root{
  --v2-cyan:#22d3ee;--v2-mint:#5eead4;--v2-blue:#60a5fa;--v2-purple:#a78bfa;--v2-pink:#f472b6;
  --v2-navy:#07111f;--v2-navy2:#0c1e38;--v2-ink:#102238;--v2-soft:#f6f9fc;
}
html{scroll-padding-top:118px}
body{background:#f8fafc!important;overflow-x:hidden}
body::before{content:"";position:fixed;z-index:-3;inset:-20%;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(34,211,238,.08),transparent 22%),radial-gradient(circle at 88% 20%,rgba(167,139,250,.09),transparent 20%),radial-gradient(circle at 72% 78%,rgba(244,114,182,.055),transparent 18%);animation:v2Ambient 18s ease-in-out infinite alternate}
@keyframes v2Ambient{0%{transform:translate3d(-1%,0,0) scale(1)}100%{transform:translate3d(2%,1%,0) scale(1.05)}}

.hero,.page-hero,.article-hero{position:relative!important;isolation:isolate;background:radial-gradient(circle at 80% 16%,rgba(34,211,238,.18),transparent 26%),radial-gradient(circle at 56% 82%,rgba(167,139,250,.14),transparent 28%),radial-gradient(circle at 15% 10%,rgba(96,165,250,.11),transparent 30%),linear-gradient(135deg,#07111f 0%,#0a1730 48%,#101d40 100%)!important}
.hero::after,.page-hero::after,.article-hero::after{content:"";position:absolute;z-index:-1;right:-12%;top:-18%;width:52vw;height:52vw;border-radius:50%;background:conic-gradient(from 0deg,rgba(34,211,238,.20),rgba(96,165,250,.05),rgba(167,139,250,.20),rgba(244,114,182,.08),rgba(34,211,238,.20));filter:blur(70px);opacity:.72;animation:v2Spin 22s linear infinite}
@keyframes v2Spin{to{transform:rotate(360deg)}}

.soft{background:linear-gradient(135deg,#f9fbfd 0%,#f3f8fb 54%,#f7f4ff 100%)!important}
.dark,.dark-2{background:radial-gradient(circle at 10% 0%,rgba(34,211,238,.10),transparent 28%),radial-gradient(circle at 88% 10%,rgba(167,139,250,.12),transparent 24%),linear-gradient(135deg,#07111f,#0b1932 55%,#101d3b)!important}

.btn,.btn-primary{box-shadow:0 12px 34px rgba(34,211,238,.14);transition:transform .26s ease,box-shadow .26s ease,filter .26s ease!important}
.btn:hover,.btn-primary:hover{transform:translateY(-3px) scale(1.015)!important;box-shadow:0 18px 44px rgba(34,211,238,.24)!important;filter:saturate(1.08)}
.btn-primary{background:linear-gradient(100deg,var(--v2-mint),var(--v2-cyan) 55%,#84f4d0)!important}

.service-card,.project-card,.blog-card,.industry-card,.card,.approach-card,.edu-card,.editorial-card,.related-card,.intro-card,.cert-card,.timeline-content,.contact-card{
  position:relative;isolation:isolate;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease!important;
}
.service-card::after,.project-card::after,.blog-card::after,.industry-card::after,.card::after,.approach-card::after,.edu-card::after,.editorial-card::after,.related-card::after,.intro-card::after,.cert-card::after{
  content:"";position:absolute;z-index:-1;inset:-1px;border-radius:inherit;opacity:0;transition:opacity .32s ease;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(34,211,238,.13),transparent 42%);
}
.service-card:hover,.project-card:hover,.blog-card:hover,.industry-card:hover,.card:hover,.approach-card:hover,.edu-card:hover,.editorial-card:hover,.related-card:hover,.intro-card:hover,.cert-card:hover{transform:translateY(-7px)!important;box-shadow:0 26px 60px rgba(13,35,63,.14)!important;border-color:rgba(34,211,238,.34)!important}
.service-card:hover::after,.project-card:hover::after,.blog-card:hover::after,.industry-card:hover::after,.card:hover::after,.approach-card:hover::after,.edu-card:hover::after,.editorial-card:hover::after,.related-card:hover::after,.intro-card:hover::after,.cert-card:hover::after{opacity:1}

.project-media,.blog-thumb,.industry-image,.featured-image,.cover,.related-thumb,.v2-service-media{overflow:hidden!important}
.project-media img,.blog-thumb img,.industry-image img,.featured-image img,.cover img,.related-thumb img,.v2-service-media img{transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .45s ease!important}
.project-card:hover img,.blog-card:hover img,.industry-card:hover img,.related-card:hover img,.service-card:hover .v2-service-media img{transform:scale(1.045)!important;filter:saturate(1.12) contrast(1.02)}

.v2-service-media{aspect-ratio:16/9;border-radius:18px;margin:-10px -10px 22px;position:relative;background:#0b1b32;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.v2-service-media img{width:100%;height:100%;object-fit:cover}
.v2-service-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,13,27,.45))}

.portrait{background:radial-gradient(circle at 50% 26%,rgba(94,234,212,.24),transparent 37%),radial-gradient(circle at 82% 70%,rgba(167,139,250,.22),transparent 35%),linear-gradient(145deg,#102841,#10152c)!important;box-shadow:0 38px 95px rgba(0,0,0,.28),0 0 0 1px rgba(94,234,212,.14)!important;overflow:hidden!important}
.portrait img{object-fit:cover!important;object-position:center bottom!important;filter:drop-shadow(0 22px 30px rgba(0,0,0,.28))}
.float-card{animation:v2Float 5.5s ease-in-out infinite!important;backdrop-filter:blur(16px)!important;border-color:rgba(94,234,212,.22)!important;box-shadow:0 18px 52px rgba(0,0,0,.18)!important}
.float-2{animation-delay:-1.8s!important}.float-3{animation-delay:-3.2s!important}
@keyframes v2Float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}

.v2-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.v2-reveal.v2-visible{opacity:1;transform:none}
.v2-delay-1{transition-delay:.06s}.v2-delay-2{transition-delay:.12s}.v2-delay-3{transition-delay:.18s}.v2-delay-4{transition-delay:.24s}

#v2-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--v2-mint),var(--v2-cyan),var(--v2-purple),var(--v2-pink));z-index:99999;box-shadow:0 0 16px rgba(34,211,238,.55)}
.v2-cursor-glow{position:fixed;z-index:9998;width:220px;height:220px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(34,211,238,.075),rgba(167,139,250,.025) 42%,transparent 70%);transform:translate(-50%,-50%);mix-blend-mode:screen;opacity:.9}

.v2-service-switcher{position:sticky;top:76px;z-index:24;background:rgba(7,17,31,.90);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.v2-service-switcher .v2-inner{width:min(1200px,calc(100% - 36px));margin:auto;display:flex;align-items:center;gap:8px;overflow:auto;padding:11px 0;scrollbar-width:none}.v2-service-switcher .v2-inner::-webkit-scrollbar{display:none}
.v2-service-switcher strong{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#7690a8;white-space:nowrap;margin-right:4px}
.v2-service-switcher a{white-space:nowrap;padding:8px 11px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#bcd0df;font-size:10px;font-weight:800;transition:.2s}.v2-service-switcher a:hover,.v2-service-switcher a.active{color:#06111f;background:linear-gradient(90deg,var(--v2-mint),var(--v2-cyan));border-color:transparent}

.v2-related{padding:82px 0;background:linear-gradient(135deg,#f5f9fc,#f8f6ff)}
.v2-related .v2-title{font-size:clamp(32px,4vw,52px);line-height:1.06;letter-spacing:-.045em;margin:8px 0 30px;color:#102238}
.v2-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.v2-related-card{display:block;border:1px solid #dfe7ed;border-radius:20px;padding:22px;background:#fff;box-shadow:0 14px 34px rgba(17,40,65,.06);transition:.25s}
.v2-related-card:hover{transform:translateY(-5px);box-shadow:0 24px 48px rgba(17,40,65,.12);border-color:rgba(34,211,238,.36)}
.v2-related-card small{display:block;color:#8b9aa8;font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.v2-related-card h3{font-size:18px;margin:18px 0 6px}.v2-related-card span{font-size:11px;color:#527087;font-weight:800}

.v2-project-hero-art{margin-top:42px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 90px rgba(0,0,0,.28)}
.v2-project-hero-art img{width:100%;aspect-ratio:16/7;object-fit:cover}

/* Premium projects V2 */
.v2-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.v2-pcard{background:#fff;border:1px solid #dce5ec;border-radius:24px;overflow:hidden;box-shadow:0 18px 44px rgba(18,41,66,.07);transition:.3s;position:relative}.v2-pcard:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(18,41,66,.15);border-color:rgba(34,211,238,.36)}
.v2-pimg{aspect-ratio:16/9;overflow:hidden;background:#0b1b32}.v2-pimg img{width:100%;height:100%;object-fit:cover;transition:.6s}.v2-pcard:hover .v2-pimg img{transform:scale(1.04)}
.v2-pbody{padding:21px}.v2-pbody small{display:block;color:#7d90a2;text-transform:uppercase;font-size:9px;letter-spacing:.09em;font-weight:900}.v2-pbody h3{font-size:20px;letter-spacing:-.03em;margin:8px 0}.v2-pbody p{font-size:12px;color:#687b8d;line-height:1.6;margin:0}.v2-pbody .v2-open{display:inline-flex;margin-top:16px;color:#174f6d;font-size:10px;font-weight:900}
.v2-filters{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 34px}.v2-filter{border:1px solid #dce5eb;background:#fff;border-radius:999px;padding:9px 13px;font-size:10px;font-weight:850;color:#607285}.v2-filter.active,.v2-filter:hover{background:#0d213b;color:#fff;border-color:#0d213b}

@media(max-width:1050px){.v2-projects-grid{grid-template-columns:repeat(2,1fr)}.v2-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.v2-cursor-glow{display:none}.v2-projects-grid,.v2-related-grid{grid-template-columns:1fr}.v2-service-switcher{top:76px}.v2-service-switcher .v2-inner{width:calc(100% - 24px)}.v2-service-media{margin:0 0 18px}.portrait{max-width:310px!important;margin-inline:auto!important}.float-card{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.v2-reveal{opacity:1!important;transform:none!important}.v2-cursor-glow{display:none!important}}


/* ===== V3 LIGHT WOW OVERRIDES ===== */
:root{
  --v3-bg:#f6fbff;--v3-surface:#ffffff;--v3-surface-2:#f7fbff;--v3-line:#d7e5f0;
  --v3-ink:#0e2036;--v3-muted:#5f7286;--v3-teal:#22d3ee;--v3-blue:#5b8cff;--v3-violet:#8b5cf6;--v3-pink:#ff6fcf;--v3-green:#3ee6b7;
}
html{scroll-behavior:smooth}
body{background:linear-gradient(180deg,#fbfdff 0%,#f6fbff 52%,#f9f5ff 100%)!important;color:var(--v3-ink)!important}
body::before{inset:-10%!important;background:
  radial-gradient(circle at 8% 10%,rgba(34,211,238,.18),transparent 22%),
  radial-gradient(circle at 92% 8%,rgba(91,140,255,.16),transparent 20%),
  radial-gradient(circle at 74% 28%,rgba(255,111,207,.12),transparent 14%),
  radial-gradient(circle at 20% 78%,rgba(62,230,183,.12),transparent 18%),
  linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.1))!important;
  animation:v2Ambient 22s ease-in-out infinite alternate!important;
}
.topbar,.top{background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(244,252,255,.92),rgba(248,244,255,.92))!important;color:#4b6177!important;border-bottom:1px solid rgba(128,155,182,.18)!important;backdrop-filter:blur(12px)!important}
.topbar a,.top a{color:#4f6984!important}.topbar a:hover,.top a:hover{color:#10253d!important}
.site-header,.header{background:rgba(255,255,255,.72)!important;border-bottom:1px solid rgba(130,160,190,.16)!important;backdrop-filter:blur(18px)!important;box-shadow:0 18px 48px rgba(66,97,138,.08)!important}
.brand,.site-header .brand,.header .brand{color:#11253e!important}
.mark{background:linear-gradient(135deg,#22d3ee,#5b8cff 48%,#8b5cf6)!important;color:#fff!important;box-shadow:0 12px 34px rgba(91,140,255,.32)!important}
.nav-link,.links a,.site-header nav a,.header nav a,.lang{color:#3d5570!important}
.nav-link:hover,.links a:hover,.site-header nav a:hover,.header nav a:hover,.nav-link.active,.links a.active,.lang:hover{color:#0e2238!important}
.hero,.page-hero,.article-hero,.dark,.dark-2{
  background:
    radial-gradient(circle at 8% 14%,rgba(34,211,238,.20),transparent 18%),
    radial-gradient(circle at 90% 18%,rgba(91,140,255,.16),transparent 18%),
    radial-gradient(circle at 70% 84%,rgba(255,111,207,.12),transparent 24%),
    linear-gradient(135deg,#ffffff 0%,#f4fbff 45%,#f6f5ff 100%)!important;
  color:var(--v3-ink)!important;
}
.hero::before,.page-hero::before,.article-hero::before,.dark::before,.dark-2::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(120,150,190,.07) 1px, transparent 1px),linear-gradient(90deg, rgba(120,150,190,.07) 1px, transparent 1px);
  background-size:40px 40px;mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 88%);opacity:.55;
}
.hero::after,.page-hero::after,.article-hero::after{right:-10%!important;top:-8%!important;width:42vw!important;height:42vw!important;background:conic-gradient(from 0deg,rgba(34,211,238,.24),rgba(91,140,255,.12),rgba(139,92,246,.22),rgba(255,111,207,.12),rgba(62,230,183,.18),rgba(34,211,238,.24))!important;filter:blur(80px)!important;opacity:.75!important}
.hero h1,.page-hero h1,.article-hero h1,.dark h1,.dark-2 h1,.hero h2,.dark h2,.dark-2 h2{color:#0d2138!important}
.hero p,.page-hero p,.article-hero p,.dark p,.dark-2 p,.hero .crumb,.page-hero .crumb,.article-hero .crumb{color:#5f7286!important}
.btn,.btn-primary{border-radius:16px!important;box-shadow:0 18px 48px rgba(91,140,255,.20)!important}
.btn,.btn-light{background:rgba(255,255,255,.82)!important;border:1px solid rgba(122,152,183,.22)!important;color:#12304d!important}
.btn-primary{background:linear-gradient(110deg,#22d3ee 0%,#5b8cff 42%,#8b5cf6 75%,#ff6fcf 100%)!important;color:#fff!important;border:none!important}
.btn-outline{background:rgba(255,255,255,.72)!important;color:#12304d!important;border:1px solid rgba(122,152,183,.22)!important}
.btn:hover,.btn-primary:hover,.btn-outline:hover,.btn-light:hover{transform:translateY(-4px) scale(1.02)!important;box-shadow:0 28px 70px rgba(91,140,255,.24)!important}
.section,.section-sm,.v2-related{position:relative}
.section::after,.section-sm::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:min(1180px, calc(100% - 44px));height:1px;background:linear-gradient(90deg,transparent,rgba(138,165,190,.22),transparent)}
.card,.service-card,.project-card,.blog-card,.industry-card,.approach-card,.edu-card,.editorial-card,.related-card,.intro-card,.cert-card,.timeline-content,.contact-card,.v2-pcard,.v2-related-card{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,250,255,.96))!important;
  border:1px solid rgba(136,164,191,.18)!important;
  box-shadow:0 18px 46px rgba(82,115,148,.08)!important;
  backdrop-filter:blur(14px)!important;
}
.card::before,.service-card::before,.project-card::before,.blog-card::before,.industry-card::before,.approach-card::before,.edu-card::before,.editorial-card::before,.related-card::before,.intro-card::before,.cert-card::before,.v2-pcard::before,.v2-related-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.55) 35%,transparent 60%);transform:translateX(-120%);
}
.card:hover::before,.service-card:hover::before,.project-card:hover::before,.blog-card:hover::before,.industry-card:hover::before,.approach-card:hover::before,.edu-card:hover::before,.editorial-card:hover::before,.related-card:hover::before,.intro-card:hover::before,.cert-card:hover::before,.v2-pcard:hover::before,.v2-related-card:hover::before{opacity:1;animation:v3Shine 1.1s ease}
@keyframes v3Shine{0%{transform:translateX(-120%)}100%{transform:translateX(140%)}}
.card:hover,.service-card:hover,.project-card:hover,.blog-card:hover,.industry-card:hover,.approach-card:hover,.edu-card:hover,.editorial-card:hover,.related-card:hover,.intro-card:hover,.cert-card:hover,.v2-pcard:hover,.v2-related-card:hover{transform:translateY(-10px) scale(1.01)!important;box-shadow:0 30px 74px rgba(83,116,153,.15)!important;border-color:rgba(91,140,255,.28)!important}
.project-media,.blog-thumb,.industry-image,.featured-image,.cover,.related-thumb,.v2-service-media,.v2-pimg,.v2-project-hero-art{background:#fff!important;border:1px solid rgba(128,160,190,.14)!important;box-shadow:0 12px 34px rgba(91,124,158,.09)!important}
.project-media img,.blog-thumb img,.industry-image img,.featured-image img,.cover img,.related-thumb img,.v2-service-media img,.v2-pimg img,.v2-project-hero-art img{filter:saturate(1.05) contrast(1.02)!important}
.v2-pbody small,.v2-related-card small{color:#6f86a0!important}
.v2-open,.v2-related-card span{color:#245c8f!important}
.v2-filters .v2-filter{background:rgba(255,255,255,.8)!important;color:#4f6880!important;border-color:rgba(128,160,190,.20)!important;box-shadow:0 8px 24px rgba(84,114,142,.05)}
.v2-filters .v2-filter.active,.v2-filters .v2-filter:hover{background:linear-gradient(120deg,#22d3ee,#5b8cff 58%,#8b5cf6)!important;color:#fff!important;border-color:transparent!important}
.v2-project-hero-art,.portrait{border-radius:32px!important;overflow:hidden!important}
.portrait{background:radial-gradient(circle at 50% 12%,rgba(34,211,238,.18),transparent 33%),radial-gradient(circle at 88% 74%,rgba(255,111,207,.18),transparent 32%),linear-gradient(145deg,#ffffff,#eff8ff 70%,#f4f2ff)!important;box-shadow:0 30px 70px rgba(72,104,139,.12)!important;border:1px solid rgba(126,156,184,.18)!important}
.portrait img{filter:drop-shadow(0 28px 36px rgba(62,86,118,.14))!important}
.float-card{background:rgba(255,255,255,.76)!important;border:1px solid rgba(128,160,190,.20)!important;color:#10233a!important;box-shadow:0 20px 54px rgba(81,114,148,.10)!important}
.footer{background:linear-gradient(180deg,#0d2241 0%,#132b4d 48%,#17335d 100%)!important;color:#dfe9f6!important;position:relative;overflow:hidden}
.footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(34,211,238,.18),transparent 20%),radial-gradient(circle at 84% 18%,rgba(139,92,246,.20),transparent 20%),radial-gradient(circle at 60% 100%,rgba(255,111,207,.12),transparent 18%);pointer-events:none}
.footer a,.footer h4,.copyright{color:#eaf1fa!important}
.footer p{color:#c2d3e7!important}
.kicker,.eyebrow{color:#4c6986!important}
.kicker::before,.eyebrow::before{background:linear-gradient(90deg,#22d3ee,#5b8cff)!important}
@media(max-width:700px){.hero::after,.page-hero::after,.article-hero::after{width:78vw!important;height:78vw!important;right:-18%!important;top:-5%!important}}


/* ===== V4 CONTRAST + STABILITY + WOW ===== */
:root{--v4-ink:#0b2038;--v4-body:#50667d;--v4-muted:#6a8198;--v4-line:#d7e4ef;--v4-card:#ffffff;--v4-blue:#3178ff;--v4-cyan:#22cde8;--v4-violet:#8757ff;--v4-pink:#f45db6;}
body{color:var(--v4-ink)!important}
/* Header / logo */
.brand-mark,.mark{background:linear-gradient(135deg,#20cde8 0%,#397cff 46%,#8d5cff 76%,#f45db6 100%)!important;color:#fff!important;border:none!important;box-shadow:0 10px 26px rgba(57,124,255,.24)!important;letter-spacing:-.03em!important}
.brand-text strong,.brand>span:not(.brand-mark):not(.mark){color:#10263f!important}
.brand-text span{color:#6e8398!important}
/* Hide decorative RK text over portraits */
.portrait-frame::before,.portrait::before,.about-card::after{content:none!important;display:none!important}
/* Hero micro proof / meta: high contrast chips */
.hero-proof,.hero-meta{color:#516980!important}
.hero-proof span,.hero-meta span{background:rgba(255,255,255,.78)!important;border:1px solid rgba(128,158,188,.18)!important;border-radius:999px!important;padding:9px 13px!important;box-shadow:0 8px 24px rgba(70,104,140,.06)!important}
.hero-proof b,.hero-proof strong,.hero-meta b,.hero-meta strong{color:#0d2844!important}
/* Headings/body everywhere */
.section h1,.section h2,.section h3,.section-head h2,.featured-copy h2,.feature-copy h2,.case-body h3,.difference h3,.agency-copy h2,.v2-title{color:#0b2038!important}
.section p,.section-head p,.service p,.project-card p,.project-body p,.blog-card p,.blog-body p,.article-card p,.industry-body p,.case-body p,.difference p,.agency-copy p,.featured-copy p,.feature-copy p,.detail-card p{color:#536b82!important}
/* Dark sections have been visually converted to light, so normalize all inherited text */
.dark,.dark-2{color:#0b2038!important}
.dark h1,.dark h2,.dark h3,.dark h4,.dark strong,.dark b,.dark li,.dark-2 h1,.dark-2 h2,.dark-2 h3,.dark-2 h4,.dark-2 strong,.dark-2 b,.dark-2 li{color:#0b2038!important}
.dark p,.dark span,.dark small,.dark-2 p,.dark-2 span,.dark-2 small{color:#5b7188!important}
.dark .eyebrow,.dark-2 .eyebrow,.dark .kicker,.dark-2 .kicker{color:#4e6b88!important}
/* Metrics / counters */
.metrics,.metrics-grid{background:transparent!important;border:none!important;gap:14px!important;overflow:visible!important}
.metric{background:linear-gradient(180deg,#fff,#f6fbff)!important;border:1px solid rgba(126,158,188,.18)!important;border-radius:20px!important;padding:26px!important;box-shadow:0 16px 38px rgba(77,107,139,.08)!important}
.metric strong{color:#102944!important;background:linear-gradient(90deg,#1fc8e1,#397cff,#8b5cf6)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
.metric span{color:#5d7288!important}
/* Service agency model */
.agency-wrap{background:linear-gradient(135deg,#ffffff,#f4faff 58%,#faf4ff)!important;border:1px solid rgba(126,158,188,.18)!important;box-shadow:0 24px 60px rgba(68,104,145,.10)!important;color:#0b2038!important}
.agency-copy p{color:#536b82!important}
.agency-list span{background:#fff!important;border:1px solid #dbe7f0!important;color:#36506a!important;box-shadow:0 8px 20px rgba(80,110,140,.05)!important}
.agency-panel{background:radial-gradient(circle at 82% 18%,rgba(34,205,232,.16),transparent 32%),radial-gradient(circle at 12% 88%,rgba(139,92,246,.10),transparent 30%),#f7fbff!important;border-left:1px solid #dce8f1!important}
.agency-stat{border-bottom-color:#dde8f0!important}
.agency-stat strong{color:#102944!important}
.agency-stat span{color:#60778d!important}
/* Process / comparison cards */
.step,.compare-card,.case-fact,.difference,.featured-case,.featured-industry,.featured{background:linear-gradient(180deg,#fff,#f8fbff)!important;color:#0b2038!important;border-color:rgba(126,158,188,.18)!important;box-shadow:0 20px 54px rgba(67,101,139,.09)!important}
.step h3,.compare-card h3,.case-fact strong,.difference h3,.featured-case h2,.featured-industry h2,.featured h2{color:#0b2038!important}
.step p,.compare-card p,.case-fact small,.difference p,.difference li,.featured-case p,.featured-industry p,.featured p{color:#596f86!important}
.feature-list span,.case-fact,.case-columns .case-col{background:#fff!important;border-color:#dce7ef!important;color:#3c536c!important}
.feature-list span,.case-col span,.case-col small{color:#526b84!important}
.case-type,.article-meta,.read-row small{color:#5f7890!important}
.read-row{border-top-color:#dde8f0!important}
.read-row a{color:#245a95!important}
/* Cards / labels */
.case-badge,.project-kicker,.article-category,.thumb-category,.tag,.project-pills span{color:#34506d!important}
.case-col{background:#f8fbfd!important}
.difference ul{color:#52677d!important}
/* Project and industry images */
.project-media img,.v2-pimg img,.case-image img,.industry-image img,.featured-media img,.feature-media img,.blog-thumb img,.article-thumb img,.featured-media img{object-position:top center!important}
.v2-pimg,.project-media{background:#f5f8fc!important}
/* Blog featured + cards */
.featured-copy h2,.blog-body h3,.article-card h3{color:#0c233c!important}
.featured-copy p,.blog-body p,.article-card p{color:#566e85!important}
.article-card,.case-card,.industry-card{box-shadow:0 14px 36px rgba(71,105,142,.07)!important}
/* CTA remains vivid but readable */
.cta,.final-cta{background:linear-gradient(115deg,#11314f 0%,#174b7a 45%,#5d4fd6 100%)!important;color:#fff!important;box-shadow:0 28px 70px rgba(48,84,134,.22)!important}
.cta h2,.cta h3,.cta p,.final-cta h2,.final-cta h3,.final-cta p{color:#fff!important}
/* Service dropdown for detail pages */
.svc-nav-item{position:relative;display:flex;align-items:center;height:76px}
.svc-nav-trigger{display:flex;align-items:center;gap:6px;color:#3d5570!important;font-size:13px;font-weight:700;height:100%;padding:0 3px}
.svc-nav-trigger::after{content:'▾';font-size:10px;opacity:.65}
.svc-mega{position:absolute;top:68px;left:50%;transform:translateX(-50%) translateY(8px);width:760px;padding:18px;background:#fff;color:#132a42;border:1px solid #dfe8ef;border-radius:22px;box-shadow:0 28px 80px rgba(34,61,91,.16);opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease;z-index:1200}
.svc-nav-item:hover .svc-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.svc-mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.svc-mega-col{padding:12px}.svc-mega-col h4{margin:0 0 9px;color:#7d90a4;font-size:10px;text-transform:uppercase;letter-spacing:.11em}.svc-mega-col a{display:block;padding:9px 10px;border-radius:10px;color:#24415e!important;font-size:12px;font-weight:750}.svc-mega-col a:hover{background:#eff7ff!important;color:#195ea4!important}
/* Project external website button */
.v4-site-btn{display:inline-flex;align-items:center;gap:8px;margin-left:8px;background:#fff!important;color:#174c7e!important;border:1px solid #cfe0ee!important;box-shadow:0 10px 28px rgba(54,92,130,.08)!important}
.v4-site-btn:hover{background:#f4faff!important}
/* Avoid transparent fake-looking blank image panels */
.case-image,.industry-image,.blog-thumb,.article-thumb,.featured-media,.feature-media{background:linear-gradient(135deg,#edf7ff,#f7f3ff)!important}
/* Mobile service dropdown handled by sticky switcher; desktop hover only */
@media(max-width:950px){.svc-nav-item{display:none}.agency-panel{border-left:0!important;border-top:1px solid #dce8f1!important}}
/* V4.1 case-study featured contrast fix */
.feature-case{background:linear-gradient(180deg,#fff,#f8fbff)!important;color:#0b2038!important;border-color:rgba(126,158,188,.18)!important;box-shadow:0 22px 58px rgba(67,101,139,.10)!important}
.feature-case .feature-copy h2,.feature-case .feature-copy strong{color:#0b2038!important}
.feature-case .feature-copy p,.feature-case .case-type,.feature-case .case-fact small{color:#5c738a!important}
.feature-case .case-fact{background:#fff!important;border-color:#dce7ef!important}


/* ===== V5 READABILITY + IMAGE FIT + DETAIL POLISH ===== */
/* Selected project overlays remain dark even though the rest of the site is light. */
.project-card{background:#0b1a2e!important;color:#fff!important}
.project-card .project-overlay{background:linear-gradient(to top,rgba(5,15,29,.97) 0%,rgba(5,15,29,.82) 32%,rgba(5,15,29,.18) 72%,rgba(5,15,29,.06) 100%)!important}
.project-card .project-body h3{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.28)!important}
.project-card .project-body p{color:#d6e2ee!important;text-shadow:0 1px 10px rgba(0,0,0,.26)!important}
.project-card .project-kicker{color:#d7e6f4!important}
.project-card .project-tags span{color:#eef7ff!important;background:rgba(8,25,45,.38)!important;border-color:rgba(255,255,255,.22)!important}

/* V6 image fit: remove white letterboxing and return to full-bleed covers. */
.project-media img,.v2-pimg img,.v2-project-hero-art img,.v2-service-media img,.cover img,
.case-image img,.feature-media img,.featured-media img,.feature-media img,.industry-image img,
.blog-thumb img,.article-thumb img,.featured-image img,.related-thumb img{
  object-fit:cover!important;object-position:center center!important;width:100%!important;height:100%!important;background:transparent!important;
}
.project-media,.v2-pimg,.v2-project-hero-art,.v2-service-media,.cover,.case-image,.feature-media,.featured-media,.industry-image,.blog-thumb,.article-thumb,.featured-image,.related-thumb{background:linear-gradient(135deg,#edf7ff,#f7f3ff)!important}
.v2-pimg,.blog-thumb,.case-image,.industry-image{aspect-ratio:16/9!important}

/* Homepage technical notes */
.blog-thumb{padding:0!important;display:block!important;overflow:hidden!important}
.blog-thumb img{display:block!important}
.blog-card h3 a{color:inherit!important;text-decoration:none!important}
.blog-card h3 a:hover{color:#245fa2!important}
.blog-card{cursor:pointer!important}

/* Contact panel is intentionally light in V5. */
.contact-panel{background:linear-gradient(145deg,#ffffff,#f3f9ff 58%,#faf5ff)!important;color:#0b2038!important;border:1px solid rgba(126,158,188,.20)!important;box-shadow:0 22px 58px rgba(68,102,140,.10)!important}
.contact-panel h2{color:#0b2038!important}
.contact-panel>p{color:#536b82!important}
.contact-panel .contact-item{background:#fff!important;border-color:#dbe7f0!important;color:#0d2945!important}
.contact-panel .contact-item small{color:#698097!important}
.contact-panel .contact-item strong{color:#0d2945!important}
.contact-panel .contact-note{color:#5d748a!important;border-top-color:#dbe7f0!important}
.contact-panel .contact-icon{background:linear-gradient(135deg,rgba(34,205,232,.12),rgba(91,124,255,.12))!important;color:#2471cc!important}

/* Case-study feature visuals and copy */
.feature-case .feature-media{background:#fff!important}
.feature-case .feature-media::after{display:none!important}
.feature-case .feature-copy h2,.feature-case .feature-copy p,.feature-case .case-type{position:relative;z-index:2}

/* Home / services stats and lists are always readable on light surfaces. */
.hero-proof span,.hero-meta span,.agency-stat,.agency-list span,.feature-list span,.stack-item,.industry{color:#0b2038!important}
.hero-proof span,.hero-meta span{color:#536b82!important}
.hero-proof b,.hero-proof strong,.hero-meta b,.hero-meta strong{color:#0d2945!important}
.stack-item strong,.industry strong{color:#0b2038!important}.stack-item span,.industry small,.industry span{color:#587189!important}

/* V6: keep the Hizmetler nav label visible; only disable the old mega panel if present. */
.svc-nav-item{display:flex!important}
.svc-mega{display:none!important}

/* Blog cards become fully interactive. */
.blog-card,.article-card{cursor:pointer!important}

@media(max-width:700px){
 .project-card .project-body{padding:20px!important}
 .project-card .project-body h3{font-size:24px!important}
 .project-card .project-body p{font-size:12px!important;line-height:1.55!important}
}

/* V6 final hardening for service navigation visibility */
.header .links,.header .links a{opacity:1!important;visibility:visible!important}.header .links a[href*="/services/"]{display:inline-flex!important;align-items:center!important}

/* ===== V7 FINAL PATCHES ===== */
.v2-pimg img,.v2-project-hero-art img,.cover img{object-fit:cover!important;object-position:center center!important;background:transparent!important}
.v2-pimg,.v2-project-hero-art,.cover{overflow:hidden!important;background:linear-gradient(135deg,#eef7ff,#f5f3ff)!important}
@media(min-width:901px){
  .v2-service-switcher + main{}
  .header .nav{flex-wrap:nowrap!important}
  .header .links{white-space:nowrap!important}
}