:root{
  --pink:#e5e7eb;
  --paper:#eef0f2;
  --ink:#0b0b0b;
  --dark:#0b0b0b;
  --muted:#77736e;
  --line:rgba(11,11,11,.22);
  --pad:4.2vw;
  --radius:18px;
}

*{box-sizing:border-box}
html{background:var(--paper);overflow-x:hidden}
body{margin:0;background:var(--paper);color:var(--ink);font:500 16px/1.45 "Manrope",sans-serif;overflow-x:hidden}
body.no-scroll{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%;width:100%;height:100%;object-fit:cover}
em{font-family:Georgia,serif;font-weight:400}
.scroll-progress{position:fixed;left:0;top:0;width:100%;height:3px;background:#fff;mix-blend-mode:difference;transform:scaleX(0);transform-origin:left center;z-index:150;pointer-events:none;will-change:transform}
.pink{background:var(--pink);color:var(--ink)}
.light{background:var(--paper);color:var(--ink)}
.dark{background:var(--dark);color:#fff}
.micro{font:500 11px/1.3 "Manrope",sans-serif;letter-spacing:.11em;text-transform:uppercase}
.skip{position:fixed;z-index:1000;left:1rem;top:-5rem;background:#fff;color:#000;padding:1rem}
.skip:focus{top:1rem}

.loader{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;z-index:999999;background:var(--pink,#e5e7eb);display:grid;place-content:center;transition:opacity .3s ease,transform .45s cubic-bezier(.76,0,.24,1);transform-origin:top;overflow:hidden;pointer-events:none}
.loader.done{opacity:0;transform:translateY(-101%);pointer-events:none}
.loader-mark{font:700 clamp(28px,6.5vw,68px)/1.08 "Anton","Manrope",sans-serif;text-align:center;letter-spacing:-.025em;padding:0 20px;max-width:92vw;box-sizing:border-box;overflow:hidden}
.loader-mark span{display:block}
.loader-mark span:last-child{-webkit-text-stroke:1.5px var(--ink,#0b0b0b);color:transparent}
.loader-progress{width:min(240px,50vw);height:2px;background:rgba(0,0,0,.15);margin:1.4rem auto 0;overflow:hidden}
.loader-progress span{display:block;height:100%;background:#0b0b0b;animation:loading .45s ease forwards}
@keyframes loading{from{transform:translateX(-100%)}to{transform:none}}

.cursor{position:fixed;width:14px;height:14px;border-radius:50%;background:#fff;mix-blend-mode:difference;z-index:1001;pointer-events:none;transform:translate(-50%,-50%);display:grid;place-items:center;transition:width .25s,height .25s}
.cursor span{opacity:0;color:#000;font:500 10px "Manrope",sans-serif;transition:opacity .2s}
.cursor.hover{width:72px;height:72px;mix-blend-mode:normal}
.cursor.hover span{opacity:1}

.site-header{position:fixed;top:0;left:0;width:var(--viewport-width,100%);height:100px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;z-index:90;transition:color .45s ease,background .45s ease,border-color .45s ease}
.site-header.scrolled{background:rgba(238,240,242,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.07)}
.site-header.light-text{color:#fff;background:rgba(11,11,11,.68);border-color:rgba(255,255,255,.12)}
.site-header.over-reveal{background:transparent;backdrop-filter:none;border-color:transparent;color:var(--ink)}
.hero-media-open .site-header.over-reveal{color:#fff;text-shadow:0 1px 20px rgba(0,0,0,.3)}
.hero-media-open .site-header.over-reveal .brand-logo{filter:brightness(0) invert(1)}
.logo{width:max-content;display:flex;align-items:center;gap:10px;font:400 17px/.8 "Anton";letter-spacing:.02em}
.logo-star{font:30px/1 Georgia,serif;color:var(--pink)}
.desktop-nav{display:flex;align-items:center;height:100%;gap:clamp(1.2rem,2vw,2.8rem);font-size:clamp(13.5px,1vw,16.5px);letter-spacing:-.03em}
.desktop-nav > a, .desktop-nav > .nav-dropdown-wrapper > a{position:relative}
.desktop-nav > a:after, .desktop-nav > .nav-dropdown-wrapper > a:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s}
.desktop-nav > a:hover:after, .desktop-nav > .nav-dropdown-wrapper:hover > a:after{transform:scaleX(1);transform-origin:left}
.desktop-nav > a[aria-current="page"]:after, .desktop-nav > .nav-dropdown-wrapper > a[aria-current="page"]:after{transform:scaleX(1);transform-origin:left}
.pill-btn{border:1px solid currentColor;border-radius:999px;padding:.82rem 1.38rem;display:inline-flex;gap:1.2rem;align-items:center;justify-content:center;transition:background .35s,color .35s,transform .35s}
.pill-btn:hover{transform:translateY(-2px)}

.js .site-header>*{opacity:0;transform:translateY(-14px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.js .site-header .desktop-nav > a, .js .site-header .desktop-nav > .nav-dropdown-wrapper{opacity:0;transform:translateY(-10px);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}
.js .site-header .desktop-nav > a:nth-child(1){transition-delay:.12s}
.js .site-header .desktop-nav > a:nth-child(2){transition-delay:.18s}
.js .site-header .desktop-nav > .nav-dropdown-wrapper{transition-delay:.24s}
.js .site-header .desktop-nav > a:nth-child(4){transition-delay:.3s}
.js .site-header .desktop-nav > a:nth-child(5){transition-delay:.36s}
.js body.nav-ready .site-header>*{opacity:1;transform:none}
.js body.nav-ready .site-header .desktop-nav > a, .js body.nav-ready .site-header .desktop-nav > .nav-dropdown-wrapper{opacity:1;transform:none}
.pill-btn:hover{background:var(--ink);color:#fff}
.header-cta{justify-self:end}

/* Header Sizi Arayalım Pill Button (Gradient Purple Pill) */
.btn-sizi-arayalim {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #6d28d9 0%, #514488 100%) !important;
  color: #ffffff !important;
  font-family: "Manrope", sans-serif !important;
  font-size: clamp(13.5px, 0.95vw, 15px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  padding: 0.62rem 1.45rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow: 0 4px 16px rgba(109, 40, 217, 0.35), 0 1px 3px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
  cursor: pointer;
  white-space: nowrap;
}

.btn-sizi-arayalim:hover {
  background: linear-gradient(135deg, #7c3aed 0%, #4338ca 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 8px 25px rgba(124, 58, 237, 0.5) !important;
}

.btn-sizi-arayalim:active {
  transform: translateY(0) scale(0.99) !important;
}
.menu-btn{display:none;border:0;background:none;color:inherit;width:48px;height:48px;padding:12px;cursor:pointer}
.menu-btn span{display:block;width:100%;height:1px;background:currentColor;margin:7px 0;transition:.3s}
.menu-btn.active span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-btn.active span:last-child{transform:translateY(-4px) rotate(-45deg)}

.menu-panel{position:fixed;left:0;top:0;width:var(--viewport-width,100%);height:var(--viewport-height,100%);z-index:80;background:var(--pink);color:var(--ink);padding:120px var(--pad) 40px;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(-102%);transition:transform .7s cubic-bezier(.76,0,.24,1)}
.menu-panel.open{transform:none}
.menu-top{display:flex;justify-content:space-between;font:11px "Manrope",sans-serif}
.menu-panel nav{display:flex;flex-direction:column;margin:1.2rem 0}
.menu-panel nav a{display:flex;justify-content:space-between;align-items:center;font:600 clamp(16px,3.4vw,26px)/1.25 "Manrope",sans-serif;letter-spacing:-.02em;border-bottom:1px solid rgba(0,0,0,.12);padding:.7rem 0;color:var(--ink);opacity:0;transform:translateY(20px);transition:opacity .45s,transform .55s cubic-bezier(.16,1,.3,1),padding-left .3s}
.menu-panel nav a span:first-child{font:700 14px/1 "Manrope",sans-serif;color:#514488;border-left:2.5px solid #514488;padding-left:8px;display:inline-flex;align-items:center;min-width:20px}
.menu-top span:first-child{font-weight:700;letter-spacing:.08em;color:#514488;border-left:2.5px solid #514488;padding-left:8px}
.menu-panel nav a:hover{padding-left:.4rem}
.menu-panel.open nav a{opacity:1;transform:none}
.menu-panel.open nav a:nth-child(2){transition-delay:.05s}
.menu-panel.open nav a:nth-child(3){transition-delay:.1s}
.menu-panel.open nav a:nth-child(4){transition-delay:.15s}
.menu-panel.open nav a:nth-child(5){transition-delay:.2s}
.menu-panel nav a[aria-current="page"]{color:#0b0b0b;font-weight:700}
.menu-panel nav a .menu-num{font:500 11px "Manrope",sans-serif;color:rgba(11,11,11,.45);letter-spacing:.08em;flex-shrink:0;margin-left:8px}
.menu-contact{display:flex;justify-content:space-between;font:11px "Manrope",sans-serif}

.hero{height:100svh;min-height:0;position:relative;display:grid;place-items:center;padding:100px var(--pad) 32px;overflow:hidden;background:#ffffff}
.home-page .hero-reveal{height:100svh;min-height:0;display:block;padding:0;overflow:hidden;background:#ffffff}
.hero-sticky{position:relative;top:0;left:0;width:100%;height:100svh;min-height:0;display:grid;place-items:center;overflow:hidden;background:#ffffff}
.hero.pink, .hero.light { background: #ffffff !important; }

/* Subpages (Service & Sector Detail Pages) Hero - Half Height & Pure White Background */
.service-detail-page .hero,
.service-detail-page .hero-reveal,
.sector-detail-page .hero,
.sector-detail-page .hero-reveal {
  height: clamp(300px, 44vh, 430px) !important;
  min-height: 0 !important;
  padding: clamp(80px, 9.5vh, 110px) var(--pad) clamp(16px, 2.5vh, 28px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  background: #ffffff !important;
}

.service-detail-page .hero-sticky,
.sector-detail-page .hero-sticky {
  height: 100% !important;
  min-height: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  position: relative !important;
}

.service-detail-page .hero-title,
.sector-detail-page .hero-title {
  font-size: clamp(38px, 6vw, 90px) !important;
  line-height: 1.02 !important;
  gap: 0.08em !important;
  margin: 0 auto !important;
}

.service-detail-page .hero-scroll-indicator,
.sector-detail-page .hero-scroll-indicator {
  display: none !important;
}
.hero-reveal-media{position:absolute;inset:0;z-index:2;overflow:hidden;clip-path:circle(0% at 50% 50%);transform:scale(.27);transform-origin:50% 50%;will-change:transform,clip-path;background:#b8bec4}
.hero-reveal-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,12,.22),transparent 34%,rgba(4,8,12,.12));pointer-events:none}
.home-page .hero-meta,.home-page .hero-title,.home-page .hero-tag,.home-page .hero-foot,.hero-center-box{z-index:1}

/* Hero Center Box & Staggered Sector Ticker (Typography Style, No Background Box) */
.hero-center-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 96vw;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.hero-sector-ticker {
  --sector-line-h: clamp(84px, 11.5vw, 142px);
  position: relative;
  width: 100%;
  max-width: 95vw;
  margin: 0 auto clamp(64px, 9.5vh, 120px) auto;
  z-index: 5;
  user-select: none;
}

.hero-sector-stage {
  height: var(--sector-line-h);
  position: relative;
  overflow: hidden;
  width: 100%;
  display: flex;
  justify-content: center;
}

.sector-slot {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: var(--sector-line-h);
  display: flex;
  align-items: center;
  justify-content: center;
  will-change: transform, opacity;
  box-sizing: border-box;
}

.sector-slot.slot-current {
  transform: translateY(0);
  opacity: 1;
}

.sector-slot.slot-incoming {
  transform: translateY(125%);
  opacity: 0;
}

.hero-sector-link {
  font-family: "Barlow Condensed", "Manrope", sans-serif !important;
  font-weight: 300 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: clamp(44px, 6.8vw, 88px);
  line-height: 1.25;
  text-decoration: none;
  white-space: nowrap;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 6px 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #514488 !important;
  -webkit-text-stroke: 0px transparent !important;
  text-stroke: 0px transparent !important;
  transition: color 0.3s ease, transform 0.25s ease;
}

.hero-sector-link:hover {
  color: #6a5ba8 !important;
  transform: scale(1.02);
}

.hero-sector-stage:hover .sector-slot {
  cursor: pointer;
}

/* Single Line Vertical Slide-up Transitions */
.sector-slot.anim-exit-up {
  transform: translateY(-125%) !important;
  opacity: 0 !important;
  transition: transform 0.52s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.45s ease !important;
}

.sector-slot.anim-enter-current {
  transform: translateY(0) !important;
  opacity: 1 !important;
  transition: transform 0.54s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.48s ease !important;
}

/* Page Intro Animation */
.js .hero-sector-ticker {
  opacity: 0;
  transform: translateY(-16px);
  transition: opacity 0.8s ease, transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0.08s;
}

.intro-ready .hero-sector-ticker {
  opacity: 1;
  transform: none;
}

.hero-title, .home-page .hero-title, .page-hero .hero-title{font-family:"Barlow Condensed","Anton","Manrope",sans-serif!important;font-weight:800;text-transform:uppercase;font-size:clamp(52px,8.4vw,132px)!important;line-height:1.02!important;letter-spacing:0.04em!important;margin:0 auto;padding-bottom:.06em;max-width:95vw;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0.12em!important;will-change:transform,opacity}
.page-hero .hero-title{font-size:clamp(64px,10.5vw,160px)!important;line-height:0.95!important;letter-spacing:0.04em!important;gap:0.08em!important}
.home-page .hero-title{font-size:clamp(40px,5vw,84px)!important;line-height:1.02!important;letter-spacing:0.04em!important;gap:0.12em!important}
.hero-line, .home-page .hero-line, .page-hero .hero-line{display:flex!important;justify-content:center!important;align-items:center!important;gap:.32em!important;white-space:nowrap!important}
.hero-line-main{margin-bottom:0.12em!important}
.hero-word, .home-page .hero-word, .page-hero .hero-word{display:inline-block!important;letter-spacing:0.04em!important}
.page-hero{height:auto;min-height:75svh;padding:120px var(--pad) 40px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.home-page .hero-foot{left:60px;right:60px;bottom:60px;z-index:3;pointer-events:none}
.home-page .hero-foot>*{pointer-events:auto}
.home-page .hero-foot p{width:173px;font:500 14px/1.1 "Manrope",sans-serif;letter-spacing:.015em}
.home-page .hero-foot p:last-child{margin-left:auto;justify-self:end}
.hero-meta{position:absolute;top:118px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between}
.js .hero-title .hero-line,.js .hero-title>span{opacity:0;transform:translateY(40px);transition:opacity .75s,transform 1s cubic-bezier(.16,1,.3,1)}
.js .hero-title .hero-line:nth-child(2),.js .hero-title>span:nth-child(2){transition-delay:.12s}
.js .hero-meta,.js .hero-tag,.js .hero-foot{opacity:0;transition:opacity .7s,transform .9s cubic-bezier(.16,1,.3,1)}
.js .hero-meta{transform:translateY(-22px);transition-delay:.2s}
.js .hero-tag{transform:translateY(28px) rotate(-8deg);transition-delay:.38s}
.js .hero-foot{transform:translateY(24px);transition-delay:.45s}
.intro-ready .hero-title .hero-line,.intro-ready .hero-title span{opacity:1;transform:none}
.intro-ready .hero-meta,.intro-ready .hero-tag,.intro-ready .hero-foot{opacity:1;transform:none}
.outline-word{color:transparent!important;-webkit-text-stroke:0.75px #0b0b0b!important;text-stroke:0.75px #0b0b0b!important;font-weight:800!important;letter-spacing:0.04em!important;paint-order:stroke fill}
.hero-tag{position:absolute;top:50%;right:11vw;margin:0;font:500 clamp(15px,1.5vw,24px) "Manrope",sans-serif;transform:rotate(-8deg)}
.hero-tag em{font-size:1.35em}
.hero-foot{position:absolute;left:var(--pad);right:var(--pad);bottom:36px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;font-size:14px}
.hero-foot p{margin:0}
.hero-foot p:last-child{text-align:right}
.round-link{width:94px;height:94px;border:1px solid var(--ink);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font:11px "Manrope",sans-serif;transition:background .25s,color .25s}
.round-link:hover{background:var(--ink);color:var(--pink)}
.round-link b{font-size:22px}

/* Minimal Hero Scroll Down Indicator */
.hero-scroll-indicator {
  position: absolute;
  bottom: 38px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #0b0b0b;
  z-index: 5;
  cursor: pointer;
  transition: opacity 0.35s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease;
  opacity: 0.75;
}

.hero-scroll-indicator:hover {
  opacity: 1;
  transform: translateX(-50%) translateY(3px);
  color: #514488;
}

.hero-scroll-indicator.is-hidden {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(10px);
}

.hero-scroll-indicator .scroll-mouse {
  width: 22px;
  height: 34px;
  border: 1.8px solid currentColor;
  border-radius: 14px;
  position: relative;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.hero-scroll-indicator .scroll-wheel {
  width: 3px;
  height: 6px;
  background: currentColor;
  border-radius: 3px;
  position: absolute;
  top: 6px;
  animation: scroll-wheel-glide 2s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}

.hero-scroll-indicator .scroll-label {
  font: 700 9.5px/1 "Manrope", sans-serif;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: inherit;
  opacity: 0.85;
}

@keyframes scroll-wheel-glide {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  55% {
    opacity: 0;
    transform: translateY(11px);
  }
  56% {
    opacity: 0;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 100% Smooth Continuous Infinite Marquee Banner (Sola Doğru Kesintisiz Sonsuz Kayan Yazı) */
.page-strip, .marquee-strip {
  background: var(--ink, #0b0b0b) !important;
  color: #ffffff !important;
  padding: 13px 0 !important;
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  user-select: none !important;
  z-index: 10 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.marquee-track {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  will-change: transform !important;
  animation: marquee-slide-left 30s linear infinite !important;
}

.marquee-content {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2.2rem !important;
  padding-right: 2.2rem !important;
  flex-shrink: 0 !important;
  font: 600 12.5px/1 "Manrope", sans-serif !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.marquee-content .star {
  color: #a78bfa !important;
  font-size: 13px !important;
  display: inline-block !important;
}

@keyframes marquee-slide-left {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}

.campaign{min-height:100svh;padding:9vw var(--pad);display:grid;grid-template-columns:43% 48%;gap:9%;align-items:center;position:relative;overflow:hidden}
.campaign-copy{position:relative;z-index:2}
.campaign-copy h2{font:400 clamp(48px,6vw,92px)/1.05 "Manrope";letter-spacing:-.055em;margin:2.5rem 0 3rem}
.campaign-copy p{max-width:560px;color:#b9b7b4;font-size:18px;line-height:1.6}
.campaign-media{height:72vh;min-height:550px;border-radius:var(--radius);overflow:hidden;transform:rotate(3deg)}
.campaign-media img{object-position:center 40%}
.campaign-sticker{position:absolute;right:38%;bottom:8vw;width:150px;height:150px;border-radius:50%;background:var(--pink);color:var(--ink);display:grid;place-items:center;z-index:3}
.campaign-sticker span{position:absolute;width:100%;height:100%;font:10px "Manrope",sans-serif;text-align:center;padding-top:9px;animation:spin 16s linear infinite}
.campaign-sticker b{font-size:44px}
@keyframes spin{to{transform:rotate(360deg)}}

/* ===== MODEL A: SANAYİ & ÜRETİM ODAKLI B2B BÖLÜMÜ ===== */
.industrial-focus-section{padding:clamp(56px,6vw,92px) var(--pad) clamp(44px,5vw,72px);background:var(--paper);border-bottom:1px solid rgba(11,11,11,.08);position:relative}
.industrial-header{max-width:1100px;margin-bottom:clamp(36px,4vw,52px)}
.industrial-header-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:18px}
.industrial-header-top .sec-tag{margin-bottom:0}
.industrial-zones-pill{display:inline-flex;align-items:center;gap:8px;font:700 11px/1.2 "Manrope",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#514488;background:rgba(81,68,136,.08);border:1px solid rgba(81,68,136,.2);padding:6px 14px;border-radius:999px}
.industrial-title{font:800 clamp(32px,3.8vw,52px)/1.1 "Manrope",sans-serif;letter-spacing:-.035em;color:var(--ink);margin:0 0 16px}
.industrial-title em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#514488}
.industrial-desc{font:500 clamp(16px,1.2vw,19.5px)/1.58 "Manrope",sans-serif;color:#4b5563;margin:0;max-width:880px}
.industrial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.8vw,24px);margin-bottom:clamp(32px,3.5vw,48px)}
.industrial-card{background:#ffffff;border:1px solid #e2e5e9;border-radius:20px;padding:clamp(22px,2.2vw,30px) clamp(18px,1.8vw,24px);display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease;position:relative;overflow:hidden;text-decoration:none;color:inherit}
.industrial-card:hover{transform:translateY(-6px);border-color:#514488;box-shadow:0 16px 36px rgba(81,68,136,.12)}
.industrial-card .card-top{margin-bottom:20px}
.industrial-card .card-step{font:700 11px/1 "Manrope",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#514488;margin-bottom:12px;display:block}
.industrial-card .card-icon-wrap{width:46px;height:46px;border-radius:12px;background:rgba(81,68,136,.08);display:flex;align-items:center;justify-content:center;color:#514488;margin-bottom:16px;transition:background .3s,color .3s}
.industrial-card:hover .card-icon-wrap{background:#514488;color:#ffffff}
.industrial-card .card-title{font:700 clamp(18px,1.25vw,21px)/1.25 "Manrope",sans-serif;letter-spacing:-.025em;color:#0b0b0b;margin:0 0 10px}
.industrial-card .card-desc{font:500 13.5px/1.55 "Manrope",sans-serif;color:#555e6d;margin:0}
.industrial-card .card-bottom{border-top:1px solid #f0f2f5;padding-top:14px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;font:600 12px/1.3 "Manrope",sans-serif;color:#514488}
.industrial-card .card-arrow{width:28px;height:28px;border-radius:50%;background:#f4f3f9;display:flex;align-items:center;justify-content:center;transition:background .3s,transform .3s,color .3s}
.industrial-card:hover .card-arrow{background:#514488;color:#ffffff;transform:translateX(3px)}
@media (max-width:1024px){.industrial-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.industrial-grid{grid-template-columns:1fr}.industrial-header-top{flex-direction:column;align-items:flex-start}}

.section-kicker{display:flex;justify-content:space-between;align-items:center}
.about{padding:clamp(28px,2.5vw,44px) var(--pad) 3vw}
.about-lower{display:grid;grid-template-columns:1.25fr 1fr;gap:5vw;align-items:center;margin-top:clamp(18px,1.8vw,28px)}
.hero-foot{display:none!important}
.contact-call-pill{display:none!important}
@media (max-width:768px){
  .contact-call-pill{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:95;display:inline-flex!important;align-items:center;gap:.65rem;padding:.85rem 1.4rem;border:1px solid rgba(11,11,11,.2);border-radius:999px;background:rgba(238,240,242,.95);backdrop-filter:blur(14px);font:500 11px/1 "Manrope",sans-serif;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 10px 30px rgba(0,0,0,.15);color:var(--ink)}
}
.about-photo{height:620px;border-radius:var(--radius);overflow:hidden}
.about-text{max-width:590px}
.about-heading-box{margin:0 0 clamp(20px,2.2vw,28px)}
.about-heading-box .sec-tag{margin-bottom:14px}
.about-heading{font:800 clamp(34px,3.8vw,52px)/1.08 "Manrope",sans-serif;letter-spacing:-.035em;color:var(--ink);margin:0}
.about-heading em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#514488}
.about-heading-sub{display:block;font:600 clamp(15.5px,1.15vw,18.5px)/1.45 "Manrope",sans-serif;letter-spacing:-.015em;color:#4b5563;margin-top:10px}
.about-text>p{font-size:19px;line-height:1.65}
.about-text ul{list-style:none;padding:0;margin:3rem 0;border-top:1px solid var(--line)}
.about-text li{padding:1rem 0;border-bottom:1px solid var(--line);font:500 15px/1.5 "Manrope",sans-serif}
.about-text li:before{content:"✦";color:var(--pink);margin-right:1rem}
.text-link{display:inline-flex;gap:3rem;border-bottom:1px solid currentColor;padding-bottom:.5rem}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:9vw}
.stats>div{padding:3rem 2rem 0 0;border-right:1px solid var(--line)}
.stats>div+div{padding-left:2rem}
.stats>div:last-child{border-right:0}
.stats strong{font:400 clamp(70px,8vw,130px)/1 "Anton"}
.stats>div>span{font:400 32px "Anton";color:#514488}
.stats p{font:11px "Manrope",sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:1rem 0 0}

.projects{padding:9vw 1.4vw 10vw}
.section-heading{padding:0 calc(var(--pad) - 1.4vw) 7vw;display:grid;grid-template-columns:1.5fr .7fr;align-items:end;gap:3rem}
.section-heading h2{font:500 clamp(72px,10vw,160px)/1 "Manrope";letter-spacing:-.07em;margin:1rem 0 0;padding-bottom:.05em}
.section-heading>p{max-width:430px;line-height:1.65;margin:0}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw 1.4vw}
.project-card.wide{grid-column:span 2}
.project-media{height:35vw;max-height:600px;min-height:430px;border-radius:var(--radius);overflow:hidden;position:relative;background:#dedbd5}
.project-media:after{content:"";position:absolute;inset:0;background:#000;opacity:0;transition:.35s}
.project-media img{--media-shift:0px;height:calc(100% + 40px);margin-top:-20px;transform:translate3d(0,var(--media-shift),0) scale(1.06);transition:transform .7s cubic-bezier(.16,1,.3,1);will-change:transform}
.project-media span{position:absolute;left:50%;top:50%;transform:translate(-50%,-35%);z-index:2;width:112px;height:112px;border-radius:50%;background:var(--pink);color:var(--ink);display:grid;place-items:center;text-align:center;font:10px/1.3 "Manrope",sans-serif;opacity:0;transition:.35s}
.project-card:hover .project-media:after{opacity:.18}
.project-card:hover .project-media img{transform:translate3d(0,var(--media-shift),0) scale(1.11)}
.project-card:hover .project-media span{opacity:1;transform:translate(-50%,-50%)}
.project-info{position:relative;padding:1.2rem 3rem 0 0}
.project-info h3{font-size:29px;letter-spacing:-.04em;margin:0}
.project-info p{color:var(--muted);font:11px "Manrope",sans-serif;text-transform:uppercase}
.project-info b{position:absolute;right:0;top:1.5rem;font:11px "Manrope",sans-serif}
.all-projects{width:calc(100% - 2.8vw);margin:7vw 1.4vw 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2rem 0;display:flex;align-items:center;justify-content:space-between;font-size:28px}
.all-projects span{font-size:42px}

.services{padding:9vw var(--pad)}
.services-intro{display:grid;grid-template-columns:1.5fr .6fr;gap:5rem;align-items:end;margin:7vw 0 6vw}
.services-intro h2{font:500 clamp(58px,7.3vw,120px)/1.05 "Manrope";letter-spacing:-.065em;margin:0;padding-bottom:.04em}
.services-intro p{color:#aaa;line-height:1.65;margin:0 0 .7rem}
.service-list{border-top:1px solid #343434}
.service-row{min-height:210px;display:grid;grid-template-columns:36% 1fr 6%;align-items:center;gap:2.5rem;border-bottom:1px solid #343434;position:relative;overflow:hidden;transition:color .35s,padding .35s}
.service-row:before{content:"";position:absolute;inset:0;background:var(--pink);transform:translateY(101%);transition:transform .42s cubic-bezier(.76,0,.24,1)}
.service-row>*{position:relative;z-index:2}
.service-row:hover{color:var(--ink);padding-left:1.2rem}
.service-row:hover:before{transform:none}
.service-no{display:none!important}
.service-row h3{font-size:34px;line-height:1.15;letter-spacing:-.04em;font-weight:600;margin:0;border-left:3px solid #ffffff;padding-left:18px;transition:border-color .35s}
.service-row:hover h3{border-left-color:var(--ink)}
.service-row p{max-width:680px;color:#aaa;line-height:1.65;font-size:15px;transition:color .35s}
.service-row:hover p{color:#23141c}

.brand-logo{display:block;width:clamp(185px,16vw,240px);max-height:52px;height:auto;object-fit:contain;filter:none;transition:transform .25s ease}
.brand-logo:hover{transform:scale(1.03)}
.footer .brand-logo,.site-header.light-text .brand-logo{filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(255,255,255,.12))}
.footer-logo .brand-logo,.footer-logo-link .brand-logo{width:clamp(220px,22vw,280px);max-height:64px}
.service-row img{display:none!important}
.service-row b{font-size:32px;font-weight:400;text-align:right;transition:transform .3s ease}
.service-row:hover b{transform:translateX(6px)}

.principles{padding:9vw var(--pad)}
.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:7vw;border-top:1px solid rgba(0,0,0,.28);border-left:1px solid rgba(0,0,0,.28)}
.principle-grid article{min-height:470px;border-right:1px solid rgba(0,0,0,.28);border-bottom:1px solid rgba(0,0,0,.28);padding:2rem;display:flex;flex-direction:column}
.principle-grid article>span{font:11px "Manrope",sans-serif}
.principle-grid h3{font:400 clamp(34px,3.2vw,54px)/1.05 "Anton";text-transform:uppercase;margin:auto 0 3rem}
.principle-grid p{font-size:14px;line-height:1.6;margin:0}

.team{padding:9vw 0}
.section-heading.compact{padding-left:var(--pad);padding-right:var(--pad)}
.section-heading.compact h2{font-size:clamp(70px,8vw,130px)}
.team-track{display:flex;gap:1.3vw;overflow-x:auto;scrollbar-width:none;cursor:grab;padding:0 var(--pad);scroll-snap-type:x proximity}
.team-track::-webkit-scrollbar{display:none}
.team-track.dragging{cursor:grabbing;scroll-snap-type:none}
.team-track article{flex:0 0 27vw;min-width:340px;scroll-snap-align:start}
.team-track article>div{height:38vw;min-height:480px;max-height:650px;border-radius:var(--radius);overflow:hidden;position:relative;background:#ddd}
.team-track img{filter:grayscale(100%);transition:filter .4s,transform .7s}
.team-track article:hover img{filter:none;transform:scale(1.035)}
.team-track article>div span{position:absolute;right:1rem;top:1rem;width:38px;height:38px;border-radius:50%;background:var(--pink);display:grid;place-items:center;font:10px "Manrope",sans-serif}
.team-track h3{font-size:26px;letter-spacing:-.04em;margin:1.1rem 0 .25rem}
.team-track p{font:11px "Manrope",sans-serif;text-transform:uppercase;color:var(--muted);margin:0}
.drag-hint{text-align:center;margin-top:4rem;font:11px "Manrope",sans-serif;letter-spacing:.12em}
.drag-hint span{font-size:18px;margin:0 .6rem}

.proof{padding:9vw var(--pad)}
.proof-title{display:grid;grid-template-columns:25% 75%;align-items:start}
.proof-title h2{font:500 clamp(74px,9.5vw,150px)/1 "Manrope";letter-spacing:-.07em;margin:0;padding-bottom:.05em}
.quotes{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:8vw 0}
.quotes figure{margin:0;border:1px solid #383838;border-radius:var(--radius);padding:3rem;min-height:390px;display:flex;flex-direction:column;justify-content:space-between}
.quotes blockquote{font:400 clamp(27px,2.7vw,43px)/1.2 Georgia,serif;margin:0}
.quotes figcaption{display:flex;flex-direction:column;gap:.4rem}
.quotes figcaption span{font:11px "Manrope",sans-serif;color:#999;text-transform:uppercase}
.awards{display:grid;grid-template-columns:25% repeat(3,1fr);border-top:1px solid #383838}
.awards>*{padding:2rem 1.5rem 0 0}
.awards>div{border-left:1px solid #383838;padding-left:1.5rem}
.awards strong{font:400 48px "Anton";color:var(--pink)}
.awards p{line-height:1.4}
.awards small{font:11px "Manrope",sans-serif;color:#999}

.contact{padding:9vw var(--pad) 5vw}
.contact>h2{font:500 clamp(75px,11vw,185px)/1 "Manrope";letter-spacing:-.075em;margin:4vw 0 6vw;padding-bottom:.05em}
.contact-cta{border-top:1px solid rgba(0,0,0,.35);border-bottom:1px solid rgba(0,0,0,.35);padding:2.2rem 0;display:flex;align-items:center;justify-content:space-between;font:400 clamp(28px,4vw,60px) "Anton"}
.contact-cta b{font-size:1.3em}
.contact-grid{display:grid;grid-template-columns:1.15fr 1.15fr 1fr;gap:5vw;margin-top:6vw}
.contact-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
.contact-grid p{line-height:1.65;margin:.6rem 0}
.contact-grid a{border-bottom:1px solid rgba(0,0,0,.45)}
.social-links{display:flex;flex-wrap:wrap;gap:1.1rem;margin-top:1rem}

.footer{padding:clamp(72px,7vw,112px) var(--pad) 28px;display:block;position:relative;overflow:hidden}
.footer-cta-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:4rem}
.footer-cta-row h2{font:500 clamp(34px,3.7vw,62px)/1.02 "Manrope",sans-serif;letter-spacing:-.055em;margin:0}
.footer-cta-link{font-size:clamp(24px,2.6vw,42px);letter-spacing:-.045em;border-bottom:1px solid currentColor;line-height:1.15;white-space:nowrap}
.footer-divider{height:1px;background:rgba(255,255,255,.22);margin:clamp(42px,5vw,74px) 0 clamp(44px,5vw,70px)}
.footer-directory{display:grid;grid-template-columns:220px minmax(260px,420px) 220px;gap:clamp(42px,7vw,110px)}
.footer-nav{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}
.footer-nav .micro{color:#7d7d7d;margin-bottom:.55rem}
.footer-nav p{color:#8d8d8d;line-height:1.55;margin:.3rem 0 0}
.footer-nav a{position:relative}
.footer-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s}
.footer-nav a:hover:after{transform:scaleX(1);transform-origin:left}
.footer-brand-row{display:grid;grid-template-columns:minmax(320px,1fr) auto auto auto;gap:clamp(26px,4vw,64px);align-items:end;margin-top:clamp(66px,8vw,120px)}
.footer-brand-row strong{font:400 clamp(70px,9.3vw,160px)/1 "Anton",sans-serif;letter-spacing:-.055em;white-space:nowrap;padding-bottom:.05em;display:block}
.back-top{font-size:14px;white-space:nowrap}
.back-top span{font-size:21px;margin-left:.5rem}
.copyright,.footer-location{color:#b2b2b2;font-size:12px;margin:0;white-space:nowrap}

.whatsapp-fab{position:fixed;right:clamp(18px,2vw,30px);bottom:clamp(18px,2vw,30px);z-index:999;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#514488;border:none;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.24);transition:transform .25s,box-shadow .25s,background-color .25s}
.whatsapp-fab:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 16px 34px rgba(0,0,0,.3);background:#3d3265}
.whatsapp-fab:focus-visible{outline:3px solid #fff;outline-offset:3px}
.whatsapp-fab svg{width:31px;height:31px;fill:currentColor}

.whatsapp-widget-modal{position:fixed;right:clamp(18px,2vw,30px);bottom:clamp(88px,7vw,102px);z-index:1000;width:min(380px,calc(100vw - 36px));background:#fff;border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.2);padding:24px 20px;display:flex;flex-direction:column;gap:16px;opacity:0;visibility:hidden;transform:translateY(20px) scale(.95);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),visibility .3s;pointer-events:none}
.whatsapp-widget-modal.open{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}
.whatsapp-widget-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.whatsapp-widget-title-area h3{font:700 18px/1.25 "Manrope",sans-serif;color:#1a251e;margin:0 0 4px;letter-spacing:-.02em}
.whatsapp-widget-title-area p{font:400 13px/1.4 "Manrope",sans-serif;color:#66756b;margin:0}
.whatsapp-widget-close{background:none;border:none;font-size:24px;line-height:1.08;color:#88998e;cursor:pointer;padding:2px 6px;border-radius:50%;transition:color .2s,background .2s}
.whatsapp-widget-close:hover{color:#1a251e;background:#f0f4f1}
.whatsapp-widget-body{display:flex;flex-direction:column;gap:10px;max-height:380px;overflow-y:auto;padding-right:4px}
.whatsapp-service-card{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:16px;background:#f5f8f5;border:1px solid #ede9f5;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.whatsapp-service-card:hover{background:#e4def2;border-color:#cbbfe8;transform:translateY(-1px)}
.whatsapp-service-card strong{font:600 15px/1.3 "Manrope",sans-serif;color:#1a2e21}
.whatsapp-service-card span{font:400 12px/1.3 "Manrope",sans-serif;color:#6e8073}

.service-row b{font-size:22px;font-weight:300;line-height:1.08;text-align:right;color:rgba(255,255,255,.75);background:none!important;border:none!important;box-shadow:none!important;padding:0!important;transition:color .35s ease,opacity .35s ease}
.service-row:hover b{color:var(--ink)!important;opacity:1}
.service-row:hover b .arrow-icon{stroke:var(--ink)!important}

.contact-form-section{padding:clamp(40px,5vw,80px) var(--pad);background:var(--paper)}
.form-container{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,4vw,60px);background:#f4f6f8;border-radius:clamp(16px,2vw,28px);padding:clamp(28px,4vw,56px);align-items:stretch}
.form-kicker{color:#514488;font:600 12px/1.3 "Manrope",sans-serif;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:.8rem}
.form-title{font:600 clamp(32px,4vw,56px)/1.05 "Manrope",sans-serif;letter-spacing:-.04em;margin:0 0 .8rem;color:#0b0b0b}
.form-subtitle{color:#666;font-size:clamp(14px,1.1vw,17px);line-height:1.55;margin:0 0 2rem}
.form-subtitle-lead{display:block;font-weight:700;color:#0b0b0b;margin-bottom:6px;font-size:clamp(15.5px,1.15vw,18px);line-height:1.4}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.form-group{display:flex;flex-direction:column;gap:.4rem}
.form-group.full-width{grid-column:1/-1}
.form-group label{font:600 12px "Manrope",sans-serif;color:#333}
.form-group input,.form-group textarea{width:100%;padding:.85rem 1.1rem;border:1px solid #dcdfe3;border-radius:999px;background:#fff;font:500 16px "Manrope",sans-serif;color:#0b0b0b;outline:none;transition:border-color .25s,box-shadow .25s}
.form-group textarea{border-radius:18px;resize:vertical;min-height:110px}
.form-group input:focus,.form-group textarea:focus{border-color:#514488;box-shadow:0 0 0 3px rgba(81,68,136,.15)}
.custom-service-select{position:relative;width:100%}
.service-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.85rem 1.15rem;border:1px solid #dcdfe3;border-radius:999px;background:#fff;font:500 15px "Manrope",sans-serif;color:#0b0b0b;text-align:left;cursor:pointer;outline:none;transition:border-color .25s,box-shadow .25s,background-color .25s}
.service-select-trigger:focus,.custom-service-select.is-open .service-select-trigger{border-color:#514488;box-shadow:0 0 0 3px rgba(81,68,136,.15)}
.service-select-trigger .selected-text{color:#777;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service-select-trigger.has-value .selected-text{color:#0b0b0b;font-weight:600}
.service-select-trigger .chevron-icon{stroke:#666;transition:transform .25s ease,stroke .25s ease;flex-shrink:0}
.custom-service-select.is-open .service-select-trigger .chevron-icon{transform:rotate(180deg);stroke:#514488}
.service-dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#ffffff;border:1px solid #e1e4ea;border-radius:20px;box-shadow:0 14px 36px rgba(11,15,25,.12),0 2px 6px rgba(0,0,0,.04);padding:14px 16px;z-index:60;display:none}
.custom-service-select.is-open .service-dropdown-panel{display:block;animation:dropdownDrop .2s cubic-bezier(.16,1,.3,1)}
@keyframes dropdownDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.service-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px}
@media(max-width:640px){.service-options-grid{grid-template-columns:1fr}}
.service-option-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;font:500 13.5px/1.3 "Manrope",sans-serif;color:#2c3038;transition:background .18s ease,color .18s ease;user-select:none}
.service-option-item:hover{background:#f5f3fa;color:#514488}
.service-option-item input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.service-option-item .custom-checkbox{width:18px;height:18px;border-radius:5px;border:1.5px solid #cbd0d8;background:#fff;flex-shrink:0;position:relative;transition:all .18s ease;display:inline-flex;align-items:center;justify-content:center}
.service-option-item input[type="checkbox"]:checked ~ .custom-checkbox{background:#514488;border-color:#514488}
.service-option-item input[type="checkbox"]:checked ~ .custom-checkbox::after{content:"";width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}
.service-option-item input[type="checkbox"]:checked ~ .service-name{font-weight:600;color:#514488}
.service-option-item.service-option-other{grid-column:1/-1;border-top:1px dashed #e6e8ec;padding-top:10px;margin-top:4px}
.service-other-input-wrap{margin-top:10px;padding-top:4px}
.service-other-input-wrap input{width:100%;padding:.75rem 1.1rem;border:1px solid #dcdfe3;border-radius:999px;background:#fbfbfd;font:500 14px "Manrope",sans-serif;color:#0b0b0b;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.service-other-input-wrap input:focus{border-color:#514488;background:#fff;box-shadow:0 0 0 3px rgba(81,68,136,.12)}
.form-checkbox-group{margin:1.2rem 0 1.8rem}
.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;font-size:12px;color:#555;cursor:pointer}
.checkbox-label input[type="checkbox"]{width:18px;height:18px;margin-top:1px;accent-color:#514488}
.checkbox-label a{color:#514488;font-weight:600;text-decoration:underline}
.form-submit-btn{display:inline-flex;align-items:center;gap:.8rem;padding:.9rem 1.8rem;border-radius:999px;background:#514488;color:#fff;font:600 13px "Manrope",sans-serif;letter-spacing:.05em;border:none;cursor:pointer;transition:background .3s,transform .3s,opacity .3s}
.form-submit-btn:hover:not(:disabled){background:#3d3265;transform:translateY(-2px)}
.form-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}
.form-status{margin-top:1.2rem;padding:1rem 1.25rem;border-radius:14px;font:500 14px/1.5 "Manrope",sans-serif;display:none;transition:all .3s ease}
.form-status.is-visible{display:flex;align-items:center;gap:.8rem;animation:fadeInStatus .3s ease forwards}
.form-status.is-success{background:#edf7ed;color:#1e4620;border:1px solid #c8e6c9}
.form-status.is-error{background:#fdeded;color:#5f2120;border:1px solid #ffcdd2}
.form-status.is-loading{background:#f3f0fa;color:#514488;border:1px solid #dcd4ee}
.form-status.is-warning{background:#fff8e1;color:#8d6200;border:1px solid #ffe082}
.form-status svg{width:20px;height:20px;flex-shrink:0}
.form-spinner{animation:formSpin .8s linear infinite}
@keyframes formSpin{100%{transform:rotate(360deg)}}
@keyframes fadeInStatus{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.form-group input.is-invalid,.form-group textarea.is-invalid{border-color:#d32f2f!important;box-shadow:0 0 0 3px rgba(211,47,47,.15)!important;animation:shakeInput .3s ease-in-out}
@keyframes shakeInput{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.form-image-col{position:relative;border-radius:clamp(12px,1.5vw,22px);overflow:hidden;min-height:360px}
.form-image-col img{width:100%;height:100%;object-fit:cover;display:block}

.contact-page-wrapper{padding:clamp(110px,9vw,140px) var(--pad) clamp(60px,6vw,100px);background:var(--paper)}
.contact-hero-banner{max-width:840px;margin-bottom:clamp(32px,4vw,54px)}
.contact-hero-banner h1{font:600 clamp(42px,5.5vw,76px)/1.02 "Manrope",sans-serif;letter-spacing:-.04em;color:#0b0b0b;margin:.5rem 0 1rem}
.contact-hero-banner p{font-size:clamp(16px,1.2vw,20px);color:#555;line-height:1.55}

.contact-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.5vw,22px);margin-bottom:clamp(32px,4vw,56px)}
.contact-feature-card{background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:24px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 6px 20px rgba(0,0,0,.03);transition:transform .25s,box-shadow .25s,border-color .25s}
.contact-feature-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.07);border-color:#514488}
.card-icon-box{width:46px;height:46px;border-radius:14px;background:#ede9f5;color:#514488;display:grid;place-items:center}
.card-icon-box svg{width:22px;height:22px}
.card-tag{font:600 11px "Manrope",sans-serif;letter-spacing:.08em;color:#88998e;text-transform:uppercase}
.card-val{font:600 16px/1.35 "Manrope",sans-serif;color:#0b0b0b;text-decoration:none;word-break:break-word}
.card-val:hover{color:#514488}
.card-sub{font-size:12px;color:#777}

.google-maps-embed-box{position:relative;border-radius:24px;overflow:hidden;background:#16181b;box-shadow:0 14px 40px rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.1);margin-bottom:clamp(40px,5vw,70px);height:clamp(360px,40vw,480px)}
.google-maps-embed-box iframe{width:100%;height:100%;border:none;display:block;filter:contrast(1.03)}
.maps-top-badge{position:absolute;top:20px;left:20px;z-index:2;background:rgba(18,20,24,.85);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:8px 16px;display:flex;align-items:center;gap:8px;color:#fff;font:500 12px "Manrope",sans-serif}
.maps-status-dot{width:8px;height:8px;border-radius:50%;background:#a291eb;box-shadow:0 0 10px #a291eb}
.maps-route-btn{position:absolute;bottom:20px;right:20px;z-index:2;background:#514488;color:#fff;text-decoration:none;border-radius:999px;padding:10px 20px;font:600 12px "Manrope",sans-serif;letter-spacing:.05em;box-shadow:0 8px 24px rgba(43,122,75,.35);transition:background .25s,transform .25s}
.maps-route-btn:hover{background:#3d3265;transform:translateY(-2px)}

@media (max-width:1024px){.contact-cards-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.contact-cards-grid{grid-template-columns:1fr}}
@media (max-width:760px){.contact-page-wrapper{padding:90px var(--pad) 60px;overflow-x:hidden}.contact-hero-banner h1{font-size:clamp(34px,9vw,52px)}.contact-hero-banner p{font-size:15px}.form-container{grid-template-columns:1fr;padding:24px;gap:24px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.form-image-col{display:none}.google-maps-embed-box{height:280px;border-radius:16px}}

/* ==========================================================================
   Mega Multi-Column Footer System (Awwwards 2026 / UI-UX Pro Max)
   ========================================================================== */
.footer-mega-grid {
  display: grid;
  grid-template-columns: 1fr 1.35fr 1.35fr 1fr;
  gap: clamp(24px, 3.2vw, 54px);
  padding: clamp(36px, 4vw, 54px) 0 clamp(40px, 4.5vw, 64px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-group {
  display: flex;
  flex-direction: column;
}

.footer-sub-group {
  margin-top: clamp(32px, 3.5vw, 48px);
}

.footer-blog-list li a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
}

.footer-mega-col {
  display: flex;
  flex-direction: column;
}

.footer-col-heading {
  font: 600 clamp(15px, 1.1vw, 17px)/1.3 "Manrope", sans-serif;
  letter-spacing: -0.015em;
  color: #ffffff;
  margin: 0 0 1.25rem;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  display: block;
}

.footer-heading-link {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.2s ease;
}

.footer-heading-link:hover {
  color: #a78bfa;
}

.footer-link-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.footer-sectors-grid {
  display: flex !important;
  flex-direction: column;
  gap: 0.45rem;
}

.footer-text-muted {
  font: 400 13px/1.55 "Manrope", sans-serif;
  color: rgba(255, 255, 255, 0.5);
  display: block;
}

.footer-map-link {
  color: #a78bfa !important;
  font-weight: 500;
}

.footer-highlight-link {
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  padding-bottom: 2px !important;
  font-weight: 500;
}

.footer-link-list li {
  margin: 0;
}

.footer-link-list a {
  color: rgba(255, 255, 255, 0.62);
  font: 400 13.5px/1.55 "Manrope", sans-serif;
  text-decoration: none;
  display: inline-block;
  transition: color 0.2s ease, transform 0.2s ease, padding-left 0.2s ease;
}

.footer-desc-item {
  display: flex !important;
  flex-direction: column !important;
  padding: 3px 0 !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, padding-left 0.2s ease !important;
}

.footer-item-title {
  font: 500 13px/1.3 "Manrope", sans-serif;
  color: rgba(255, 255, 255, 0.85);
  transition: color 0.2s ease;
  display: block;
}

.footer-item-desc {
  font: 400 11px/1.35 "Manrope", sans-serif;
  color: rgba(255, 255, 255, 0.42);
  letter-spacing: -0.01em;
  margin-top: 1px;
  display: block;
  transition: color 0.2s ease;
}

.footer-desc-item:hover .footer-item-title {
  color: #ffffff;
}

.footer-desc-item:hover .footer-item-desc {
  color: #a78bfa;
}

.footer-desc-item:hover {
  padding-left: 4px !important;
}

.footer-link-list a:hover,
.footer-link-list a:focus-visible {
  color: #ffffff;
  padding-left: 4px;
}

.footer-partner-wrap {
  display: flex;
  align-items: center;
  padding-top: 4px;
}

.footer-partner-name {
  font: 600 clamp(15px, 1.15vw, 17px)/1.3 "Manrope", sans-serif !important;
  color: #ffffff !important;
  text-decoration: none;
  display: inline-block;
  letter-spacing: -0.01em;
  transition: color 0.2s ease, transform 0.2s ease;
}

.footer-partner-name:hover {
  color: #a78bfa !important;
  transform: translateX(4px);
}

.footer-partner-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.footer-partner-link:hover {
  opacity: 0.85;
  transform: translateY(-2px);
}

.footer-partner-img {
  width: auto;
  max-width: 155px;
  height: 32px;
  object-fit: contain;
  display: block;
}

.footer-bottom-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: clamp(24px, 3vw, 36px);
  gap: 2rem;
  flex-wrap: wrap;
}

.footer-bottom-left {
  display: flex;
  align-items: center;
  gap: clamp(16px, 2vw, 32px);
  flex-wrap: wrap;
}

.footer-brand-img {
  width: clamp(130px, 12vw, 165px) !important;
  max-height: 42px;
  height: auto;
  filter: brightness(0) invert(1);
  opacity: 0.95;
  transition: opacity 0.2s ease;
}

.footer-brand-img:hover {
  opacity: 1;
}

.footer-quick-links {
  display: flex;
  align-items: center;
  gap: 1.4rem;
}

.footer-quick-links a {
  color: rgba(255, 255, 255, 0.62);
  font: 500 13px "Manrope", sans-serif;
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-quick-links a:hover {
  color: #ffffff;
}

.footer-bottom-panel .copyright {
  color: rgba(255, 255, 255, 0.45);
  font-size: 12px;
  margin: 0;
}

.footer-bottom-right {
  display: flex;
  align-items: center;
  gap: clamp(16px, 2.5vw, 32px);
  margin-left: auto;
}

.footer-social-box {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.footer-social-title {
  font: 500 12.5px "Manrope", sans-serif;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
}

.footer-social-icons {
  display: flex;
  align-items: center;
  gap: 8px;
}

.footer-social-icons a {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.8);
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  text-decoration: none;
}

.footer-social-icons a:hover {
  background: #ffffff;
  color: #0b0b0b;
  border-color: #ffffff;
  transform: translateY(-2px);
}

.back-top-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: 600 12.5px "Manrope", sans-serif;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.14);
  padding: 8px 18px;
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.22s ease;
  cursor: pointer;
  white-space: nowrap;
}

.back-top-btn:hover {
  background: #ffffff;
  color: #0b0b0b;
  transform: translateY(-2px);
}

@media (max-width: 1024px) {
  .footer-mega-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2.6rem 2rem;
  }
}

@media (max-width: 960px) {
  .footer-bottom-panel {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }
  .footer-bottom-right {
    margin-left: 0;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
  }
}

@media (max-width: 768px) {
  .footer {
    padding: 56px var(--pad) 28px;
  }
  .footer-cta-row {
    grid-template-columns: 1fr;
    align-items: flex-start;
    gap: 1.25rem;
  }
  .footer-cta-row h2 {
    font-size: clamp(24px, 6.5vw, 34px);
    line-height: 1.15;
  }
  .footer-cta-link {
    font-size: clamp(17px, 4.8vw, 24px);
    white-space: normal;
  }
  .footer-social-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.6rem;
  }
  .footer-bottom-left {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.9rem;
    width: 100%;
  }
  .footer-quick-links {
    flex-wrap: wrap;
    gap: 0.8rem 1.4rem;
  }
  .copyright {
    white-space: normal;
    line-height: 1.5;
  }
}

@media (max-width: 600px) {
  .footer-mega-grid {
    grid-template-columns: 1fr;
    gap: 2.2rem;
  }
  .footer-link-list a, .footer-sectors-grid a {
    display: inline-block;
    padding: 3px 0;
  }
  .footer-bottom-right {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
  }
  .back-top-btn {
    align-self: flex-start;
  }
}

.cookie-notice{position:fixed;left:clamp(16px,2vw,28px);bottom:clamp(16px,2vw,28px);z-index:120;width:min(590px,calc(100% - 32px));padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:#0b0b0b;color:#fff;box-shadow:0 22px 60px rgba(0,0,0,.34);opacity:0;transform:translateY(18px);transition:opacity .32s,transform .32s}
.cookie-notice.is-visible{opacity:1;transform:none}
.cookie-notice p{margin:0;color:#d2d2d2;font-size:14px;line-height:1.55}
.cookie-notice strong{display:block;color:#fff;font-size:18px;margin-bottom:.45rem}
.cookie-notice a{color:#fff;border-bottom:1px solid currentColor}
.cookie-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.1rem}
.cookie-actions button{min-height:42px;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:.65rem 1rem;background:transparent;color:#fff;cursor:pointer;transition:background .25s,color .25s}
.cookie-actions button:hover,.cookie-actions button:focus-visible{background:#fff;color:#000}
.cookie-actions .cookie-accept{background:#fff;color:#000}

.legal-hero{padding:clamp(150px,16vw,250px) var(--pad) clamp(70px,8vw,125px);border-bottom:1px solid var(--line)}
.legal-hero .micro{display:block;margin-bottom:1.2rem;color:var(--muted)}
.legal-hero h1{font:500 clamp(60px,9vw,145px)/1.05 "Manrope",sans-serif;letter-spacing:-.07em;margin:0;max-width:1100px;padding-bottom:.04em}
.legal-content{padding:clamp(70px,8vw,120px) var(--pad);display:grid;grid-template-columns:minmax(220px,.45fr) minmax(0,1fr);gap:clamp(50px,9vw,150px)}
.legal-summary{font:500 clamp(18px,1.7vw,26px)/1.45 "Manrope",sans-serif;letter-spacing:-.025em;margin:0}
.legal-sections{max-width:880px}
.legal-sections section{padding:0 0 2.4rem;margin-bottom:2.4rem;border-bottom:1px solid var(--line)}
.legal-sections section:last-child{margin-bottom:0}
.legal-sections h2{font-size:clamp(25px,2.4vw,38px);letter-spacing:-.04em;margin:0 0 1rem}
.legal-sections p,.legal-sections li{line-height:1.7;color:#3f3f3f}
.legal-sections ul{padding-left:1.2rem;margin:1rem 0 0}
.legal-sections a{border-bottom:1px solid currentColor}

.page-hero{height:auto;min-height:70svh;padding:120px var(--pad) 40px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.page-hero .hero-title{font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;font-weight:800;text-transform:uppercase;font-size:clamp(64px,10.5vw,155px)!important;line-height:0.95!important;letter-spacing:-.02em!important;padding-bottom:.04em}
.page-hero .hero-tag{right:8vw;top:53%}

/* 100% Smooth Continuous Infinite Marquee Banner (Sola Doğru Kesintisiz Sonsuz Kayan Yazı) */
.page-strip, .marquee-strip {
  background: var(--ink, #0b0b0b);
  color: #ffffff;
  padding: 13px 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  display: flex;
  align-items: center;
  user-select: none;
  z-index: 10;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.marquee-track {
  display: inline-flex;
  align-items: center;
  width: max-content;
  will-change: transform;
  animation: marquee-slide-left 32s linear infinite;
}

.marquee-content {
  display: inline-flex;
  align-items: center;
  gap: 2.2rem;
  padding-right: 2.2rem;
  flex-shrink: 0;
  font: 600 12.5px/1 "Manrope", sans-serif;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.marquee-content .star {
  color: #a78bfa;
  font-size: 13px;
  display: inline-block;
}

@keyframes marquee-slide-left {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}
.about-showcase{min-height:100svh;padding:145px var(--pad) 90px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:clamp(45px,7vw,130px);align-items:center;overflow:hidden}
.about-media{height:clamp(470px,47vw,680px);position:relative;border-radius:clamp(16px,1.5vw,24px);overflow:hidden;background:#d9dcdf}
.about-media img{transform:scale(1.1);will-change:transform}
.about-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(11,11,11,.22));pointer-events:none}
.about-media-action{position:absolute;left:50%;top:50%;z-index:2;width:96px;height:96px;border-radius:50%;background:rgba(238,240,242,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;transform:translate(-50%,-50%);font:500 9px/1 "Manrope",sans-serif;letter-spacing:.08em;transition:background .3s,color .3s,transform .35s}
.about-media-action:hover{background:var(--ink);color:#fff;transform:translate(-50%,-50%) scale(1.06)}
.about-media-action b{font-size:18px}
.about-copy{max-width:650px}
.about-copy>.micro{display:block;margin-bottom:1rem;color:var(--muted)}
.about-copy h1{font:500 clamp(52px,5.4vw,92px)/1.05 "Manrope",sans-serif;letter-spacing:-.07em;margin:0 0 2.5rem}
.about-copy p{font-size:clamp(15px,1.15vw,18px);line-height:1.58;margin:0 0 1.15rem}
.about-copy strong{font-weight:600}
.about-copy-cta{margin-top:1.35rem;background:var(--ink);color:#fff;border-color:var(--ink)}
.about-copy-cta:hover{background:transparent;color:var(--ink)}
.about-cta{min-height:42svh;padding:clamp(80px,7vw,130px) var(--pad);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5rem;align-items:end;border-bottom:1px solid rgba(255,255,255,.22);overflow:hidden}
.about-cta h2{max-width:900px;font:500 clamp(44px,5.5vw,94px)/1.05 "Manrope",sans-serif;letter-spacing:-.06em;margin:0}
.about-cta-link{font-size:clamp(25px,3vw,50px);letter-spacing:-.045em;border-bottom:1px solid currentColor;display:flex;align-items:center;gap:2rem;white-space:nowrap;transition:gap .35s,color .35s}
.about-cta-link:hover{gap:2.7rem;color:#bbb}
.js .about-media{opacity:0;transform:translate3d(-60px,25px,0) scale(.96);clip-path:inset(9% 7% 9% 7% round var(--radius));transition:opacity .8s ease .15s,transform 1.2s cubic-bezier(.16,1,.3,1) .15s,clip-path 1.2s cubic-bezier(.16,1,.3,1) .15s}
.js .about-copy>*{opacity:0;transform:translate3d(0,34px,0);clip-path:inset(0 0 20% 0);transition:opacity .65s ease,transform .95s cubic-bezier(.16,1,.3,1),clip-path .95s cubic-bezier(.16,1,.3,1)}
.js .about-copy>*:nth-child(1){transition-delay:.18s}.js .about-copy>*:nth-child(2){transition-delay:.25s}.js .about-copy>*:nth-child(3){transition-delay:.32s}.js .about-copy>*:nth-child(4){transition-delay:.39s}.js .about-copy>*:nth-child(5){transition-delay:.46s}.js .about-copy>*:nth-child(6){transition-delay:.53s}
.intro-ready .about-media,.intro-ready .about-copy>*{opacity:1;transform:none;clip-path:inset(0 0 0 0 round var(--radius))}
.service-detail-hero{position:relative;padding:150px var(--pad) clamp(80px,8vw,140px);overflow:hidden}
.service-back{position:absolute;left:var(--pad);top:130px;display:flex;align-items:center;gap:.7rem;color:var(--muted);transition:color .3s,transform .3s}
.service-back:hover{color:var(--ink);transform:translateX(-4px)}
.service-detail-heading{text-align:center;margin:20px auto clamp(55px,6vw,95px)}
.service-detail-heading>.micro{color:var(--muted)}
.service-detail-heading h1{font:500 clamp(74px,9vw,150px)/1.05 "Manrope",sans-serif;letter-spacing:-.075em;margin:1.2rem 0 1.6rem}
.service-detail-heading p{font-size:clamp(17px,1.5vw,23px);color:var(--muted);margin:0}
.service-hero-media{height:min(68vh,760px);min-height:520px;border-radius:var(--radius);overflow:hidden;background:#d8dbde}
.service-hero-media img{transform:scale(1.1);will-change:transform}
.service-article{overflow:hidden}
.detail-intro{padding:clamp(90px,9vw,160px) var(--pad);display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(60px,9vw,150px);align-items:start}
.detail-intro h2{max-width:850px;font:500 clamp(48px,5.8vw,96px)/1.05 "Manrope",sans-serif;letter-spacing:-.065em;margin:2rem 0 0}
.detail-copy{max-width:620px;padding-top:2.5rem}
.detail-copy p{font-size:clamp(16px,1.2vw,19px);line-height:1.72;margin:0 0 1.6rem}
.detail-gallery{display:flex;gap:1.4rem;overflow-x:auto;padding:0 var(--pad) clamp(90px,9vw,150px);scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:pan-y}
.detail-gallery::-webkit-scrollbar{display:none}
.detail-gallery.dragging{cursor:grabbing;scroll-snap-type:none}
.detail-gallery figure{flex:0 0 min(31vw,470px);height:min(31vw,470px);min-height:340px;margin:0;border-radius:var(--radius);overflow:hidden;background:#d8dbde;scroll-snap-align:start}
.detail-gallery img{transition:transform .7s cubic-bezier(.16,1,.3,1)}
.detail-gallery figure:hover img{transform:scale(1.055)}
.detail-capabilities{padding:0 var(--pad) clamp(90px,9vw,155px)}
.detail-section-heading{display:grid;grid-template-columns:.35fr 1fr;gap:3rem;align-items:start;margin-bottom:clamp(50px,6vw,95px)}
.detail-section-heading h2{max-width:1050px;font:500 clamp(50px,6.2vw,102px)/1.05 "Manrope",sans-serif;letter-spacing:-.065em;margin:0}
.detail-service-list{border-top:1px solid var(--line)}
.detail-service-block{display:grid;grid-template-columns:90px 1fr;gap:2rem;padding:clamp(45px,5vw,80px) 0;border-bottom:1px solid var(--line)}
.detail-service-block>span{font:500 11px "Manrope",sans-serif;color:var(--muted)}
.detail-service-block>div{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(260px,.7fr) minmax(260px,.75fr);gap:clamp(30px,5vw,80px);align-items:start}
.detail-service-block h3{font:500 clamp(34px,3.2vw,54px)/1 "Manrope",sans-serif;letter-spacing:-.05em;margin:0}
.detail-service-block p{line-height:1.7;margin:0;color:#4c4c4c}
.detail-service-block ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.detail-service-block li{padding:.75rem 0;border-bottom:1px solid var(--line);font:500 14px/1.5 "Manrope",sans-serif}
.detail-process{padding:0 var(--pad) clamp(90px,9vw,155px)}
.detail-process ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.detail-process li{min-height:300px;padding:1.6rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}
.detail-process li>span{font:500 10px "Manrope",sans-serif;color:var(--muted)}
.detail-process strong{font-size:23px;font-weight:500;letter-spacing:-.035em}
.detail-process p{line-height:1.65;color:var(--muted);margin:1rem 0 0}
.detail-summary{padding:clamp(80px,8vw,140px) var(--pad);background:var(--pink);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:end}
.detail-summary h2{font:500 clamp(58px,7vw,115px)/1.05 "Manrope",sans-serif;letter-spacing:-.07em;margin:0}
.detail-summary p{font-size:clamp(17px,1.4vw,21px);line-height:1.65;margin:0 0 2rem}
.detail-summary .pill-btn{width:max-content}
.js .service-detail-heading>*,.js .service-back{opacity:0;transform:translate3d(0,30px,0);clip-path:inset(0 0 24% 0);transition:opacity .65s ease,transform .95s cubic-bezier(.16,1,.3,1),clip-path .95s cubic-bezier(.16,1,.3,1)}
.js .service-back{transform:translate3d(-25px,0,0);transition-delay:.15s}.js .service-detail-heading>*:nth-child(1){transition-delay:.2s}.js .service-detail-heading>*:nth-child(2){transition-delay:.28s}.js .service-detail-heading>*:nth-child(3){transition-delay:.36s}
.js .service-hero-media{opacity:0;transform:translate3d(0,50px,0) scale(.96);clip-path:inset(10% 6% 10% 6% round var(--radius));transition:opacity .8s ease .32s,transform 1.15s cubic-bezier(.16,1,.3,1) .32s,clip-path 1.15s cubic-bezier(.16,1,.3,1) .32s}
.intro-ready .service-detail-heading>*,.intro-ready .service-back,.intro-ready .service-hero-media{opacity:1;transform:none;clip-path:inset(0 0 0 0 round var(--radius))}
.page-intro{padding:10vw var(--pad)}
.page-intro h2{max-width:1300px;font:500 clamp(58px,8vw,130px)/1.05 "Manrope";letter-spacing:-.065em;margin:6vw 0}
.page-intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;align-items:start}
.page-intro-grid>p{font-size:21px;line-height:1.7;margin:0}
.page-intro-grid .page-copy{max-width:580px}
.page-copy p{line-height:1.7;margin:0 0 1.5rem}
.page-copy ul{list-style:none;margin:2.5rem 0 0;padding:0;border-top:1px solid var(--line)}
.page-copy li{border-bottom:1px solid var(--line);padding:1rem 0;font:500 15px/1.5 "Manrope",sans-serif}
.page-copy li:before{content:"✦";color:var(--pink);margin-right:1rem}
.editorial-image{height:72vh;min-height:560px;margin-top:8vw;border-radius:var(--radius);overflow:hidden}
.editorial-image img{transform:scale(1.04)}
.mission{padding:9vw var(--pad)}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:6vw}
.mission-card{min-height:430px;border:1px solid #3a3a3a;border-radius:var(--radius);padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between}
.mission-card span{color:var(--pink)}
.mission-card h3{font:500 clamp(50px,6vw,92px)/1.05 "Manrope";letter-spacing:-.06em;margin:0}
.mission-card p{max-width:520px;color:#aaa;line-height:1.7}
.archive-note{padding:0 var(--pad) 8vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw}
.archive-note h2{font:500 clamp(52px,6vw,96px)/1.05 "Manrope";letter-spacing:-.055em;margin:0}
.archive-note p{font-size:18px;line-height:1.7;margin:0;align-self:end}
.team-directory{padding:0 var(--pad) 10vw;display:grid;grid-template-columns:repeat(3,1fr);gap:5vw 1.4vw}
.team-person>div{height:40vw;max-height:650px;min-height:480px;border-radius:var(--radius);overflow:hidden;position:relative;background:#ddd}
.team-person img{filter:grayscale(100%);transition:filter .45s,transform .75s}
.team-person:hover img{filter:none;transform:scale(1.04)}
.team-person>div span{position:absolute;right:1rem;top:1rem;width:40px;height:40px;border-radius:50%;background:var(--pink);display:grid;place-items:center;font:10px "Manrope",sans-serif}
.team-person h2{font-size:27px;letter-spacing:-.04em;margin:1.1rem 0 .2rem}
.team-person p{font:11px "Manrope",sans-serif;text-transform:uppercase;color:var(--muted);margin:0}
.contact-hero{height:min(100svh,920px);min-height:760px;padding:136px clamp(28px,3.3vw,64px) 72px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(330px,.84fr) minmax(0,.9fr);gap:clamp(28px,4vw,78px);place-items:initial;align-items:center;overflow:hidden}
.contact-collage{height:clamp(420px,40vw,590px);position:relative;z-index:1}
.contact-shot{position:absolute;margin:0;border-radius:clamp(14px,1.4vw,24px);overflow:hidden;background:#d7dade;box-shadow:0 18px 50px rgba(11,11,11,.08)}
.contact-shot img{transform:scale(1.1);will-change:transform}
.contact-collage-left .contact-shot-wide{left:0;top:0;width:82%;height:55%}
.contact-collage-left .contact-shot-tall{right:0;bottom:0;width:56%;height:66%}
.contact-collage-right .contact-shot-tall{left:0;bottom:0;width:56%;height:66%}
.contact-collage-right .contact-shot-wide{right:0;top:18%;width:75%;height:48%}
.contact-hero-copy{position:relative;z-index:2;min-width:0}
.contact-hero .hero-tag{position:static;margin:0 0 1rem;transform:none;font-size:10px;letter-spacing:.12em}
.contact-hero .hero-title{font:500 clamp(58px,6.4vw,108px)/1.05 "Manrope",sans-serif;text-align:left;letter-spacing:-.075em;margin:0 0 clamp(2rem,3vw,3.5rem)}
.contact-hero-details{position:static;inset:auto;display:flex;flex-direction:column;width:auto;font-style:normal;transform:none}
.contact-hero-details a{display:grid;grid-template-columns:78px minmax(0,1fr);gap:1rem;align-items:start;border-bottom:1px solid var(--line);padding:.8rem 0;transition:padding-left .3s ease,border-color .3s ease}
.contact-hero-details a:first-child{border-top:1px solid var(--line)}
.contact-hero-details a:hover{padding-left:.45rem;border-color:var(--ink)}
.contact-hero-details span{font:500 9px/1.45 "Manrope",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:.25rem}
.contact-hero-details b{font-size:clamp(13px,1vw,16px);line-height:1.5;font-weight:500;overflow-wrap:anywhere}
.contact-call-pill{position:fixed;left:var(--pad);bottom:24px;z-index:75;display:inline-flex;align-items:center;gap:.65rem;padding:.9rem 1.2rem;border:1px solid rgba(11,11,11,.25);border-radius:999px;background:rgba(238,240,242,.92);backdrop-filter:blur(14px);font:500 10px/1 "Manrope",sans-serif;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 10px 32px rgba(11,11,11,.1);transition:background .3s,color .3s,transform .3s}
.contact-call-pill:hover{background:var(--ink);color:#fff;transform:translateY(-3px)}
.contact-project-cta{min-height:82svh;padding:clamp(90px,9vw,160px) var(--pad);display:grid;grid-template-rows:auto 1fr auto;align-items:start;overflow:hidden}
.contact-project-cta>.micro{color:#969696}
.contact-project-title{align-self:center;max-width:1500px;font:500 clamp(62px,8.6vw,150px)/.88 "Manrope",sans-serif;letter-spacing:-.075em;margin:6vw 0}
.contact-project-title span{display:block}
.js .contact-project-title{opacity:0;transform:translate3d(0,35px,0);clip-path:inset(0 0 100% 0);transition:opacity .7s ease .12s,transform 1.05s cubic-bezier(.16,1,.3,1) .12s,clip-path 1.05s cubic-bezier(.16,1,.3,1) .12s}
.js .contact-project-cta>.micro.is-visible+.contact-project-title{opacity:1;transform:none;clip-path:inset(0 0 0 0)}
.contact-project-action{border-top:1px solid rgba(255,255,255,.28);padding-top:2rem;display:grid;grid-template-columns:minmax(260px,520px) auto;justify-content:space-between;align-items:end;gap:3rem}
.contact-project-action p{color:#aaa;line-height:1.7;margin:0}
.contact-project-action .pill-btn:hover{background:var(--paper);color:var(--ink)}
.js .contact-shot{opacity:0;clip-path:inset(12% 10% 12% 10% round var(--radius));transition:opacity .8s ease,transform 1.2s cubic-bezier(.16,1,.3,1),clip-path 1.2s cubic-bezier(.16,1,.3,1)}
.js .contact-collage-left .contact-shot-wide{transform:translate3d(-70px,25px,0) rotate(-3deg)}
.js .contact-collage-left .contact-shot-tall{transform:translate3d(30px,65px,0) rotate(3deg);transition-delay:.14s}
.js .contact-collage-right .contact-shot-tall{transform:translate3d(-30px,65px,0) rotate(-3deg);transition-delay:.18s}
.js .contact-collage-right .contact-shot-wide{transform:translate3d(70px,20px,0) rotate(3deg);transition-delay:.08s}
.intro-ready .contact-shot{opacity:1!important;transform:none!important;clip-path:inset(0 0 0 0 round var(--radius))!important}
.page-cta{padding:9vw var(--pad);display:grid;grid-template-columns:1.4fr .6fr;gap:5rem;align-items:end}
.page-cta h2{font:500 clamp(65px,9vw,145px)/.84 "Manrope";letter-spacing:-.07em;margin:0}
.page-cta>div{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}
.page-cta p{line-height:1.7;margin:0}

.js .scroll-reveal{opacity:0;filter:blur(4px);transform:translate3d(0,48px,0);clip-path:inset(0 0 14% 0);transition:opacity .7s var(--reveal-delay,0ms),transform .95s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),filter .65s var(--reveal-delay,0ms),clip-path .95s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms);will-change:opacity,transform,filter,clip-path}
.js .scroll-reveal.reveal-lines{transform:translate3d(0,30px,0);clip-path:inset(0 0 100% 0);filter:none;transition-duration:.65s,1.05s,.01s,1.05s}
.js .scroll-reveal.reveal-fade{transform:none;clip-path:none}
.js .scroll-reveal.reveal-scale{transform:translate3d(0,45px,0) scale(.92);clip-path:inset(8% 5% 8% 5% round var(--radius))}
.js .scroll-reveal.reveal-card{transform:translate3d(0,54px,0) rotate(.45deg) scale(.98)}
.js .scroll-reveal.reveal-side{transform:translate3d(-76px,0,0);clip-path:inset(0 8% 0 0)}
.js .service-row:nth-child(even).reveal-side{transform:translate3d(76px,0,0);clip-path:inset(0 0 0 8%)}
.js .scroll-reveal.reveal-campaign{transform:translate3d(0,85px,0) rotate(8deg) scale(.92);clip-path:inset(8% 8% 8% 8% round var(--radius))}
.js .scroll-reveal.reveal-line{transform:scaleX(.2);transform-origin:left center;clip-path:none}
.js .scroll-reveal.is-visible,.js .scroll-reveal.visible{opacity:1;filter:none;transform:none;clip-path:inset(0 0 0 0)}
.js .service-row:nth-child(even).reveal-side.is-visible,.js .service-row:nth-child(even).reveal-side.visible{transform:none;clip-path:inset(0 0 0 0)}
.js .scroll-reveal.reveal-campaign.is-visible,.js .scroll-reveal.reveal-campaign.visible{transform:rotate(3deg)}

@media (max-width:1100px){
  :root{--pad:5vw}
  .desktop-nav,.header-cta{display:none}
  .site-header{grid-template-columns:1fr auto}
  .menu-btn{display:block;justify-self:end}
  .hero-title{font-size:20vw}
  .home-page .hero-title{font-size:clamp(24px,5.4vw,56px);line-height:1.15}
  .about-showcase{grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:4.5vw;padding-top:125px}
  .about-media{height:55vw;min-height:460px}
  .about-copy h1{font-size:clamp(54px,7vw,74px)}
  .about-copy p{font-size:15px}
  .about-cta{gap:3rem}
  .service-detail-hero{padding-top:135px}
  .service-detail-heading h1{font-size:11vw}
  .service-hero-media{min-height:460px}
  .detail-service-block>div{grid-template-columns:minmax(220px,.9fr) minmax(220px,1fr);gap:2.5rem}
  .detail-service-block ul{grid-column:1/3}
  .detail-process ol{grid-template-columns:1fr 1fr}
  .contact-hero{grid-template-columns:minmax(0,.8fr) minmax(250px,1.05fr) minmax(0,.8fr);gap:18px;padding-left:28px;padding-right:28px}
  .contact-collage{height:440px}
  .contact-hero .hero-title{font-size:clamp(54px,7.8vw,84px)}
  .contact-hero-details a{grid-template-columns:64px minmax(0,1fr);gap:.65rem}
  .contact-project-action{grid-template-columns:minmax(240px,460px) auto}
  .campaign{grid-template-columns:1fr 1fr;gap:5%}
  .project-grid{grid-template-columns:1fr 1fr}
  .service-row{grid-template-columns:7% 31% 1fr 5%}
  .service-row img{display:none}
  .principle-grid{grid-template-columns:1fr 1fr}
  .footer-brand-row{grid-template-columns:minmax(260px,1fr) auto auto}.footer-location{display:none}
}

@media (min-width:768px) and (max-width:1024px){
  .hero-reveal-media{clip-path:inset(35% 25% round 26px);transform:scale(.35)}
}

@media (max-width:760px){
  :root{--pad:20px;--radius:12px}
  body{font-size:14px}
  .cursor{display:none}
  .loader-mark{font-size:clamp(24px,7.5vw,38px)!important;padding:0 16px!important;max-width:100vw!important}
  .site-header{height:74px}
  .logo{font-size:15px}
  .logo-star{font-size:24px}
  .brand-logo{width:clamp(110px,28vw,150px);max-height:38px}
  .menu-panel{padding:80px 20px 30px}
  .menu-panel nav{margin:1rem 0}
  .menu-panel nav a{font:600 clamp(16px,4.5vw,22px)/1.3 "Manrope",sans-serif;padding:.65rem 0}
  .menu-panel nav a span:first-child{font:700 13px/1 "Manrope",sans-serif;color:#514488;border-left:2.5px solid #514488;padding-left:8px;display:inline-flex;align-items:center;min-width:18px}
  .menu-contact{flex-direction:row;justify-content:space-between;gap:.5rem}
  .hero{height:auto;min-height:0;padding:clamp(76px, 10vh, 92px) var(--pad) 24px;display:flex;flex-direction:column;justify-content:center;align-items:center}
  .home-page .hero-reveal{height:auto;min-height:0;padding:0;overflow:hidden}
  .home-page .hero-sticky{position:relative;height:auto;min-height:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
  .hero-title, .home-page .hero-title{font-size:clamp(28px,7.5vw,42px)!important;line-height:1.05!important;gap:0.14em!important;margin:0 auto}
  .page-hero .hero-title{font-size:clamp(52px,13vw,96px)!important;line-height:0.96!important;gap:0.08em!important;margin:0 auto}
  .hero-line-main{margin-bottom:0.12em!important}
  .outline-word{-webkit-text-stroke:0.75px #0b0b0b!important;text-stroke:0.75px #0b0b0b!important;font-weight:800!important;letter-spacing:0.04em!important}
  .home-page .hero-reveal-media{display:none}
  .home-page .hero-foot{display:none}
  .hero-scroll-indicator, .home-page .hero-scroll-indicator{display:none!important}
  .footer{padding:60px 20px 24px}
  .footer-cta-row{grid-template-columns:1fr;align-items:start;gap:1.5rem}
  .footer-cta-row h2{font-size:34px;line-height:1.1}
  .footer-cta-link{font-size:24px;justify-self:start;white-space:normal;word-break:break-word}
  .footer-bottom-panel{flex-direction:column;align-items:flex-start;gap:1.4rem;padding-top:20px}
  .footer-brand-img{width:clamp(120px,30vw,150px)!important}
  .whatsapp-fab{width:56px;height:56px;right:16px;bottom:16px}
  .whatsapp-fab svg{width:29px;height:29px}
  .cookie-notice{padding:18px;bottom:12px;left:16px}
  .cookie-notice p{font-size:13px}
  .cookie-actions{display:grid;grid-template-columns:1fr 1fr}
  .cookie-actions button{padding:.6rem .7rem}
  body.cookie-notice-visible .whatsapp-fab{bottom:268px}
  .legal-hero{padding:120px 20px 62px}
  .legal-hero h1{font-size:16vw}
  .legal-content{padding:64px 20px 80px;grid-template-columns:1fr;gap:44px}
  .hero-meta{position:relative;top:auto;left:auto;right:auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.3rem;font-size:10px;letter-spacing:.06em;margin-bottom:12px;width:100%;padding:0 20px}
  .hero-meta span:last-child{display:none}
  .hero-title{font-size:clamp(48px,12vw,76px);line-height:1.08;margin-top:0}
  .hero-tag{top:54%;right:7vw;font-size:13px}
  .hero-foot{grid-template-columns:1fr auto;bottom:25px}
  .hero-foot p:last-child{display:none}
  .round-link{width:78px;height:78px}
  .campaign{grid-template-columns:1fr;gap:3rem;padding-top:100px;padding-bottom:100px}
  .campaign-copy h2{font-size:48px}
  .campaign-media{height:68vh;min-height:520px}
  .campaign-sticker{right:auto;left:22px;bottom:52px;width:120px;height:120px}
  .about{padding-top:72px;padding-bottom:80px}
  .about-lower{grid-template-columns:1fr;gap:3rem;margin-top:44px}
  .about-photo{height:58vh;min-height:390px}
  .stats{grid-template-columns:repeat(3,1fr);margin-top:80px}
  .stats>div{border-bottom:1px solid var(--line);padding:1.8rem .5rem 1.8rem 0}
  .stats>div+div{padding-left:.75rem}
  .stats strong{font-size:52px}
  .stats p{font-size:8px;letter-spacing:.04em}
  .projects{padding-top:90px}
  .section-heading,.section-heading.compact{grid-template-columns:1fr;padding:0 var(--pad) 60px}
  .section-heading h2,.section-heading.compact h2{font-size:67px;line-height:1.08}
  .section-heading>p{max-width:90%}
  .project-grid{grid-template-columns:1fr;gap:50px}
  .project-card.wide{grid-column:span 1}
  .project-media{height:115vw;min-height:0}
  .project-media span{opacity:1;left:auto;right:12px;top:auto;bottom:12px;transform:none;width:74px;height:74px}
  .project-card:hover .project-media span{transform:none}
  .all-projects{font-size:20px;margin-top:70px}
  .services{padding-top:100px;padding-bottom:80px}
  .services-intro{grid-template-columns:1fr;gap:2.5rem;margin:65px 0}
  .services-intro h2{font-size:52px}
  .service-row{min-height:auto;grid-template-columns:1fr auto;gap:1.2rem;padding:2rem 0;align-content:center}
  .service-row:hover{padding-left:0}
  .service-no{display:none!important}
  .service-row h3{grid-column:1;font-size:clamp(22px,5.8vw,30px);border-left:3px solid #ffffff;padding-left:14px;margin:0}
  .service-row p{grid-column:1/3;margin:0;padding-left:14px}
  .service-row b{grid-column:2;grid-row:1;align-self:center}
  .principles{padding-top:90px;padding-bottom:90px}
  .principle-grid{grid-template-columns:1fr;margin-top:60px}
  .principle-grid article{min-height:340px}
  .principle-grid h3{font-size:48px}
  .team{padding-top:90px;padding-bottom:90px}
  .team-track{gap:12px}
  .team-track article{flex-basis:82vw;min-width:0}
  .team-track article>div{height:120vw;min-height:0}
  .proof{padding-top:100px;padding-bottom:90px}
  .proof-title{grid-template-columns:minmax(0,1fr);gap:2rem}
  .proof-title h2{font-size:15vw}
  .quotes{grid-template-columns:1fr;margin:70px 0}
  .quotes figure{min-height:330px;padding:2rem}
  .quotes blockquote{font-size:27px}
  .awards{grid-template-columns:1fr}
  .awards>*{border-bottom:1px solid #383838;padding:1.5rem 0}
  .awards>div{border-left:0;padding-left:0;display:grid;grid-template-columns:85px 1fr;align-items:start}
  .awards p{margin:.5rem 0}
  .contact{padding-top:90px;overflow:hidden}
  .contact>h2{font-size:clamp(64px,18vw,110px);margin:50px 0 60px;word-break:break-word}
  .contact-cta{font-size:27px}
  .contact-grid{grid-template-columns:1fr;margin-top:60px;gap:45px}
  .page-hero{height:auto;min-height:60svh}
  .page-hero .hero-title{font-size:clamp(56px,14vw,96px)!important}
  .page-strip{padding:10px 0}
  .about-showcase{min-height:0;padding:100px 20px 80px;display:grid;grid-template-columns:1fr;gap:42px}
  .about-media{height:78vw;min-height:290px;max-height:410px}
  .about-media-action{width:76px;height:76px}
  .about-copy h1{font-size:50px;margin-bottom:2rem}
  .about-copy p{font-size:15px;line-height:1.55}
  .about-copy-cta{margin-top:1rem}
  .about-cta{min-height:0;padding:80px 20px;grid-template-columns:1fr;gap:3rem;align-items:start}
  .about-cta h2{font-size:11vw;line-height:1.088}
  .about-cta-link{font-size:28px;width:max-content;max-width:100%;white-space:normal;gap:1rem}
  .service-detail-hero{padding:100px 20px 80px}
  .service-back{position:static;margin-bottom:55px}
  .service-detail-heading{margin:0 0 45px}
  .service-detail-heading h1{font-size:17vw;line-height:1.08;margin:1rem 0 1.25rem}
  .service-detail-heading p{font-size:16px}
  .service-hero-media{height:62vw;min-height:260px}
  .detail-intro{padding:80px 20px;grid-template-columns:1fr;gap:2.5rem}
  .detail-intro h2{font-size:45px;margin-top:1.5rem}
  .detail-copy{padding-top:0}
  .detail-gallery{gap:12px;padding:0 20px 80px}
  .detail-gallery figure{flex-basis:78vw;height:78vw;min-height:0}
  .detail-capabilities,.detail-process{padding-left:20px;padding-right:20px;padding-bottom:80px}
  .detail-section-heading{grid-template-columns:1fr;gap:1.2rem;margin-bottom:50px}
  .detail-section-heading h2{font-size:45px}
  .detail-service-block{grid-template-columns:42px 1fr;gap:1rem;padding:45px 0}
  .detail-service-block>div{grid-template-columns:1fr;gap:1.6rem}
  .detail-service-block ul{grid-column:auto}
  .detail-service-block h3{font-size:34px}
  .detail-process ol{grid-template-columns:1fr}
  .detail-process li{min-height:230px}
  .detail-summary{padding:80px 20px;grid-template-columns:1fr;gap:2.5rem}
  .detail-summary h2{font-size:58px}
  .page-intro{padding-top:90px;padding-bottom:90px}
  .home-page .hero:not(.page-hero){height:auto!important;min-height:0!important;display:flex;align-items:center;justify-content:center;padding:clamp(78px, 10.5vh, 94px) 16px clamp(18px, 2.5vh, 26px)!important}
  .home-page .hero:not(.page-hero) .hero-sticky{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:100%;height:auto;min-height:0;display:flex;align-items:center;justify-content:center}
  .hero-sector-ticker{--sector-line-h:clamp(32px, 7.5vw, 42px)!important;margin:0 auto clamp(10px, 1.8vh, 16px) auto!important;max-width:100%!important}
  .hero-sector-stage{height:var(--sector-line-h)!important}
  .sector-slot{height:var(--sector-line-h)!important}
  .hero-sector-link{font-size:clamp(18px, 4.8vw, 24px)!important;line-height:1.2!important;padding:2px 6px!important;letter-spacing:0.05em!important}
  .home-page .hero:not(.page-hero) .hero-title{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;font-size:clamp(28px,7.5vw,42px)!important;line-height:1.05!important;letter-spacing:0.03em!important;transform:none!important;margin:0 auto!important;padding:0!important;gap:0.16em!important;width:100%!important;max-width:100%!important}
  .home-page .hero-line{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:0.22em!important;width:100%!important;white-space:normal!important;margin:0!important}
  .home-page .hero-word{display:inline-block!important;width:auto!important;text-align:center!important;white-space:nowrap!important;line-height:1.05!important;letter-spacing:0.03em!important}
  .home-page .outline-word{color:transparent!important;-webkit-text-stroke:0.75px var(--ink)!important;text-stroke:0.75px var(--ink)!important;letter-spacing:0.03em!important}
  .page-intro h2{font-size:55px;margin:55px 0}
  .page-intro-grid{grid-template-columns:1fr;gap:3rem}
  .page-intro-grid>p{font-size:18px}
  .editorial-image{height:70vh;min-height:480px;margin-top:70px}
  .mission{padding-top:90px;padding-bottom:90px}
  .mission-grid{grid-template-columns:1fr;margin-top:55px}
  .mission-card{min-height:350px;padding:2rem}
  .mission-card h3{font-size:55px}
  .archive-note{grid-template-columns:1fr;padding-top:70px;padding-bottom:70px}
  .archive-note h2{font-size:52px}
  .team-directory{grid-template-columns:1fr;gap:55px;padding-bottom:90px}
  .team-person>div{height:120vw;min-height:0}
  .contact-hero{height:auto;min-height:0;padding:100px 20px 115px;display:flex;flex-direction:column;gap:0;align-items:stretch}
  .contact-collage{width:min(78vw,310px);height:225px;flex:none}
  .contact-collage-left{order:1;align-self:flex-end}
  .contact-collage-right{order:3;align-self:flex-start}
  .contact-collage-left .contact-shot-wide{left:8%;width:78%;height:64%}
  .contact-collage-left .contact-shot-tall{right:0;width:52%;height:68%}
  .contact-collage-right .contact-shot-tall{left:0;width:52%;height:70%}
  .contact-collage-right .contact-shot-wide{right:3%;top:8%;width:76%;height:58%}
  .contact-hero-copy{order:2;margin:42px 0 50px}
  .contact-hero .hero-tag{margin-bottom:.8rem;text-align:center;font-size:9px}
  .contact-hero .hero-title{font-size:52px;line-height:1.082;text-align:center;margin:0 0 2.2rem}
  .contact-hero-details{display:flex;bottom:auto;left:auto;right:auto;font-size:14px}
  .contact-hero-details a{grid-template-columns:66px minmax(0,1fr);gap:.7rem;padding:.75rem 0;text-align:left}
  .contact-hero-details b{font-size:14px}
  .contact-call-pill{left:50%;bottom:16px;transform:translateX(-50%);white-space:nowrap}
  .contact-call-pill:hover{transform:translate(-50%,-3px)}
  .contact-project-cta{min-height:0;padding:90px 20px}
  .contact-project-title{font-size:14vw;line-height:1.082;margin:65px 0}
  .contact-project-action{grid-template-columns:1fr;align-items:start;gap:2rem}
  .contact-project-action .pill-btn{justify-self:start}
  .page-cta{grid-template-columns:1fr;padding-top:90px;padding-bottom:90px}
  .page-cta h2{font-size:16vw}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js .hero-title span,.js .hero-meta,.js .hero-tag,.js .hero-foot,.js .scroll-reveal,.js .contact-shot,.js .contact-project-title,.js .about-media,.js .about-copy>*,.js .service-detail-heading>*,.js .service-back,.js .service-hero-media,.menu-panel nav a{opacity:1;filter:none;transform:none;clip-path:none}
  .project-media img{transform:none}
}


/* Clean SVG Arrow styling */
.arrow-icon{display:inline-block;vertical-align:middle;width:1.05em;height:1.05em;stroke:currentColor;fill:none;stroke-width:2.2;background:none!important;border:none!important;box-shadow:none!important;transition:transform .3s ease}
a:hover .arrow-icon, .pill-btn:hover .arrow-icon, .text-link:hover .arrow-icon, .service-row:hover .arrow-icon{transform:translate(3px,-3px)}
.text-link{display:inline-flex;gap:1.2rem;align-items:center;border-bottom:1px solid currentColor;padding-bottom:.5rem}


/* Permanently hide small kicker labels and overlapping tags */
.micro, .section-kicker, .hero-meta, .hero-tag, .form-kicker, .card-tag, .sec-process-step, .about-copy > .micro, .detail-service-block > span, .detail-process li > span, .principle-grid article > span {
  display: none !important;
}

.about-media-action{display:none!important}

.hero-reveal-media{display:none!important}

/* Progress Bar at top of screen */
#scroll-progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  width: 0%;
  background: #514488;
  z-index: 9999;
  transition: width 0.1s linear;
  pointer-events: none;
}

/* Header Scrolled state - preserves light/dark theme contrast */
.site-header {
  transition: height 0.35s ease, padding 0.35s ease, background 0.35s ease, backdrop-filter 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important;
}

.site-header.scrolled {
  height: 74px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.site-header.light-text.scrolled {
  background: rgba(11, 11, 11, 0.88) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

.site-header:not(.light-text).scrolled {
  background: rgba(238, 240, 242, 0.88) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #0b0b0b !important;
}

/* Scroll-Driven Staggered Fade-Up Reveal System */
.js .reveal-on-scroll {
  opacity: 0;
  transform: translateY(40px);
  will-change: transform, opacity;
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.js .reveal-on-scroll.is-revealed {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.reveal-delay-1 { transition-delay: 0.08s; }
.reveal-delay-2 { transition-delay: 0.16s; }
.reveal-delay-3 { transition-delay: 0.24s; }
.reveal-delay-4 { transition-delay: 0.32s; }
.reveal-delay-5 { transition-delay: 0.40s; }
.reveal-delay-6 { transition-delay: 0.48s; }

/* ==========================================================================
   2026 CLEAN & ORGANIZED BLOG SYSTEM (INDEX & DEDICATED ARTICLE PAGES)
   ========================================================================== */
.blog-index-page, .blog-post-page {
  background: var(--paper);
  color: var(--ink);
}

/* --- Clean Hero Section on blog.html --- */
.blog-clean-hero {
  padding: clamp(110px, 12vh, 135px) var(--pad) 36px;
  background: var(--paper);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.blog-clean-hero-container {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.blog-hero-breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.blog-hero-back {
  font: 600 13px "Manrope", sans-serif;
  color: #64748b;
  text-decoration: none;
  transition: color 0.2s ease;
}

.blog-hero-back:hover {
  color: #0b0b0b;
}

.blog-hero-sep {
  color: #cbd5e1;
  font-size: 13px;
}

.blog-hero-badge {
  font: 600 12px "Manrope", sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: rgba(81, 68, 136, 0.08);
  color: #514488;
  padding: 4px 12px;
  border-radius: 999px;
  border: 1px solid rgba(81, 68, 136, 0.16);
}

.blog-clean-hero h1 {
  font: 700 clamp(32px, 3.8vw, 54px)/1.18 "Manrope", sans-serif;
  letter-spacing: -0.03em;
  color: #0b0b0b;
  margin: 0 0 0.8rem;
  max-width: 100%;
}

.blog-clean-hero p {
  font: 400 clamp(16px, 1.2vw, 19px)/1.6 "Manrope", sans-serif;
  color: #475569;
  max-width: 1100px;
  margin: 0 0 1.8rem;
}

/* Category Filter Tabs with count */
.blog-filter-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.blog-filter-tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.blog-filter-btn {
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #ffffff;
  color: #1e293b;
  padding: 6px 15px;
  border-radius: 999px;
  font: 600 13px "Manrope", sans-serif;
  cursor: pointer;
  transition: all 0.2s ease;
}

.blog-filter-btn:hover {
  background: rgba(0, 0, 0, 0.04);
  border-color: #0b0b0b;
}

.blog-filter-btn.active {
  background: #0b0b0b;
  color: #ffffff;
  border-color: #0b0b0b;
}

/* --- Articles Grid on blog.html --- */
.blog-grid-section {
  padding: 44px var(--pad) 90px;
  background: var(--paper);
}

.blog-grid-container {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.blog-articles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(24px, 2.4vw, 36px);
}

.blog-card {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.16);
}

.blog-card-link {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.blog-card-media {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #111;
  position: relative;
}

.blog-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.blog-card:hover .blog-card-media img {
  transform: scale(1.04);
}

.blog-card-body {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.blog-card-meta {
  display: flex;
  align-items: center;
  margin-bottom: 0.85rem;
}

.blog-card-category {
  color: #514488;
  background: rgba(81, 68, 136, 0.08);
  padding: 4px 10px;
  border-radius: 6px;
  font: 600 12px "Manrope", sans-serif;
  letter-spacing: 0.02em;
}

.blog-card-title {
  font: 700 clamp(17px, 1.3vw, 21px)/1.32 "Manrope", sans-serif;
  letter-spacing: -0.02em;
  color: #0b0b0b;
  margin: 0 0 0.65rem;
}

.blog-card-excerpt {
  font: 400 14px/1.6 "Manrope", sans-serif;
  color: #475569;
  margin: 0 0 1.35rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex-grow: 1;
}

.blog-card-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  margin-top: auto;
}

.blog-card-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 11px 20px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #0b0b0b;
  border: 1px solid rgba(0, 0, 0, 0.08);
  font: 700 14px "Manrope", sans-serif;
  transition: all 0.25s ease;
  text-align: center;
}

.blog-card:hover .blog-card-btn {
  background: #0b0b0b;
  color: #ffffff;
  border-color: #0b0b0b;
}

.blog-card-btn svg {
  transition: transform 0.25s ease;
}

.blog-card:hover .blog-card-btn svg {
  transform: translateX(4px);
}

/* --- Individual Dedicated Blog Post Page --- */
.blog-post-page {
  background: var(--paper);
}

.blog-single-article {
  width: 100%;
}

.blog-post-wrap {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: clamp(110px, 12vh, 135px) var(--pad) 90px;
  box-sizing: border-box;
}

.blog-post-header {
  max-width: 1400px;
  margin-bottom: 2.4rem;
}

.blog-post-breadcrumb {
  display: none !important;
}

.blog-back-btn {
  color: #514488;
  text-decoration: none;
  font-weight: 700;
  transition: color 0.2s ease;
}

.blog-back-btn:hover {
  color: #0b0b0b;
}

.blog-breadcrumb-sep {
  color: #cbd5e1;
}

.blog-post-cat {
  background: rgba(81, 68, 136, 0.08);
  color: #514488;
  padding: 3px 10px;
  border-radius: 6px;
}

.blog-post-time, .blog-post-date {
  color: #64748b;
  font-family: "DM Mono", monospace;
}

.blog-post-header h1 {
  font: 700 clamp(30px, 3.6vw, 52px)/1.18 "Manrope", sans-serif;
  letter-spacing: -0.03em;
  color: #0b0b0b;
  margin: 0 0 1.2rem;
  max-width: 100%;
}

.blog-post-lead {
  font: 400 clamp(16.5px, 1.25vw, 20px)/1.65 "Manrope", sans-serif;
  color: #334155;
  margin: 0;
  max-width: 1200px;
}

.blog-post-banner {
  width: 100%;
  height: clamp(340px, 38vw, 600px);
  max-height: 600px;
  border-radius: var(--radius);
  overflow: hidden;
  margin-bottom: 3.5rem;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.07);
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.blog-post-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.blog-post-content {
  font: 400 17.5px/1.85 "Manrope", sans-serif;
  color: #1e293b;
  max-width: 100%;
}

.blog-post-content h2 {
  font: 700 clamp(24px, 2.6vw, 34px)/1.28 "Manrope", sans-serif;
  letter-spacing: -0.025em;
  color: #0b0b0b;
  margin: 2.8rem 0 1rem;
  max-width: 1200px;
}

.blog-post-content h3 {
  font: 600 21px/1.35 "Manrope", sans-serif;
  letter-spacing: -0.02em;
  color: #0b0b0b;
  margin: 2rem 0 0.8rem;
  max-width: 1200px;
}

.blog-post-content p {
  margin: 0 0 1.45rem;
  max-width: 1150px;
}

.blog-post-content ul, .blog-post-content ol {
  margin: 0 0 1.8rem;
  padding-left: 1.5rem;
  max-width: 1150px;
}

.blog-post-content li {
  margin-bottom: 0.7rem;
  line-height: 1.75;
}

.blog-post-content .key-takeaway-box {
  background: #ffffff;
  border-left: 4px solid #514488;
  padding: clamp(24px, 2.8vw, 36px);
  border-radius: 0 var(--radius) var(--radius) 0;
  margin: 2.4rem 0;
  font-size: 16.5px;
  line-height: 1.7;
  max-width: 1200px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);
  border-top: 1px solid rgba(0,0,0,0.05);
  border-right: 1px solid rgba(0,0,0,0.05);
  border-bottom: 1px solid rgba(0,0,0,0.05);
}

.blog-post-content .key-takeaway-box strong {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #514488;
  margin-bottom: 0.6rem;
}

.blog-post-content .faq-box {
  background: #ffffff;
  padding: clamp(24px, 2.8vw, 36px);
  border-radius: var(--radius);
  margin: 2.4rem 0;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);
  max-width: 1200px;
}

.blog-post-content .faq-box h3 {
  margin-top: 0;
}

.blog-post-footer-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 2.4rem;
  margin-top: 3.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  flex-wrap: wrap;
  gap: 1.2rem;
  max-width: 100%;
}

.blog-btn-outline {
  display: inline-flex;
  align-items: center;
  font: 600 14px "Manrope", sans-serif;
  color: #0b0b0b;
  text-decoration: none;
  padding: 11px 24px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}

.blog-btn-outline:hover {
  background: #0b0b0b;
  color: #ffffff;
}

.blog-btn-dark {
  display: inline-flex;
  align-items: center;
  font: 600 14px "Manrope", sans-serif;
  background: #0b0b0b;
  color: #ffffff;
  text-decoration: none;
  padding: 11px 24px;
  border-radius: 999px;
  border: 1px solid #0b0b0b;
  transition: all 0.2s ease;
}

.blog-btn-dark:hover {
  background: #514488;
  border-color: #514488;
}

/* Responsive Blog Adjustments */
@media (min-width: 1600px) {
  .blog-articles-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1100px) {
  .blog-articles-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .blog-clean-hero {
    padding-top: 105px;
  }
  .blog-articles-grid {
    grid-template-columns: 1fr;
  }
  .blog-filter-container {
    flex-direction: column;
    align-items: flex-start;
  }
  .blog-total-badge {
    align-self: flex-start;
  }
  .blog-post-footer-nav {
    flex-direction: column;
    align-items: stretch;
  }
  .blog-btn-outline, .blog-btn-dark {
    justify-content: center;
  }
}

/* ==========================================================================
   2026 SECTOR DETAIL PAGES - FULL WIDTH, CLEAN & DENSE DESIGN SYSTEM
   ========================================================================== */
.sector-detail-page {
  background: var(--paper);
}

.sector-page-wrap {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: clamp(50px, 6vh, 80px) var(--pad) 80px;
  box-sizing: border-box;
}

/* Breadcrumb & Tags */
.sec-badge-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}
.sec-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: 600 12.5px/1 "Manrope", sans-serif;
  color: #4b5563;
  text-decoration: none;
  padding: 6px 14px;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 999px;
  transition: all .2s ease;
}
.sec-back-link:hover {
  background: #0b0b0b;
  border-color: #0b0b0b;
  color: #ffffff;
}
.sec-tag {
  display: inline-block;
  font: 700 12px/1.2 "Manrope", sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #514488;
  background: transparent !important;
  border: none !important;
  border-left: 3px solid #514488 !important;
  padding: 2px 0 2px 10px !important;
  border-radius: 0 !important;
}

.service-step-tag {
  display: inline-block;
  font: 700 12px/1.2 "Manrope", sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #514488;
  background: transparent !important;
  border: none !important;
  border-left: 3px solid #514488 !important;
  padding: 2px 0 2px 8px !important;
  border-radius: 0 !important;
  margin-bottom: 12px;
}

/* Hero Header */
.sec-header {
  margin-bottom: clamp(28px, 3vw, 40px);
}
.sec-header h1 {
  font: 700 clamp(32px, 3.8vw, 54px)/1.18 "Manrope", sans-serif;
  letter-spacing: -0.03em;
  color: #0b0b0b;
  margin: 0 0 16px;
  max-width: 100%;
}
.sec-header p {
  font: 400 clamp(16px, 1.25vw, 19px)/1.6 "Manrope", sans-serif;
  color: #4b5563;
  margin: 0 0 24px;
  max-width: 1200px;
}
.sec-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.sec-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #0b0b0b;
  color: #ffffff !important;
  font: 600 14px/1 "Manrope", sans-serif;
  padding: 13px 26px;
  border-radius: 999px;
  text-decoration: none;
  transition: transform .2s ease, background .2s ease;
}
.sec-btn-primary:hover {
  background: #514488;
  transform: translateY(-2px);
}
.sec-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #ffffff;
  color: #0b0b0b !important;
  font: 600 14px/1 "Manrope", sans-serif;
  padding: 12px 22px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.15);
  text-decoration: none;
  transition: all .2s ease;
}
.sec-btn-secondary:hover {
  background: #f3f4f6;
  border-color: #0b0b0b;
  transform: translateY(-2px);
}

/* Hero Compact Banner */
.sec-hero-banner {
  width: 100%;
  height: clamp(340px, 38vw, 600px);
  border-radius: var(--radius);
  overflow: hidden;
  position: relative;
  background: #e2e8f0;
  box-shadow: 0 16px 40px rgba(0,0,0,0.06);
  margin-bottom: clamp(36px, 4vw, 56px);
}
.sec-hero-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Intro / Value Proposition Card */
.sec-intro-card {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: var(--radius);
  padding: clamp(32px, 3.5vw, 52px);
  margin-bottom: clamp(40px, 4vw, 60px);
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: clamp(32px, 4vw, 64px);
  align-items: center;
  box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}
.sec-intro-left h2 {
  font: 800 clamp(26px, 2.6vw, 36px)/1.22 "Manrope", sans-serif !important;
  letter-spacing: -0.025em;
  color: #0b0b0b !important;
  font-style: normal !important;
  margin: 12px 0 0;
}
.sec-intro-left h2 * {
  font-family: inherit !important;
  font-style: normal !important;
  font-weight: inherit !important;
}
.sec-intro-right p {
  font: 400 16.5px/1.7 "Manrope", sans-serif;
  color: #4b5563;
  margin: 0 0 14px;
}
.sec-intro-right p:last-child {
  margin-bottom: 0;
}

/* Section Title */
.sec-section-title {
  margin-bottom: 28px;
}
.sec-section-title h2 {
  font: 700 clamp(26px, 2.6vw, 36px)/1.25 "Manrope", sans-serif;
  letter-spacing: -0.02em;
  color: #0b0b0b;
  margin: 0 0 8px;
}
.sec-section-title p {
  font: 400 16px/1.55 "Manrope", sans-serif;
  color: #6b7280;
  margin: 0;
}

/* 360 Services Grid */
.sec-services-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(18px, 1.8vw, 28px);
  margin-bottom: clamp(44px, 4.5vw, 64px);
}
.sec-service-card {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  padding: clamp(24px, 2.4vw, 32px);
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 16px rgba(0,0,0,0.02);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.sec-service-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.06);
  border-color: rgba(0,0,0,0.16);
}
.sec-service-card-top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.sec-service-num {
  font: 800 16px/1 "Manrope", sans-serif;
  color: #514488;
  background: transparent;
  border: none;
  border-left: 2.5px solid #514488;
  padding: 0 0 0 7px;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
}
.sec-service-card h3 {
  font: 700 19px/1.3 "Manrope", sans-serif;
  color: #0b0b0b;
  margin: 0;
}
.sec-service-desc {
  font: 400 14.5px/1.65 "Manrope", sans-serif;
  color: #4b5563;
  margin: 0 0 16px;
  flex-grow: 1;
}
.sec-service-items {
  list-style: none;
  padding: 14px 0 0;
  margin: 0;
  border-top: 1px solid rgba(0,0,0,0.06);
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.sec-service-items li {
  font: 500 14px/1.5 "Manrope", sans-serif;
  color: #1f2937;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.sec-service-items li::before {
  content: "✓";
  font-weight: 700;
  color: #16a34a;
  flex-shrink: 0;
}

/* Process Grid (4 steps) */
.sec-process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(16px, 1.8vw, 24px);
  margin-bottom: clamp(44px, 4.5vw, 64px);
}
.sec-process-card {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  border-left: 3px solid #514488;
  border-radius: 14px;
  padding: clamp(22px, 2.2vw, 28px);
  box-shadow: 0 2px 10px rgba(0,0,0,0.02);
}
.sec-process-num {
  display: block;
  font: 800 24px/1 "Manrope", sans-serif;
  color: #514488;
  margin-bottom: 10px;
  letter-spacing: -0.02em;
}
.sec-process-card strong {
  display: block;
  font: 700 17px/1.3 "Manrope", sans-serif;
  color: #0b0b0b;
  margin-bottom: 8px;
}
.sec-process-card p {
  font: 400 14px/1.6 "Manrope", sans-serif;
  color: #6b7280;
  margin: 0;
}

/* FAQ Section - 100% High Contrast & GEO Optimized */
.sec-faq-section {
  margin-bottom: clamp(44px, 4.5vw, 64px);
}
.sec-faq-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(16px, 1.8vw, 24px);
  counter-reset: faq-counter;
}
.sec-faq-item {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 14px;
  padding: clamp(22px, 2.2vw, 28px);
  box-shadow: 0 2px 8px rgba(0,0,0,0.02);
  counter-increment: faq-counter;
}
.sec-faq-item h3 {
  font: 700 17.5px/1.4 "Manrope", sans-serif;
  color: #0b0b0b !important;
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.sec-faq-item h3::before {
  content: counter(faq-counter);
  display: inline-flex;
  align-items: center;
  background: transparent !important;
  color: #514488 !important;
  font: 800 17px/1 "Manrope", sans-serif;
  border: none !important;
  border-left: 3px solid #514488 !important;
  padding: 0 0 0 8px !important;
  border-radius: 0 !important;
  flex-shrink: 0;
  width: auto !important;
  height: auto !important;
}
.sec-faq-item p {
  font: 400 15px/1.7 "Manrope", sans-serif;
  color: #374151 !important;
  margin: 0;
  padding-left: 20px;
}

/* Bottom CTA Banner */
.sec-cta-banner {
  background: #0b0b0b;
  border-radius: var(--radius);
  padding: clamp(36px, 4.5vw, 60px);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  flex-wrap: wrap;
}
.sec-cta-banner h3 {
  font: 700 clamp(24px, 2.6vw, 34px)/1.2 "Manrope", sans-serif;
  margin: 0 0 10px;
  color: #ffffff;
}
.sec-cta-banner p {
  font: 400 16px/1.6 "Manrope", sans-serif;
  color: #9ca3af;
  margin: 0;
  max-width: 800px;
}
.sec-cta-buttons {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.sec-cta-btn-white {
  background: #ffffff;
  color: #0b0b0b !important;
  font: 600 14px/1 "Manrope", sans-serif;
  padding: 13px 26px;
  border-radius: 999px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: transform .2s ease, background .2s ease;
}
.sec-cta-btn-white:hover {
  transform: translateY(-2px);
  background: #f3f4f6;
}
.sec-cta-btn-outline {
  background: transparent;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.25);
  font: 600 14px/1 "Manrope", sans-serif;
  padding: 13px 24px;
  border-radius: 999px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .2s ease;
}
.sec-cta-btn-outline:hover {
  border-color: #ffffff;
  background: rgba(255,255,255,0.08);
  transform: translateY(-2px);
}

/* Responsive adjustments */
@media (max-width: 1280px) {
  .sec-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 900px) {
  .sec-intro-card {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .sec-services-grid {
    grid-template-columns: 1fr;
  }
  .sec-process-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .sec-faq-list {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .sector-page-wrap {
    padding-top: 96px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .sec-process-grid {
    grid-template-columns: 1fr;
  }
  .sec-faq-item p {
    padding-left: 0;
  }
  .sec-cta-banner {
    flex-direction: column;
    align-items: flex-start;
  }
  .blog-post-wrap {
    padding: 96px 16px 60px;
  }
  .blog-post-header h1 {
    font-size: clamp(22px, 6.5vw, 30px);
  }
  .blog-post-content {
    font-size: 15.5px;
    line-height: 1.75;
  }
  .blog-clean-hero h1 {
    font-size: clamp(26px, 7vw, 36px);
  }
}

@media (max-width: 480px) {
  .sec-actions {
    width: 100%;
  }
  .sec-btn-primary {
    width: 100%;
    justify-content: center;
  }
  .sec-header h1 {
    font-size: clamp(24px, 6.5vw, 32px);
  }
  .blog-card-btn {
    padding: 11px 16px;
    font-size: 13.5px;
  }
}

/* Clean Page Intro Section (Hizmetler & Projeler) */
.page-intro {
  padding: clamp(36px, 4vw, 64px) var(--pad);
  background: var(--paper);
}
.page-intro-container {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.page-intro-top {
  margin-bottom: 28px;
}
.page-intro-top h2 {
  font: 700 clamp(26px, 3.2vw, 44px)/1.2 "Manrope", sans-serif;
  letter-spacing: -0.03em;
  color: #0b0b0b;
  margin: 12px 0 0;
  max-width: 900px;
}
.page-intro-grid-card {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  padding: clamp(24px, 3.2vw, 40px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(28px, 4vw, 48px);
  align-items: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}
.page-intro-lead {
  font: 600 clamp(16px, 1.35vw, 19px)/1.55 "Manrope", sans-serif;
  color: #0b0b0b;
  margin: 0 0 20px;
}
.page-intro-checklist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.page-intro-checklist li {
  font: 500 13.5px/1.4 "Manrope", sans-serif;
  color: #374151;
  display: flex;
  align-items: center;
  gap: 8px;
}
.page-intro-checklist li span {
  color: #514488;
  font-weight: 700;
}
.page-intro-col-right p {
  font: 400 15px/1.65 "Manrope", sans-serif;
  color: #4b5563;
  margin: 0 0 14px;
}
.page-intro-actions {
  margin-top: 20px;
}

@media (max-width: 768px) {
  .page-intro {
    padding: 36px 20px;
  }
  .page-intro-grid-card {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 24px 20px;
  }

}

/* =====================================================
   GOOGLE REVIEWS SLIDER
   ===================================================== */

.reviews-section {
  background: #fff;
  padding: 100px var(--pad, 48px);
  overflow: hidden;
}

/* Header */
.reviews-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 52px;
  flex-wrap: wrap;
}

.reviews-header-left .sec-tag {
  display: block;
  margin-bottom: 14px;
}

.reviews-header-left h2 {
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: clamp(36px, 4.5vw, 64px) !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  font-style: normal !important;
  color: #0b0b0b !important;
  margin: 0;
}

.reviews-header-left h2,
.reviews-header-left h2 * {
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-style: normal !important;
  font-weight: 800 !important;
  color: #0b0b0b !important;
}

.reviews-header-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

.reviews-rating-block {
  display: flex;
  align-items: center;
  gap: 10px;
}

.reviews-stars {
  display: flex;
  gap: 3px;
  color: #FBBC05;
}

.reviews-score {
  font: 700 28px/1 "Manrope", sans-serif;
  color: #0b0b0b;
  letter-spacing: -0.02em;
}

.reviews-google-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1.5px solid #e0e0e0;
  border-radius: 100px;
  text-decoration: none;
  transition: border-color .2s, box-shadow .2s;
}

.reviews-google-badge span {
  font: 600 13px/1 "Manrope", sans-serif;
  color: #555;
}

.reviews-google-badge:hover {
  border-color: #4285F4;
  box-shadow: 0 2px 10px rgba(66,133,244,.12);
}

.reviews-count {
  font: 500 13px/1 "Manrope", sans-serif;
  color: #888;
  letter-spacing: .04em;
}

/* Slider wrapper */
.reviews-slider-wrapper {
  position: relative;
}

.reviews-track {
  display: flex;
  gap: 20px;
  transition: transform .45s cubic-bezier(.4,0,.2,1);
  will-change: transform;
}

/* Review Card */
.review-card {
  flex: 0 0 calc((100% - 40px) / 3);
  min-width: 0;
  background: #fff;
  border: 1.5px solid #ebebeb;
  border-radius: 18px;
  padding: 28px 26px 24px;
  box-shadow: 0 2px 16px rgba(0,0,0,.05);
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: box-shadow .25s, transform .25s;
  cursor: default;
}

.review-card:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,.10);
  transform: translateY(-2px);
}

/* Card top row */
.review-card-top {
  display: flex;
  align-items: center;
  gap: 12px;
}

.review-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.review-avatar-initials {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 700 17px/1 "Manrope", sans-serif;
  color: #fff;
  background: #0b0b0b;
  text-transform: uppercase;
}

.review-meta {
  flex: 1;
  min-width: 0;
}

.review-author {
  font: 700 15px/1.2 "Manrope", sans-serif;
  color: #0b0b0b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.review-time {
  font: 400 12px/1 "Manrope", sans-serif;
  color: #aaa;
  margin-top: 4px;
}

.review-google-icon {
  flex-shrink: 0;
  opacity: .75;
}

/* Stars */
.review-stars {
  display: flex;
  gap: 2px;
  color: #FBBC05;
}

/* Text */
.review-text {
  font: 400 14px/1.65 "Manrope", sans-serif;
  color: #444;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.review-rating-only {
  color: #888;
  font-style: italic;
  font-size: 13px;
}

/* Nav buttons */
.reviews-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1.5px solid #ddd;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .2s;
  z-index: 5;
  color: #0b0b0b;
}

.reviews-nav:hover:not(:disabled) {
  background: #0b0b0b;
  border-color: #0b0b0b;
  color: #fff;
  box-shadow: 0 4px 16px rgba(0,0,0,.18);
}

.reviews-nav:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.reviews-nav-prev {
  left: -22px;
}

.reviews-nav-next {
  right: -22px;
}

/* Dots */
.reviews-dots {
  display: flex;
  justify-content: center;
  gap: 7px;
  margin-top: 28px;
}

.reviews-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background: #ddd;
  cursor: pointer;
  padding: 0;
  transition: background .2s, transform .2s;
}

.reviews-dot.is-active {
  background: #0b0b0b;
  transform: scale(1.3);
}

/* Skeleton loader */
.reviews-loading {
  display: flex;
  gap: 20px;
  width: 100%;
}

.reviews-skeleton {
  flex: 0 0 calc((100% - 40px) / 3);
  height: 220px;
  border-radius: 18px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.5s infinite;
}

@keyframes skeleton-shimmer {
  0% { background-position: 200% 0 }
  100% { background-position: -200% 0 }
}

/* Reviews responsive */
@media (max-width: 900px) {
  .reviews-nav-prev { left: -14px }
  .reviews-nav-next { right: -14px }

  .review-card {
    flex: 0 0 calc((100% - 20px) / 2);
  }

  .reviews-skeleton {
    flex: 0 0 calc((100% - 20px) / 2);
  }

  .reviews-loading .reviews-skeleton:nth-child(3) {
    display: none;
  }
}

@media (max-width: 600px) {
  .reviews-section {
    padding: 72px 20px;
  }

  .reviews-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
    margin-bottom: 36px;
  }

  .reviews-header-right {
    align-items: flex-start;
  }

  .review-card {
    flex: 0 0 calc(100% - 0px);
  }

  .reviews-skeleton {
    flex: 0 0 100%;
  }

  .reviews-loading .reviews-skeleton:nth-child(2),
  .reviews-loading .reviews-skeleton:nth-child(3) {
    display: none;
  }

  .reviews-nav-prev { left: -8px }
  .reviews-nav-next { right: -8px }

  .reviews-nav {
    width: 38px;
    height: 38px;
  }
}

/* =====================================================
   AGENCY (HAKKIMIZDA) PAGE REDESIGN — 2026 AESTHETICS
   ===================================================== */
.agency-container {
  width: 100%;
  max-width: 100%;
  padding: 0 var(--pad, 4.2vw);
  box-sizing: border-box;
}

/* Manifesto Section */
.agency-manifesto-section {
  padding: clamp(60px, 7vw, 110px) 0;
  background: var(--paper, #f7f7f8);
}

.agency-manifesto-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.95fr;
  gap: clamp(40px, 5.5vw, 90px);
  align-items: start;
}

.agency-manifesto-title {
  font-family: "Manrope", sans-serif !important;
  font-size: clamp(34px, 4.2vw, 62px) !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: #0b0b0b !important;
  margin: 14px 0 24px;
}

.agency-manifesto-title em,
.agency-manifesto-title strong {
  font-family: "Manrope", sans-serif !important;
  font-style: normal !important;
  font-weight: 800 !important;
  color: #0b0b0b !important;
}

.agency-manifesto-lead {
  font: 400 clamp(16px, 1.25vw, 19px)/1.65 "Manrope", sans-serif;
  color: #4b5563;
  margin: 0 0 32px;
}

.agency-quick-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 36px;
  padding: 24px;
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}

.agency-quick-feat {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.agency-quick-feat .feat-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: rgba(81, 68, 136, 0.08);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #514488;
}

.agency-quick-feat strong {
  display: block;
  font: 700 15px/1.3 "Manrope", sans-serif;
  color: #0b0b0b;
  margin-bottom: 4px;
}

.agency-quick-feat p {
  font: 400 13px/1.45 "Manrope", sans-serif;
  color: #6b7280;
  margin: 0;
}

.agency-actions {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}

.agency-phone-link {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #0b0b0b;
  transition: transform 0.2s ease;
}

.agency-phone-link:hover {
  transform: translateY(-2px);
  color: #514488;
}

.phone-icon-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: grid;
  place-items: center;
  font-size: 16px;
}

.agency-phone-link small {
  display: block;
  font: 500 11px/1 "Manrope", sans-serif;
  color: #888;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.agency-phone-link strong {
  font: 700 16px/1.2 "Manrope", sans-serif;
  color: inherit;
}

/* Cards Column */
.agency-manifesto-cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.agency-card {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 20px;
  padding: clamp(26px, 3vw, 36px);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.03);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;
}

.agency-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.06);
}

.agency-card-highlight {
  background: linear-gradient(145deg, #ffffff 0%, #f4f3fa 100%);
  border-color: rgba(81, 68, 136, 0.2);
}

.agency-card-badge {
  display: inline-block;
  font: 700 12px/1.2 "Manrope", sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #514488;
  background: transparent !important;
  border: none !important;
  border-left: 3px solid #514488 !important;
  padding: 2px 0 2px 10px !important;
  border-radius: 0 !important;
  margin-bottom: 16px;
}

.agency-card h3 {
  font-family: "Manrope", sans-serif !important;
  font-size: clamp(20px, 1.8vw, 25px) !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  color: #0b0b0b;
  margin: 0 0 12px;
}

.agency-card p {
  font: 400 14.5px/1.6 "Manrope", sans-serif;
  color: #4b5563;
  margin: 0;
}

/* Stats Section */
.agency-stats-section {
  background: #0b0b0b;
  color: #ffffff;
  padding: clamp(48px, 5.5vw, 72px) 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.agency-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(20px, 3vw, 40px);
}

.stat-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-left: 20px;
  border-left: 2px solid rgba(167, 139, 250, 0.4);
}

.stat-num {
  font: 800 clamp(38px, 4.5vw, 62px)/1 "Manrope", sans-serif;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.stat-label {
  font: 500 13.5px/1.4 "Manrope", sans-serif;
  color: #9ca3af;
}

/* Bento Grid: 4 Pillars */
.agency-pillars-section {
  padding: clamp(70px, 8vw, 120px) 0;
  background: #ffffff;
}

.agency-bento-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.bento-card {
  background: #f9fafb;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 20px;
  padding: clamp(28px, 3vw, 40px);
  display: flex;
  flex-direction: column;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;
}

.bento-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.06);
  border-color: rgba(81, 68, 136, 0.2);
}

.bento-card-large {
  grid-column: span 2;
  background: linear-gradient(135deg, #f9fafb 0%, #f2f0f9 100%);
}

.bento-card-wide {
  grid-column: span 3;
  background: #ffffff;
  border: 1.5px solid rgba(81, 68, 136, 0.15);
}

.bento-icon {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 18px;
}

.bento-kicker {
  font: 700 11px/1 "Manrope", sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #514488;
  margin-bottom: 10px;
}

.bento-card h3 {
  font-family: "Manrope", sans-serif !important;
  font-size: clamp(21px, 1.9vw, 27px) !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  color: #0b0b0b;
  margin: 0 0 14px;
}

.bento-card p {
  font: 400 15px/1.65 "Manrope", sans-serif;
  color: #4b5563;
  margin: 0 0 20px;
}

.bento-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}

.bento-tags span {
  font: 600 12px/1 "Manrope", sans-serif;
  padding: 6px 12px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 100px;
  color: #374151;
}

/* CTA Banner Section */
.agency-cta-section {
  background: #0b0b0b;
  padding: clamp(60px, 7vw, 100px) 0;
}

.agency-cta-banner {
  background: radial-gradient(circle at 80% 50%, rgba(81, 68, 136, 0.4) 0%, rgba(11, 11, 11, 0.95) 70%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 28px;
  padding: clamp(36px, 5vw, 64px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  flex-wrap: wrap;
}

.agency-cta-content h2 {
  font-family: "Manrope", sans-serif !important;
  font-size: clamp(28px, 3.5vw, 48px) !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 10px 0 12px;
}

.agency-cta-content p {
  font: 400 16px/1.55 "Manrope", sans-serif;
  color: #9ca3af;
  margin: 0;
  max-width: 580px;
}

.agency-cta-buttons {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

/* Responsive Overrides */
@media (max-width: 992px) {
  .agency-manifesto-grid {
    grid-template-columns: 1fr;
  }
  .agency-stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  .agency-bento-grid {
    grid-template-columns: 1fr;
  }
  .bento-card-large, .bento-card-wide {
    grid-column: span 1;
  }
}

@media (max-width: 600px) {
  .agency-quick-features {
    grid-template-columns: 1fr;
  }
  .agency-stats-grid {
    grid-template-columns: 1fr;
  }
  .agency-cta-banner {
    padding: 28px 20px;
  }
  .agency-actions {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* =====================================================
   PROJECTS (PROJELER) PAGE REDESIGN — 2026 AESTHETICS
   ===================================================== */
.projects-portfolio-section {
  padding: clamp(60px, 7vw, 110px) 0;
  background: var(--paper, #f7f7f8);
}

.portfolio-container {
  width: 100%;
  max-width: 100%;
  padding: 0 var(--pad, 4.2vw);
  box-sizing: border-box;
}

.portfolio-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 32px;
  margin-bottom: clamp(36px, 4.5vw, 54px);
  flex-wrap: wrap;
}

.portfolio-header-left {
  max-width: 750px;
}

.portfolio-header-left h2 {
  font-family: "Manrope", sans-serif !important;
  font-size: clamp(34px, 4.2vw, 62px) !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: #0b0b0b;
  margin: 14px 0 16px;
}

.portfolio-header-left p {
  font: 400 clamp(16px, 1.2vw, 19px)/1.6 "Manrope", sans-serif;
  color: #4b5563;
  margin: 0;
}

/* Filter Bar */
.portfolio-filter-bar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: clamp(32px, 4vw, 48px);
}

.portfolio-filter-tab {
  font: 600 13px/1 "Manrope", sans-serif;
  letter-spacing: 0.04em;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #ffffff;
  color: #4b5563;
  cursor: pointer;
  transition: all 0.25s ease;
  user-select: none;
}

.portfolio-filter-tab:hover {
  border-color: #514488;
  color: #514488;
  transform: translateY(-2px);
}

.portfolio-filter-tab.is-active {
  background: #0b0b0b;
  border-color: #0b0b0b;
  color: #ffffff;
}

/* Portfolio Placeholder Grid */
.portfolio-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(24px, 3.2vw, 42px);
  margin-bottom: clamp(60px, 7vw, 90px);
}

.portfolio-card-placeholder {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.02);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.3s ease;
  position: relative;
}

.portfolio-card-placeholder:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.07);
  border-color: rgba(81, 68, 136, 0.25);
}

.portfolio-card-preview {
  height: clamp(240px, 24vw, 340px);
  background: linear-gradient(135deg, #1e1e24 0%, #121316 100%);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.portfolio-card-preview::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: 
    radial-gradient(circle at 50% 50%, rgba(81, 68, 136, 0.25) 0%, transparent 65%),
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 100% 100%, 28px 28px, 28px 28px;
}

.portfolio-wireframe-badge {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.wireframe-icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: grid;
  place-items: center;
  font-size: 22px;
  color: #a78bfa;
}

.wireframe-status {
  font: 700 11px/1 "Manrope", sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #a78bfa;
  background: rgba(167, 139, 250, 0.12);
  padding: 6px 14px;
  border-radius: 100px;
  border: 1px solid rgba(167, 139, 250, 0.25);
}

.portfolio-card-info {
  padding: clamp(24px, 2.5vw, 32px);
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #ffffff;
}

.portfolio-card-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font: 600 12px/1 "Manrope", sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #514488;
}

.portfolio-card-info h3 {
  font-family: "Manrope", sans-serif !important;
  font-size: clamp(19px, 1.6vw, 24px) !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  color: #0b0b0b;
  margin: 2px 0 6px;
}

.portfolio-card-info p {
  font: 400 14px/1.55 "Manrope", sans-serif;
  color: #6b7280;
  margin: 0;
}

/* Portfolio CTA Banner */
.portfolio-cta-banner {
  background: radial-gradient(circle at 80% 50%, rgba(81, 68, 136, 0.4) 0%, rgba(11, 11, 11, 0.95) 70%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 28px;
  padding: clamp(36px, 5vw, 64px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  flex-wrap: wrap;
}

.portfolio-cta-content h2 {
  font-family: "Manrope", sans-serif !important;
  font-size: clamp(28px, 3.5vw, 48px) !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 10px 0 12px;
}

.portfolio-cta-content p {
  font: 400 16px/1.55 "Manrope", sans-serif;
  color: #9ca3af;
  margin: 0;
  max-width: 580px;
}

.portfolio-cta-buttons {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

@media (max-width: 900px) {
  .portfolio-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .portfolio-filter-bar {
    gap: 8px;
  }
  .portfolio-filter-tab {
    padding: 8px 14px;
    font-size: 12px;
  }
  .portfolio-cta-banner {
    padding: 28px 20px;
  }
}

/* =====================================================
   UNIFIED SERVICE DETAIL PAGES — 2026 AESTHETICS
   ===================================================== */
.service-overview-section {
  padding: clamp(60px, 7vw, 100px) 0;
  background: var(--paper, #f7f7f8);
}

.service-container {
  width: 100%;
  max-width: 100%;
  padding: 0 var(--pad, 4.2vw);
  box-sizing: border-box;
}

.service-overview-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: clamp(40px, 5vw, 80px);
  align-items: start;
}

.service-overview-title {
  font-family: "Manrope", sans-serif !important;
  font-size: clamp(34px, 4.2vw, 58px) !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  font-style: normal !important;
  letter-spacing: -0.03em !important;
  color: #0b0b0b !important;
  margin: 14px 0 20px;
}

.service-overview-title * {
  font-family: inherit !important;
  font-style: normal !important;
  font-weight: inherit !important;
  color: inherit !important;
}

.service-overview-lead {
  font: 400 clamp(16px, 1.25vw, 19px)/1.65 "Manrope", sans-serif;
  color: #4b5563;
  margin: 0 0 28px;
  max-width: 900px;
}

.service-highlights-box {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 20px;
  padding: clamp(24px, 3vw, 36px);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.03);
}

.service-highlights-box h3 {
  font-family: "Manrope", sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #0b0b0b;
  margin: 0 0 16px;
}

.service-checklist {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.service-checklist li {
  display: flex;
  align-items: center;
  gap: 10px;
  font: 600 14px/1.4 "Manrope", sans-serif;
  color: #374151;
}

.service-checklist li span {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(81, 68, 136, 0.1);
  color: #514488;
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 800;
  flex-shrink: 0;
}

/* Capabilities Grid */
.service-capabilities-section {
  padding: clamp(60px, 7vw, 110px) 0;
  background: #ffffff;
}

.service-capabilities-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(20px, 2.5vw, 36px);
  margin-top: clamp(32px, 4vw, 48px);
}

.capability-card {
  background: #f9fafb;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 22px;
  padding: clamp(28px, 3vw, 40px);
  display: flex;
  flex-direction: column;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.3s ease;
}

.capability-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.06);
  border-color: rgba(81, 68, 136, 0.25);
  background: #ffffff;
}

.capability-kicker {
  font: 700 11px/1.2 "Manrope", sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #514488;
  margin-bottom: 12px;
}

.capability-card h3 {
  font-family: "Manrope", sans-serif !important;
  font-size: clamp(20px, 1.8vw, 24px) !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  color: #0b0b0b;
  margin: 0 0 14px !important;
}

.capability-card p {
  font: 400 15px/1.65 "Manrope", sans-serif;
  color: #4b5563;
  margin: 0 0 24px !important;
}

.capability-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}

.capability-tags span {
  font: 600 12px/1 "Manrope", sans-serif;
  padding: 6px 12px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 100px;
  color: #4b5563;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .service-overview-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .service-capabilities-grid {
    grid-template-columns: 1fr;
  }
}

/* 4-Step Process Section */
.service-process-section {
  padding: clamp(60px, 7vw, 100px) 0;
  background: var(--paper, #f7f7f8);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.service-process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: clamp(32px, 4vw, 48px);
}

.process-step-card {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 20px;
  padding: clamp(32px, 3vw, 40px);
  position: relative;
  display: flex;
  flex-direction: column;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);
}

.process-step-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.06);
  border-color: rgba(81, 68, 136, 0.25);
}

.process-step-num {
  font: 800 clamp(36px, 3.5vw, 48px)/1 "Manrope", sans-serif;
  color: #514488;
  opacity: 0.25;
  margin-bottom: 20px;
  transition: opacity 0.3s ease;
}

.process-step-card:hover .process-step-num {
  opacity: 1;
}

.process-step-card h3 {
  font-family: "Manrope", sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  color: #0b0b0b;
  margin: 0 0 12px !important;
  line-height: 1.3 !important;
}

.process-step-card p {
  font: 400 14.5px/1.6 "Manrope", sans-serif;
  color: #4b5563;
  margin: 0 !important;
}

@media (max-width: 1024px) {
  .service-process-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .service-process-grid {
    grid-template-columns: 1fr;
  }
}

/* FAQ Accordion Grid (GEO & Schema Optimized) */
.service-faq-section {
  padding: clamp(60px, 7vw, 100px) 0;
  background: #ffffff;
}

.service-faq-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: clamp(32px, 4vw, 48px);
}

.faq-card {
  background: #f9fafb;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 18px;
  padding: clamp(24px, 2.5vw, 32px);
}

.faq-card h4 {
  font-family: "Manrope", sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #0b0b0b;
  margin: 0 0 10px;
}

.faq-card p {
  font: 400 14.5px/1.65 "Manrope", sans-serif;
  color: #4b5563;
  margin: 0;
}

@media (max-width: 768px) {
  .service-faq-grid {
    grid-template-columns: 1fr;
  }
}


/* --- Modern Feature Item Styles --- */
.service-overview-features {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.feature-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: #ffffff;
  padding: 24px;
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.03);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.feature-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.05);
  border-color: rgba(81, 68, 136, 0.2);
}

.feature-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(81, 68, 136, 0.08);
  color: #514488;
  display: grid;
  place-items: center;
}

.feature-item h3 {
  font-family: "Manrope", sans-serif;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #0b0b0b;
  margin: 0 0 8px !important;
  line-height: 1.3;
}

.feature-item p {
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #4b5563;
  margin: 0;
}
/* --- Modern Why Us Section (Dark Theme) --- */
.service-why-us {
  background: var(--dark, #0b0b0b);
  color: #fff;
  padding: clamp(80px, 8vw, 120px) 0;
  position: relative;
  overflow: hidden;
}

.service-why-us::before {
  content: '';
  position: absolute;
  top: 0; left: 50%;
  transform: translateX(-50%);
  width: 100%; max-width: 1000px; height: 100%;
  background: radial-gradient(circle at 50% 0%, rgba(81, 68, 136, 0.15) 0%, transparent 60%);
  pointer-events: none;
}

.why-us-header {
  text-align: center;
  margin-bottom: clamp(48px, 5vw, 64px);
  position: relative;
  z-index: 2;
}

.why-us-header .sec-tag {
  font: 800 12px/1.2 "Manrope", sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #a78bfa;
  margin-bottom: 16px;
  display: inline-block;
  background: rgba(167, 139, 250, 0.1);
  padding: 6px 14px;
  border-radius: 20px;
  border: 1px solid rgba(167, 139, 250, 0.2);
}

.why-us-header h2 {
  font-family: "Manrope", sans-serif;
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 800;
  line-height: 1.15;
  margin: 0;
  color: #ffffff;
}

.why-us-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 2.5vw, 32px);
  position: relative;
  z-index: 2;
}

@media (max-width: 991px) {
  .why-us-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .why-us-grid {
    grid-template-columns: 1fr;
  }
}

.why-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 20px;
  padding: clamp(32px, 3.5vw, 44px);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.why-card:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(167, 139, 250, 0.3);
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.why-card h4 {
  font-family: "Manrope", sans-serif;
  font-size: clamp(20px, 1.8vw, 24px);
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 12px;
  line-height: 1.3;
}

.why-card p {
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #a1a1aa;
  margin: 0;
}

.why-card-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: rgba(196, 181, 253, 0.08);
  border: 1px solid rgba(196, 181, 253, 0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: #c4b5fd;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.why-card:hover .why-card-icon {
  background: rgba(196, 181, 253, 0.18);
  border-color: rgba(196, 181, 253, 0.45);
  color: #ffffff;
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 10px 24px rgba(196, 181, 253, 0.16);
}

.why-card-icon svg {
  width: 26px;
  height: 26px;
  stroke: currentColor;
  stroke-width: 1.8;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.js .hero-title .hero-line:nth-child(3),.js .hero-title>span:nth-child(3){transition-delay:.24s}

/* =====================================================
   DARK EDITORIAL KNOWLEDGE & ACCORDION (2026 STANDARDS)
   ===================================================== */
.dark-editorial-section {
  background: var(--dark, #0b0b0b);
  color: #ffffff;
  padding: clamp(70px, 8vw, 120px) 0;
  position: relative;
  overflow: hidden;
}

.dark-editorial-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 100%;
  height: 100%;
  background: radial-gradient(circle at 50% 0%, rgba(81, 68, 136, 0.12) 0%, transparent 65%);
  pointer-events: none;
}

.editorial-container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 var(--pad, 4.2vw);
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}

.editorial-header {
  margin-bottom: clamp(36px, 4.5vw, 56px);
}

.editorial-title {
  font-family: "Barlow Condensed", "Anton", "Manrope", sans-serif !important;
  font-size: clamp(30px, 4.2vw, 54px) !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
  margin: 12px 0 16px;
  line-height: 1.12 !important;
}

.editorial-lead {
  font: 400 clamp(16px, 1.25vw, 18.5px)/1.75 "Manrope", sans-serif;
  color: #9ca3af;
  margin: 0 0 36px;
  max-width: 100%;
}

.editorial-subblock {
  margin-bottom: clamp(48px, 5.5vw, 70px);
  padding-bottom: clamp(40px, 4.5vw, 56px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.editorial-subblock:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.editorial-subtitle {
  font-family: "Manrope", sans-serif !important;
  font-size: clamp(22px, 2.4vw, 32px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 0 18px;
  line-height: 1.25 !important;
}

.editorial-text {
  font: 400 16px/1.8 "Manrope", sans-serif;
  color: #d1d5db;
  margin: 0 0 18px;
}

.editorial-text:last-child {
  margin-bottom: 0;
}

/* Dark Sector Grid */
.dark-sector-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 28px;
}

.dark-sector-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: clamp(28px, 3vw, 40px);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  display: block;
  text-decoration: none;
  color: inherit;
}

.dark-sector-card:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(167, 139, 250, 0.35);
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
}

.dark-sector-card h4 {
  font-family: "Manrope", sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.dark-sector-card h4::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #a78bfa;
  flex-shrink: 0;
}

.dark-sector-card p {
  font: 400 15px/1.7 "Manrope", sans-serif;
  color: #9ca3af;
  margin: 0;
}

@media (max-width: 768px) {
  .dark-sector-grid {
    grid-template-columns: 1fr;
  }
}

/* Dark Accordion FAQ Section */
.dark-faq-section {
  background: var(--dark, #0b0b0b);
  color: #ffffff;
  padding: clamp(70px, 7vw, 110px) 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
}

.dark-faq-container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 var(--pad, 4.2vw);
  box-sizing: border-box;
}

.dark-faq-title {
  font-family: "Manrope", sans-serif !important;
  font-size: clamp(26px, 3.2vw, 42px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 0 clamp(28px, 3.5vw, 40px);
  letter-spacing: -0.02em;
}

.dark-accordion-list {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.02);
}

.dark-accordion-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  transition: background 0.25s ease;
}

.dark-accordion-item:last-child {
  border-bottom: none;
}

.dark-accordion-header {
  width: 100%;
  background: transparent;
  border: none;
  padding: clamp(18px, 2.2vw, 24px) clamp(20px, 2.5vw, 28px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  text-align: left;
  cursor: pointer;
  color: #ffffff;
  font-family: "Manrope", sans-serif;
  font-size: clamp(15px, 1.15vw, 17.5px);
  font-weight: 700;
  line-height: 1.4;
  transition: color 0.2s ease, background 0.2s ease;
}

.dark-accordion-header:hover {
  background: rgba(255, 255, 255, 0.03);
  color: #a78bfa;
}

.dark-accordion-icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  color: #9ca3af;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease;
}

.dark-accordion-header:hover .dark-accordion-icon {
  color: #ffffff;
}

.dark-accordion-item.is-open .dark-accordion-icon {
  transform: rotate(180deg);
  color: #a78bfa;
}

.dark-accordion-body {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, padding 0.3s ease;
  padding: 0 clamp(20px, 2.5vw, 28px);
}

.dark-accordion-item.is-open .dark-accordion-body {
  opacity: 1;
  padding-bottom: clamp(18px, 2.2vw, 24px);
}

.dark-accordion-body p {
  font: 400 15px/1.75 "Manrope", sans-serif;
  color: #9ca3af;
  margin: 0;
}

/* ==========================================================================
   NAVBAR HİZMETLER DROPDOWN MENÜ
   ========================================================================== */
.nav-dropdown-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 100%;
}

.nav-dropdown-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.nav-dropdown-trigger .dropdown-chevron {
  width: 12px;
  height: 12px;
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  stroke: currentColor;
}

.nav-dropdown-wrapper:hover .nav-dropdown-trigger .dropdown-chevron {
  transform: rotate(180deg);
}

.nav-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(14px);
  width: min(720px, 94vw);
  background: rgba(13, 13, 16, 0.98);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  padding: 22px 24px 20px;
  box-shadow: 0 24px 64px -8px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.05);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 999;
  transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s;
  color: #ffffff !important;
  margin-top: 10px;
}

/* Hover bridge: keeps menu open while cursor moves from trigger to menu */
.nav-dropdown-menu::before {
  content: "";
  position: absolute;
  top: -24px;
  left: -20px;
  right: -20px;
  height: 30px;
  background: transparent;
}

.nav-dropdown-wrapper:hover .nav-dropdown-menu,
.nav-dropdown-wrapper:focus-within .nav-dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.nav-dropdown-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.nav-dropdown-header .dropdown-badge {
  font: 700 11px/1.2 "Manrope", sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #a78bfa;
  background: rgba(167, 139, 250, 0.12);
  border: 1px solid rgba(167, 139, 250, 0.25);
  padding: 4px 10px;
  border-radius: 999px;
}

.nav-dropdown-header .dropdown-all-link {
  font: 600 13px/1 "Manrope", sans-serif;
  color: rgba(255, 255, 255, 0.65) !important;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.nav-dropdown-header .dropdown-all-link:hover {
  color: #ffffff !important;
}

.nav-dropdown-header .dropdown-all-link svg {
  transition: transform 0.2s ease;
}

.nav-dropdown-header .dropdown-all-link:hover svg {
  transform: translateX(3px);
}

.nav-dropdown-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px 14px;
}

.dropdown-service-item {
  display: flex !important;
  flex-direction: column !important;
  padding: 9px 12px !important;
  border-radius: 10px;
  text-decoration: none !important;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
  border: 1px solid transparent;
  background: transparent;
  opacity: 1 !important;
  transform: none !important;
}

.dropdown-service-item:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.08);
  transform: translateX(3px) !important;
}

.dropdown-service-item .service-item-title {
  font: 700 13.5px/1.3 "Manrope", sans-serif;
  color: #ffffff !important;
  letter-spacing: -0.015em;
  transition: color 0.2s ease;
}

.dropdown-service-item:hover .service-item-title {
  color: #c4b5fd !important;
}

.dropdown-service-item .service-item-desc {
  font: 400 11.5px/1.4 "Manrope", sans-serif;
  color: #9ca3af !important;
  margin-top: 2px;
  transition: color 0.2s ease;
}

.dropdown-service-item:hover .service-item-desc {
  color: #e5e7eb !important;
}

/* Dropdown içindeki linklerde global desktop-nav a:after alt çizgisini iptal et */
.nav-dropdown-menu a:after {
  display: none !important;
}

/* ==========================================================================
   Fast-Scroll & 20s Erken Çıkış Pop-up Modalı (ikas Tarzı Kart)
   ========================================================================== */
.exit-popup-backdrop {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.76);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.38s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.38s ease;
}

.exit-popup-backdrop.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.exit-popup-card {
  position: relative;
  width: 100%;
  max-width: 400px;
  background: #08080a;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 36px 90px rgba(0, 0, 0, 0.85), 0 0 50px rgba(81, 68, 136, 0.28);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: scale(0.92) translateY(24px);
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}

.exit-popup-backdrop.is-active .exit-popup-card {
  transform: scale(1) translateY(0);
}

.exit-popup-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  padding: 0;
  transition: background 0.2s ease, transform 0.2s ease, color 0.2s ease;
}

.exit-popup-close:hover {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  transform: scale(1.08);
}

.exit-popup-body {
  position: relative;
  z-index: 5;
  padding: 30px 26px 16px 26px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.exit-popup-brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.exit-popup-logo {
  height: 25px;
  width: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.exit-popup-title {
  color: #ffffff !important;
  font-family: "Manrope", sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(20px, 2.5vw, 24px) !important;
  line-height: 1.3 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  margin: 0 0 12px 0 !important;
}

.exit-popup-desc {
  color: #b3b3c6 !important;
  font: 400 13.5px/1.6 "Manrope", sans-serif !important;
  margin: 0 0 22px 0 !important;
  max-width: 320px;
}

.exit-popup-cta-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 4px;
}

.exit-popup-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #d4ff00 !important;
  color: #08080a !important;
  font-family: "Manrope", sans-serif !important;
  font-weight: 800 !important;
  font-size: 14.5px !important;
  text-decoration: none !important;
  padding: 13px 32px;
  border-radius: 999px;
  box-shadow: 0 8px 24px rgba(212, 255, 0, 0.35);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
  cursor: pointer;
}

.exit-popup-cta-btn svg {
  transition: transform 0.25s ease;
}

.exit-popup-cta-btn:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 14px 34px rgba(212, 255, 0, 0.52);
  background: #e2ff33 !important;
}

.exit-popup-cta-btn:hover svg {
  transform: translateX(4px);
}

.exit-popup-visual {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
  margin-top: -8px;
}

.exit-popup-visual-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  display: block;
}

.exit-popup-visual-fade {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, #08080a 0%, rgba(8, 8, 10, 0.25) 40%, transparent 100%);
  pointer-events: none;
}

@media (max-width: 480px) {
  .exit-popup-card {
    max-width: 92vw;
    border-radius: 20px;
  }
  .exit-popup-body {
    padding: 24px 18px 12px 18px;
  }
  .exit-popup-title {
    font-size: 22px !important;
  }
  .exit-popup-desc {
    font-size: 12.5px !important;
  }
  .exit-popup-visual {
    height: 170px;
  }
}