/* ============================================================
   EKSENIUM — DESIGN SYSTEM
   ============================================================ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
/* ============================================================
   PREMIUM MONOCHROME — sessiz güç
   Pure paper · ink black · single Prussian Blue accent
   ============================================================ */
:root, [data-theme="light"]{
  --bg:#FFFFFF;     --bg-2:#F7F7F7;
  --surface:#FFFFFF;--surface-2:#F1F1F1;
  --fg:#0A0A0A;     --fg-2:#404040;--fg-3:#737373;
  --border:rgba(10,10,10,.07);--border-2:rgba(10,10,10,.14);--border-strong:rgba(10,10,10,.28);
  --brand:#003153;  --brand-glow:#003153; --teal:#003153; --accent:#003153;
  --aurora-1:0,49,83;--aurora-2:0,49,83;--aurora-3:0,49,83;
  --grain-opacity:0;
  --shadow-1:0 1px 2px rgba(10,10,10,.04), 0 0 0 1px rgba(10,10,10,.05);
  --shadow-2:0 24px 60px -28px rgba(10,10,10,.20), 0 0 0 1px rgba(10,10,10,.06);
}
[data-theme="dark"]{
  --bg:#0A0A0A;     --bg-2:#141414;
  --surface:#141414;--surface-2:#1E1E1E;
  --fg:#FAFAFA;     --fg-2:#B8B8B8;--fg-3:#808080;
  --border:rgba(255,255,255,.07);--border-2:rgba(255,255,255,.14);--border-strong:rgba(255,255,255,.28);
  --brand:#003153;  --brand-glow:#5E94EB; --teal:#5E94EB; --accent:#5E94EB;
  --aurora-1:94,148,235;--aurora-2:94,148,235;--aurora-3:94,148,235;
  --grain-opacity:0;
  --shadow-1:0 1px 2px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.06);
  --shadow-2:0 24px 60px -28px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.08);
}

/* Size-adjusted system-font fallback calibrated to Plus Jakarta Sans metrics.
   Lets the browser paint H1/text immediately with system font, then swap to
   Jakarta with imperceptible reflow — improves FCP/LCP without CLS. */
@font-face{
  font-family:'PJS Fallback';
  src:local('Arial'),local('Helvetica Neue'),local('Helvetica'),local('sans-serif');
  size-adjust:103%;
  ascent-override:96%;
  descent-override:25%;
  line-gap-override:0%;
}
/* Size-adjusted fallback for Geist Mono — prevents chip-list reflow on font swap */
@font-face{
  font-family:'Plus Jakarta Sans';
  src:local('Menlo'),local('Monaco'),local('Courier New'),local('monospace');
  size-adjust:96%;
  ascent-override:92%;
  descent-override:22%;
  line-gap-override:0%;
}
html{scroll-behavior:smooth;background:var(--bg);color-scheme:light dark}

/* ═══ THEME RIPPLE — light/dark transition via View Transitions API ═══ */
@supports (view-transition-name: root){
  ::view-transition-old(root),
  ::view-transition-new(root){animation:none;mix-blend-mode:normal}
  ::view-transition-old(root){z-index:1;animation:theme-ripple-old-fade 1100ms cubic-bezier(.4,0,.2,1) both}
  ::view-transition-new(root){z-index:2;animation:theme-ripple-in 1100ms cubic-bezier(.4,0,.2,1) both}
}
@keyframes theme-ripple-in{
  from{clip-path:circle(0 at var(--ripple-x,50%) var(--ripple-y,50%))}
  to  {clip-path:circle(var(--ripple-r,150vmax) at var(--ripple-x,50%) var(--ripple-y,50%))}
}
@keyframes theme-ripple-old-fade{
  from{opacity:1}
  to  {opacity:.85}
}
@media (prefers-reduced-motion: reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none !important}
}
body{
  font-family:'Plus Jakarta Sans','PJS Fallback','Inter',ui-sans-serif,system-ui,sans-serif;
  color:var(--fg);
  font-size:16px;line-height:1.55;font-weight:500;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
  background:var(--bg);
  background-image:
    radial-gradient(ellipse 60% 50% at 12% 8%, rgba(244,220,200,.42), transparent 55%),
    radial-gradient(ellipse 70% 60% at 92% 18%, rgba(216,228,240,.55), transparent 50%),
    radial-gradient(ellipse 80% 60% at 50% 110%, rgba(0,49,83,.10), transparent 55%);
  background-attachment:fixed;
  transition:background .35s ease, color .35s ease;
}
[data-theme="dark"] body{
  background-image:
    radial-gradient(ellipse 70% 55% at 12% 8%, rgba(94,148,235,.16), transparent 55%),
    radial-gradient(ellipse 70% 60% at 92% 18%, rgba(0,49,83,.45), transparent 55%),
    radial-gradient(ellipse 80% 60% at 50% 110%, rgba(78,205,196,.10), transparent 55%);
}
.mono{font-family:'Plus Jakarta Sans','Plus Jakarta Sans',ui-monospace,SFMono-Regular,Menlo,monospace}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button{font:inherit;background:none;border:none;color:inherit;cursor:pointer}
::selection{background:var(--fg);color:var(--bg)}

/* film grain overlay */
.grain{
  position:fixed;inset:0;pointer-events:none;z-index:80;
  background-image:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.8 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:var(--grain-opacity);mix-blend-mode:overlay;
}

/* container */
.wrap{max-width:1280px;margin:0 auto;padding:0 28px}
@media (max-width:700px){.wrap{padding:0 20px}}

/* typography */
h1,h2,h3,h4{font-family:'Plus Jakarta Sans','PJS Fallback',sans-serif;letter-spacing:-.025em;line-height:1.02;font-weight:700;color:var(--fg)}
.hugeh1{font-size:clamp(48px,8.4vw,128px);font-weight:800;letter-spacing:-.045em;line-height:.95}
.bigh2{font-size:clamp(36px,5.2vw,72px);font-weight:700;letter-spacing:-.035em;line-height:1.0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--fg-3);font-weight:500}
.eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}

/* button system */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 24px;border-radius:999px;
  font-size:14px;font-weight:700;letter-spacing:-.005em;
  border:1px solid transparent;cursor:pointer;
  transition:transform .25s cubic-bezier(.2,.7,.2,1), background .25s, border-color .25s, color .25s;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--fg);color:var(--bg)}
.btn-primary:hover{box-shadow:0 12px 30px -10px rgba(var(--aurora-1),.5)}
.btn-ghost{background:transparent;color:var(--fg);border-color:var(--border-2)}
.btn-ghost:hover{border-color:var(--border-strong);background:var(--surface)}
.btn-teal{background:var(--teal);color:#fff;border-color:var(--teal)}
.btn-teal:hover{box-shadow:0 12px 30px -10px rgba(var(--aurora-1),.6)}
.btn .arrow{transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.btn:hover .arrow{transform:translateX(4px)}

/* ============================================================
   NAV
   ============================================================ */
.nav{
  position:fixed;top:18px;left:50%;
  display:flex;align-items:center;gap:8px;
  padding:8px 8px 8px 18px;
  background:color-mix(in oklab, var(--surface) 55%, transparent);
  border:1px solid var(--border);
  backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);
  border-radius:999px;z-index:60;
  box-shadow:0 4px 18px -8px rgba(0,0,0,.20);
  transition:width .7s cubic-bezier(.2,.7,.2,1), max-width .7s cubic-bezier(.2,.7,.2,1), background .4s ease, border-color .4s ease, box-shadow .4s ease, padding .4s ease;
  width:96vw;max-width:720px;justify-content:space-between;
  transform:translateX(-50%);
}
.nav.scrolled{
  max-width:1080px;
  padding:6px 6px 6px 18px;
  background:color-mix(in oklab, var(--surface) 88%, transparent);
  border-color:var(--border-2);
  box-shadow:0 12px 32px -10px rgba(0,0,0,.30);
}
.nav__brand-wrap{display:inline-flex;align-items:center;gap:14px}
.nav__partner{display:inline-flex;align-items:center;opacity:.65;transition:opacity .2s, transform .2s;filter:saturate(.85)}
.nav__partner img{height:24px;width:auto;display:block;border-radius:4px}
.nav__partner:hover{opacity:1;transform:translateY(-1px);filter:saturate(1)}
@media (max-width:520px){.nav__partner{display:none}}
.nav__brand{display:inline-flex;align-items:center;gap:10px;color:var(--fg);transition:color .25s}
.nav__brand svg{height:32px !important;max-height:32px !important;width:auto !important;max-width:160px !important;
  height:22px;width:auto;display:block;
  -webkit-mask:linear-gradient(110deg, #000 30%, rgba(0,0,0,.55) 50%, #000 70%);
          mask:linear-gradient(110deg, #000 30%, rgba(0,0,0,.55) 50%, #000 70%);
  -webkit-mask-size:240% 100%;mask-size:240% 100%;
  animation:navLogoShimmer 6s linear infinite;
  transition:animation-duration .3s ease;
}
.nav__brand:hover svg{animation-duration:1.6s}
@keyframes navLogoShimmer{
  0%{-webkit-mask-position:200% 0;mask-position:200% 0}
  100%{-webkit-mask-position:-100% 0;mask-position:-100% 0}
}
.nav__links{display:flex;gap:6px;align-items:center}
.nav__links a{
  padding:8px 14px;border-radius:999px;font-size:13px;font-weight:500;color:var(--fg-2);
  transition:color .2s, background .2s;
}
.nav__links a:hover{color:var(--fg);background:var(--surface-2)}
.nav__actions{display:flex;gap:6px;align-items:center}
.nav__toggle{
  width:38px;height:38px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--surface-2);color:var(--fg-2);
  transition:background .2s, color .2s, transform .25s;
}
.nav__toggle:hover{background:var(--surface);color:var(--fg);transform:rotate(180deg)}
.nav__toggle svg{width:16px;height:16px}
[data-theme="dark"] .icon-sun{display:none}
[data-theme="light"] .icon-moon{display:none}
.nav__cta{
  display:inline-flex;align-items:center;height:38px;
  padding:0 18px;border-radius:999px;
  background:var(--fg);color:var(--bg);
  font-size:13px;font-weight:700;line-height:1;
  white-space:nowrap;
  transition:transform .25s, box-shadow .25s;
}
.nav__cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px -8px rgba(var(--aurora-1),.55)}
/* Mobile hamburger toggle */
.nav__burger{display:none;width:38px;height:38px;border-radius:50%;background:var(--surface);border:1px solid var(--border-2);align-items:center;justify-content:center;cursor:pointer;color:var(--fg);padding:0}
.nav__burger svg{width:18px;height:18px}
.nav__burger .nav__burger-close{display:none}
.nav.is-open .nav__burger .nav__burger-open{display:none}
.nav.is-open .nav__burger .nav__burger-close{display:block}

@media (max-width:820px){
  .nav{
    flex-wrap:wrap;align-items:center;
    padding:8px 10px 8px 18px !important;
    width:calc(100vw - 20px) !important;
    max-width:none !important;
    top:10px !important;
    border-radius:999px !important;  /* tam yuvarlak köşeler */
    background:color-mix(in oklab, var(--surface) 88%, transparent) !important;
    border-color:var(--border-2) !important;
    box-shadow:0 8px 28px -10px rgba(0,0,0,.28) !important;
  }
  [data-theme="dark"] .nav{
    background:color-mix(in oklab, var(--bg-2) 92%, transparent) !important;
    border-color:rgba(255,255,255,.08) !important;
  }
  /* Eksenium logo nav yüksekliğine sığacak — sadece icon görünür kalınca */
  .nav__brand svg{height:32px !important;max-height:32px !important;width:auto !important;max-width:160px !important;height:22px !important}
  .nav__burger{
    display:inline-flex !important;
    width:42px !important;height:42px !important;
    background:transparent !important;color:var(--fg) !important;
    border:0 !important;
    transition:transform .25s, opacity .2s !important;
  }
  .nav__burger:active{transform:scale(.92)}
  .nav__burger:hover{background:color-mix(in oklab, var(--fg) 8%, transparent) !important}
  .nav__burger svg{width:22px;height:22px;stroke-width:2}
  [data-theme="dark"] .nav__burger{background:transparent !important;color:var(--fg) !important}
  /* Hide theme toggle + CTA in actions row on mobile — they move inside menu */
  .nav__actions .nav__toggle,.nav__actions .nav__cta{display:none !important}
  .nav__links{
    display:none;flex-direction:column;align-items:stretch;gap:4px;
    /* AYRI fixed popup DEĞİL — nav konteynerin içinde 2. satıra wrap olur */
    position:static;
    flex-basis:100%;width:100%;
    margin-top:6px;padding:8px 0 0;
    background:transparent;border:0;border-top:1px solid rgba(255,255,255,.10);
    border-radius:0;box-shadow:none;
  }
  .nav.is-open .nav__links{display:flex;max-height:calc(100vh - 110px);overflow-y:auto;overscroll-behavior:contain}
  .nav__links a,.nav__item-trigger{
    font-size:15px !important;padding:14px 18px !important;border-radius:12px !important;
    justify-content:space-between !important;width:100% !important;
  }
  .nav__item{width:100%}
  .nav__dropdown{
    position:static !important;transform:none !important;
    min-width:0 !important;max-width:none !important;width:100%;
    background:transparent !important;border:0 !important;box-shadow:none !important;
    padding:4px 0 8px 14px !important;border-left:1px solid var(--border) !important;
    margin-left:12px;border-radius:0 !important;
    opacity:1 !important;visibility:visible !important;pointer-events:auto !important;
    display:none !important;
  }
  .nav__item.is-open .nav__dropdown{display:block !important}
  .nav__dropdown a{padding:10px 14px !important;font-size:13.5px !important}
  /* Mobile menu bottom bar — theme toggle + CTA */
  .nav__mbar{
    display:flex !important;gap:10px;padding:14px 14px 4px;margin-top:8px;
    border-top:1px solid var(--border);
  }
  .nav__mbar .nav__cta{
    display:inline-flex !important;flex:1;justify-content:center !important;
    padding:13px 22px !important;font-size:14px !important;
  }
  .nav__mbar .nav__toggle{
    display:inline-flex !important;width:46px !important;height:46px !important;
    border-radius:99px !important;background:var(--surface-2) !important;
    border:1px solid var(--border-2) !important;flex-shrink:0;
  }
}
.nav__mbar{display:none}

/* ============================================================
   1. ORBITAL HERO — counter-rotating rings + cinematic center
   ============================================================ */
.hero{
  position:relative;min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  padding:140px 0 80px;overflow:hidden;isolation:isolate;
}
.hero__bg{position:absolute;inset:0;pointer-events:none;z-index:0;background:
  radial-gradient(ellipse 80% 60% at 50% 30%, rgba(var(--aurora-1),.18), transparent 70%),
  radial-gradient(ellipse 60% 40% at 70% 70%, rgba(var(--aurora-2),.22), transparent 70%),
  radial-gradient(ellipse 50% 30% at 20% 80%, rgba(var(--aurora-3),.14), transparent 70%);
  animation:bgDrift 28s ease-in-out infinite alternate;
}
@keyframes bgDrift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-3%,-2%) scale(1.06)}}
.hero__grid{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.4;
  background-image:linear-gradient(rgba(var(--aurora-2),.10) 1px, transparent 1px),
                   linear-gradient(90deg, rgba(var(--aurora-2),.10) 1px, transparent 1px);
  background-size:80px 80px;
  mask-image:radial-gradient(ellipse 70% 60% at 50% 50%, black 35%, transparent 85%);
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%, black 35%, transparent 85%);
}

/* orbital rings */
.orbital{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}
.ring{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  border:1px dashed rgba(var(--aurora-3),.20);border-radius:50%;
  pointer-events:none;will-change:transform;
}
.ring--1{width:min(360px,52vw);height:min(360px,52vw);animation:ringSpin 30s linear infinite}
.ring--2{width:min(560px,76vw);height:min(560px,76vw);animation:ringSpin 45s linear infinite reverse;opacity:.7;border-color:rgba(var(--aurora-1),.18)}
.ring--3{width:min(800px,96vw);height:min(800px,96vw);animation:ringSpin 60s linear infinite;opacity:.4}
@keyframes ringSpin{
  from{transform:translate(-50%,-50%) rotate(0)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}

/* satellites — orbit children that counter-rotate to stay upright */
.sat{
  position:absolute;left:50%;top:50%;
  width:48px;height:48px;border-radius:14px;
  background:var(--surface);border:1px solid var(--border-2);
  display:flex;align-items:center;justify-content:center;
  padding:8px;box-shadow:var(--shadow-1);
  transform-origin:0 0;will-change:transform;pointer-events:auto;
  cursor:pointer;
  transition:box-shadow .25s;
}
.sat:hover{box-shadow:0 12px 28px -8px rgba(var(--aurora-1),.4);z-index:10}
.sat img{width:100%;height:100%;object-fit:contain}
.sat__inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;animation:satCounter 30s linear infinite reverse}
.ring--1 .sat__inner{animation-duration:30s}
.ring--2 .sat__inner{animation:satCounter 45s linear infinite}
.ring--3 .sat__inner{animation-duration:60s}
@keyframes satCounter{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* hero content */
.hero__inner{position:relative;z-index:3;text-align:center;max-width:1024px;margin:0 auto;padding:0 24px}
.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--teal);padding:8px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--border-2);margin-bottom:32px}
.hero__eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(var(--aurora-1),.18);animation:hPulse 2s infinite}
@keyframes hPulse{0%,100%{opacity:1}50%{opacity:.45}}

/* ============ PROOF STRIP ============ */
.proof{position:relative;padding:120px 0;border-bottom:1px solid var(--border);overflow:hidden;background:var(--bg)}
.proof__bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 50% 50%, rgba(var(--aurora-1),.08), transparent 65%)}
.proof__bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(var(--aurora-2),.06) 1px, transparent 1px),linear-gradient(90deg, rgba(var(--aurora-2),.06) 1px, transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%, black 30%, transparent 90%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%, black 30%, transparent 90%)}
.proof__head{position:relative;z-index:2;text-align:center;max-width:780px;margin:0 auto 64px}
.proof__head h2{font-size:clamp(34px,4.4vw,56px);font-weight:700;letter-spacing:-.025em;line-height:1.05;margin-top:18px}
.proof__head h2 .acc{color:var(--teal)}
.proof__grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.proof__stat{padding:48px 28px;border-right:1px solid var(--border);text-align:center;position:relative;transition:background .3s}
.proof__stat:last-child{border-right:0}
.proof__stat:hover{background:rgba(var(--aurora-1),.04)}
.proof__n{font-family:'Plus Jakarta Sans','PJS Fallback',sans-serif;font-size:clamp(48px,7vw,84px);font-weight:700;letter-spacing:-.035em;line-height:1;color:var(--fg);margin-bottom:14px}
.proof__n .num{background:linear-gradient(135deg, var(--teal), #5E94EB);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.proof__l{font-size:13.5px;color:var(--fg-2);line-height:1.5;max-width:200px;margin:0 auto;font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-.005em;text-transform:none}
.proof__l b{color:var(--fg);font-family:'Plus Jakarta Sans','PJS Fallback',sans-serif;font-weight:700}
.proof__disclaimer{position:relative;z-index:2;text-align:center;margin-top:32px;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;color:var(--fg-3);letter-spacing:.04em;max-width:680px;margin-left:auto;margin-right:auto}
@media (max-width:900px){.proof__grid{grid-template-columns:repeat(2,1fr)}.proof__stat:nth-child(2){border-right:0}.proof__stat:nth-child(1),.proof__stat:nth-child(2){border-bottom:1px solid var(--border)}}
@media (max-width:520px){.proof__grid{grid-template-columns:1fr}.proof__stat{border-right:0!important;border-bottom:1px solid var(--border)!important}.proof__stat:last-child{border-bottom:0!important}}
.hero__brand-mark{
  display:inline-flex;align-items:center;justify-content:center;
  margin-bottom:40px;position:relative;
  filter:drop-shadow(0 0 32px rgba(var(--aurora-1),.35));
  animation:logoBreathe 5s ease-in-out infinite;
}
.hero__brand-mark .core{
  height:clamp(56px, 9vw, 104px);
  width:auto;color:var(--fg);
  -webkit-mask:linear-gradient(110deg, #000 30%, rgba(0,0,0,.55) 50%, #000 70%);
          mask:linear-gradient(110deg, #000 30%, rgba(0,0,0,.55) 50%, #000 70%);
  -webkit-mask-size:240% 100%;mask-size:240% 100%;
  animation:logoShimmer 4.5s linear infinite;
}
@keyframes logoBreathe{
  0%,100%{filter:drop-shadow(0 0 24px rgba(var(--aurora-1),.30));transform:scale(1)}
  50%{filter:drop-shadow(0 0 60px rgba(var(--aurora-1),.65));transform:scale(1.025)}
}
@keyframes logoShimmer{
  0%{-webkit-mask-position:200% 0;mask-position:200% 0}
  100%{-webkit-mask-position:-100% 0;mask-position:-100% 0}
}
.hero h1{font-family:'Plus Jakarta Sans','PJS Fallback',ui-sans-serif,system-ui,sans-serif;font-size:clamp(44px,6vw,84px);font-weight:700;letter-spacing:-.035em;line-height:1.02}
.hero h1 .grad{
  background:linear-gradient(120deg, var(--fg) 0%, var(--teal) 50%, var(--fg) 100%);
  background-size:200% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:gradShimmer 6s ease-in-out infinite;
}
@keyframes gradShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.hero__sub{margin-top:28px;font-size:18px;line-height:1.55;color:var(--fg-2);max-width:620px;margin-left:auto;margin-right:auto;font-weight:500}
.hero__ctas{margin-top:36px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* scroll hint */
.scroll-hint{
  position:absolute;left:50%;bottom:32px;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:10px;z-index:3;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-3);
  animation:scrollHint 2.4s ease-in-out infinite;
}
.scroll-hint svg{width:14px;height:14px}
@keyframes scrollHint{0%,100%{transform:translateX(-50%) translateY(0);opacity:.6}50%{transform:translateX(-50%) translateY(6px);opacity:1}}

/* particles */
.particle{
  position:absolute;width:3px;height:3px;border-radius:50%;
  background:rgba(var(--aurora-1),.7);pointer-events:none;z-index:2;
  filter:blur(.5px);
}

/* ============================================================
   2. INFINITE MARQUEE — ecosystem strip
   ============================================================ */
.marquee{
  padding:56px 0;
  border-block:1px solid var(--border);
  background:var(--bg-2);
}
.marquee__row{
  display:flex;gap:56px;align-items:center;justify-content:center;flex-wrap:wrap;
  width:100%;
}
.mqitem{display:inline-flex;align-items:center;gap:14px;color:var(--fg-2);font-size:22px;font-weight:700;letter-spacing:-.02em;opacity:.55;transition:opacity .25s, color .25s}
.mqitem:hover{opacity:1;color:var(--fg)}
.mqitem img{height:28px;width:auto;filter:brightness(0) saturate(0)}
[data-theme="dark"] .mqitem img{filter:brightness(0) saturate(0) invert(1)}
.mqitem:hover img{filter:brightness(0) saturate(0)}
[data-theme="dark"] .mqitem:hover img{filter:brightness(0) saturate(0) invert(1)}
.mqitem span em{font-style:normal;color:var(--fg-3)}

/* ============================================================
   3. BENTO STATS — blob-mesh cards with group blur hover
   ============================================================ */
.section{padding:120px 0;position:relative}
.section--lg{padding:160px 0}

.bento-head{margin-bottom:64px;max-width:760px}
.bento-head h2{margin-top:18px}
.bento-head h2 .acc{color:var(--teal);font-style:italic;font-weight:700}
.bento-head p{margin-top:20px;font-size:18px;color:var(--fg-2);max-width:540px;line-height:1.55}

.bento{
  display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:240px;grid-auto-flow:dense;gap:16px;
}
.bcard{
  position:relative;overflow:hidden;
  background:var(--surface);border:1px solid var(--border);border-radius:4px;
  padding:32px;display:flex;flex-direction:column;gap:14px;
  min-height:240px;isolation:isolate;
  transition:transform .45s cubic-bezier(.2,.7,.2,1), filter .45s, opacity .45s, border-color .45s;
  will-change:transform,filter,opacity;
}
.bento:hover .bcard{transform:scale(.97);filter:blur(2px);opacity:.55}
.bento .bcard:hover{transform:scale(1.02);filter:none;opacity:1;border-color:var(--border-2);z-index:2}
.bcard__blob{position:absolute;border-radius:50%;filter:blur(64px);pointer-events:none;z-index:0;opacity:.6;will-change:transform}
.bcard__blob--1{width:260px;height:260px;top:-60px;right:-60px;background:rgba(var(--aurora-1),.45);animation:blobA 18s ease-in-out infinite}
.bcard__blob--2{width:200px;height:200px;bottom:-40px;left:-20px;background:rgba(var(--aurora-2),.40);animation:blobB 22s ease-in-out infinite}
.bcard__blob--3{width:140px;height:140px;top:40%;left:30%;background:rgba(var(--aurora-3),.30);animation:blobC 26s ease-in-out infinite}
@keyframes blobA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-30px,20px) scale(1.18)}}
@keyframes blobB{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-15px) scale(.88)}}
@keyframes blobC{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-15px,12px) scale(1.1)}}
.bcard__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;height:100%}
.bcard__label{font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--fg-3)}
.bcard__n{font-family:'Plus Jakarta Sans','PJS Fallback',ui-sans-serif,system-ui,sans-serif;font-size:clamp(40px,4.6vw,64px);font-weight:800;letter-spacing:-.035em;line-height:1;color:var(--fg);margin-top:auto}
.bcard__n .acc{color:var(--teal)}
.bcard__desc{font-size:14px;color:var(--fg-2);line-height:1.5;max-width:240px}

/* size variants for dense fill */
.bcard--xl{grid-column:span 2;grid-row:span 2;min-height:auto;padding:40px}
.bcard--xl .bcard__n{font-size:clamp(56px,6.4vw,108px)}
.bcard--w{grid-column:span 2}
.bcard--h{grid-row:span 2}
@media (max-width:820px){.bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.bcard--xl{grid-column:span 2;grid-row:span 2}.bcard--w{grid-column:span 2}.bcard--h{grid-row:span 1}}
@media (max-width:520px){.bento{grid-template-columns:1fr;grid-auto-rows:auto}.bcard{grid-column:span 1 !important;grid-row:span 1 !important;min-height:200px}}

/* ============================================================
   4. DISCIPLINES — editorial cards, always-on content, premium reveal
   ============================================================ */
.disc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:0}
.disc{
  position:relative;
  background:var(--surface);
  padding:48px 36px 44px;
  display:flex;flex-direction:column;gap:18px;
  transition:background .35s, transform .45s cubic-bezier(.2,.7,.2,1);
  cursor:default;
  /* enter stagger */
  opacity:0;transform:translateY(28px);
}
.disc.is-in{opacity:1;transform:none;transition:opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1)}
.disc:nth-child(2){transition-delay:.12s}
.disc:nth-child(3){transition-delay:.24s}
.disc:hover{background:color-mix(in oklab, var(--surface) 92%, var(--fg) 8%)}
[data-theme="dark"] .disc:hover{background:color-mix(in oklab, var(--surface) 88%, var(--fg) 12%)}

.disc__num{
  font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;
  color:var(--fg-3);letter-spacing:.22em;font-weight:500;
  display:flex;align-items:center;gap:14px;
  text-transform:uppercase;margin-bottom:6px;
}
.disc__num::before{content:"";width:32px;height:1px;background:var(--fg-3)}
.disc h3{font-size:clamp(22px,1.8vw,30px);font-weight:600;letter-spacing:-.02em;color:var(--fg);line-height:1.1}
.disc p{font-size:15px;color:var(--fg-2);line-height:1.55;flex:1}

.disc__list{
  list-style:none;padding:18px 0 0;margin-top:6px;
  border-top:1px solid var(--border);
  display:flex;flex-direction:column;gap:10px;
}
.disc__list li{
  display:flex;gap:12px;align-items:flex-start;
  font-size:13.5px;color:var(--fg-2);line-height:1.5;
}
.disc__list li::before{
  content:"";flex-shrink:0;
  width:5px;height:5px;border-radius:50%;
  background:var(--brand);margin-top:8px;
}
[data-theme="dark"] .disc__list li::before{background:var(--teal)}

.disc__arrow{
  margin-top:8px;
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;color:var(--fg-3);
  letter-spacing:.14em;text-transform:uppercase;font-weight:500;
  transition:color .2s, gap .25s;
}
.disc__arrow svg{width:14px;height:14px;transition:transform .25s}
.disc:hover .disc__arrow{color:var(--fg);gap:14px}
.disc:hover .disc__arrow svg{transform:translateX(4px)}

@media (max-width:960px){.disc-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.disc{opacity:1 !important;transform:none !important}}

/* ============================================================
   5. CINEMATIC MORPH — pinned scroll, card-to-fullscreen
   ============================================================ */
.cine{position:relative;background:var(--bg);padding:120px 0 96px;overflow:hidden}
.cine__pin{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:64px;padding:0 24px;max-width:1280px;margin:0 auto}
.cine__bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 50%, rgba(var(--aurora-1),.10), transparent 70%)}
.cine__heading{position:relative;text-align:center;max-width:1100px;width:100%;z-index:2}
.cine__heading h2{font-family:'Plus Jakarta Sans','PJS Fallback',ui-sans-serif,system-ui,sans-serif;font-size:clamp(36px,5.4vw,72px);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--fg)}
.cine__heading h2 .word{display:inline-block}
.cine__heading p{margin-top:18px;font-size:18px;color:var(--fg-2);max-width:560px;margin-left:auto;margin-right:auto;line-height:1.55}

.cine__card{
  position:relative;width:min(1080px,95vw);height:auto;
  z-index:3;
}
.cine__device{
  position:relative;width:100%;max-width:none;
  border-radius:16px;overflow:hidden;
  background:var(--surface);border:1px solid var(--border-2);
  box-shadow:0 20px 50px -15px rgba(0,0,0,.35);
  opacity:1;
}
.cine__device--in{opacity:1}
.cine__device-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-2)}
.cine__device-bar i{width:10px;height:10px;border-radius:50%;background:rgba(var(--aurora-2),.25)}
.cine__device-bar span{flex:1;text-align:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;color:var(--fg-2);font-weight:600}
.cine__device-body{display:grid;grid-template-columns:200px 1fr;min-height:280px}
.cine__device-side{padding:18px;border-right:1px solid var(--border);background:var(--bg-2);display:flex;flex-direction:column;gap:6px}
.cine__device-side .row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;font-size:12px;color:var(--fg-2)}
.cine__device-side .row img{width:14px;height:14px;object-fit:contain}
.cine__device-side .row.active{background:rgba(var(--aurora-1),.14);color:var(--fg)}
.cine__device-main{padding:24px}
.cine__view{display:none;animation:viewFade .35s ease}
.cine__view--active{display:block}
.cine__view__head{font-size:14px;font-weight:700;color:var(--fg);margin-bottom:14px;font-family:'Plus Jakarta Sans','PJS Fallback',ui-sans-serif,system-ui,sans-serif;letter-spacing:-.01em}
@keyframes viewFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

.cine__device-side .row{cursor:pointer;transition:background .15s, color .15s}
.cine__device-side .row:hover{background:var(--surface-2);color:var(--fg)}

.cine__device-pipe{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}

/* Desk + Books + Analytics: stats grid */
.cine__deskgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.cine__stat{padding:12px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;position:relative;display:flex;flex-direction:column;gap:4px}
.cine__stat .lbl{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-3);font-family:'Plus Jakarta Sans',sans-serif}
.cine__stat b{font-size:18px;font-weight:700;color:var(--fg);letter-spacing:-.02em}
.cine__stat .ind{position:absolute;top:10px;right:10px;width:6px;height:6px;border-radius:50%;background:rgba(var(--aurora-2),.55)}
.cine__stat .ind--g{background:var(--teal)}

/* Desk: tickets list */
.cine__tickets{display:flex;flex-direction:column;gap:6px}
.cine__ticket{padding:10px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;gap:3px;position:relative}
.cine__ticket .pri{position:absolute;top:10px;right:10px;font-size:8px;font-weight:700;padding:2px 6px;border-radius:3px;letter-spacing:.05em;font-family:'Plus Jakarta Sans',sans-serif}
.cine__ticket .pri--h{background:rgba(225,29,72,.18);color:#E11D48}
.cine__ticket .pri--m{background:rgba(245,158,11,.18);color:#F59E0B}
.cine__ticket .pri--l{background:rgba(29,155,184,.18);color:var(--teal)}
.cine__ticket b{font-size:11px;color:var(--fg);font-weight:600}
.cine__ticket small{font-size:9px;color:var(--fg-3);font-family:'Plus Jakarta Sans',sans-serif}

/* Books + Analytics: bar chart */
.cine__chart{display:flex;align-items:flex-end;gap:6px;height:90px;padding:8px 0}
.cine__chart .bar{flex:1;background:rgba(var(--aurora-2),.30);border-radius:3px 3px 0 0;min-height:6px}
.cine__chart .bar.acc{background:var(--teal)}
.cine__chart__cap{font-size:9px;color:var(--fg-3);font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:.04em;text-align:center;margin-top:4px;text-transform:uppercase}

/* Flow: workflow list */
.cine__flowlist{display:flex;flex-direction:column;gap:6px}
.cine__flowrow{padding:11px 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;gap:10px}
.cine__flowrow b{flex:1;font-size:12px;font-weight:600;color:var(--fg)}
.cine__flowrow small{font-size:10px;color:var(--fg-3);font-family:'Plus Jakarta Sans',sans-serif}
.cine__flowrow .dot{width:8px;height:8px;border-radius:50%;background:var(--teal);animation:dotBlink 1.6s ease-in-out infinite;flex-shrink:0}
.cine__flowrow .dot--idle{background:var(--fg-3);animation:none}

/* Creator: custom apps grid */
.cine__appgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.cine__app{padding:14px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;gap:4px}
.cine__app b{font-size:12px;font-weight:600;color:var(--fg)}
.cine__app small{font-size:10px;color:var(--fg-3)}
.cine__device-pcol{padding:10px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;gap:6px;min-height:200px}
.cine__device-pcol h5{font-size:9px;font-family:'Plus Jakarta Sans',sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-3);font-weight:500;display:flex;justify-content:space-between}
.cine__device-deal{padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:4px;font-size:10px;font-weight:600}
.cine__device-deal.acc{border-color:rgba(var(--aurora-1),.5);background:rgba(var(--aurora-1),.05)}
.cine__device-deal small{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;color:var(--fg-2);font-weight:600;margin-top:2px}

.cine__badge{
  position:absolute;
  background:color-mix(in oklab, var(--surface) 80%, transparent);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border:1px solid var(--border-2);
  padding:10px 14px;border-radius:14px;
  display:inline-flex;align-items:center;gap:10px;
  font-size:12px;font-weight:600;color:var(--fg);
  z-index:5;box-shadow:0 12px 30px -10px rgba(0,0,0,.4);
  opacity:1;
}
.cine__badge svg, .cine__badge img{width:14px;height:14px}
.cine__badge .dot{width:8px;height:8px;border-radius:50%;background:var(--teal);animation:dotBlink 1.6s ease-in-out infinite}
@keyframes dotBlink{0%,100%{opacity:1}50%{opacity:.4}}
.cine__badge--1,.cine__badge--2,.cine__badge--3{display:none}

@media (max-width:760px){
  .cine__device-side{display:none}
  .cine__device-body{grid-template-columns:1fr}
  .cine__device-pipe{grid-template-columns:repeat(2,1fr)}
  .cine__badge--3{display:none}
}

/* ============================================================
   6. SCRUBBING TEXT REVEAL
   ============================================================ */
.reveal{padding:96px 0;position:relative}
.reveal__inner{max-width:1100px;margin:0 auto;padding:0 24px;text-align:center}
.reveal__p{font-family:'Plus Jakarta Sans','PJS Fallback',ui-sans-serif,system-ui,sans-serif;font-size:clamp(28px,4.4vw,56px);font-weight:700;letter-spacing:-.025em;line-height:1.15;color:var(--fg)}
.reveal__p .word{display:inline-block;opacity:.12;transition:opacity .4s ease;will-change:opacity}
.reveal__p .word.in{opacity:1}
.reveal__p .acc{color:var(--teal)}
.reveal__p .acc .word{color:inherit}

/* ============================================================
   7. CONSTELLATION — 46 Zoho apps
   ============================================================ */
.const{padding:140px 0;position:relative;overflow:hidden}
.const__stage{position:relative;width:min(820px,84vw);height:min(820px,84vw);margin:0 auto}
.const__nodes{position:absolute;inset:0;pointer-events:none}
.const__nodes .node{pointer-events:auto}

/* Zoho One — clean, minimal center mark */
.const__center{
  position:absolute;left:50%;top:50%;
  width:180px;height:180px;
  background:transparent;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  z-index:10;
  animation:centerFloat 6s ease-in-out infinite;
  transform:translate(-50%,-50%);
}
@keyframes centerFloat{
  0%,100%{transform:translate(-50%,calc(-50% + 0px))}
  50%{transform:translate(-50%,calc(-50% - 6px))}
}

.const__center img{width:80px;height:80px;object-fit:contain}
.const__center b{font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-2);font-weight:500;position:relative;z-index:1}

/* Node — pure logo, no card/box */
.node{
  position:absolute;left:50%;top:50%;
  width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;
  transform:translate(-50%,-50%) scale(.15);
  opacity:0;
  transition:transform .9s cubic-bezier(.34,1.56,.64,1), opacity .5s ease, filter .3s ease;
  transition-delay:var(--delay,0s);
  cursor:pointer;
  --tx:0px;--ty:0px;
}
.const__stage.open .node{
  transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1);
  opacity:1;
  animation:nodePulse 4s ease-in-out infinite;
  animation-delay:var(--pulse-delay,0s);
}
.node:hover{
  transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1.3) !important;
  z-index:20;
  animation:none !important;
  filter:drop-shadow(0 4px 16px rgba(var(--aurora-1),.6));
}
.node img{width:100%;height:100%;object-fit:contain;transition:opacity .25s ease}
.node:hover img{opacity:0}
/* Scale dalga pulse — node büyüyüp küçülerek parlama (drop-shadow with logo) */
@keyframes nodePulse{
  0%, 100%{
    transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1);
    filter:drop-shadow(0 0 0 transparent);
  }
  50%{
    transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1.14);
    filter:drop-shadow(0 4px 14px rgba(var(--aurora-1),.5));
  }
}
.node img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.node__label{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  color:var(--fg);font-weight:700;font-size:11px;letter-spacing:-.01em;
  white-space:nowrap;overflow:visible;
  opacity:0;pointer-events:none;
  transition:opacity .25s ease;
}
.node:hover .node__label{opacity:1}
@media (max-width:760px){
  .const__stage{aspect-ratio:auto}
  .const__ring{display:none}
  .const__center{position:relative;left:auto;top:auto;transform:none;margin:0 auto 32px}
  .const__nodes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
  .const__nodes .node{position:relative;left:auto !important;top:auto !important;transform:none !important;width:100%}
}

/* ============================================================
   8. PRICING
   ============================================================ */
.pricing-toggle{display:inline-flex;background:var(--surface);border:1px solid var(--border-2);border-radius:999px;padding:4px;margin:0 auto 48px;position:relative;left:50%;transform:translateX(-50%);box-shadow:var(--shadow-1)}
.pricing-toggle button{padding:9px 18px;border-radius:999px;font-size:13px;font-weight:600;color:var(--fg-2);display:inline-flex;align-items:center;gap:8px;transition:color .2s, background .2s}
.pricing-toggle button.on{background:var(--fg);color:var(--bg)}
.pricing-toggle .bd{font-size:10px;padding:2px 7px;border-radius:999px;background:var(--teal);color:#fff;font-weight:700;letter-spacing:.04em}
.pricing-toggle button.on .bd{background:rgba(255,255,255,.20);color:inherit}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.plan{
  position:relative;
  background:var(--surface);border:1px solid var(--border);border-radius:20px;
  padding:32px;display:flex;flex-direction:column;gap:18px;
  transition:transform .35s, border-color .25s, box-shadow .25s;
}
.plan:hover{transform:translateY(-3px);border-color:var(--border-2);box-shadow:var(--shadow-2)}
.plan--feat{
  background:linear-gradient(180deg, var(--surface) 0%, rgba(var(--aurora-1),.06) 100%);
  border-color:rgba(var(--aurora-1),.35);border-width:1.5px;
}
.plan__tag{position:absolute;top:-12px;left:32px;background:var(--teal);color:#fff;font-size:10px;font-weight:700;padding:5px 10px;border-radius:6px;letter-spacing:.06em;text-transform:uppercase}
.plan__name{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:600;color:var(--teal);letter-spacing:.12em;text-transform:uppercase}
.plan__price{display:flex;align-items:baseline;gap:6px;font-family:'Plus Jakarta Sans','PJS Fallback',ui-sans-serif,system-ui,sans-serif}
.plan__n{font-size:48px;font-weight:800;letter-spacing:-.035em;color:var(--fg);transition:opacity .3s}
.plan__n.changing{opacity:0}
.plan__period{font-size:14px;color:var(--fg-2);font-family:'Plus Jakarta Sans','PJS Fallback',sans-serif;font-weight:500}
.plan__bill{font-size:12px;color:var(--fg-3)}
.plan__desc{font-size:14px;color:var(--fg-2);line-height:1.55;min-height:42px}
.plan__feats{list-style:none;display:flex;flex-direction:column;gap:10px;padding:18px 0;border-top:1px solid var(--border);margin-top:6px}
.plan__feats li{font-size:14px;color:var(--fg-2);display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.plan__feats li::before{content:"";width:16px;height:16px;background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231D9BB8' stroke-width='2'%3E%3Cpath d='M3 8l3 3 7-7'/%3E%3C/svg%3E") center/contain no-repeat;flex:0 0 16px;margin-top:2px}
.plan__cta{margin-top:auto}
.plan__cta .btn{width:100%;justify-content:center}
@media (max-width:920px){.plans{grid-template-columns:1fr}}

/* ============================================================
   9. TESTIMONIAL CAROUSEL
   ============================================================ */
.testi{padding:120px 0;position:relative}
.testi__stage{position:relative;max-width:880px;margin:0 auto;text-align:center;min-height:280px}
.testi__slide{position:absolute;inset:0;opacity:0;transition:opacity .6s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.testi__slide.on{opacity:1;pointer-events:auto}
.testi__quote{font-family:'Plus Jakarta Sans','PJS Fallback',ui-sans-serif,system-ui,sans-serif;font-size:clamp(22px,2.6vw,32px);font-weight:700;letter-spacing:-.015em;line-height:1.35;color:var(--fg)}
.testi__quote em{color:var(--teal);font-style:italic;font-weight:700}
.testi__by{margin-top:32px;display:inline-flex;align-items:center;gap:14px}
.testi__av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg, var(--brand), var(--teal));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.testi__name{text-align:left}
.testi__name b{display:block;font-size:14px;font-weight:700}
.testi__name span{font-size:12px;color:var(--fg-3)}
.testi__nav{display:flex;justify-content:center;gap:8px;margin-top:32px}
.testi__nav button{width:36px;height:36px;border-radius:999px;background:var(--surface);border:1px solid var(--border-2);color:var(--fg-2);display:flex;align-items:center;justify-content:center;transition:all .2s}
.testi__nav button:hover{color:var(--fg);background:var(--surface-2)}

/* ============================================================
   10. FAQ
   ============================================================ */
.faq__grid{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start}
.faq__copy h2{margin-top:18px}
.faq__copy p{margin-top:18px;font-size:15px;color:var(--fg-2);line-height:1.6}
.faq__copy a{color:var(--teal);font-weight:600;border-bottom:1px solid currentColor}
.faq__list{display:flex;flex-direction:column}
.fitem{border-top:1px solid var(--border)}
.fitem:last-child{border-bottom:1px solid var(--border)}
.fq{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:22px 0;font-size:17px;font-weight:600;color:var(--fg);gap:24px;font-family:'Plus Jakarta Sans','PJS Fallback',sans-serif;cursor:pointer;list-style:none}
.fq::-webkit-details-marker{display:none}
.fq::marker{content:""}
.fq__ic{flex:0 0 28px;height:28px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--fg-2);transition:all .25s}
.fq__ic svg{width:12px;height:12px;transition:transform .3s}
.fitem.open .fq__ic,.fa[open] .fq__ic{background:var(--teal);border-color:var(--teal);color:#fff}
.fitem.open .fq__ic svg,.fa[open] .fq__ic svg{transform:rotate(45deg)}
/* native <details class="fa"> — alt sayfalardaki SSS */
.fa{border-top:1px solid var(--border)}
.fa:last-child{border-bottom:1px solid var(--border)}
.fa__in{padding-bottom:22px;padding-right:48px;font-size:15px;color:var(--fg-2);line-height:1.65}
@media (max-width:820px){.faq__grid{grid-template-columns:1fr;gap:32px}}

/* ============================================================
   11. FINAL CTA — massive contrast
   ============================================================ */
.final-cta{padding:80px 0;position:relative;overflow:hidden}
.final-cta__box{
  position:relative;
  background:linear-gradient(135deg, var(--brand) 0%, var(--brand-glow) 100%);
  border-radius:32px;padding:72px 48px;
  text-align:center;overflow:hidden;
  color:#fff;
  isolation:isolate;
}
.final-cta__box::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
                   linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse 60% 70% at 50% 50%, black 30%, transparent 80%);
  -webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 50%, black 30%, transparent 80%);
}
.final-cta__box::after{
  content:"";position:absolute;left:50%;top:50%;
  width:700px;height:700px;border-radius:50%;
  background:radial-gradient(circle, rgba(78,205,196,.35), transparent 70%);
  transform:translate(-50%,-50%);pointer-events:none;
  animation:ctaBeat 4s ease-in-out infinite;
}
@keyframes ctaBeat{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.18);opacity:.7}}
.final-cta__inner{position:relative;z-index:2;max-width:760px;margin:0 auto}
.final-cta__eyebrow{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.7);margin-bottom:20px;display:inline-flex;align-items:center;gap:10px}
.final-cta__eyebrow::before{content:"";width:24px;height:1px;background:currentColor}
.final-cta h2{font-family:'Plus Jakarta Sans','PJS Fallback',ui-sans-serif,system-ui,sans-serif;font-size:clamp(40px,6.2vw,84px);font-weight:800;letter-spacing:-.045em;line-height:1;color:#fff}
.final-cta h2 .acc{color:#4ECDC4 !important;font-weight:800 !important}
.final-cta p{margin-top:24px;font-size:18px;color:rgba(255,255,255,.75);max-width:520px;margin-left:auto;margin-right:auto;line-height:1.55}
.final-cta__ctas{margin-top:36px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.final-cta__ctas .btn-primary{background:#fff !important;color:var(--brand) !important;border-color:#fff !important}
.final-cta__ctas .btn-primary:hover{background:#F0F4F8 !important;border-color:#F0F4F8 !important}
.final-cta__ctas .btn-ghost{border-color:rgba(255,255,255,.55) !important;color:#fff !important;background:rgba(255,255,255,.10) !important}
.final-cta__ctas .btn-ghost:hover{border-color:#fff !important;background:rgba(255,255,255,.22) !important;color:#fff !important}
.final-cta__signup{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.signup-btn{display:inline-block;transition:transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s;border-radius:14px;overflow:hidden}
.signup-btn:hover{transform:translateY(-3px);box-shadow:0 22px 44px -14px rgba(78,205,196,.55)}
.signup-btn img{height:96px;width:auto;display:block}
@media (max-width:520px){.signup-btn img{height:72px}}


/* ============================================================
   INTRO FLOW — n8n style node setup animation
   ============================================================ */
.iflow{padding:140px 0;border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.iflow__bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 50% 50%, rgba(var(--aurora-1),.10), transparent 65%)}
.iflow__bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(var(--aurora-2),.08) 1px, transparent 1px),linear-gradient(90deg, rgba(var(--aurora-2),.08) 1px, transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%, black 30%, transparent 85%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%, black 30%, transparent 85%)}
.iflow__head{position:relative;z-index:2;text-align:center;max-width:760px;margin:0 auto 80px}
.iflow__head h2{font-size:clamp(34px,4.8vw,64px);font-weight:700;letter-spacing:-.025em;line-height:1.0;margin-top:18px;color:var(--fg)}
.iflow__head h2 .acc{color:var(--teal);font-style:italic}
.iflow__head p{margin-top:18px;font-size:17px;color:var(--fg-2);max-width:560px;margin-left:auto;margin-right:auto;line-height:1.55}
.iflow__stage{position:relative;z-index:2;width:1080px;height:480px;margin:0 auto;max-width:100%}
@media (max-width:1100px){
  .iflow__stage{overflow-x:auto;overflow-y:hidden;width:100%;height:520px}
  .iflow__stage>*{flex-shrink:0}
  .iflow__svg,.inode,.ipacket{min-width:1080px}
}
.iflow__svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.iflow__svg path{stroke:var(--brand);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-dasharray:8 6;opacity:.55;animation:iflowDashFlow 1.8s linear infinite}
[data-theme="dark"] .iflow__svg path{stroke:var(--teal);opacity:.7}
@keyframes iflowDashFlow{from{stroke-dashoffset:0}to{stroke-dashoffset:-28}}
/* Stagger dash flow timing for natural feel */
.iflow__svg path:nth-child(2){animation-delay:-.4s}
.iflow__svg path:nth-child(3){animation-delay:-.8s}
.iflow__svg path:nth-child(4){animation-delay:-1.2s}
.iflow__svg path:nth-child(5){animation-delay:-1.5s}
.inode{position:absolute;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;transform:scale(.5);animation:iflowNode .6s cubic-bezier(.34,1.56,.64,1) forwards;z-index:2}
.inode__box{width:88px;height:88px;border-radius:22px;background:var(--surface);border:1.5px solid var(--border-2);display:flex;align-items:center;justify-content:center;position:relative;transition:transform .25s, border-color .25s, box-shadow .25s}
.inode__box::before{content:"";position:absolute;inset:-3px;border-radius:24px;border:2px solid var(--teal);opacity:0;pointer-events:none;animation:iflowPulse 4s ease-in-out infinite}
.inode__box:hover{transform:translateY(-4px) scale(1.05);border-color:var(--teal);box-shadow:0 14px 32px -8px rgba(var(--aurora-1),.45);z-index:5}
.inode__ic{width:36px;height:36px;color:var(--teal);display:flex;align-items:center;justify-content:center}
.inode__ic svg{width:100%;height:100%}
.inode__ic img{width:100%;height:100%;object-fit:contain}
.inode__cat{font-family:'Plus Jakarta Sans',sans-serif;font-size:9px;letter-spacing:.22em;color:var(--brand);font-weight:600;padding:3px 8px;border-radius:99px;background:rgba(0,49,83,.08);border:1px solid rgba(0,49,83,.18);white-space:nowrap}
[data-theme="dark"] .inode__cat{color:var(--teal);background:rgba(78,205,196,.08);border-color:rgba(78,205,196,.22)}
.inode__lbl{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg);font-weight:600;white-space:nowrap;text-align:center;margin-top:-4px}
@keyframes iflowNode{to{opacity:1;transform:scale(1)}}
@keyframes iflowPulse{0%,80%,100%{opacity:0;transform:scale(1)}85%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(1.25)}}
/* Pixel-perfect positions aligned to SVG path coordinates (1080×480 viewBox) */
.inode--lead{left:80px;top:46px;animation-delay:.1s}
.inode--lead .inode__box::before{animation-delay:0s}
.inode--form{left:80px;top:344px;animation-delay:.25s}
.inode--form .inode__box::before{animation-delay:.5s}
.inode--crm{left:380px;top:188px;animation-delay:.55s}
.inode--crm .inode__box{width:104px;height:104px;border-color:var(--teal);background:linear-gradient(135deg, var(--surface) 0%, color-mix(in oklab, var(--teal) 14%, var(--surface)) 100%)}
.inode--crm .inode__box::before{animation-delay:1s;border-color:var(--brand-glow)}
.inode--ai{left:616px;top:196px;animation-delay:1.2s}
.inode--ai .inode__box{width:88px;height:88px;border-color:var(--brand-glow);background:linear-gradient(135deg, var(--surface) 0%, color-mix(in oklab, var(--brand-glow) 14%, var(--surface)) 100%)}
.inode--ai .inode__box::before{animation-delay:1.5s;border-color:var(--brand-glow)}
.inode--wa{left:912px;top:46px;animation-delay:1.75s}
.inode--wa .inode__box::before{animation-delay:2s}
.inode--invoice{left:912px;top:344px;animation-delay:1.9s}
.inode--invoice .inode__box::before{animation-delay:2.5s}

/* Flowing packets along paths */
.ipacket{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 14px 2px rgba(var(--aurora-1),.7);pointer-events:none;opacity:0;z-index:3;will-change:offset-distance,opacity}
.ipacket{offset-rotate:0deg;animation-delay:3.2s !important}
.ipacket--1{offset-path:path('M 168 90 C 270 90, 320 240, 380 240');animation:iflowPacket 4s linear infinite}
.ipacket--2{offset-path:path('M 168 388 C 270 388, 320 240, 380 240');animation:iflowPacket 4s linear infinite;animation-delay:3.5s !important}
.ipacket--3{offset-path:path('M 484 240 L 616 240');animation:iflowPacket 2.2s linear infinite;animation-delay:4s !important;background:var(--brand-glow);box-shadow:0 0 14px 2px rgba(var(--aurora-3),.7)}
.ipacket--4{offset-path:path('M 704 240 C 820 240, 850 90, 912 90');animation:iflowPacket 4s linear infinite;animation-delay:4.5s !important}
.ipacket--5{offset-path:path('M 704 240 C 820 240, 850 388, 912 388');animation:iflowPacket 4s linear infinite;animation-delay:4.8s !important}
@keyframes iflowPacket{
  0%{offset-distance:0%;opacity:0}
  8%{opacity:1}
  92%{opacity:1}
  100%{offset-distance:100%;opacity:0}
}

/* Stage footer caption */
.iflow__caption{position:relative;z-index:2;text-align:center;margin-top:40px;display:flex;justify-content:center;gap:32px;flex-wrap:wrap;opacity:0;animation:iflowFade .8s ease-out forwards;animation-delay:2.4s}
.iflow__caption__item{display:inline-flex;align-items:center;gap:8px;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-3)}
.iflow__caption__item i{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal)}
.iflow__caption__item--2 i{background:var(--brand-glow);box-shadow:0 0 10px var(--brand-glow)}
@keyframes iflowFade{to{opacity:1}}

@media (max-width:920px){
  .iflow__stage{height:auto !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:42px !important;padding:24px 0 !important;overflow:visible !important;width:100% !important;min-width:0 !important}
  .iflow__svg,.ipacket{display:none !important}
  .inode{position:relative !important;left:auto !important;right:auto !important;top:auto !important;min-width:0 !important;animation:none !important;opacity:1 !important;transform:none !important;flex-direction:column !important}
  .inode__box{width:80px !important;height:80px !important}
  .inode--crm .inode__box,.inode--ai .inode__box{width:96px !important;height:96px !important}
  /* Vertical dashed connector between consecutive nodes */
  .inode + .inode::before{
    content:"";position:absolute;top:-42px;left:50%;transform:translateX(-50%);
    width:1px;height:42px;
    background-image:repeating-linear-gradient(to bottom, var(--brand) 0 3px, transparent 3px 8px);
  }
}
[data-theme="dark"] .inode + .inode::before{
  background-image:repeating-linear-gradient(to bottom, var(--teal) 0 3px, transparent 3px 8px) !important;
}
@media (prefers-reduced-motion:reduce){.inode,.iflow__svg path,.ipacket,.iflow__caption{animation:none !important;opacity:1 !important;transform:none !important;stroke-dashoffset:0 !important}}

/* ============================================================
   PARTNERS BAR
   ============================================================ */
.foot__partners{display:flex;gap:56px;align-items:center;justify-content:center;padding:8px 0 40px;margin-bottom:32px;flex-wrap:wrap}
.foot__partners__lbl{font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--fg-3);padding-right:16px;border-right:1px solid var(--border);flex-shrink:0}
.foot__partners a{display:inline-flex;align-items:center;transition:transform .25s, opacity .25s;opacity:.9}
.foot__partners a:hover{transform:translateY(-2px);opacity:1}
.foot__partners img{height:52px;width:auto;display:block}
@media (max-width:680px){.foot__partners{gap:18px;padding:24px 16px}.foot__partners__lbl{border-right:0;padding-right:0;width:100%;text-align:center}.foot__partners img{height:40px}}

/* ============================================================
   FOOTER
   ============================================================ */
footer{padding:80px 0 40px;border-top:1px solid var(--border)}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px}
.foot__brand p{margin-top:18px;font-size:13px;color:var(--fg-2);line-height:1.6;max-width:280px}
.foot__col h5{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px;color:var(--fg)}
.foot__col a{display:block;font-size:13px;color:var(--fg-2);padding:6px 0;transition:color .2s}
.foot__col a:hover{color:var(--fg)}
.foot__sub{margin-top:48px;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;letter-spacing:.06em;color:var(--fg-3);text-transform:uppercase}
.foot__sub__legal{display:flex;gap:18px}
@media (max-width:820px){.foot{grid-template-columns:1fr 1fr;gap:32px}.foot__sub{flex-direction:column;align-items:flex-start;gap:12px}}

/* ============================================================
   NEW SECTIONS — CUSTOMER LOGOS / SERVICE GRID / SECTORS / WORKFLOW / CASE / CERTS
   ============================================================ */

/* CUSTOMER LOGOS */
.customers{padding:120px 0;border-bottom:1px solid var(--border)}
.customers__head{text-align:center;max-width:720px;margin:0 auto 56px}
.customers__head h2{font-size:clamp(28px,3.8vw,48px);font-weight:700;letter-spacing:-.025em;line-height:1.05;margin-top:18px}
.customers__head h2 .acc{color:var(--teal);font-style:italic}
.customers__head p{margin-top:18px;font-size:16px;color:var(--fg-2);max-width:540px;margin-left:auto;margin-right:auto;line-height:1.55}
.cust__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.cust{background:var(--bg);padding:32px 18px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;letter-spacing:-.015em;color:var(--fg-2);transition:background .25s, color .25s;text-align:center}
.cust em{font-style:normal;color:var(--fg-3);font-weight:500}
.cust:hover{background:var(--surface-2);color:var(--fg)}
.cust:hover em{color:var(--teal)}
@media (max-width:960px){.cust__grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.cust__grid{grid-template-columns:repeat(2,1fr)}}

/* SERVICE GRID */
.svcgrid-sec{padding:140px 0;border-bottom:1px solid var(--border)}
.svcgrid-head{margin-bottom:56px;max-width:760px}
.svcgrid-head h2{font-size:clamp(32px,4.4vw,60px);font-weight:700;letter-spacing:-.025em;line-height:1.05;margin-top:18px}
.svcgrid-head h2 .acc{color:var(--teal);font-style:italic}
.svcgrid-head p{margin-top:18px;font-size:17px;color:var(--fg-2);line-height:1.55;max-width:560px}
.svcgroup{margin-bottom:64px}
.svcgroup:last-child{margin-bottom:0}
.svcgroup__head{
  display:flex;align-items:baseline;justify-content:space-between;
  padding-bottom:18px;margin-bottom:0;border-bottom:1px solid var(--border-2);
  margin-bottom:24px;
}
.svcgroup__cat{
  font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;
  color:var(--fg);text-transform:uppercase;letter-spacing:.18em;font-weight:600;
}
.svcgroup__count{
  font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;
  color:var(--fg-3);letter-spacing:.18em;font-weight:500;
}
.svcgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:4px;overflow:hidden}
.svccard{background:var(--bg);padding:32px;display:flex;flex-direction:column;gap:14px;min-height:240px;transition:background .3s;cursor:pointer;position:relative;overflow:hidden}
.svccard::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(var(--aurora-1),.10), transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
.svccard:hover{background:var(--surface)}
.svccard:hover::before{opacity:1}
.svccard__cat{font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--teal)}
.svccard h3,.svccard h4{font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.25;position:relative;z-index:1}
.svccard p{font-size:14px;color:var(--fg-2);line-height:1.55;position:relative;z-index:1}
.svccard__arrow{margin-top:auto;font-size:13px;font-weight:600;color:var(--teal);display:inline-flex;align-items:center;gap:8px;transition:gap .25s;position:relative;z-index:1}
.svccard:hover .svccard__arrow{gap:14px}
@media (max-width:920px){.svcgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.svcgrid{grid-template-columns:1fr}}

/* SECTORS */
.sectors{padding:140px 0;border-bottom:1px solid var(--border)}
.sectors__head{text-align:center;max-width:720px;margin:0 auto 56px}
.sectors__head h2{font-size:clamp(30px,4vw,52px);font-weight:700;letter-spacing:-.025em;line-height:1.05;margin-top:18px}
.sectors__head h2 .acc{color:var(--teal);font-style:italic}
.sectors__head p{margin-top:18px;font-size:16px;color:var(--fg-2);max-width:540px;margin-left:auto;margin-right:auto;line-height:1.55}
.sectorsgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sector{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:32px 28px;display:flex;flex-direction:column;gap:14px;min-height:320px;transition:transform .35s, border-color .35s, box-shadow .35s}
.sector:hover{transform:translateY(-4px);border-color:var(--teal);box-shadow:0 16px 40px -16px rgba(var(--aurora-1),.4)}
.sector__bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 30% 0%, rgba(var(--aurora-1),.12), transparent 60%);opacity:0;transition:opacity .35s}
.sector:hover .sector__bg{opacity:1}
.sector__ic{width:44px;height:44px;border-radius:12px;background:rgba(var(--aurora-1),.14);color:var(--teal);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.sector__ic svg{width:22px;height:22px}
.sector h3,.sector h4{font-size:20px;font-weight:700;letter-spacing:-.01em;position:relative;z-index:1}
.sector p{font-size:14px;color:var(--fg-2);line-height:1.55;position:relative;z-index:1}
.sector__refs{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px;padding-top:14px;border-top:1px solid var(--border);position:relative;z-index:1}
.sector__refs span{font-size:11px;font-family:'Plus Jakarta Sans',sans-serif;color:var(--fg-2);padding:3px 8px;border-radius:5px;background:var(--bg-2);font-weight:600}
@media (max-width:960px){.sectorsgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.sectorsgrid{grid-template-columns:1fr}}

/* WORKFLOW TIMELINE */
.workflow{padding:140px 0;border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.workflow__bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 30% 30%, rgba(var(--aurora-1),.08), transparent 65%)}
.workflow__head{position:relative;z-index:1;max-width:880px;margin:0 auto 64px;text-align:center}
.workflow__head h2{font-size:clamp(34px,4.6vw,64px);font-weight:700;letter-spacing:-.025em;line-height:1.0;margin-top:18px}
.workflow__head h2 .acc{color:var(--teal);font-style:italic}
.workflow__head p{margin-top:20px;font-size:17px;color:var(--fg-2);max-width:560px;margin-left:auto;margin-right:auto;line-height:1.55}
.workflow__guarantee{display:inline-flex;align-items:center;gap:10px;margin-top:28px;padding:10px 18px;background:rgba(var(--aurora-1),.10);border:1px solid rgba(var(--aurora-1),.25);border-radius:999px;color:var(--teal);font-size:13px;font-weight:600}
.workflow__guarantee svg{width:14px;height:14px}
.timeline{position:relative;z-index:1;max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.tstep{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px 20px;display:flex;flex-direction:column;gap:10px;transition:transform .3s, border-color .3s}
.tstep:hover{transform:translateY(-4px);border-color:var(--teal)}
.tstep__day{font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);font-weight:600}
.tstep__num{font-size:36px;font-weight:800;letter-spacing:-.03em;color:var(--fg);font-family:'Plus Jakarta Sans','PJS Fallback',sans-serif;line-height:.9}
.tstep h3,.tstep h4{font-size:15px;font-weight:700;letter-spacing:-.01em}
.tstep p{font-size:13px;color:var(--fg-2);line-height:1.5}
.tstep__dot{position:absolute;top:24px;right:20px;width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(var(--aurora-1),.18);animation:dotBlink 1.6s ease-in-out infinite}
@media (max-width:1024px){.timeline{grid-template-columns:repeat(3,1fr)}}
@media (max-width:680px){.timeline{grid-template-columns:1fr}}

/* CASE STUDY */
.casestudy{padding:140px 0;border-bottom:1px solid var(--border);background:var(--bg-2)}
.case__head{margin-bottom:48px;max-width:760px}
.case__head h2{font-size:clamp(32px,4.4vw,60px);font-weight:700;letter-spacing:-.025em;line-height:1.05;margin-top:18px}
.case__head h2 .acc{color:var(--teal);font-style:italic}
.case__inner{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start}
.case__left{position:sticky;top:120px;display:flex;flex-direction:column;gap:24px}
.case__client{padding:24px;background:var(--surface);border:1px solid var(--border-2);border-radius:14px;display:flex;flex-direction:column;gap:14px}
.case__client__logo{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--fg)}
.case__client__logo em{font-style:normal;color:var(--teal)}
.case__client__meta{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--fg-2);font-family:'Plus Jakarta Sans',sans-serif;padding-top:14px;border-top:1px solid var(--border)}
.case__client__meta b{color:var(--fg);font-weight:600;font-family:'Plus Jakarta Sans','PJS Fallback',sans-serif}
.case__results{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.case__res{padding:20px 18px;background:var(--surface);border:1px solid var(--border-2);border-radius:12px;display:flex;flex-direction:column;gap:6px}
.case__res__n{font-size:28px;font-weight:800;letter-spacing:-.025em;color:var(--teal);line-height:1}
.case__res__l{font-size:12px;color:var(--fg-2);line-height:1.4}
.case__right{display:flex;flex-direction:column;gap:32px}
.case__block{padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:16px}
.case__block__label{display:inline-flex;align-items:center;gap:10px;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-3);margin-bottom:14px}
.case__block__label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal)}
.case__block h3{font-size:22px;font-weight:700;letter-spacing:-.015em;margin-bottom:12px}
.case__block p{font-size:15px;color:var(--fg-2);line-height:1.65}
.case__block ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:14px}
.case__block li{display:flex;gap:10px;font-size:14px;color:var(--fg-2);line-height:1.55}
.case__block li::before{content:"→";color:var(--teal);font-weight:700;flex:0 0 14px}
@media (max-width:920px){.case__inner{grid-template-columns:1fr}.case__left{position:static}}

/* CERTIFICATIONS */
.certs{padding:120px 0;border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.certs__head{text-align:center;max-width:680px;margin:0 auto 56px}
.certs__head h2{font-size:clamp(28px,3.6vw,48px);font-weight:700;letter-spacing:-.025em;line-height:1.05;margin-top:18px}
.certs__head h2 .acc{color:var(--teal);font-style:italic}
.certs__row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cert{padding:32px 24px;background:var(--surface);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:10px;text-align:center;align-items:center;transition:transform .3s, border-color .3s, box-shadow .3s}
.cert:hover{transform:translateY(-3px);border-color:var(--teal);box-shadow:0 12px 30px -12px rgba(var(--aurora-1),.3)}
.cert__seal{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg, var(--brand), var(--brand-glow));display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 8px 20px -8px rgba(var(--aurora-2),.45)}
.cert__seal svg{width:24px;height:24px}
.cert b{font-size:14px;font-weight:700;color:var(--fg);letter-spacing:-.005em}
.cert span{font-size:12px;color:var(--fg-3);line-height:1.45}
@media (max-width:920px){.certs__row{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.certs__row{grid-template-columns:1fr}}

/* reveal helper */
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}

/* ============================================================
   ROADMAP — 11 stages, desktop horizontal / mobile vertical timeline
   ============================================================ */
.roadmap{padding:140px 0 160px;position:relative;border-top:1px solid var(--border)}
.roadmap__head{max-width:1100px;margin:0 auto 80px;padding:0 28px}
.roadmap__rail{position:relative}

/* Desktop — horizontal scroll-snap, connecting line through cards */
.roadmap__scroll{
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  padding:24px 0 32px;
  mask-image:linear-gradient(90deg,transparent,black 4%,black 96%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,black 4%,black 96%,transparent);
}
.roadmap__scroll::-webkit-scrollbar{height:6px}
.roadmap__scroll::-webkit-scrollbar-track{background:transparent}
.roadmap__scroll::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px}

.roadmap__track{
  list-style:none;margin:0;padding:0 8vw;
  display:flex;gap:0;position:relative;width:max-content;
  align-items:stretch;
}
/* Continuous connecting line through node centers */
.roadmap__track::before{
  content:"";position:absolute;top:32px;left:8vw;right:8vw;height:1px;
  background:linear-gradient(90deg, var(--border-2) 0%, var(--border-2) 100%);
  z-index:0;
}

.roadmap__step{
  flex:0 0 300px;
  padding:0 18px;
  scroll-snap-align:center;
  position:relative;z-index:1;
  display:flex;flex-direction:column;align-items:flex-start;
  text-align:left;
}
.roadmap__step--final{flex:0 0 340px}

.roadmap__node{
  width:64px;height:64px;border-radius:50%;
  background:var(--bg);border:1.5px solid var(--border-2);
  display:flex;align-items:center;justify-content:center;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:700;
  color:var(--fg-3);letter-spacing:.04em;
  margin-bottom:24px;position:relative;z-index:2;
  transition:border-color .35s, color .35s, background .35s, transform .35s;
}
.roadmap__node span{display:block}
.roadmap__step:hover .roadmap__node{
  border-color:var(--brand);color:var(--brand);
  background:var(--surface);transform:scale(1.06);
}
[data-theme="dark"] .roadmap__step:hover .roadmap__node{
  border-color:var(--teal);color:var(--teal);
}
.roadmap__step--final .roadmap__node{
  border-color:var(--brand);color:var(--brand);background:var(--surface);
}
[data-theme="dark"] .roadmap__step--final .roadmap__node{
  border-color:var(--teal);color:var(--teal);
}

.roadmap__phase{
  font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;color:var(--fg-3);
  letter-spacing:.22em;text-transform:uppercase;font-weight:500;
  margin-bottom:8px;
}
.roadmap__step h3{
  font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.2;
  color:var(--fg);margin-bottom:10px;
}
.roadmap__step p{
  font-size:13.5px;color:var(--fg-2);line-height:1.55;flex:1;
  max-width:260px;
}

/* MOBILE — vertical timeline (tighter) */
@media (max-width:980px){
  .roadmap{padding:72px 0 80px}
  .roadmap__head{margin-bottom:36px}
  .roadmap__scroll{overflow:visible;mask-image:none;-webkit-mask-image:none;padding:0}
  .roadmap__track{flex-direction:column;width:100%;padding:0 24px;gap:0}
  .roadmap__track::before{
    top:20px;bottom:20px;left:calc(24px + 22px);right:auto;width:1px;height:auto;
    background:linear-gradient(180deg, var(--border-2), var(--border-2));
  }
  .roadmap__step,.roadmap__step--final{
    flex:0 0 auto !important;width:100% !important;padding:0 0 18px 60px !important;
    align-items:flex-start;min-height:0 !important;height:auto !important;
  }
  .roadmap__step:last-child{padding-bottom:0 !important}
  .roadmap__node{position:absolute;left:0;top:0;margin-bottom:0;width:40px !important;height:40px !important;font-size:10.5px !important}
  .roadmap__phase{margin-bottom:2px !important;font-size:9.5px !important}
  .roadmap__step h3{font-size:16px !important;margin-bottom:4px !important;line-height:1.15 !important}
  .roadmap__step p{font-size:13px !important;max-width:none !important;line-height:1.45 !important;margin-bottom:0 !important}
}
@media (max-width:560px){
  .roadmap__node{width:36px !important;height:36px !important;font-size:9.5px !important}
  .roadmap__track::before{left:calc(24px + 18px)}
  .roadmap__step{padding:0 0 16px 52px !important}
}

/* Roadmap totals — 4 metric grid + CTA band */
.roadmap-totals{margin-top:80px;padding:48px 28px 0;max-width:1180px;border-top:1px solid var(--border-2)}
.roadmap-totals__grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--border);
  border:1px solid var(--border);border-radius:0;
  margin-bottom:48px;
}
.rt-stat{
  padding:36px 28px;background:var(--surface);
  display:flex;flex-direction:column;gap:14px;
  transition:background .3s;
}
.rt-stat:hover{background:color-mix(in oklab, var(--surface) 92%, var(--fg) 8%)}
[data-theme="dark"] .rt-stat:hover{background:color-mix(in oklab, var(--surface) 88%, var(--fg) 12%)}
.rt-label{
  font-family:'Plus Jakarta Sans',sans-serif;font-size:10.5px;
  color:var(--fg-3);letter-spacing:.22em;text-transform:uppercase;font-weight:500;
}
.rt-value{
  font-size:clamp(40px,4.8vw,68px);
  font-weight:700;line-height:1;letter-spacing:-.04em;
  color:var(--fg);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;
}
.rt-value .rt-em{color:var(--fg-3);font-weight:400}
.rt-value .rt-unit{
  font-size:.32em;font-weight:500;letter-spacing:.02em;
  color:var(--fg-3);text-transform:lowercase;
}
.rt-meta{
  font-size:13px;color:var(--fg-2);line-height:1.5;
  margin-top:auto;padding-top:14px;border-top:1px solid var(--border);
}

/* CTA band */
.roadmap-totals__cta{
  display:flex;align-items:center;justify-content:space-between;gap:48px;
  padding:48px 0 0;border-top:1px solid var(--border-2);
}
.roadmap-totals__cta-text{flex:1;max-width:640px}
.roadmap-totals__cta-text h3{
  font-size:clamp(24px,2.4vw,34px);font-weight:600;
  letter-spacing:-.025em;line-height:1.15;color:var(--fg);margin-bottom:10px;
}
.roadmap-totals__cta-text p{
  font-size:15px;color:var(--fg-2);line-height:1.55;max-width:540px;
}
.roadmap-totals__cta-actions{display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}

@media (max-width:880px){
  .roadmap-totals__grid{grid-template-columns:1fr}
}
@media (max-width:600px){
  .roadmap-totals{margin-top:60px;padding:36px 28px 0}
  .roadmap-totals__grid{grid-template-columns:1fr;margin-bottom:36px}
  .rt-stat{padding:28px 24px;gap:10px}
  .roadmap-totals__cta{flex-direction:column;align-items:flex-start;gap:24px;padding-top:36px}
  .roadmap-totals__cta-actions{width:100%;justify-content:flex-start}
}

/* ============================================================
   SEO HERO — broad-sector indexable headline before cinema
   ============================================================ */
.seo-hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:160px 0 110px;overflow:hidden}
.seo-hero__wrap{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 28px;width:100%}
.seo-hero__copy{min-width:0;max-width:1100px;position:relative;z-index:3}
/* Eye-catcher becomes ambient background filling the entire hero */
.seo-hero__visual{
  position:absolute;inset:0;
  width:100%;height:100%;
  pointer-events:none;
  z-index:1;
  display:flex;align-items:center;justify-content:center;
  contain:layout paint;
}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}

/* Hero badges — raw, no chrome. Just logos sitting on the page. */
.seo-hero__badges{
  display:inline-flex;align-items:center;gap:22px;
  margin-bottom:40px;
  background:transparent;border:0;padding:0;box-shadow:none;
}
.seo-hero__badge{display:inline-flex;align-items:center;transition:opacity .25s;opacity:.9}
.seo-hero__badge img{height:42px;width:auto;display:block}
.seo-hero__badge:hover{opacity:1}
.seo-hero__badge-divider{width:1px;height:24px;background:var(--border-2)}
.seo-hero__badge-meta{
  font-family:'Plus Jakarta Sans',sans-serif;font-size:10.5px;
  color:var(--fg-3);letter-spacing:.22em;font-weight:500;
}
@media (max-width:520px){
  .seo-hero__badges{gap:14px}
  .seo-hero__badge img{height:32px}
  .seo-hero__badge-meta{display:none}
}

.seo-hero__h1{
  font-size:clamp(56px,9.6vw,168px);
  font-weight:700;line-height:.94;letter-spacing:-.05em;
  margin:0 0 28px;color:var(--fg);max-width:1280px;
}

.seo-hero__lede{
  font-size:clamp(24px,3vw,48px);
  font-weight:500;line-height:1.12;letter-spacing:-.025em;
  color:var(--fg-2);margin-bottom:36px;max-width:1100px;
}
.seo-hero__lede em{
  font-style:normal;color:var(--brand);font-weight:600;
}
[data-theme="dark"] .seo-hero__lede em{color:var(--teal)}

.seo-hero__sub{
  font-size:clamp(16px,1.2vw,18px);
  color:var(--fg-3);line-height:1.6;
  max-width:680px;margin-bottom:44px;font-weight:400;
}
.seo-hero__sub strong{color:var(--fg-2);font-weight:600}

.seo-hero__ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:64px}

.seo-hero__sectors{
  list-style:none;padding:24px 0 0;margin:0;
  border-top:1px solid var(--border);
  display:flex;flex-wrap:wrap;gap:8px 26px;max-width:1100px;
}
.seo-hero__sectors li{
  font-family:'Plus Jakarta Sans',sans-serif;font-size:11.5px;
  color:var(--fg-3);letter-spacing:.12em;text-transform:uppercase;font-weight:500;
  display:flex;align-items:center;gap:10px;
}
.seo-hero__sectors li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--brand);opacity:.85}
[data-theme="dark"] .seo-hero__sectors li::before{background:var(--teal);opacity:.9}

.seo-hero__scroll{
  position:absolute;bottom:32px;left:28px;
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;
  color:var(--fg-3);letter-spacing:.16em;text-transform:uppercase;font-weight:500;
  transition:color .25s,gap .25s;
}
.seo-hero__scroll svg{width:14px;height:14px;color:var(--brand);animation:scrollBob 2.4s ease-in-out infinite}
[data-theme="dark"] .seo-hero__scroll svg{color:var(--teal)}
.seo-hero__scroll:hover{color:var(--fg);gap:14px}
@keyframes scrollBob{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}

@media (max-width:700px){
  .seo-hero{padding:120px 0 100px}
  .seo-hero__h1{font-size:clamp(40px,11vw,72px)}
  .seo-hero__sectors{gap:8px 18px}
  .seo-hero__sectors li{font-size:10.5px}
}

/* ===== HERO EYE-CATCHER (ambient background): 3D wireframe sphere ===== */
.eye{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:2400px;pointer-events:none}

/* Removed .eye::before — was causing 0.17 CLS as parent flex centering shifted
   during hero font swap. Body already has ambient radial gradients. */

/* 3D rotor — large ambient sphere, slow spin.
   Fades in after the hero has stabilized to avoid counting toward CLS. */
.eye__sphere{
  position:absolute;left:50%;top:50%;
  width:90vmin;height:90vmin;max-width:1100px;max-height:1100px;
  transform:translate(-50%,-50%) rotateX(-12deg);
  transform-style:preserve-3d;animation:eyeSpin 60s linear infinite, eyeFadeIn .6s ease-out 1s both;
  opacity:0;
}
@keyframes eyeFadeIn{from{opacity:0}to{opacity:1}}
@keyframes eyeSpin{from{transform:translate(-50%,-50%) rotateX(-12deg) rotateY(0)}to{transform:translate(-50%,-50%) rotateX(-12deg) rotateY(360deg)}}

.eye__ring{position:absolute;inset:0;border:1px solid var(--fg);border-radius:50%;opacity:.05}
.eye__ring:nth-child(1){transform:rotateY(0)}
.eye__ring:nth-child(2){transform:rotateY(22.5deg)}
.eye__ring:nth-child(3){transform:rotateY(45deg)}
.eye__ring:nth-child(4){transform:rotateY(67.5deg)}
.eye__ring:nth-child(5){transform:rotateY(90deg)}
.eye__ring:nth-child(6){transform:rotateY(112.5deg)}
.eye__ring:nth-child(7){transform:rotateY(135deg)}
.eye__ring:nth-child(8){transform:rotateY(157.5deg)}
/* Equatorial latitudes */
.eye__ring--lat{opacity:.04;border-color:var(--brand)}
.eye__ring--lat:nth-child(9){transform:rotateX(90deg) scale(.98)}
.eye__ring--lat:nth-child(10){transform:rotateX(90deg) scale(.7)}
.eye__ring--lat:nth-child(11){transform:rotateX(90deg) scale(.4)}
[data-theme="dark"] .eye__ring{opacity:.07}
[data-theme="dark"] .eye__ring--lat{opacity:.06;border-color:var(--teal)}

/* Counter-rotating accent ring */
.eye__halo{
  position:absolute;left:50%;top:50%;
  width:80vmin;height:80vmin;max-width:980px;max-height:980px;
  transform:translate(-50%,-50%);
  border:1px dashed var(--fg);border-radius:50%;opacity:.04;
  animation:eyeHalo 50s linear infinite reverse;
}
@keyframes eyeHalo{from{transform:translate(-50%,-50%) rotateZ(0) rotateX(64deg)}to{transform:translate(-50%,-50%) rotateZ(360deg) rotateX(64deg)}}
[data-theme="dark"] .eye__halo{opacity:.06}

/* Hide foreground hub + satellites + connecting lines — pure ambient bg */
.eye__hub,.eye__sat,.eye__lines{display:none !important}

@media (prefers-reduced-motion:reduce){
  .eye__sphere,.eye__halo{animation:none}
}

/* ============================================================
   CINEMA — cinematic scrollytelling: bir lead'in yolculuğu
   ============================================================ */
.cinema{position:relative;background:var(--bg);overflow:hidden}
.cinema__track{height:700vh;position:relative}
.cinema__stage{position:sticky;top:0;height:100vh;width:100%;overflow:hidden}
.cinema__bg{position:absolute;inset:0;pointer-events:none;background:transparent}
.cinema__grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--border) 1px, transparent 1px),linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:88px 88px;mask-image:radial-gradient(ellipse 70% 50% at 50% 50%, black 20%, transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 50%, black 20%, transparent 75%);opacity:.35}

/* CSS 3D wireframe sphere — Spline-style ambient geometry, 0 JS */
.cinema__3d{position:absolute;right:-12%;top:50%;width:84vh;height:84vh;max-width:760px;max-height:760px;transform:translateY(-50%);pointer-events:none;z-index:0;perspective:1800px}
.cinema__3d-rotor{position:absolute;inset:0;transform-style:preserve-3d;animation:spin3d 36s linear infinite}
@keyframes spin3d{from{transform:rotateX(-12deg) rotateY(0)}to{transform:rotateX(-12deg) rotateY(360deg)}}
.cinema__3d-ring{position:absolute;inset:0;border:1px solid var(--fg);border-radius:50%;opacity:.085}
.cinema__3d-ring:nth-child(1){transform:rotateY(0deg)}
.cinema__3d-ring:nth-child(2){transform:rotateY(22.5deg)}
.cinema__3d-ring:nth-child(3){transform:rotateY(45deg)}
.cinema__3d-ring:nth-child(4){transform:rotateY(67.5deg)}
.cinema__3d-ring:nth-child(5){transform:rotateY(90deg)}
.cinema__3d-ring:nth-child(6){transform:rotateY(112.5deg)}
.cinema__3d-ring:nth-child(7){transform:rotateY(135deg)}
.cinema__3d-ring:nth-child(8){transform:rotateY(157.5deg)}
.cinema__3d-ring--lat{opacity:.06;border-color:var(--brand)}
.cinema__3d-ring--lat:nth-child(9){transform:rotateX(90deg) scale(.98)}
.cinema__3d-ring--lat:nth-child(10){transform:rotateX(90deg) scale(.7) translateZ(0)}
.cinema__3d-ring--lat:nth-child(11){transform:rotateX(90deg) scale(.4)}
.cinema__3d-ring--lat:nth-child(12){transform:rotateX(90deg) scale(.85) translateZ(0)}
[data-theme="dark"] .cinema__3d-ring{opacity:.12}
[data-theme="dark"] .cinema__3d-ring--lat{opacity:.10;border-color:var(--teal)}

/* Counter-rotating tiny accent ring — depth cue */
.cinema__3d-accent{position:absolute;inset:14%;border:1px dashed var(--fg);border-radius:50%;opacity:.05;animation:spinAcc 22s linear infinite reverse}
@keyframes spinAcc{from{transform:rotateZ(0) rotateX(60deg)}to{transform:rotateZ(360deg) rotateX(60deg)}}
[data-theme="dark"] .cinema__3d-accent{opacity:.08}

@media (max-width:980px){
  .cinema__3d{right:-30%;width:90vw;height:90vw;opacity:.5}
}
@media (prefers-reduced-motion:reduce){
  .cinema__3d-rotor,.cinema__3d-accent{animation:none}
}

.cinema__hud{position:absolute;top:0;left:0;right:0;z-index:10;padding:120px 5vw 0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.cinema__brand svg{height:16px;width:auto;opacity:.55;color:var(--fg)}
.cinema__prog{flex:1;height:1px;background:var(--border-2);overflow:hidden;margin:0 28px;max-width:240px}
.cinema__prog span{display:block;height:100%;background:var(--fg);transform:scaleX(0);transform-origin:0 50%;transition:transform .15s linear}
.cinema__cnt{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;color:var(--fg-3);letter-spacing:.18em;font-weight:500}
.cinema__cnt .now{color:var(--fg);font-weight:600}
.cinema__cnt em{color:var(--fg-3);font-style:normal}

.cinema__scenes{position:absolute;inset:0}
/* Cinema h2 acc — same curved underline treatment as section h2 (already handled via .acc__line) */
.cscene h2 .acc{
  color:var(--fg) !important;font-style:normal !important;
  text-decoration:none !important;
  position:relative !important;
  display:inline-block !important;
  padding-bottom:.04em !important;
}
[data-theme="dark"] .cscene h2 .acc{color:var(--fg) !important}

/* Cinema scenes — true editorial restraint, single-column massive type */
.cscene{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:18vh 10vw 14vh;opacity:0;pointer-events:none;will-change:opacity,transform}
@media (max-width:980px){.cscene{padding:18vh 6vw 14vh}}

.cscene__text{max-width:1100px;width:100%;position:relative;z-index:2}
.cscene__num{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;color:var(--fg-3);letter-spacing:.32em;font-weight:500;display:flex;align-items:center;gap:18px;margin-bottom:64px;text-transform:uppercase}
.cscene__num::before{content:"";width:48px;height:1px;background:var(--fg-3)}
.cscene h2{font-size:clamp(56px,11vw,200px);font-weight:600;line-height:.92;letter-spacing:-.045em;margin-bottom:48px;color:var(--fg);max-width:1100px}
/* Cinema acc handled by curved SVG underline above */
.cscene p{font-size:clamp(18px,1.5vw,24px);color:var(--fg-2);line-height:1.5;max-width:640px;font-weight:400}
.cscene__meta{margin-top:48px;display:flex;align-items:center;gap:14px;padding-top:24px;border-top:1px solid var(--border-2);background:transparent;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;color:var(--fg-3);letter-spacing:.22em;text-transform:uppercase;width:fit-content;min-width:260px}
.cscene__meta b{color:var(--fg);font-weight:600;margin:0 0 0 auto;letter-spacing:.04em;text-transform:none;font-size:14px}

/* Prop card — shrunk to discrete element placed top-right corner */
.cscene__stage{position:absolute;top:18vh;right:8vw;z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;max-width:360px}
@media (max-width:980px){.cscene__stage{position:relative;top:auto;right:auto;margin-top:32px;max-width:100%}}

.cprop{background:var(--surface);border:1px solid var(--border-2);box-shadow:none;position:relative;border-radius:2px;font-size:13px;transform:scale(.82);transform-origin:top right}
@media (max-width:980px){.cprop{transform:none}}

/* Scene 1 — incoming WhatsApp */
.cprop--wa{width:min(400px,32vw);padding:24px;background:var(--surface)}
.cprop--wa .head{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.cprop--wa .av{width:38px;height:38px;border-radius:50%;background:var(--fg);color:var(--bg);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.cprop--wa .who{font-size:13px;font-weight:700;color:var(--fg)}
.cprop--wa .phone{font-size:11px;color:var(--fg-3);font-family:'Plus Jakarta Sans',sans-serif;margin-top:2px}
.cprop--wa .bub{margin-top:18px;padding:12px 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;border-bottom-left-radius:4px;font-size:14px;color:var(--fg);max-width:85%}
.cprop--wa .typing{margin-top:10px;padding:12px 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;border-bottom-left-radius:4px;display:inline-flex;gap:4px;width:fit-content}
.cprop--wa .typing i{width:6px;height:6px;border-radius:50%;background:var(--fg-3);animation:typingD 1.2s infinite}
.cprop--wa .typing i:nth-child(2){animation-delay:.2s}
.cprop--wa .typing i:nth-child(3){animation-delay:.4s}
@keyframes typingD{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

/* Scene 2 — Zoho CRM Lead card */
.cprop--crm{width:min(440px,34vw);padding:26px;border-radius:4px}
.cprop--crm .head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:18px}
.cprop--crm .badge{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:99px;background:rgba(var(--aurora-1),.16);color:var(--teal);font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;border:1px solid rgba(var(--aurora-1),.32)}
.cprop--crm .badge i{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pulse 2s infinite}
.cprop--crm .id{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;color:var(--fg-3);letter-spacing:.06em}
.cprop--crm .name{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}
.cprop--crm .field{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--border);font-size:13px}
.cprop--crm .field:last-of-type{border-bottom:0;padding-bottom:0}
.cprop--crm .field .k{color:var(--fg-3);font-family:'Plus Jakarta Sans',sans-serif;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em}
.cprop--crm .field .v{color:var(--fg);font-weight:600}
.cprop--crm .field .v.hot{color:var(--teal)}

/* Scene 3 — WhatsApp chat */
.cprop--chat{width:min(440px,34vw);padding:22px;border-radius:4px;display:flex;flex-direction:column;gap:8px}
.cprop--chat .bub{padding:11px 14px;border-radius:12px;font-size:13.5px;line-height:1.4;max-width:80%}
.cprop--chat .bub.in{background:var(--bg-2);border:1px solid var(--border);align-self:flex-start;border-bottom-left-radius:4px}
.cprop--chat .bub.out{background:var(--teal);color:#04101E;align-self:flex-end;border-bottom-right-radius:4px;font-weight:500;direction:rtl;text-align:right}
.cprop--chat .tr{margin-top:8px;padding-top:8px;border-top:1px dashed rgba(4,16,30,.22);font-size:12px;color:rgba(4,16,30,.78);direction:ltr;text-align:left;font-weight:400}
.cprop--chat .tr-l{display:inline-flex;align-items:center;gap:4px;font-family:'Plus Jakarta Sans',sans-serif;font-size:9px;color:rgba(4,16,30,.58);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}
.cprop--chat .bub.in.ar{direction:rtl;text-align:right}

/* Scene 4 — Sign + Payment */
.cprop--sign{width:min(460px,36vw);padding:24px;border-radius:4px}
.cprop--sign .doc-h{font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;color:var(--fg-3);letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}
.cprop--sign .doc-h .seal{padding:3px 8px;border-radius:99px;background:rgba(var(--aurora-1),.14);color:var(--teal);font-size:9px;font-weight:700;letter-spacing:.16em}
.cprop--sign .doc{padding:18px;background:var(--bg-2);border:1px dashed var(--border-2);border-radius:12px}
.cprop--sign .doc .line{height:6px;background:var(--surface-2);border-radius:3px;margin-bottom:9px}
.cprop--sign .doc .line.short{width:60%}
.cprop--sign .doc .line.med{width:80%}
.cprop--sign .sig-line{margin-top:14px;padding:12px 14px;background:rgba(var(--aurora-1),.08);border:1px solid rgba(var(--aurora-1),.3);border-radius:10px;display:flex;align-items:center;justify-content:space-between}
.cprop--sign .sig-line .lbl{font-family:'Plus Jakarta Sans',sans-serif;font-size:10.5px;color:var(--teal);letter-spacing:.1em;text-transform:uppercase}
.cprop--sign .sig-line .signed{font-family:Georgia,serif;font-style:italic;font-size:20px;color:var(--fg);transform:rotate(-2deg)}
.cprop--sign .pay{margin-top:10px;padding:13px 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:space-between}
.cprop--sign .pay-l{font-size:12.5px;color:var(--fg-2);display:flex;align-items:center;gap:8px}
.cprop--sign .pay-l svg{color:var(--teal);width:14px;height:14px}
.cprop--sign .pay-r{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;color:var(--teal);font-size:13px}

/* Scene 5 — Operation */
.cprop--op{width:min(460px,36vw);aspect-ratio:5/4;border-radius:4px;padding:0;overflow:hidden;background:var(--surface);position:relative;border-color:var(--border-2)}
.cprop--op::before{content:"";position:absolute;inset:0;background:transparent;pointer-events:none}
.cprop--op .label{position:absolute;top:18px;left:18px;padding:5px 11px;background:var(--bg-2);border:1px solid var(--border-2);font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;color:var(--fg);letter-spacing:.16em;font-weight:600;z-index:2}
.cprop--op .clock{position:absolute;top:18px;right:18px;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;color:var(--fg-2);z-index:2}
.cprop--op .frame{position:absolute;inset:60px 22px 22px;border-top:1px solid var(--border);display:flex;flex-direction:column;padding:18px 0 0;z-index:2}
.cprop--op .row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--fg-2)}
.cprop--op .row:last-child{border-bottom:0}
.cprop--op .check{width:18px;height:18px;border-radius:5px;background:rgba(var(--aurora-1),.18);display:inline-flex;align-items:center;justify-content:center;color:var(--teal);flex-shrink:0;font-size:11px;font-weight:700}
.cprop--op .row b{color:var(--fg);font-weight:600}

/* Scene 6 — Referans */
.cprop--ref{width:min(440px,36vw);padding:30px 26px;border-radius:4px;text-align:center}
.cprop--ref .av{width:96px;height:96px;border-radius:50%;margin:0 auto 18px;background:var(--fg);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;position:relative;letter-spacing:-.01em}
.cprop--ref .av::after{content:"★";position:absolute;bottom:-6px;right:-6px;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;border:3px solid var(--surface);font-weight:700}
[data-theme="dark"] .cprop--ref .av::after{background:var(--teal);color:var(--bg)}
.cprop--ref .badge{display:inline-flex;padding:7px 14px;border-radius:99px;background:rgba(var(--aurora-1),.16);color:var(--teal);font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:.16em;border:1px solid rgba(var(--aurora-1),.32)}
.cprop--ref h3{font-size:22px;margin:12px 0 8px;font-weight:700;letter-spacing:-.015em}
.cprop--ref p{font-size:13.5px;color:var(--fg-2);line-height:1.55}
.cprop--ref .orbit{margin-top:22px;padding-top:22px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.cprop--ref .orbit-l{font-size:11.5px;color:var(--fg-3);font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:.06em}
.cprop--ref .new{width:34px;height:34px;border-radius:50%;background:var(--surface-2);border:1.5px dashed rgba(var(--aurora-1),.4);display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:var(--teal);font-family:'Plus Jakarta Sans',sans-serif;font-weight:600}

.cinema__cue{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:inline-flex;flex-direction:column;align-items:center;gap:8px;font-family:'Plus Jakarta Sans',sans-serif;font-size:10.5px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.16em;pointer-events:none;z-index:5;animation:cueBob 2.4s ease-in-out infinite}
@keyframes cueBob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}
.cinema__cue svg{width:14px;height:14px;color:var(--teal)}

@media (prefers-reduced-motion: reduce){
  .cinema__track{height:auto !important}
  .cinema__stage{position:relative !important;height:auto !important;padding:80px 0}
  .cscene{position:relative !important;opacity:1 !important;transform:none !important;padding:60px 6vw !important;height:auto;display:grid}
  .cinema__hud,.cinema__cue{display:none}
}

/* ============================================================
   PREMIUM MONOCHROME — GLOBAL OVERRIDES (sessiz güç pass)
   Marketeam-inspired: gradient bg + flat surfaces + emboss/raise for emphasis
   ============================================================ */

/* Make all sections transparent so body gradient flows through */
section,.cinema,.marquee,footer{
  background:transparent !important;
}

/* Flat treatment — kill all default shadows + lifts */
.cprop,.bcard,.svc__card,.disc__item,.sector__card,.cert__card,.case__card,.testi__card,
.plan,.fcard,.feat__card,.mock-window,.cine__device,.cine__card,.nav,.btn,.signup-btn,
.cprop--wa,.cprop--crm,.cprop--chat,.cprop--sign,.cprop--op,.cprop--ref{
  box-shadow:none !important;
}

/* Cinema device frame — flat with hairline border only */
.cine__device{border:1px solid var(--border-2) !important;background:var(--surface) !important;}

/* Emboss utility — recessed feel for inset emphasis (no popping) */
.emboss{
  background:var(--surface) !important;
  box-shadow:
    inset 0 1px 2px rgba(10,10,10,.10),
    inset 0 -1px 1px rgba(255,255,255,.7),
    0 1px 0 rgba(255,255,255,.85) !important;
  border:1px solid rgba(10,10,10,.05) !important;
}
[data-theme="dark"] .emboss{
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,.5),
    inset 0 -1px 1px rgba(255,255,255,.05),
    0 1px 0 rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.05) !important;
}

/* Raise utility — sits slightly higher than the plane (subtle, not floating) */
.raise{
  background:var(--surface) !important;
  box-shadow:
    0 1px 0 rgba(10,10,10,.04),
    0 2px 4px rgba(10,10,10,.04),
    0 8px 16px -8px rgba(10,10,10,.08) !important;
}
[data-theme="dark"] .raise{
  box-shadow:
    0 1px 0 rgba(255,255,255,.04),
    0 2px 4px rgba(0,0,0,.3),
    0 8px 16px -8px rgba(0,0,0,.5) !important;
}



/* Neutralize all radial-glow background helpers */
.cine__bg,.iflow__bg,.bento__bg,.const__bg,.cta__bg,.workflow__bg,
.bcard__blob,.cinema__bg,.hero__bg,.proof__bg,.svc__bg,.sect__bg{
  background:none !important;opacity:0 !important;
}

/* Ecosystem logos in marquee/customers/services → monochrome (keep editorial calm) */
.mqitem img,.cust__logo img,.svc__logo img,.cust__logos img,
.disc__logo img,.sector__logo img{
  filter:brightness(0) saturate(0) !important;
  opacity:.55;
}
[data-theme="dark"] .mqitem img,[data-theme="dark"] .cust__logo img,
[data-theme="dark"] .svc__logo img,[data-theme="dark"] .cust__logos img,
[data-theme="dark"] .disc__logo img,[data-theme="dark"] .sector__logo img{
  filter:brightness(0) saturate(0) invert(1) !important;
  opacity:.6;
}
/* Constellation icons → keep Zoho brand colors (restored) */
.const__nodes .node img{filter:none !important;opacity:1 !important}
[data-theme="dark"] .const__nodes .node img{filter:none !important;opacity:1 !important}
/* Constellation CENTER (Zoho One mark) → full contrast monochrome anchor */
.const__center img{filter:brightness(0) saturate(0) !important;opacity:1 !important}
[data-theme="dark"] .const__center img{filter:brightness(0) saturate(0) invert(1) !important;opacity:1 !important}
.const__center b{font-size:11px !important;color:var(--fg) !important;opacity:.9}

/* Editorial section rhythm — much more whitespace */
section.iflow,section.bento-sec,section.cust__sec,section.disciplines,section.svcgrid-sec,
section.svc,section.sectors,section.const,section.workflow,section.reveal,section.casestudy,
section.case,section.certs,section.pricing,section.testi,section.blog,section.faq,
section.cta,section.proof,section.section{
  padding:160px 0 !important;
}
@media (max-width:780px){
  section.iflow,section.bento-sec,section.cust__sec,section.disciplines,section.svcgrid-sec,
  section.svc,section.sectors,section.const,section.workflow,section.reveal,section.casestudy,
  section.case,section.certs,section.pricing,section.testi,section.blog,section.faq,
  section.cta,section.proof,section.section{ padding:100px 0 !important; }
}

/* Strip card glow/gradient/colored hover */
.bcard,.svc__card,.disc__item,.sector__card,.cert__card,.case__card,.testi__card,.plan,.fcard,.feat__card{
  background:var(--surface) !important;
  border:1px solid var(--border) !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.bcard:hover,.svc__card:hover,.disc__item:hover,.sector__card:hover,
.cert__card:hover,.case__card:hover,.plan:hover,.fcard:hover,.feat__card:hover{
  border-color:var(--fg) !important;
  background:var(--surface) !important;
  box-shadow:none !important;
  transform:none !important;
}

/* H2 across the site → monumental editorial — but proportional to container */
section h2,.section__head h2,.bento-head h2,.proof__head h2{
  font-size:clamp(40px,4.6vw,80px) !important;
  font-weight:600 !important;
  letter-spacing:-.035em !important;
  line-height:1 !important;
  max-width:none !important;
  padding-bottom:.18em !important;
  margin-bottom:24px !important;
}
/* Universal content alignment — all section heads + inner wrappers match the .wrap edge */
section [class*="__head"], section [class*="-head"], section [class*="__inner"]{
  max-width:none !important;
  margin-left:0 !important;margin-right:0 !important;
  text-align:left !important;
}
.reveal__inner{max-width:1280px !important;margin:0 auto !important;text-align:center !important}
/* Center-aligned heads keep centering */
.eyebrow--center,.section-head{text-align:center !important;margin-left:auto !important;margin-right:auto !important}
/* h2's max-width inherits from container; force no narrow caps */
section h2,.section__head h2,.bento-head h2,.proof__head h2{
  max-width:none !important;
}
/* Section headings — accent gets curved arched underline (treated by JS) */
section h2 > .acc,.bento-head h2 > .acc,h1 > .acc,.seo-hero__lede em{
  color:var(--fg) !important;
  font-style:normal !important;
  text-decoration:none !important;
  font-weight:600 !important;
  position:relative !important;
  display:inline-block !important;
  padding-bottom:.04em !important;
}
[data-theme="dark"] section h2 > .acc,[data-theme="dark"] .bento-head h2 > .acc{
  color:var(--teal) !important;
}
/* Cinema scenes — signature curved underline placement */
.cscene h2 > .acc{
  color:var(--fg) !important;font-style:normal !important;
  text-decoration:none !important;
  position:relative !important;
  display:inline-block !important;
  padding-bottom:.04em !important;
  font-weight:600 !important;
}
/* Arched animated underline — SVG injected via JS, thin arc that sits under the word */
.acc__line{
  position:absolute !important;left:-1% !important;right:-1% !important;
  bottom:-.20em !important;width:102% !important;height:.32em !important;
  pointer-events:none !important;overflow:visible !important;
}
.acc__line path{
  stroke:var(--brand);stroke-width:3.5;fill:none;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:260;stroke-dashoffset:260;
  transition:stroke-dashoffset 1.4s cubic-bezier(.4,.0,.2,1) .15s;
}
[data-theme="dark"] .acc__line path{stroke:var(--teal)}
.acc.is-drawn .acc__line path{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){.acc__line path{stroke-dashoffset:0 !important}}

/* Eyebrows → minimal mono caps */
.eyebrow,.eyebrow--center{
  background:transparent !important;border:0 !important;padding:0 !important;
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-size:11px !important;color:var(--fg-3) !important;
  letter-spacing:.28em !important;text-transform:uppercase !important;
  font-weight:500 !important;
  display:inline-flex !important;align-items:center !important;gap:14px !important;
}
.eyebrow::before,.eyebrow--center::before{
  content:"" !important;width:40px;height:1px;background:var(--fg-3);
}
.eyebrow .dot{display:none !important}

/* Buttons — simple, reliable: bordered pill with fill-on-hover */
.btn,.btn-primary,.btn-teal,.btn-ghost,.nav__cta{
  position:relative !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;
  background:transparent !important;color:var(--fg) !important;
  border:1px solid var(--fg) !important;
  border-radius:99px !important;
  padding:13px 24px !important;
  font-size:13px !important;font-weight:600 !important;
  letter-spacing:-.005em !important;text-transform:none !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  transition:background .25s, color .25s, border-color .25s !important;
  box-shadow:none !important;cursor:pointer !important;
  overflow:visible !important;
}
.btn:hover,.btn-primary:hover,.btn-teal:hover,.btn-ghost:hover,.nav__cta:hover{
  background:var(--fg) !important;color:var(--bg) !important;border-color:var(--fg) !important;
  transform:none !important;box-shadow:none !important;
}

/* Primary uses brand accent */
.btn-primary{border-color:var(--brand) !important;color:var(--brand) !important;background:transparent !important}
.btn-primary:hover{background:var(--brand) !important;color:#fff !important;border-color:var(--brand) !important}
[data-theme="dark"] .btn-primary{border-color:var(--teal) !important;color:var(--teal) !important}
[data-theme="dark"] .btn-primary:hover{background:var(--teal) !important;color:#04101E !important;border-color:var(--teal) !important}

/* Ghost stays muted */
.btn-ghost{border-color:var(--border-strong) !important;color:var(--fg) !important;background:transparent !important}
.btn-ghost:hover{background:var(--surface-2) !important;color:var(--fg) !important;border-color:var(--fg) !important}

/* Disable layered enhancement spans — show only the hover content (text + arrow) */
.btn__dot{display:none !important}
.btn__label{display:none !important}
.btn__hover{
  position:static !important;display:inline-flex !important;align-items:center !important;gap:8px !important;
  opacity:1 !important;transform:none !important;color:inherit !important;background:transparent !important;
  pointer-events:none !important;inset:auto !important;z-index:auto !important;
  font-weight:inherit !important;letter-spacing:inherit !important;
}
.btn__hover svg{width:14px;height:14px;flex-shrink:0;transition:transform .25s}
.btn:hover .btn__hover svg{transform:translateX(3px)}

/* Nav CTA — filled by default */
.nav__cta{background:var(--fg) !important;color:var(--bg) !important;border-color:var(--fg) !important;padding:9px 18px !important;font-size:12.5px !important}
.nav__cta:hover{background:transparent !important;color:var(--fg) !important}
.nav__cta:hover{background:var(--bg) !important;color:var(--fg) !important}
.nav__cta:hover .btn__dot{background:var(--fg)}
.nav__cta .btn__hover{color:var(--fg)}
[data-theme="dark"] .nav__cta{background:var(--fg) !important;color:var(--bg) !important;border-color:var(--fg) !important}
[data-theme="dark"] .nav__cta .btn__dot{background:var(--bg)}
[data-theme="dark"] .nav__cta:hover{color:var(--fg) !important}
[data-theme="dark"] .nav__cta:hover .btn__dot{background:var(--fg)}

/* Eyebrows — subtle embossed pills (recessed into surface, not popping) */
.eyebrow,.eyebrow--center,.cscene__num,.cinema__cnt{
  background:rgba(255,255,255,.5) !important;
  border:0 !important;
  padding:7px 14px !important;
  border-radius:99px !important;
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-size:11px !important;color:var(--fg-2) !important;
  letter-spacing:.18em !important;text-transform:uppercase !important;
  font-weight:500 !important;
  display:inline-flex !important;align-items:center !important;gap:10px !important;
  box-shadow:
    inset 0 1px 2px rgba(10,10,10,.06),
    inset 0 -1px 0 rgba(255,255,255,.85),
    0 1px 0 rgba(255,255,255,.85) !important;
}
[data-theme="dark"] .eyebrow,[data-theme="dark"] .eyebrow--center,
[data-theme="dark"] .cscene__num,[data-theme="dark"] .cinema__cnt{
  background:rgba(255,255,255,.04) !important;
  color:var(--fg-2) !important;
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,.45),
    inset 0 -1px 0 rgba(255,255,255,.05),
    0 1px 0 rgba(255,255,255,.03) !important;
}
.eyebrow::before,.eyebrow--center::before,.cscene__num::before{display:none !important}
.eyebrow .dot{display:none !important}

/* Nav pill keeps for now but tone down */
.nav{box-shadow:none !important;max-width:1080px !important}
.nav__links a{font-size:13px !important;padding:8px 12px !important;border-radius:99px !important}

/* Dropdown menus */
.nav__item{position:relative;display:inline-block}
.nav__item-trigger{
  display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
  font-size:13px;padding:8px 12px;border-radius:99px;
  color:var(--fg-2);background:transparent;border:0;cursor:pointer;
  transition:color .2s, background .2s;font-family:inherit;font-weight:500;
}
.nav__links a{white-space:nowrap !important}
.nav__item-trigger:hover,.nav__item:hover .nav__item-trigger,.nav__item.is-open .nav__item-trigger{
  color:var(--fg);background:var(--surface-2);
}
.nav__item-trigger svg{width:10px;height:10px;transition:transform .25s;opacity:.6}
.nav__item:hover .nav__item-trigger svg,.nav__item.is-open .nav__item-trigger svg{transform:rotate(180deg)}

.nav__dropdown{
  position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-8px);
  min-width:340px;max-width:420px;
  background:var(--surface);border:1px solid var(--border-2);
  border-radius:18px;padding:14px;
  box-shadow:0 24px 60px -20px rgba(10,10,10,.15);
  opacity:0;pointer-events:none;visibility:hidden;
  transition:opacity .25s, transform .25s, visibility .25s;
  z-index:70;
}
/* Invisible bridge — fills the gap between trigger and dropdown so mouse can travel */
.nav__dropdown::before{
  content:"";position:absolute;top:-18px;left:0;right:0;height:18px;background:transparent;
}
[data-theme="dark"] .nav__dropdown{box-shadow:0 24px 60px -20px rgba(0,0,0,.6)}
.nav__item:hover .nav__dropdown,.nav__item.is-open .nav__dropdown{
  opacity:1;pointer-events:auto;visibility:visible;
  transform:translateX(-50%) translateY(0);
}
.nav__dropdown-label{
  font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;color:var(--fg-3);
  text-transform:uppercase;letter-spacing:.18em;font-weight:500;
  padding:8px 14px 12px;border-bottom:1px solid var(--border);margin-bottom:8px;
}
.nav__dropdown a{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:10px 14px;border-radius:10px;
  font-size:13.5px;color:var(--fg);font-weight:500;letter-spacing:-.005em;
  transition:background .2s, color .2s;text-decoration:none;
}
.nav__dropdown a:hover{background:var(--surface-2);color:var(--fg)}
.nav__dropdown a small{
  font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;color:var(--fg-3);
  font-weight:500;letter-spacing:.06em;text-transform:uppercase;
}
.nav__dropdown a:hover small{color:var(--brand)}
[data-theme="dark"] .nav__dropdown a:hover small{color:var(--teal)}
.nav__dropdown-divider{height:1px;background:var(--border);margin:8px 0}
@media (max-width:920px){
  .nav__dropdown{position:fixed;left:50% !important;top:auto;bottom:20px;width:92vw;max-width:480px}
}

/* Marquee — quieter, slower */
.marquee{padding:32px 0 !important;background:transparent !important;border-top:1px solid var(--border) !important;border-bottom:1px solid var(--border) !important;}
.marquee::before,.marquee::after{display:none !important;}
.mqitem{font-size:18px !important;opacity:.5 !important;font-weight:500 !important;}
.mqitem:hover{opacity:1 !important;}

/* Section dividers — hairline rules between major blocks */
section + section{border-top:1px solid var(--border)}

/* ============================================================
   MOBILE STICKY FOOTER — fixed CTA bar at bottom on small screens
   ============================================================ */
.msticky{display:none}
@media (max-width:820px){
  .msticky{
    display:flex;position:fixed;
    left:10px;right:10px;
    bottom:8px;
    z-index:55;
    padding:6px;gap:6px;align-items:center;
    background:color-mix(in oklab, var(--surface) 96%, transparent);
    backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);
    border:1px solid var(--border-2);
    border-radius:99px;
    box-shadow:0 18px 40px -14px rgba(0,0,0,.42), 0 2px 8px -2px rgba(0,0,0,.10);
  }
  [data-theme="dark"] .msticky{
    background:color-mix(in oklab, var(--bg-2) 92%, transparent);
    border-color:rgba(255,255,255,.10);
    box-shadow:0 18px 40px -14px rgba(0,0,0,.65), 0 0 0 1px rgba(255,255,255,.04);
  }
  .msticky a{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    border-radius:99px;font-weight:600;letter-spacing:-.005em;
    text-decoration:none;
  }
  .msticky a svg{width:18px;height:18px}
  /* Icon buttons — compact, contained */
  .msticky__icon{
    flex:0 0 46px;width:46px;height:46px;padding:0;
    background:transparent !important;
    transition:transform .15s, opacity .2s;
  }
  .msticky__icon:active{transform:scale(.9)}
  .msticky__icon:hover{opacity:.88}
  .msticky__icon img{display:block;width:31px;height:31px;object-fit:contain}
  .msticky__icon--wa{background:transparent !important}
  .msticky__icon--wa img{width:35px;height:35px}
  [data-theme="dark"] .msticky__icon{background:transparent !important}
  /* Subtle vertical divider before the CTA */
  .msticky__cta::before{
    content:"";position:absolute;left:-3px;top:8px;bottom:8px;
    width:1px;background:var(--border-2);opacity:.6;
  }
  [data-theme="dark"] .msticky__cta::before{background:rgba(255,255,255,.08)}
  /* Primary CTA — full pill, brand color, arrow */
  .msticky__cta{
    position:relative;flex:1 1 auto;min-width:0;
    padding:0 18px 0 16px;font-size:13.5px;letter-spacing:-.01em;
    height:42px;line-height:1;white-space:nowrap;
    background:var(--brand) !important;color:#fff !important;
    box-shadow:0 6px 16px -4px rgba(0,49,83,.45);
    transition:transform .15s, box-shadow .2s;
  }
  .msticky__cta::after{
    content:"→";display:inline-block;margin-left:6px;font-size:14px;
    transition:transform .25s;
  }
  .msticky__cta:active{transform:scale(.98)}
  [data-theme="dark"] .msticky__cta{
    background:var(--teal) !important;color:#04101E !important;
    box-shadow:0 6px 16px -4px rgba(78,205,196,.4);
  }
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom, 0px))}
  footer{padding-bottom:24px !important}
}

/* MOBILE TIGHTENING — reduce wasteful whitespace + scale type for small screens */
@media (max-width:780px){
  section,section.iflow,section.bento-sec,section.cust__sec,section.disciplines,section.svcgrid-sec,
  section.svc,section.sectors,section.const,section.workflow,section.reveal,section.casestudy,
  section.case,section.certs,section.pricing,section.testi,section.blog,section.faq,
  section.cta,section.proof,section.section,section.customers,section.cine,
  section.svcgrid-sec,section.const,section.testi{padding:56px 0 !important}
  section.faq{padding:56px 0 24px !important}
  #faq{padding:56px 0 24px !important}
  section.final-cta{padding:8px 0 56px !important}
  .final-cta__box{padding:32px 22px !important;border-radius:18px !important}
  .final-cta__inner{padding:0 !important}
  .final-cta__box::before,.final-cta__box::after{display:none !important}
  .seo-hero{padding:110px 0 64px !important;min-height:680px !important}
  .seo-hero__h1{font-size:clamp(40px,11vw,72px) !important;margin-bottom:20px !important}
  .seo-hero__lede{font-size:clamp(20px,4.6vw,28px) !important;margin-bottom:24px !important}
  .seo-hero__sub{font-size:15px !important;margin-bottom:28px !important}
  .seo-hero__ctas{margin-bottom:36px !important;width:100%}
  .seo-hero__ctas .btn{flex:1;justify-content:center !important}
  .seo-hero__sectors{padding-top:18px !important;gap:6px 16px !important}
  .seo-hero__sectors li{font-size:10px !important}
  .seo-hero__badges{margin-bottom:24px !important}
  .seo-hero__badge img{height:30px !important}
  section h2,.section__head h2,.bento-head h2,.proof__head h2{
    font-size:clamp(32px,8vw,52px) !important;
    margin-bottom:16px !important;padding-bottom:.14em !important;
  }
  section h2 + p,.bento-head p,.section__head p{font-size:15px !important;line-height:1.5 !important}
  .roadmap{padding:80px 0 96px !important}
  .roadmap__head{margin-bottom:48px !important}
  .roadmap-totals{margin-top:48px !important;padding:32px 24px 0 !important}
  .rt-stat{padding:24px 22px !important}
  .rt-value{font-size:clamp(34px,8vw,52px) !important}
  .roadmap-totals__cta{padding-top:28px !important;gap:20px}
  .roadmap-totals__cta-text h3{font-size:clamp(20px,5vw,28px) !important}
  /* Buttons across the site full-width tap-targets where natural */
  .btn,.btn-primary,.btn-ghost{padding:13px 22px !important;font-size:14px !important}
  .wrap{padding:0 20px !important}
  /* Tighter card padding everywhere */
  .disc{padding:32px 24px 28px !important}
}

/* reduced motion guard */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001s !important;animation-iteration-count:1 !important;transition-duration:.1s !important}
  .ring,.const__ring,.bcard__blob{animation:none !important}
}

/* ============================================================
   SERVICE PAGE — shared layout for slug-based service pages
   ============================================================ */
.svc-hero{position:relative;padding:148px 0 96px;border-bottom:1px solid var(--border)}
.svc-hero__wrap{max-width:1280px;margin:0 auto;padding:0 32px;position:relative;z-index:2}
.svc-hero__crumb{display:none}  /* breadcrumb kaldirildi (BreadcrumbList schema JSON-LD'de korunuyor) */
.svc-hero__crumb a{color:var(--fg-2);transition:color .2s}
.svc-hero__crumb a:hover{color:var(--brand)}
.svc-hero__crumb span{opacity:.5}
[data-theme="dark"] .svc-hero__crumb a:hover{color:var(--teal)}

.svc-hero__cat{display:inline-block;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--brand);font-weight:600;margin-bottom:18px}
[data-theme="dark"] .svc-hero__cat{color:var(--teal)}
.svc-hero h1{font-size:clamp(40px,7vw,96px);font-weight:700;line-height:.95;letter-spacing:-.045em;margin:0 0 24px;max-width:1100px;color:var(--fg)}
.svc-hero__lede{font-size:clamp(20px,2.5vw,32px);font-weight:500;line-height:1.2;letter-spacing:-.018em;color:var(--fg-2);max-width:880px;margin-bottom:36px}
.svc-hero__lede em{font-style:normal;font-weight:600;color:var(--brand)}
[data-theme="dark"] .svc-hero__lede em{color:var(--teal)}
.svc-hero__ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:48px}
.svc-hero__meta{display:flex;gap:32px;flex-wrap:wrap;padding-top:28px;border-top:1px solid var(--border);max-width:880px}
.svc-hero__meta dt{font-family:'Plus Jakarta Sans',sans-serif;font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-3);font-weight:500;margin-bottom:4px}
.svc-hero__meta dd{font-size:15px;color:var(--fg);font-weight:600;letter-spacing:-.01em;margin:0}

/* HERO with background image — full-bleed photo, text overlays on top-left */
.svc-hero.has-bg{padding:148px 0 88px;min-height:auto;overflow:hidden}
.svc-hero__bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.svc-hero__bg img,.svc-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center}
@media(prefers-reduced-motion:reduce){.svc-hero__video{display:none}}
/* Light mode: white-to-transparent gradient from left so text stays readable */
.svc-hero.has-bg::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,var(--bg) 0%,rgba(255,255,255,.95) 28%,rgba(255,255,255,.78) 50%,rgba(255,255,255,.35) 78%,rgba(255,255,255,.1) 100%),
    linear-gradient(180deg,rgba(255,255,255,.5),transparent 35%,transparent 70%,rgba(255,255,255,.4))}
[data-theme="dark"] .svc-hero.has-bg::before{
  background:
    linear-gradient(90deg,var(--bg) 0%,rgba(8,18,30,.95) 28%,rgba(8,18,30,.78) 50%,rgba(8,18,30,.4) 78%,rgba(8,18,30,.15) 100%),
    linear-gradient(180deg,rgba(8,18,30,.55),transparent 35%,transparent 70%,rgba(8,18,30,.55))}
.svc-hero.has-bg .svc-hero__wrap{position:relative;z-index:2}
.svc-hero.has-bg h1{max-width:720px;text-shadow:0 1px 0 rgba(255,255,255,.45)}
[data-theme="dark"] .svc-hero.has-bg h1{text-shadow:0 2px 18px rgba(0,0,0,.5)}
.svc-hero.has-bg .svc-hero__lede{max-width:600px}
.svc-hero.has-bg .svc-hero__meta{max-width:600px}
/* Wide screens (>1600px) — sınırlı yüksekliği daha da kompakt tut */
@media (min-width:1600px){
  .svc-hero.has-bg{padding:160px 0 110px}
}
@media (max-width:980px){
  .svc-hero.has-bg{padding:104px 0 60px !important}  /* section{padding:56!important}'i yenmek icin !important */
  .svc-hero.has-bg::before{background:
    linear-gradient(180deg,var(--bg) 0%,rgba(255,255,255,.92) 22%,rgba(255,255,255,.82) 55%,rgba(255,255,255,.65) 100%),
    linear-gradient(180deg,transparent 60%,rgba(255,255,255,.5))}
  [data-theme="dark"] .svc-hero.has-bg::before{background:
    linear-gradient(180deg,var(--bg) 0%,rgba(8,18,30,.9) 22%,rgba(8,18,30,.8) 55%,rgba(8,18,30,.7) 100%),
    linear-gradient(180deg,transparent 60%,rgba(8,18,30,.55))}
  .svc-hero.has-bg .svc-hero__bg img{object-position:65% center}
}

/* ═══ LANDING PAGES (.lp-*) — marketing-focused layout ═══ */
.lp .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.lp-section-head{max-width:760px;margin:0 auto 48px;text-align:center}
.lp-section-head .eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:16px;font-family:'Plus Jakarta Sans',sans-serif}
.lp-section-head h2{font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.12;margin:0 0 14px}
.lp-section-head p{font-size:1.05rem;line-height:1.65;color:var(--fg-2);margin:0}

/* Landing buttons */
.lp-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font-size:14.5px;font-weight:600;line-height:1;text-decoration:none;border:1px solid transparent;transition:all .25s cubic-bezier(.16,1,.3,1);font-family:inherit;white-space:nowrap}
.lp-btn__arrow{display:inline-block;transition:transform .25s}
.lp-btn:hover .lp-btn__arrow{transform:translateX(4px)}
.lp-btn--primary{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 12px 30px -10px rgba(0,49,83,.5)}
.lp-btn--primary:hover{transform:translateY(-1px);box-shadow:0 18px 40px -12px rgba(0,49,83,.6)}
[data-theme="dark"] .lp-btn--primary{background:var(--teal,#5E94EB);border-color:var(--teal,#5E94EB);color:#06121e}
.lp-btn--ghost{background:transparent;color:var(--fg);border-color:var(--border-2,var(--border))}
.lp-btn--ghost:hover{border-color:var(--brand);color:var(--brand);background:var(--bg-2)}
[data-theme="dark"] .lp-btn--ghost:hover{border-color:var(--teal,#5E94EB);color:var(--teal,#5E94EB)}

/* HERO */
.lp-hero{padding:148px 0 80px;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);border-bottom:1px solid var(--border);text-align:center}
.lp-hero__wrap{max-width:980px;margin:0 auto;padding:0 24px}
.lp-hero__crumb{display:flex;justify-content:center;gap:8px;align-items:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-3);margin-bottom:24px}
.lp-hero__crumb a{color:var(--fg-3);text-decoration:none;transition:color .2s}
.lp-hero__crumb a:hover{color:var(--brand)}
.lp-hero__crumb span{opacity:.5}
.lp-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg);border:1px solid var(--border-2,var(--border));border-radius:99px;font-size:12.5px;font-weight:600;color:var(--brand);letter-spacing:-.005em;margin-bottom:32px;font-family:'Plus Jakarta Sans',sans-serif;text-transform:uppercase;letter-spacing:.04em}
[data-theme="dark"] .lp-hero__badge{color:var(--teal,#7DB0FF);background:rgba(94,148,235,.08)}
.lp-hero__badge svg{width:14px;height:14px}
.lp-hero h1{font-size:clamp(2.4rem,5.5vw,4.6rem);font-weight:800;line-height:1;letter-spacing:-.045em;margin:0 0 22px;color:var(--fg)}
.lp-hero h1 .acc{color:var(--brand);background:linear-gradient(110deg,var(--brand),#5E94EB 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
[data-theme="dark"] .lp-hero h1 .acc{background:linear-gradient(110deg,#7DB0FF,#5E94EB);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lp-hero__lede{font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.6;color:var(--fg-2);max-width:760px;margin:0 auto 36px}
.lp-hero__lede strong{color:var(--fg);font-weight:700}
.lp-hero__ctas{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:48px}
.lp-hero__stats{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;margin:0;padding:24px 0 0;border-top:1px solid var(--border)}
.lp-hero__stats > div{text-align:center;min-width:140px}
.lp-hero__stats dt{font-family:'Plus Jakarta Sans',sans-serif;font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-3);margin-bottom:6px}
.lp-hero__stats dd{font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:800;color:var(--fg);letter-spacing:-.02em;margin:0}

/* PROOF strip */
.lp-proof{padding:48px 0;background:var(--bg-2);border-bottom:1px solid var(--border)}
.lp-proof__lede{text-align:center;font-size:13.5px;color:var(--fg-2);margin:0 0 28px;font-family:'Plus Jakarta Sans',sans-serif}
.lp-proof__lede strong{color:var(--fg)}
.lp-proof__logos{display:flex;justify-content:center;flex-wrap:wrap;gap:36px;opacity:.6}
.lp-proof__logos span{font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--fg-2);font-family:'Plus Jakarta Sans',sans-serif}

/* FEATURES grid */
.lp-features{padding:96px 0;background:var(--bg)}
.lp-features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lp-feature{background:var(--bg-2);border:1px solid var(--border);border-radius:16px;padding:28px 26px;transition:border-color .2s,transform .2s}
.lp-feature:hover{border-color:var(--brand);transform:translateY(-3px)}
[data-theme="dark"] .lp-feature:hover{border-color:var(--teal,#7DB0FF)}
.lp-feature__num{display:inline-block;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:700;color:var(--brand);background:var(--bg);padding:4px 10px;border-radius:6px;margin-bottom:14px;letter-spacing:.05em}
[data-theme="dark"] .lp-feature__num{color:var(--teal,#7DB0FF)}
.lp-feature h3{font-size:17px;font-weight:700;letter-spacing:-.015em;margin:0 0 8px;color:var(--fg)}
.lp-feature p{font-size:14px;line-height:1.65;color:var(--fg-2);margin:0}

/* SHOWCASE — pipeline visual */
.lp-showcase{padding:96px 0;background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.lp-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1080px;margin:0 auto}
.lp-pipe-col{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:16px}
.lp-pipe-h{font-size:13px;font-weight:700;color:var(--fg);margin-bottom:14px;display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--border);font-family:'Plus Jakarta Sans',sans-serif;text-transform:uppercase;letter-spacing:.06em}
.lp-pipe-h span{color:var(--brand);font-weight:800}
[data-theme="dark"] .lp-pipe-h span{color:var(--teal,#7DB0FF)}
.lp-pipe-card{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:8px;font-size:12.5px;color:var(--fg-2)}
.lp-pipe-card div:first-child{font-weight:600;color:var(--fg);margin-bottom:4px;font-size:13px}
.lp-pipe-card--won{background:rgba(46,194,138,.08);border-color:rgba(46,194,138,.25)}
.lp-tag{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:99px;background:rgba(239,68,68,.12);color:#ef4444;text-transform:uppercase;letter-spacing:.06em;font-family:'Plus Jakarta Sans',sans-serif}
.lp-tag--warm{background:rgba(245,158,11,.12);color:#f59e0b}
.lp-tag--new{background:rgba(94,148,235,.12);color:var(--brand)}
.lp-tag--won{background:rgba(46,194,138,.18);color:#2ec28a}
[data-theme="dark"] .lp-tag--new{color:var(--teal,#7DB0FF)}

/* SECTORS */
.lp-sectors{padding:96px 0;background:var(--bg)}
.lp-sectors__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp-sector{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;padding:24px 22px;transition:border-color .2s,transform .2s}
.lp-sector:hover{border-color:var(--brand);transform:translateY(-2px)}
[data-theme="dark"] .lp-sector:hover{border-color:var(--teal,#7DB0FF)}
.lp-sector h3{font-size:16px;font-weight:700;color:var(--fg);margin:0 0 8px;letter-spacing:-.01em}
.lp-sector p{font-size:13.5px;line-height:1.65;color:var(--fg-2);margin:0}

/* PRICING */
.lp-pricing{padding:96px 0;background:var(--bg-2);border-top:1px solid var(--border)}
.lp-pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1080px;margin:0 auto}
.lp-pricing__card{background:var(--bg);border:1px solid var(--border);border-radius:18px;padding:32px 28px;position:relative;display:flex;flex-direction:column}
.lp-pricing__card--popular{border-color:var(--brand);background:linear-gradient(180deg,var(--bg),var(--bg-2));box-shadow:0 30px 60px -30px rgba(0,49,83,.4)}
[data-theme="dark"] .lp-pricing__card--popular{border-color:var(--teal,#7DB0FF);box-shadow:0 30px 60px -30px rgba(94,148,235,.4)}
.lp-pricing__tag{position:absolute;top:-12px;right:24px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;padding:5px 12px;border-radius:99px;letter-spacing:.04em;text-transform:uppercase;font-family:'Plus Jakarta Sans',sans-serif}
[data-theme="dark"] .lp-pricing__tag{background:var(--teal,#7DB0FF);color:#06121e}
.lp-pricing__card h3{font-size:18px;font-weight:700;color:var(--fg);margin:0 0 6px}
.lp-pricing__price{font-size:2.2rem;font-weight:800;color:var(--fg);letter-spacing:-.03em;margin-bottom:20px}
.lp-pricing__price span{font-size:.55em;font-weight:500;color:var(--fg-3)}
.lp-pricing__card ul{list-style:none;padding:0;margin:0 0 28px;flex:1}
.lp-pricing__card li{font-size:14px;line-height:1.7;color:var(--fg-2);padding-left:24px;position:relative}
.lp-pricing__card li::before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:700}
[data-theme="dark"] .lp-pricing__card li::before{color:var(--teal,#7DB0FF)}

/* CTA */
.lp-cta{padding:96px 0;background:var(--bg)}
.lp-cta__box{background:linear-gradient(160deg,var(--bg-2),var(--bg));border:1px solid var(--border);border-radius:24px;padding:64px 48px;text-align:center;max-width:880px;margin:0 auto;box-shadow:0 40px 100px -50px rgba(0,49,83,.3)}
[data-theme="dark"] .lp-cta__box{box-shadow:0 40px 100px -50px rgba(0,0,0,.7)}
.lp-cta__box .eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:16px;font-family:'Plus Jakarta Sans',sans-serif}
.lp-cta__box h2{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 16px}
.lp-cta__box p{font-size:1.02rem;line-height:1.65;color:var(--fg-2);max-width:600px;margin:0 auto 32px}
.lp-cta__btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

/* Mobile */
@media (max-width:980px){
  .lp-features__grid,.lp-sectors__grid,.lp-pricing__grid{grid-template-columns:repeat(2,1fr)}
  .lp-pipeline{grid-template-columns:repeat(2,1fr)}
  .lp-hero{padding:120px 0 64px}
  .lp-hero__stats{gap:20px}
  .lp-hero__stats > div{min-width:auto}
  .lp-cta__box{padding:48px 28px;border-radius:18px}
}
@media (max-width:640px){
  .lp-features__grid,.lp-sectors__grid,.lp-pricing__grid,.lp-pipeline{grid-template-columns:1fr}
  .lp-section-head{margin-bottom:36px}
}

/* Landing — extra sections */
.lp-stats{padding:96px 0;background:var(--bg);border-top:1px solid var(--border)}
.lp-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1180px;margin:0 auto;padding:0 24px}
.lp-stat{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;padding:24px 22px;text-align:center}
.lp-stat__num{font-size:2.1rem;font-weight:800;color:var(--brand);letter-spacing:-.03em;margin-bottom:8px;font-family:'Plus Jakarta Sans',sans-serif}
[data-theme="dark"] .lp-stat__num{color:var(--teal,#7DB0FF)}
.lp-stat__l{font-size:13px;font-weight:700;color:var(--fg);margin-bottom:4px;letter-spacing:-.005em}
.lp-stat__sub{font-size:11.5px;color:var(--fg-3);font-family:'Plus Jakarta Sans',sans-serif}

.lp-zia{padding:96px 0;background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}

.lp-pillars{padding:96px 0;background:var(--bg);display:flex;flex-direction:column;gap:48px}
.lp-pillar{max-width:1080px;margin:0 auto;padding:48px;background:var(--bg-2);border:1px solid var(--border);border-radius:24px}
.lp-pillar__num{display:inline-block;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--brand);background:var(--bg);padding:6px 12px;border-radius:8px;margin-bottom:16px}
[data-theme="dark"] .lp-pillar__num{color:var(--teal,#7DB0FF)}
.lp-pillar h3{font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:800;letter-spacing:-.025em;margin:0 0 16px;line-height:1.15}
.lp-pillar > p{font-size:1.05rem;line-height:1.7;color:var(--fg-2);margin:0 0 24px;max-width:760px}
.lp-pillar__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}
.lp-pillar__list li{padding-left:18px;position:relative;font-size:14px;line-height:1.65;color:var(--fg-2)}
.lp-pillar__list li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--brand)}
[data-theme="dark"] .lp-pillar__list li::before{background:var(--teal,#7DB0FF)}
.lp-pillar__list strong{color:var(--fg);font-weight:600}

/* Dental widget mockup */
.lp-dental-vis{padding:96px 0;background:var(--bg);border-top:1px solid var(--border)}
.lp-dental-mock{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;max-width:1180px;margin:0 auto;padding:0 24px}
.lp-dental-mock__left,.lp-dental-mock__right{background:var(--bg-2);border:1px solid var(--border);border-radius:18px;padding:24px}
.lp-dental-mock__h{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-3);margin-bottom:14px}
.lp-dental-mock__tabs{display:flex;gap:8px;margin-bottom:18px}
.lp-dental-mock__tabs span{padding:6px 14px;font-size:12.5px;font-weight:600;border:1px solid var(--border);border-radius:99px;color:var(--fg-2);cursor:default}
.lp-dental-mock__tabs span.active{background:var(--brand);color:#fff;border-color:var(--brand)}
[data-theme="dark"] .lp-dental-mock__tabs span.active{background:var(--teal,#7DB0FF);border-color:var(--teal,#7DB0FF);color:#06121e}
.lp-dental-mock__jaw{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.lp-dental-mock__row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.lp-dental-mock__row .t{font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-3);min-width:60px}
.lp-dental-mock__row .d{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:var(--bg);border:1px solid var(--border);font-size:10px;font-weight:600;color:var(--fg-2);font-family:'Plus Jakarta Sans',sans-serif}
.lp-dental-mock__row .d.sel{background:var(--brand);color:#fff;border-color:var(--brand)}
[data-theme="dark"] .lp-dental-mock__row .d.sel{background:var(--teal,#7DB0FF);border-color:var(--teal,#7DB0FF);color:#06121e}
.lp-dental-mock__chips{display:flex;gap:6px;flex-wrap:wrap}
.lp-dental-mock__chips .chip{padding:5px 12px;font-size:11.5px;font-weight:600;border:1px solid var(--border);border-radius:99px;color:var(--fg-2);background:var(--bg)}
.lp-dental-mock__chips .chip-on{background:var(--brand);color:#fff;border-color:var(--brand)}
[data-theme="dark"] .lp-dental-mock__chips .chip-on{background:var(--teal,#7DB0FF);border-color:var(--teal,#7DB0FF);color:#06121e}
.lp-dental-mock__total{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}
.lp-dental-mock__total-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13.5px;color:var(--fg-2)}
.lp-dental-mock__total-row strong{color:var(--fg);font-weight:700}
.lp-dental-mock__total-big{font-size:16px;margin-top:6px;padding-top:10px;border-top:1px dashed var(--border)}
.lp-dental-mock__total-big strong{color:var(--brand);font-size:18px;font-weight:800}
[data-theme="dark"] .lp-dental-mock__total-big strong{color:var(--teal,#7DB0FF)}
.lp-dental-mock__actions{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}
.lp-btn--sm{padding:10px 18px;font-size:12.5px}

/* 3-step flow */
.lp-steps{padding:96px 0;background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.lp-steps__grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:0 auto;padding:0 24px}
.lp-step{background:var(--bg);border:1px solid var(--border);border-radius:18px;padding:32px 28px;transition:border-color .2s,transform .2s}
.lp-step:hover{border-color:var(--brand);transform:translateY(-3px)}
[data-theme="dark"] .lp-step:hover{border-color:var(--teal,#7DB0FF)}
.lp-step__n{font-size:2.6rem;font-weight:800;color:var(--brand);letter-spacing:-.05em;line-height:1;margin-bottom:18px;font-family:'Plus Jakarta Sans',sans-serif}
[data-theme="dark"] .lp-step__n{color:var(--teal,#7DB0FF)}
.lp-step h3{font-size:17px;font-weight:700;letter-spacing:-.015em;margin:0 0 10px;line-height:1.3}
.lp-step p{font-size:14px;line-height:1.65;color:var(--fg-2);margin:0 0 14px}
.lp-step__meta{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase;padding-top:14px;border-top:1px solid var(--border)}

/* PDF templates list */
.lp-templates{padding:96px 0;background:var(--bg)}
.lp-templates__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:1180px;margin:0 auto;padding:0 24px}
.lp-templates__grid span{padding:12px 16px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;font-size:12.5px;font-weight:600;color:var(--fg-2);text-align:center;font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-.005em}

@media (max-width:980px){
  .lp-stats__grid{grid-template-columns:repeat(2,1fr)}
  .lp-pillar__list{grid-template-columns:1fr}
  .lp-pillar{padding:32px 24px}
  .lp-dental-mock{grid-template-columns:1fr}
  .lp-steps__grid{grid-template-columns:1fr}
  .lp-templates__grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:540px){
  .lp-stats__grid{grid-template-columns:1fr}
  .lp-templates__grid{grid-template-columns:repeat(2,1fr)}
}

/* ── DESK INBOX MOCKUP ── */
.lp-desk-vis{padding:96px 0;background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.lp-desk-mock{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;max-width:1180px;margin:0 auto;padding:0 24px}
.lp-desk-mock__list,.lp-desk-mock__panel{background:var(--bg);border:1px solid var(--border);border-radius:18px;padding:18px}
.lp-desk-mock__tabs{display:flex;gap:6px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:12px;flex-wrap:wrap}
.lp-desk-mock__tabs span{font-size:11.5px;font-weight:700;color:var(--fg-3);padding:6px 12px;border-radius:8px;font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:.04em;text-transform:uppercase}
.lp-desk-mock__tabs span.active{background:var(--brand);color:#fff}
[data-theme="dark"] .lp-desk-mock__tabs span.active{background:var(--teal,#7DB0FF);color:#06121e}
.lp-desk-ticket{display:flex;gap:12px;padding:12px;border-radius:10px;margin-bottom:6px;cursor:default;transition:background .2s}
.lp-desk-ticket:hover{background:var(--bg-2)}
.lp-desk-ticket--active{background:var(--bg-2);border:1px solid var(--brand)}
[data-theme="dark"] .lp-desk-ticket--active{border-color:var(--teal,#7DB0FF)}
.lp-desk-ticket__av{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;letter-spacing:-.01em}
[data-theme="dark"] .lp-desk-ticket__av{background:var(--teal,#7DB0FF);color:#06121e}
.lp-desk-ticket__body{flex:1;min-width:0}
.lp-desk-ticket__top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}
.lp-desk-ticket__top strong{font-size:13.5px;font-weight:700;color:var(--fg)}
.lp-desk-ticket__body p{margin:0;font-size:12.5px;color:var(--fg-3);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp-desk-agent{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:14px}
.lp-desk-agent__av{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--brand),#5E94EB);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800}
.lp-desk-agent__name{font-size:14px;font-weight:700;color:var(--fg)}
.lp-desk-agent__role{font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-3)}
.lp-desk-agent__csat{margin-left:auto;font-size:18px;font-weight:800;color:var(--brand)}
.lp-desk-agent__csat small{display:block;font-size:9.5px;font-weight:600;color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase;text-align:right}
[data-theme="dark"] .lp-desk-agent__csat{color:var(--teal,#7DB0FF)}
.lp-desk-zia{background:linear-gradient(160deg,rgba(94,148,235,.08),rgba(0,49,83,.04));border:1px dashed rgba(94,148,235,.35);border-radius:14px;padding:14px;margin-bottom:14px}
.lp-desk-zia__h{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-family:'Plus Jakarta Sans',sans-serif}
.lp-desk-zia__h svg{width:14px;height:14px}
[data-theme="dark"] .lp-desk-zia__h{color:var(--teal,#7DB0FF)}
.lp-desk-zia p{margin:0 0 12px;font-size:13px;line-height:1.55;color:var(--fg-2);font-style:italic}
.lp-desk-zia__actions{display:flex;gap:6px;flex-wrap:wrap}
.lp-desk-trend{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:14px}
.lp-desk-trend__h{display:flex;justify-content:space-between;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-3);margin-bottom:12px}
.lp-desk-trend__rows{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lp-desk-trend__rows > div{text-align:center}
.lp-desk-trend__rows span{display:block;font-size:10.5px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em;font-family:'Plus Jakarta Sans',sans-serif;margin-bottom:4px}
.lp-desk-trend__rows strong{display:block;font-size:1.4rem;font-weight:800;color:var(--fg);letter-spacing:-.02em}
.lp-desk-trend__rows em{display:block;font-size:11px;font-weight:700;font-style:normal;margin-top:2px;letter-spacing:.04em}
.lp-desk-trend__rows .up{color:#2ec28a}
.lp-desk-trend__rows .down{color:#2ec28a}

/* ── CAL MOCKUP ── */
.lp-cal-vis{padding:96px 0;background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.lp-cal-mock{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;max-width:1180px;margin:0 auto;padding:0 24px}
.lp-cal-mock__main,.lp-cal-mock__panel{background:var(--bg);border:1px solid var(--border);border-radius:18px;padding:18px}
.lp-cal-mock__side{display:flex;flex-direction:column;gap:12px}
.lp-cal-mock__bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:14px;flex-wrap:wrap;gap:10px}
.lp-cal-mock__tabs{display:flex;gap:6px}
.lp-cal-mock__tabs span{font-size:11.5px;font-weight:700;color:var(--fg-3);padding:6px 12px;border-radius:8px;font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:.04em;text-transform:uppercase}
.lp-cal-mock__tabs span.active{background:var(--brand);color:#fff}
[data-theme="dark"] .lp-cal-mock__tabs span.active{background:var(--teal,#7DB0FF);color:#06121e}
.lp-cal-mock__filter{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;color:var(--fg-3);letter-spacing:.04em;text-transform:uppercase}
.lp-cal-mock__filter strong{color:var(--fg);font-weight:600}
.lp-cal-mock__grid{display:flex;flex-direction:column;gap:6px}
.lp-cal-mock__row{display:flex;gap:12px;align-items:stretch}
.lp-cal-mock__time{flex-shrink:0;width:60px;font-family:'Plus Jakarta Sans',sans-serif;font-size:12.5px;color:var(--fg-3);padding-top:10px}
.lp-cal-mock__slot{flex:1;background:var(--bg-2);border-left:3px solid var(--brand);border-radius:8px;padding:10px 14px;transition:transform .2s}
[data-theme="dark"] .lp-cal-mock__slot{border-left-color:var(--teal,#7DB0FF)}
.lp-cal-mock__slot--checkin{border-left-color:#5E94EB;background:rgba(94,148,235,.08)}
.lp-cal-mock__slot--block{border-left-color:#a0aec0;background:rgba(160,174,192,.08);opacity:.7}
.lp-cal-mock__slot--done{border-left-color:#2ec28a;background:rgba(46,194,138,.06)}
.lp-cal-mock__slot--new{border-left-color:#f59e0b;background:rgba(245,158,11,.06)}
.lp-cal-mock__slot-t{font-size:13.5px;font-weight:700;color:var(--fg);margin-bottom:3px}
.lp-cal-mock__slot-m{font-size:11.5px;color:var(--fg-3);font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:.02em}
.lp-cal-mock__h{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-3);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.lp-cal-mock__room{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.lp-cal-mock__room > span{font-size:12px;font-weight:600;color:var(--fg-2);min-width:48px}
.lp-cal-mock__room > strong{font-size:11.5px;font-weight:700;color:var(--fg);min-width:42px;text-align:right;font-family:'Plus Jakarta Sans',sans-serif}
.lp-cal-mock__bar-w{flex:1;height:8px;background:var(--bg-2);border-radius:99px;overflow:hidden}
.lp-cal-mock__bar-w > div{height:100%;background:linear-gradient(90deg,var(--brand),#5E94EB);border-radius:99px}
.lp-cal-mock__bar-w--blok > div{background:#a0aec0}
.lp-cal-mock__shube{display:flex;justify-content:space-between;padding:8px 0;font-size:12.5px;border-bottom:1px solid var(--border)}
.lp-cal-mock__shube:last-child{border-bottom:0}
.lp-cal-mock__shube strong{color:var(--fg);font-weight:600}
.lp-cal-mock__shube span{color:var(--fg-3);font-family:'Plus Jakarta Sans',sans-serif;font-size:11.5px}
.lp-cal-mock__mob{font-size:12px;color:var(--fg-2);padding:6px 0;border-bottom:1px dashed var(--border)}
.lp-cal-mock__mob:last-child{border-bottom:0}

@media (max-width:980px){
  .lp-desk-mock,.lp-cal-mock{grid-template-columns:1fr}
}

/* Zoho One category grid */
.lp-cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:1180px;margin:0 auto;padding:0 24px}
.lp-cat-card{background:var(--bg-2);border:1px solid var(--border);border-radius:16px;padding:24px 26px}
.lp-cat-card__top{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.lp-cat-card__no{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--brand);color:#fff;border-radius:6px;font-size:11px;font-weight:700;font-family:'Plus Jakarta Sans',sans-serif}
[data-theme="dark"] .lp-cat-card__no{background:var(--teal,#7DB0FF);color:#06121e}
.lp-cat-card__top h3{flex:1;font-size:16px;font-weight:700;color:var(--fg);margin:0;letter-spacing:-.01em}
.lp-cat-card__c{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:700;color:var(--brand);background:var(--bg);padding:3px 10px;border-radius:99px}
[data-theme="dark"] .lp-cat-card__c{color:var(--teal,#7DB0FF)}
.lp-cat-card p{font-size:13.5px;line-height:1.6;color:var(--fg-2);margin:0 0 14px}
.lp-cat-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.lp-cat-card li{font-size:13px;line-height:1.5;color:var(--fg-2);padding-left:16px;position:relative;font-family:'Plus Jakarta Sans',sans-serif}
.lp-cat-card li::before{content:"›";position:absolute;left:0;color:var(--brand);font-weight:700}
[data-theme="dark"] .lp-cat-card li::before{color:var(--teal,#7DB0FF)}
@media (max-width:780px){.lp-cat-grid{grid-template-columns:1fr}}

/* Guide article styles (kullanım rehberi) */
.lp-guide{padding:96px 0;background:var(--bg)}
.lp-guide__wrap{max-width:1180px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:236px 1fr;gap:64px;align-items:start}
.lp-guide__body{min-width:0}
.lp-guide__toc{position:sticky;top:104px;align-self:start;background:none;border:0;border-radius:0;padding:0;margin:0}
.lp-guide__toc h3{font-size:11px;font-weight:700;color:var(--fg-3);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border);font-family:'Plus Jakarta Sans',sans-serif;text-transform:uppercase;letter-spacing:.14em}
.lp-guide__toc ol{list-style:none;counter-reset:toc;padding:0;margin:0}
.lp-guide__toc li{counter-increment:toc;padding:5px 0}
.lp-guide__toc a{display:flex;align-items:baseline;gap:12px;color:var(--fg-2);text-decoration:none;border:0;font-size:13.5px;line-height:1.4;transition:color .2s}
.lp-guide__toc a::before{content:counter(toc,decimal-leading-zero);font-size:10px;font-weight:700;color:var(--fg-3);flex-shrink:0;letter-spacing:.04em;font-family:'Plus Jakarta Sans',sans-serif}
.lp-guide__toc a:hover{color:var(--brand)}
.lp-guide__toc a.active{color:var(--brand);font-weight:600}
.lp-guide__toc a.active::before{color:var(--brand)}
[data-theme="dark"] .lp-guide__toc a:hover,[data-theme="dark"] .lp-guide__toc a.active{color:var(--teal,#7DB0FF)}
[data-theme="dark"] .lp-guide__toc a.active::before{color:var(--teal,#7DB0FF)}
@media (max-width:900px){
  .lp-guide__wrap{grid-template-columns:1fr;gap:0}
  .lp-guide__toc{position:static;margin-bottom:40px;padding:20px 22px;background:var(--bg-2);border:1px solid var(--border);border-radius:14px}
  .lp-guide__toc h3{border-bottom:0;margin-bottom:10px}
}
.lp-guide__section{margin-bottom:56px;scroll-margin-top:120px}
.lp-guide__section .eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:12px;font-family:'Plus Jakarta Sans',sans-serif}
.lp-guide__section h2{font-size:clamp(1.6rem,2.6vw,2rem);font-weight:800;letter-spacing:-.025em;line-height:1.18;margin:0 0 20px}
.lp-guide__section p{font-size:1.02rem;line-height:1.75;color:var(--fg-2);margin:0 0 16px}
.lp-guide__section p strong{color:var(--fg)}
.lp-guide__note{background:linear-gradient(160deg,rgba(94,148,235,.06),rgba(0,49,83,.03));border-left:3px solid var(--brand);border-radius:0 12px 12px 0;padding:18px 22px;margin:24px 0;font-size:14px;line-height:1.6;color:var(--fg-2)}
[data-theme="dark"] .lp-guide__note{border-left-color:var(--teal,#7DB0FF)}
.lp-guide__note strong{color:var(--fg);display:block;margin-bottom:4px;font-weight:700}

/* ── ZOHO PRICING PAGES ── */
.lp-pricing-tiers{padding:80px 0 96px;background:var(--bg)}
.pricing-toggle{display:inline-flex;background:var(--bg-2);border:1px solid var(--border);border-radius:99px;padding:5px;margin:0 auto 40px;align-items:center;gap:4px}
.pricing-toggle__btn{font-family:inherit;background:transparent;border:0;cursor:pointer;padding:10px 22px;border-radius:99px;font-size:13.5px;font-weight:600;color:var(--fg-2);display:inline-flex;align-items:center;gap:8px;transition:.2s;letter-spacing:-.005em}
.pricing-toggle__btn.is-active{background:var(--brand);color:#fff}
[data-theme="dark"] .pricing-toggle__btn.is-active{background:var(--teal,#7DB0FF);color:#06121e}
.pricing-toggle__bd{font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:99px;background:rgba(46,194,138,.18);color:#2ec28a;letter-spacing:.04em;font-family:'Plus Jakarta Sans',sans-serif}
.pricing-toggle__btn.is-active .pricing-toggle__bd{background:rgba(255,255,255,.22);color:#fff}
.pricing-toggle{display:flex;justify-content:center;width:fit-content}
.lp-pricing-tiers .lp-section-head + .pricing-toggle{display:flex;margin-left:auto;margin-right:auto}

.pricing-tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1280px;margin:0 auto 36px;padding:0 24px}
.pricing-tier{position:relative;background:var(--bg-2);border:1px solid var(--border);border-radius:18px;padding:32px 24px;display:flex;flex-direction:column;transition:.25s}
.pricing-tier:hover{transform:translateY(-3px);border-color:var(--brand)}
[data-theme="dark"] .pricing-tier:hover{border-color:var(--teal,#7DB0FF)}
.pricing-tier--popular{border-color:var(--brand);background:linear-gradient(180deg,var(--bg-2),var(--bg));box-shadow:0 30px 60px -30px rgba(0,49,83,.4)}
[data-theme="dark"] .pricing-tier--popular{border-color:var(--teal,#7DB0FF);box-shadow:0 30px 60px -30px rgba(94,148,235,.45)}
.pricing-tier__tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--brand);color:#fff;font-size:10.5px;font-weight:700;padding:5px 14px;border-radius:99px;letter-spacing:.06em;text-transform:uppercase;font-family:'Plus Jakarta Sans',sans-serif;white-space:nowrap}
[data-theme="dark"] .pricing-tier__tag{background:var(--teal,#7DB0FF);color:#06121e}
.pricing-tier__name{font-size:18px;font-weight:800;margin:0 0 4px;letter-spacing:-.015em;color:var(--fg)}
.pricing-tier__tagline{font-size:12.5px;color:var(--fg-3);margin:0 0 20px;line-height:1.45;min-height:36px}
.pricing-tier__price{display:flex;align-items:baseline;gap:4px;padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:18px;flex-wrap:wrap}
.pricing-tier__cur{font-size:1.5rem;font-weight:700;color:var(--fg-2)}
.pricing-tier__num{font-size:3rem;font-weight:800;color:var(--fg);letter-spacing:-.03em;line-height:1}
.pricing-tier__per{font-size:11.5px;color:var(--fg-3);font-family:'Plus Jakarta Sans',sans-serif;width:100%;margin-top:4px}
.pricing-tier__list{list-style:none;padding:0;margin:0 0 22px;flex:1;display:flex;flex-direction:column;gap:8px}
.pricing-tier__list li{font-size:13px;line-height:1.5;color:var(--fg-2);padding-left:20px;position:relative}
.pricing-tier__list li::before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:800}
[data-theme="dark"] .pricing-tier__list li::before{color:var(--teal,#7DB0FF)}
.pricing-tier__ctas{display:flex;flex-direction:column;gap:8px}
.pricing-tier__ctas .lp-btn{justify-content:center;width:100%}

.pricing-free{max-width:1180px;margin:0 auto 24px;padding:0 24px}
.pricing-free__head{background:linear-gradient(160deg,rgba(94,148,235,.06),rgba(0,49,83,.03));border:1px dashed rgba(94,148,235,.3);border-radius:14px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.pricing-free__head h3{font-size:15px;font-weight:700;color:var(--fg);margin:0 0 4px;letter-spacing:-.01em}
.pricing-free__head h3 strong{color:var(--brand);font-weight:800}
[data-theme="dark"] .pricing-free__head h3 strong{color:var(--teal,#7DB0FF)}
.pricing-free__head p{font-size:13px;color:var(--fg-3);margin:0}
.pricing-note{max-width:1180px;margin:0 auto;padding:0 24px;font-size:12.5px;color:var(--fg-3);text-align:center;font-family:'Plus Jakarta Sans',sans-serif;line-height:1.65}

.lp-btn--sm{padding:10px 16px;font-size:12.5px}

@media (max-width:1100px){.pricing-tier-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){
  .pricing-tier-grid{grid-template-columns:1fr;max-width:480px}
  .pricing-toggle{margin-bottom:24px}
  .pricing-free__head{flex-direction:column;text-align:center}
}

/* ── ZOHO DESK LANDING — extra sections ── */
.lp-sector{position:relative}
.lp-sector__no{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:700;color:var(--fg-3);letter-spacing:.04em;margin-bottom:8px;display:block}
.lp-sector__tag{position:absolute;top:14px;right:14px;font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 9px;border-radius:99px;background:var(--brand);color:#fff;text-transform:uppercase}
[data-theme="dark"] .lp-sector__tag{background:var(--teal,#7DB0FF);color:#06121e}
.lp-sector__tag--alt{background:#f59e0b;color:#fff}
.lp-sector__tag--new{background:#2ec28a;color:#fff}
.lp-sector--pop{border-color:var(--brand);box-shadow:0 20px 50px -25px rgba(0,49,83,.3)}
[data-theme="dark"] .lp-sector--pop{border-color:var(--teal,#7DB0FF)}
.lp-sector ul{list-style:none;padding:14px 0 0;margin:14px 0 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}
.lp-sector li{font-size:12px;color:var(--fg-3);padding-left:14px;position:relative;line-height:1.5}
.lp-sector li::before{content:"›";position:absolute;left:0;color:var(--brand);font-weight:700}
[data-theme="dark"] .lp-sector li::before{color:var(--teal,#7DB0FF)}

/* Comparison table */
.lp-compare{padding:96px 0;background:var(--bg);border-top:1px solid var(--border)}
.lp-compare__wrap{max-width:1180px;margin:0 auto;padding:0 24px;overflow-x:auto}
.lp-compare__table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-2);border:1px solid var(--border);border-radius:16px;overflow:hidden;font-size:13.5px}
.lp-compare__table th,.lp-compare__table td{padding:14px 16px;text-align:center;border-bottom:1px solid var(--border)}
.lp-compare__table th{background:var(--bg);font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);font-weight:700}
.lp-compare__table th.hl{background:var(--brand);color:#fff}
[data-theme="dark"] .lp-compare__table th.hl{background:var(--teal,#7DB0FF);color:#06121e}
.lp-compare__table td:first-child{text-align:left;font-weight:600;color:var(--fg)}
.lp-compare__table td.hl{background:rgba(94,148,235,.06);color:var(--fg)}
[data-theme="dark"] .lp-compare__table td.hl{background:rgba(125,176,255,.08)}
.lp-compare__table td.hl strong{color:var(--brand)}
[data-theme="dark"] .lp-compare__table td.hl strong{color:var(--teal,#7DB0FF)}
.lp-compare__table tbody tr:last-child td{border-bottom:0}
.lp-compare__note{font-size:11.5px;color:var(--fg-3);margin-top:14px;text-align:center;font-family:'Plus Jakarta Sans',sans-serif}

/* ROI calculator */
.lp-roi{padding:96px 0;background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.lp-roi__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;max-width:1080px;margin:0 auto;padding:0 24px}
.lp-roi__form,.lp-roi__result{background:var(--bg);border:1px solid var(--border);border-radius:18px;padding:28px}
.lp-roi__field{margin-bottom:20px}
.lp-roi__field:last-child{margin-bottom:0}
.lp-roi__field label{display:block;font-size:12.5px;font-weight:600;color:var(--fg-2);margin-bottom:8px;letter-spacing:-.005em}
.lp-roi__input{display:flex;align-items:center;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:0 14px;transition:border-color .2s}
.lp-roi__input:focus-within{border-color:var(--brand)}
.lp-roi__input span{font-size:14px;color:var(--fg-3);font-family:'Plus Jakarta Sans',sans-serif;padding:0 6px}
.lp-roi__input input{flex:1;border:0;background:transparent;outline:none;padding:14px 0;font-size:18px;font-weight:700;color:var(--fg);font-family:inherit}
.lp-roi__metric{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;border-bottom:1px dashed var(--border)}
.lp-roi__metric:last-of-type{border-bottom:0}
.lp-roi__metric--hl{background:linear-gradient(160deg,rgba(94,148,235,.08),rgba(0,49,83,.04));border:1px solid rgba(94,148,235,.25);border-radius:10px;padding:14px 16px;margin:8px 0}
.lp-roi__label{font-size:13px;color:var(--fg-2);font-weight:600}
.lp-roi__val{font-size:1.8rem;font-weight:800;color:var(--fg);letter-spacing:-.02em}
.lp-roi__metric--hl .lp-roi__val{color:var(--brand)}
[data-theme="dark"] .lp-roi__metric--hl .lp-roi__val{color:var(--teal,#7DB0FF)}
.lp-roi__val small{font-size:.6em;font-weight:600;color:var(--fg-3);margin-left:2px}
.lp-roi__note{font-size:11px;color:var(--fg-3);margin:14px 0 0;font-family:'Plus Jakarta Sans',sans-serif}

/* Quotes */
.lp-quotes{padding:96px 0;background:var(--bg)}
.lp-quotes__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1180px;margin:0 auto;padding:0 24px}
.lp-quote{background:var(--bg-2);border:1px solid var(--border);border-left:3px solid var(--brand);border-radius:0 14px 14px 0;padding:28px 30px;margin:0}
[data-theme="dark"] .lp-quote{border-left-color:var(--teal,#7DB0FF)}
.lp-quote p{font-size:15px;line-height:1.7;color:var(--fg);margin:0 0 16px;font-style:italic}
.lp-quote footer{display:flex;flex-direction:column;gap:2px}
.lp-quote footer strong{font-size:13.5px;color:var(--fg);font-weight:700;font-style:normal}
.lp-quote footer span{font-size:11.5px;color:var(--fg-3);font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:.04em}

/* Security badges */
.lp-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:880px;margin:0 auto;padding:0 24px}
.lp-badge{padding:10px 18px;background:var(--bg);border:1px solid var(--border);border-radius:10px;font-size:12px;font-weight:700;color:var(--fg-2);letter-spacing:.04em;font-family:'Plus Jakarta Sans',sans-serif}
.lp-badge:hover{border-color:var(--brand);color:var(--brand)}
[data-theme="dark"] .lp-badge:hover{border-color:var(--teal,#7DB0FF);color:var(--teal,#7DB0FF)}

/* Partner banner */
.lp-partner-banner{padding:96px 0;background:linear-gradient(160deg,var(--bg-2),var(--bg));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.lp-partner-banner .wrap{max-width:980px;margin:0 auto;padding:0 24px;text-align:center}
.lp-partner-banner__stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;margin:40px 0 32px}
.lp-partner-banner__stats > div{text-align:center}
.lp-partner-banner__stats > div > div{font-size:2.4rem;font-weight:800;color:var(--brand);letter-spacing:-.03em;line-height:1}
[data-theme="dark"] .lp-partner-banner__stats > div > div{color:var(--teal,#7DB0FF)}
.lp-partner-banner__stats span{display:block;font-size:11.5px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em;margin-top:6px;font-family:'Plus Jakarta Sans',sans-serif}

.lp-steps__grid--5{grid-template-columns:repeat(5,1fr)}
@media (max-width:1180px){.lp-steps__grid--5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:780px){
  .lp-steps__grid--5{grid-template-columns:1fr}
  .lp-roi__grid,.lp-quotes__grid{grid-template-columns:1fr}
  .lp-compare__table{font-size:12px}
  .lp-compare__table th,.lp-compare__table td{padding:10px 8px}
}

/* ── ZOHO ONE LANDING — TOC + Category + App card ── */
.zoho-toc{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:1180px;margin:0 auto;padding:0 24px}
.zoho-toc__item{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--fg);transition:.2s}
.zoho-toc__item:hover{border-color:var(--brand);transform:translateY(-2px)}
[data-theme="dark"] .zoho-toc__item:hover{border-color:var(--teal,#7DB0FF)}
.zoho-toc__num{font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;color:var(--brand);font-weight:700;letter-spacing:.04em;min-width:24px}
[data-theme="dark"] .zoho-toc__num{color:var(--teal,#7DB0FF)}
.zoho-toc__name{flex:1;font-size:13px;font-weight:600;color:var(--fg);letter-spacing:-.005em}
.zoho-toc__count{font-family:'Plus Jakarta Sans',sans-serif;font-size:11.5px;font-weight:700;color:var(--fg-3);background:var(--bg);padding:3px 9px;border-radius:99px}
@media(max-width:780px){.zoho-toc{grid-template-columns:1fr}}

.zoho-cat{padding:80px 0;background:var(--bg);scroll-margin-top:120px;border-top:1px solid var(--border)}
.zoho-cat:nth-child(even){background:var(--bg-2)}
.zoho-cat__head{max-width:780px;margin:0 auto 48px;padding:0 24px}
.zoho-cat__eyebrow{display:inline-flex;align-items:center;gap:12px;padding:7px 14px;background:color-mix(in srgb, var(--brand) 10%, transparent);border:1px solid color-mix(in srgb, var(--brand) 28%, transparent);border-radius:999px;margin:0 0 18px;font-family:'Plus Jakarta Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);line-height:1}
[data-theme="dark"] .zoho-cat__eyebrow{color:var(--teal,#7DB0FF);background:color-mix(in srgb, var(--teal,#7DB0FF) 12%, transparent);border-color:color-mix(in srgb, var(--teal,#7DB0FF) 30%, transparent)}
.zoho-cat__roman{letter-spacing:.06em}
.zoho-cat__sep{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.55}
.zoho-cat__count{letter-spacing:.06em}
.zoho-cat__name{font-size:clamp(1.65rem,2.8vw,2.2rem);font-weight:800;letter-spacing:-.025em;line-height:1.15;margin:0 0 12px;color:var(--fg)}
.zoho-cat__desc{font-size:15.5px;color:var(--fg-2);margin:0;line-height:1.6;max-width:640px}

.zoho-apps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1180px;margin:0 auto;padding:0 24px}
.zoho-app{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:24px 26px;transition:.2s;display:flex;flex-direction:column}
.zoho-cat:nth-child(even) .zoho-app{background:var(--bg-2)}
.zoho-cat:nth-child(odd) .zoho-app{background:var(--bg-2)}
.zoho-app:hover{border-color:var(--brand);transform:translateY(-2px)}
[data-theme="dark"] .zoho-app:hover{border-color:var(--teal,#7DB0FF)}
.zoho-app__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px;flex-wrap:wrap}
.zoho-app__name{font-size:17px;font-weight:800;color:var(--fg);margin:0 0 3px;letter-spacing:-.015em}
.zoho-app__sub{font-size:12px;color:var(--fg-3);margin:0;font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-.005em}
.zoho-app__tags{display:flex;flex-wrap:wrap;gap:4px}
.zoho-app__tag{font-size:9.5px;font-weight:700;padding:3px 8px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em;font-family:'Plus Jakarta Sans',sans-serif}
.zoho-cat:nth-child(odd) .zoho-app__tag{background:var(--bg)}
.zoho-cat:nth-child(even) .zoho-app__tag{background:var(--bg)}
.zoho-app__desc{font-size:13.5px;line-height:1.65;color:var(--fg-2);margin:0 0 14px;flex:1}
.zoho-app__desc strong{color:var(--fg);font-weight:700}
.zoho-app__bullets{list-style:none;padding:14px 0 0;margin:0;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:6px}
.zoho-app__bullets li{font-size:12.5px;color:var(--fg-2);padding-left:16px;position:relative;line-height:1.5}
.zoho-app__bullets li::before{content:"›";position:absolute;left:0;color:var(--brand);font-weight:800}
[data-theme="dark"] .zoho-app__bullets li::before{color:var(--teal,#7DB0FF)}

@media (max-width:980px){.zoho-apps{grid-template-columns:1fr}.zoho-cat{padding:60px 0}.zoho-cat__head{margin-bottom:32px}}

/* Palliative blur kaldırıldı — temiz Kolors/FLUX görseller ile değiştirildi */

/* SCOPE FIGURE — between scope grid and process */
.svc-scope-figure{padding:0 0 96px}
.svc-scope-figure .wrap{max-width:1280px;margin:0 auto;padding:0 32px}
.svc-scope-figure__frame{margin:0;border-radius:20px;overflow:hidden;background:var(--bg-2);box-shadow:0 30px 80px -40px rgba(0,49,83,.35),0 0 0 1px var(--border);position:relative}
.svc-scope-figure__frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,49,83,.15));pointer-events:none}
.svc-scope-figure__frame img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
[data-theme="dark"] .svc-scope-figure__frame{box-shadow:0 30px 80px -40px rgba(0,0,0,.7),0 0 0 1px var(--border)}
[data-theme="dark"] .svc-scope-figure__frame::after{background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.3))}
@media (max-width:780px){.svc-scope-figure{padding-bottom:64px}.svc-scope-figure .wrap{padding:0 20px}.svc-scope-figure__frame{border-radius:14px}}

/* SCOPE — what's included */
.svc-scope{padding:120px 0;border-bottom:1px solid var(--border)}
.svc-scope .wrap{max-width:1280px;margin:0 auto;padding:0 32px}
.svc-scope__head{max-width:760px;margin:0 auto 56px;text-align:center}
.svc-scope__head .eyebrow{margin-bottom:18px;justify-content:center}
.svc-scope__head h2{font-size:clamp(32px,5vw,64px);font-weight:700;letter-spacing:-.028em;line-height:1.05;margin-bottom:18px;color:var(--fg)}
.svc-scope__head h2 .acc{color:var(--brand);font-style:italic;position:relative;display:inline-block}
[data-theme="dark"] .svc-scope__head h2 .acc{color:var(--teal)}
.svc-scope__head p{font-size:17px;color:var(--fg-2);line-height:1.55}
.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px 44px}
.scope-card{border-top:1px solid var(--border);padding:24px 2px 0;display:flex;flex-direction:column;gap:12px;transition:border-color .35s}
.scope-card:hover{border-top-color:var(--brand)}
[data-theme="dark"] .scope-card:hover{border-top-color:var(--teal)}
.scope-card__num{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--brand)}
[data-theme="dark"] .scope-card__num{color:var(--teal)}
.scope-card h3{font-size:19px;font-weight:700;letter-spacing:-.012em;line-height:1.25;color:var(--fg)}
.scope-card p{font-size:14px;color:var(--fg-2);line-height:1.6}
@media (max-width:980px){.scope-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.scope-grid{grid-template-columns:1fr}}

/* PROCESS — numbered timeline */
.svc-process{padding:120px 0;border-bottom:1px solid var(--border);position:relative}
.svc-process .wrap{max-width:1280px;margin:0 auto;padding:0 32px}
.svc-process__head{max-width:760px;margin:0 auto 64px;text-align:center}
.svc-process__head .eyebrow{margin-bottom:18px;justify-content:center}
.svc-process__head h2{font-size:clamp(32px,5vw,64px);font-weight:700;letter-spacing:-.028em;line-height:1.05;color:var(--fg)}
.svc-process__head h2 .acc{color:var(--brand);font-style:italic;position:relative;display:inline-block}
[data-theme="dark"] .svc-process__head h2 .acc{color:var(--teal)}
.process-steps{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:0;position:relative}
.process-steps::before{content:"";position:absolute;left:40px;top:42px;bottom:42px;width:1px;background:var(--border-2)}
.pstep{display:grid;grid-template-columns:80px 1fr;gap:32px;padding:28px 0;align-items:start;position:relative}
.pstep__node{width:80px;height:80px;border-radius:50%;background:var(--bg);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:600;color:var(--brand);position:relative;z-index:1;flex-shrink:0;transition:border-color .3s, background .3s}
[data-theme="dark"] .pstep__node{color:var(--teal)}
.pstep:hover .pstep__node{border-color:var(--brand);background:rgba(0,49,83,.05)}
[data-theme="dark"] .pstep:hover .pstep__node{border-color:var(--teal);background:rgba(78,205,196,.06)}
.pstep__body{padding-top:12px}
.pstep__day{font-family:'Plus Jakarta Sans',sans-serif;font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--fg-3);font-weight:600;margin-bottom:8px}
.pstep__body h3{font-size:22px;font-weight:700;letter-spacing:-.015em;line-height:1.2;color:var(--fg);margin-bottom:8px}
.pstep__body p{font-size:15px;color:var(--fg-2);line-height:1.55;max-width:620px}
@media (max-width:680px){
  .process-steps::before{left:28px}
  .pstep{grid-template-columns:56px 1fr;gap:18px;padding:20px 0}
  .pstep__node{width:56px;height:56px;font-size:12px}
  .pstep__body h3{font-size:18px}
  .pstep__body p{font-size:14px}
}

/* SVC FAQ — section-specific FAQ on service pages */
.svc-faq{padding:120px 0;border-bottom:1px solid var(--border)}
.svc-faq .wrap{max-width:880px;margin:0 auto;padding:0 32px}
.svc-faq__head{margin-bottom:48px}
.svc-faq__head .eyebrow{margin-bottom:14px}
.svc-faq__head h2{font-size:clamp(32px,5vw,56px);font-weight:700;letter-spacing:-.028em;line-height:1.05;color:var(--fg)}
.svc-faq__head h2 .acc{color:var(--brand);font-style:italic;position:relative;display:inline-block}
[data-theme="dark"] .svc-faq__head h2 .acc{color:var(--teal)}

/* RELATED — adjacent services band */
.svc-related{padding:96px 0 120px}
.svc-related .wrap{max-width:1280px;margin:0 auto;padding:0 32px}
.svc-related__head{margin-bottom:40px;display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
.svc-related__head h2{font-size:clamp(28px,3.5vw,44px);font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--fg)}
.svc-related__head a{font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-2);font-weight:600;transition:color .2s}
.svc-related__head a:hover{color:var(--brand)}
[data-theme="dark"] .svc-related__head a:hover{color:var(--teal)}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rel-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:26px 24px;transition:transform .3s, border-color .3s, box-shadow .3s}
.rel-card:hover{transform:translateY(-3px);border-color:var(--brand);box-shadow:0 14px 32px -14px rgba(0,49,83,.18)}
[data-theme="dark"] .rel-card:hover{border-color:var(--teal)}
.rel-card__cat{font-family:'Plus Jakarta Sans',sans-serif;font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--brand);font-weight:600;margin-bottom:10px}
[data-theme="dark"] .rel-card__cat{color:var(--teal)}
.rel-card h3{font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-bottom:6px;color:var(--fg)}
.rel-card p{font-size:13.5px;color:var(--fg-2);line-height:1.5}
@media (max-width:900px){.rel-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.rel-grid{grid-template-columns:1fr}}

/* Mobile svc-hero tightening */
@media (max-width:780px){
  .svc-hero{padding:96px 0 56px !important}
  .svc-hero__wrap{padding:0 20px}
  .svc-hero h1{font-size:clamp(34px,9vw,64px)}
  .svc-hero__lede{font-size:18px;margin-bottom:28px}
  .svc-hero__ctas{margin-bottom:36px}
  .svc-hero__ctas .btn{flex:1;justify-content:center}
  .svc-hero__meta{gap:24px}
  .svc-scope,.svc-process,.svc-faq{padding:64px 0}
  .svc-scope .wrap,.svc-process .wrap,.svc-faq .wrap,.svc-related .wrap{padding:0 20px}
  .svc-scope__head h2,.svc-process__head h2,.svc-faq__head h2{font-size:clamp(28px,8vw,42px)}
  .svc-related{padding:48px 0 72px}
}

/* ============================================================
   CONTACT FORM — Zoho Forms embed, restyled to Eksenium system
   ============================================================ */
.cform-sec{padding:80px 0;border-top:1px solid var(--border);background:var(--bg-2);position:relative;overflow:hidden}
.cform-sec::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 80% 20%, rgba(0,49,83,.05), transparent 60%);pointer-events:none}
[data-theme="dark"] .cform-sec::before{background:radial-gradient(ellipse 60% 50% at 80% 20%, rgba(94,148,235,.10), transparent 60%)}
.cform-wrap{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:0 32px}
.cform-head{margin-bottom:40px;max-width:680px}
.cform-head .eyebrow{margin-bottom:14px}
.cform-head h2{font-family:'Plus Jakarta Sans','PJS Fallback',sans-serif;font-size:clamp(28px,3.4vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.08;color:var(--fg);margin-top:12px}
.cform-head h2 .acc{color:var(--brand);font-style:italic}
[data-theme="dark"] .cform-head h2 .acc{color:var(--teal)}
.cform-body{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:start}
@media (max-width:960px){.cform-body{grid-template-columns:1fr;gap:32px}}
.cform-side p{font-size:15px;color:var(--fg-2);line-height:1.65;margin-bottom:22px}
.cform-side ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.cform-side li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--fg-2);line-height:1.4}
.cform-side li::before{content:"";flex-shrink:0;width:18px;height:18px;margin-top:1px;border-radius:50%;background:var(--brand);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:60%;background-position:center;background-repeat:no-repeat}
[data-theme="dark"] .cform-side li::before{background-color:var(--teal)}
.cform-direct{display:flex;flex-direction:column;gap:10px;padding-top:24px;border-top:1px solid var(--border)}
.cform-direct a{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;color:var(--fg);transition:color .2s}
.cform-direct a:hover{color:var(--brand)}
[data-theme="dark"] .cform-direct a:hover{color:var(--teal)}
.cform-direct a svg{width:18px !important;height:18px !important;flex-shrink:0;color:var(--brand)}
[data-theme="dark"] .cform-direct a svg{color:var(--teal)}

/* ---- Form card ---- */
.cform-card{background:var(--bg);border:1px solid var(--border-2);border-radius:20px;padding:32px 28px;box-shadow:0 24px 60px -28px rgba(0,49,83,.10)}
/* dark: section=#141414, card must contrast → use surface-2=#1E1E1E */
[data-theme="dark"] .cform-card{background:var(--surface-2);border-color:var(--border-2);box-shadow:0 24px 60px -28px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08)}
.cform-card .zf-templateWidth,
.cform-card .zf-templateWrapper{width:100%;padding:0;margin:0}
.cform-card .zf-tempHeadBdr,
.cform-card .zf-frmTitle,
.cform-card .zf-frmDesc,
.cform-card .zf-labelName,
.cform-card label{display:none !important}
.cform-card ul{list-style:none;padding:0;margin:0}
.cform-card .zf-tempFrmWrapper{margin-bottom:18px}
.cform-card .zf-tempContDiv{position:relative}
.cform-card .zf-nameWrapper{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:520px){.cform-card .zf-nameWrapper{grid-template-columns:1fr}}
.cform-card .zf-nameWrapper span{display:block}

/* Inputs */
.cform-card input[type="text"],
.cform-card textarea{
  width:100%;font-family:inherit;font-size:15px;font-weight:500;color:var(--fg);
  background:var(--bg-2);border:1px solid var(--border-2);border-radius:12px;
  padding:14px 16px;line-height:1.4;letter-spacing:-.005em;
  transition:border-color .2s, background .2s, box-shadow .2s;
  -webkit-appearance:none;appearance:none;
}
[data-theme="dark"] .cform-card input[type="text"],
[data-theme="dark"] .cform-card textarea{background:var(--bg-2);border-color:rgba(255,255,255,.20);color:var(--fg)}
.cform-card input[type="text"]::placeholder,
.cform-card textarea::placeholder{color:var(--fg-3);font-weight:500}
.cform-card input[type="text"]:focus,
.cform-card textarea:focus{
  outline:none;border-color:var(--brand);background:var(--bg);
  box-shadow:0 0 0 3px rgba(0,49,83,.08);
}
[data-theme="dark"] .cform-card input[type="text"]:focus,
[data-theme="dark"] .cform-card textarea:focus{
  border-color:var(--teal);box-shadow:0 0 0 3px rgba(94,148,235,.20);background:var(--bg);
}
.cform-card textarea{min-height:140px;resize:vertical;font-family:inherit}

/* Phone country selector — sometimes injected by Zoho */
.cform-card .zf-symbols,.cform-card .zf-phone-fld-only,
.cform-card .zf-phwrapper{width:100%}

/* Error states */
.cform-card .zf-errorMessage{
  display:none;margin-top:6px;font-size:12.5px;color:#D92D20;font-weight:600;
  font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-.005em
}
.cform-card .zf-errorMessage[style*="block"]{display:block !important}

/* Footer / submit */
.cform-card .zf-fmFooter{margin-top:24px;list-style:none;padding:0}
.cform-card .zf-submitColor{
  appearance:none;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  width:100%;padding:16px 24px;
  font-family:inherit;font-size:15px;font-weight:700;letter-spacing:-.005em;
  background:var(--brand);color:#fff;border:0;border-radius:99px;
  transition:transform .15s, background .2s, box-shadow .2s;
  box-shadow:0 8px 24px -8px rgba(0,49,83,.45);
}
.cform-card .zf-submitColor:hover{background:#04253D;transform:translateY(-1px);box-shadow:0 12px 32px -8px rgba(0,49,83,.55)}
.cform-card .zf-submitColor:active{transform:translateY(0);box-shadow:0 4px 12px -4px rgba(0,49,83,.45)}
[data-theme="dark"] .cform-card .zf-submitColor{background:var(--teal);color:#04101E;box-shadow:0 8px 24px -8px rgba(78,205,196,.4)}
[data-theme="dark"] .cform-card .zf-submitColor:hover{background:#3DCBC2;box-shadow:0 12px 32px -8px rgba(78,205,196,.5)}

/* KVKK fine print under form */
.cform-card .cform-fine{margin-top:14px;font-size:11.5px;color:var(--fg-3);line-height:1.5;text-align:center;font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:.01em}
.cform-card .cform-fine a{color:var(--fg-2);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--border-strong)}
.cform-card .cform-fine a:hover{color:var(--brand)}
[data-theme="dark"] .cform-card .cform-fine a:hover{color:var(--teal)}

/* Mobile section spacing */
@media (max-width:780px){
  .cform-sec{padding:64px 0}
  .cform-wrap{padding:0 20px;gap:40px}
  .cform-copy{position:static;top:auto}
  .cform-card{padding:28px 22px;border-radius:18px}
}

/* ============================================================
   ABOUT PAGE — /hakkimizda/
   ============================================================ */

/* Hero */
.ab-hero{padding:140px 0 80px;background:var(--bg)}
.ab-hero__wrap{max-width:860px;margin:0 auto;padding:0 24px}
.ab-hero__crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-3);margin-bottom:28px;font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:.02em}
.ab-hero__crumb a{color:var(--fg-3);text-decoration:none}
.ab-hero__crumb a:hover{color:var(--brand)}
.ab-hero__eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin-bottom:18px;font-family:'Plus Jakarta Sans',sans-serif}
[data-theme="dark"] .ab-hero__eyebrow{color:var(--teal)}
.ab-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin:0 0 24px}
.ab-hero__lede{font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.65;color:var(--fg-2);max-width:680px}

/* Stats bar */
.ab-stats{padding:56px 0;background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.ab-stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0;max-width:1080px;margin:0 auto;padding:0 24px}
.ab-stat{padding:24px 20px;text-align:center;border-right:1px solid var(--border)}
.ab-stat:last-child{border-right:0}
.ab-stat__num{display:block;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;letter-spacing:-.04em;color:var(--brand);line-height:1;margin-bottom:6px}
[data-theme="dark"] .ab-stat__num{color:var(--teal)}
.ab-stat__label{font-size:13px;color:var(--fg-3);font-weight:500;line-height:1.3}

/* Mission & Values */
.ab-mission{position:relative;padding:96px 0;overflow:hidden;background:#06101c;border-block:1px solid rgba(255,255,255,.08)}
.ab-mission::before{content:"";position:absolute;inset:0;z-index:0;background:url('img/about/mission.webp') center/cover no-repeat;opacity:.34}
.ab-mission::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(4,11,20,.8) 0%,rgba(4,11,20,.72) 45%,rgba(4,11,20,.9) 100%)}
.ab-mission__wrap{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:0 24px}
/* koyu görsel bg üstünde okunur metin + koyu-cam kartlar */
.ab-mission__head .eyebrow{color:rgba(255,255,255,.6) !important}
.ab-mission__head h2{color:#fff}
.ab-mission__lede p{color:rgba(255,255,255,.84)}
.ab-mission__lede p strong{color:#fff}
.ab-mission .ab-value{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.13);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ab-mission .ab-value h3{color:#fff}
.ab-mission .ab-value p{color:rgba(255,255,255,.66)}
.ab-mission .ab-value p strong{color:rgba(255,255,255,.92)}
.ab-mission__head{display:grid;grid-template-columns:1fr 1fr;gap:24px 64px;align-items:start;margin-bottom:52px}
.ab-mission__head .eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:18px;font-family:'Plus Jakarta Sans',sans-serif}
.ab-mission__head h2{font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:800;letter-spacing:-.03em;line-height:1.12;margin:0}
.ab-mission__lede p{font-size:1.05rem;line-height:1.7;color:var(--fg-2);margin:0 0 16px}
.ab-mission__lede p:last-child{margin:0}
.ab-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:0}
.ab-value{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:22px 20px}
.ab-value__icon{font-size:22px;margin-bottom:10px;display:block}
.ab-value h3{font-size:14px;font-weight:700;letter-spacing:-.01em;margin:0 0 6px}
.ab-value p{font-size:13px;line-height:1.55;color:var(--fg-3);margin:0}

/* Founder */
.ab-founder{padding:96px 0;background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.ab-founder__wrap{max-width:1080px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:auto 1fr;gap:64px;align-items:start}
.ab-founder__photo{width:200px;height:200px;border-radius:20px;object-fit:cover;border:1px solid var(--border);flex-shrink:0}
.ab-founder__photo-placeholder{width:200px;height:200px;border-radius:20px;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ab-founder__photo-placeholder svg{width:80px;height:80px;color:var(--fg-3);opacity:.4}
.ab-founder__copy .eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:16px;font-family:'Plus Jakarta Sans',sans-serif}
.ab-founder__copy h2{font-size:clamp(1.6rem,2.5vw,2.1rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 6px}
.ab-founder__role{font-size:14px;font-weight:600;color:var(--brand);letter-spacing:-.01em;margin-bottom:18px;display:block;font-family:'Plus Jakarta Sans',sans-serif}
[data-theme="dark"] .ab-founder__role{color:var(--teal)}
.ab-founder__copy p{font-size:1.02rem;line-height:1.7;color:var(--fg-2);margin:0 0 14px}
.ab-founder__badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.ab-founder__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg);border:1px solid var(--border);border-radius:99px;font-size:12px;font-weight:600;color:var(--fg-2);letter-spacing:-.01em}

/* Sectors */
.ab-sectors{padding:80px 0}
.ab-sectors__wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.ab-sectors__head{text-align:center;margin-bottom:48px}
.ab-sectors__head .eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:16px;font-family:'Plus Jakarta Sans',sans-serif}
.ab-sectors__head h2{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0}
.ab-sectors__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.ab-sector{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:22px 20px}
.ab-sector__icon{font-size:24px;margin-bottom:10px;display:block}
.ab-sector h3{font-size:14px;font-weight:700;letter-spacing:-.01em;margin:0 0 6px}
.ab-sector p{font-size:13px;line-height:1.55;color:var(--fg-3);margin:0}

/* Certs & Partners */
.ab-certs{padding:80px 0;background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.ab-certs__wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.ab-certs__head{margin-bottom:40px}
.ab-certs__head .eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:16px;font-family:'Plus Jakarta Sans',sans-serif}
.ab-certs__head h2{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0}
.ab-certs__list{display:flex;flex-wrap:wrap;gap:12px}
.ab-cert{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg);border:1px solid var(--border);border-radius:10px;font-size:13px;font-weight:600;color:var(--fg-2);letter-spacing:-.01em;transition:border-color .2s,color .2s}
.ab-cert:hover{border-color:var(--brand);color:var(--brand)}
[data-theme="dark"] .ab-cert:hover{border-color:var(--teal);color:var(--teal)}
.ab-cert__dot{width:8px;height:8px;border-radius:50%;background:var(--brand);flex-shrink:0}
[data-theme="dark"] .ab-cert__dot{background:var(--teal)}

/* About CTA */
.ab-cta{padding:96px 0}
.ab-cta__wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.ab-cta__box{background:var(--bg-2);border:1px solid var(--border);border-radius:24px;padding:64px;text-align:center}
.ab-cta__box .eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:18px;font-family:'Plus Jakarta Sans',sans-serif}
.ab-cta__box h2{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 16px}
.ab-cta__box p{font-size:1.05rem;line-height:1.65;color:var(--fg-2);max-width:560px;margin:0 auto 32px}
.ab-cta__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* About mobile */
@media (max-width:780px){
  .ab-hero{padding:120px 0 60px}
  .ab-stats__grid{grid-template-columns:repeat(3,1fr)}
  .ab-stat{border-right:0;border-bottom:1px solid var(--border);padding:20px 12px}
  .ab-stat:nth-child(3n),.ab-stat:last-child{border-bottom:0}
  .ab-mission__head{grid-template-columns:1fr;gap:14px;margin-bottom:32px}
  .ab-values{grid-template-columns:1fr 1fr;margin-bottom:32px}
  .ab-founder__wrap{grid-template-columns:1fr;gap:32px}
  .ab-founder__photo{width:min(240px,46vw);aspect-ratio:3/4;height:auto;border-radius:0;margin:0 auto}
  .ab-founder__photo-placeholder{width:120px;height:120px;border-radius:14px}
  .ab-sectors__grid{grid-template-columns:repeat(2,1fr)}
  .ab-certs__list{gap:8px}
  .ab-cta__box{padding:40px 24px;border-radius:18px}
}
@media (max-width:480px){
  .ab-stats__grid{grid-template-columns:repeat(2,1fr)}
  .ab-sectors__grid{grid-template-columns:1fr}
}

/* ── ABOUT v2 overrides — photo hero + SVG icons + new sections ── */
/* HERO 2-column with photo */
.ab-hero{padding:148px 0 100px}
.ab-hero__wrap{max-width:1180px;display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.ab-hero__copy{min-width:0}
.ab-hero h1{font-size:clamp(2.4rem,4.6vw,4rem)}
.ab-hero__ctas{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.ab-hero__photo{margin:0;position:relative;aspect-ratio:3/4;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;display:block}
.ab-hero__photo-main{position:relative;z-index:2;width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center bottom;display:block;filter:drop-shadow(0 30px 60px rgba(0,49,83,.2))}
[data-theme="dark"] .ab-hero__photo-main{filter:drop-shadow(0 30px 60px rgba(0,0,0,.55))}
/* Resmî Zoho badge'leri — komposizyonel yerleşim */
.ab-hero__badge-img{position:absolute;display:block;height:auto;width:auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.45))}
/* Sertifika rozeti — kafanın arkasında, sağ üst halo */
.ab-hero__badge-img--cert{z-index:1;width:110px;height:110px;top:4%;right:8%}
/* Authorized Partner — gövde üstüne, sol alt */
.ab-hero__badge-img--partner{z-index:3;width:auto;height:48px;left:-8%;bottom:18%}
@media (max-width:540px){
  .ab-hero__badge-img--cert{width:78px;height:78px;top:4%;right:4%}
  .ab-hero__badge-img--partner{height:36px;left:-4%;bottom:18%}
}

/* STORY — Niye Zoho narrative */
.ab-story{padding:96px 0;background:var(--bg)}
.ab-story__wrap{max-width:880px;margin:0 auto;padding:0 24px}
.ab-story__wrap .eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:16px;font-family:'Plus Jakarta Sans',sans-serif}
.ab-story h2{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.12;margin:0 0 28px}
.ab-story__body p{font-size:1.05rem;line-height:1.75;color:var(--fg-2);margin:0 0 18px}
.ab-story__body p strong{color:var(--fg);font-weight:600}
.ab-story__body p em{font-style:normal;color:var(--brand);font-weight:600}
[data-theme="dark"] .ab-story__body p em{color:var(--teal,#7DB0FF)}
.ab-story__focus{list-style:none;padding:24px 28px;margin:24px 0;background:var(--bg-2);border:1px solid var(--border);border-left:3px solid var(--brand);border-radius:0 14px 14px 0}
[data-theme="dark"] .ab-story__focus{border-left-color:var(--teal,#7DB0FF)}
.ab-story__focus li{font-size:1rem;line-height:1.7;color:var(--fg-2);margin-bottom:14px;padding-left:0}
.ab-story__focus li:last-child{margin-bottom:0}
.ab-story__focus li strong{color:var(--fg);display:block;margin-bottom:4px;font-weight:700}

/* FAQ accordion */
.ab-faq{padding:96px 0;background:var(--bg-2);border-top:1px solid var(--border)}
.ab-faq__wrap{max-width:880px;margin:0 auto;padding:0 24px}
.ab-faq__head{margin-bottom:40px;text-align:center}
.ab-faq__head .eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:16px;font-family:'Plus Jakarta Sans',sans-serif}
.ab-faq__head h2{font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:800;letter-spacing:-.03em;margin:0}
.ab-faq__list{display:flex;flex-direction:column;gap:10px}
.ab-faq__item{background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s}
.ab-faq__item:hover{border-color:var(--border-2,var(--border))}
.ab-faq__item[open]{border-color:var(--brand)}
[data-theme="dark"] .ab-faq__item[open]{border-color:var(--teal,#7DB0FF)}
.ab-faq__item summary{cursor:pointer;padding:18px 22px;font-size:15px;font-weight:600;color:var(--fg);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;letter-spacing:-.005em}
.ab-faq__item summary::-webkit-details-marker{display:none}
.ab-faq__item summary::after{content:"+";font-size:22px;font-weight:300;color:var(--fg-3);transition:transform .25s, color .2s;flex-shrink:0}
.ab-faq__item[open] summary::after{transform:rotate(45deg);color:var(--brand)}
[data-theme="dark"] .ab-faq__item[open] summary::after{color:var(--teal,#7DB0FF)}
.ab-faq__item p{padding:0 22px 20px;margin:0;font-size:14.5px;line-height:1.7;color:var(--fg-2)}
.ab-faq__item p strong{color:var(--fg);font-weight:600}
.ab-faq__item p a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
[data-theme="dark"] .ab-faq__item p a{color:var(--teal,#7DB0FF)}

/* MISSION photo — kapağı kapatıyor */
.ab-mission__photo{margin:0;width:100%;border-radius:18px;overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 50px -25px rgba(0,49,83,.3)}
.ab-mission__photo img{width:100%;height:auto;display:block}
@media(max-width:560px){.ab-values{grid-template-columns:1fr !important}}
.ab-mission__photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
[data-theme="dark"] .ab-mission__photo{box-shadow:0 20px 50px -25px rgba(0,0,0,.7)}

/* METHOD section — bg image */
.ab-method.has-bg{position:relative;overflow:hidden}
.ab-method__bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.ab-method__bg img{width:100%;height:100%;object-fit:cover;object-position:center}
.ab-method.has-bg::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,var(--bg) 0%,rgba(255,255,255,.95) 15%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.95) 100%)}
[data-theme="dark"] .ab-method.has-bg::before{
  background:linear-gradient(180deg,var(--bg) 0%,rgba(8,18,30,.93) 18%,rgba(8,18,30,.78) 50%,rgba(8,18,30,.95) 100%)}
.ab-method.has-bg .ab-method__wrap{position:relative;z-index:2}

/* SECTOR card with photo */
.ab-sector.has-photo{padding:0;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-2);transition:transform .25s,border-color .25s,box-shadow .25s}
.ab-sector.has-photo:hover{transform:translateY(-4px);border-color:var(--brand);box-shadow:0 24px 50px -25px rgba(0,49,83,.3)}
[data-theme="dark"] .ab-sector.has-photo:hover{border-color:var(--teal,#7DB0FF);box-shadow:0 24px 50px -25px rgba(0,0,0,.7)}
.ab-sector__photo{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0a1b2c}
.ab-sector__photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.ab-sector.has-photo:hover .ab-sector__photo img{transform:scale(1.05)}
.ab-sector__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.35))}
.ab-sector__body{padding:18px 22px 22px}
.ab-sector__body h3{font-size:15px;font-weight:700;letter-spacing:-.01em;margin:0 0 6px;color:var(--fg)}
.ab-sector__body p{font-size:13px;line-height:1.55;color:var(--fg-3);margin:0}

@media (max-width:640px){
  .ab-mission__photo img{aspect-ratio:4/3}
}

/* SVG icons in value/sector cards */
.ab-value__icon,.ab-sector__icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:12px;
  background:linear-gradient(135deg,rgba(0,49,83,.08),rgba(94,148,235,.04));
  border:1px solid var(--border);color:var(--brand);
  margin-bottom:14px;font-size:0;
}
[data-theme="dark"] .ab-value__icon,[data-theme="dark"] .ab-sector__icon{
  background:linear-gradient(135deg,rgba(94,148,235,.16),rgba(0,49,83,.25));
  border-color:rgba(94,148,235,.25);color:var(--teal,#7DB0FF);
}
.ab-value__icon svg,.ab-sector__icon svg{width:22px;height:22px}

/* FOUNDER — real photo replaces placeholder */
.ab-founder__photo{width:280px;aspect-ratio:3/4;height:auto;border-radius:0;overflow:visible;border:0;margin:0;background:transparent;box-shadow:none;flex-shrink:0;display:flex;align-items:flex-end;justify-content:center}
.ab-founder__photo img{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center bottom;display:block;filter:drop-shadow(0 18px 40px rgba(0,49,83,.18))}
[data-theme="dark"] .ab-founder__photo img{filter:drop-shadow(0 18px 40px rgba(0,0,0,.55))}
.ab-founder__links{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.ab-founder__links a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--border);border-radius:10px;font-size:13px;font-weight:600;color:var(--fg-2);text-decoration:none;transition:border-color .2s,color .2s,background .2s}
.ab-founder__links a:hover{border-color:var(--brand);color:var(--brand);background:var(--bg)}
[data-theme="dark"] .ab-founder__links a:hover{border-color:var(--teal,#7DB0FF);color:var(--teal,#7DB0FF)}
.ab-founder__links svg{width:14px;height:14px}

/* METHOD — 6 step process */
.ab-method{padding:96px 0;background:var(--bg)}
.ab-method__wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.ab-method__head{text-align:center;margin-bottom:56px;max-width:720px;margin-left:auto;margin-right:auto}
.ab-method__head .eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:16px;font-family:'Plus Jakarta Sans',sans-serif}
.ab-method__head h2{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 14px}
.ab-method__head p{font-size:1.02rem;line-height:1.65;color:var(--fg-2);margin:0}
.ab-method__steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ab-method__step{position:relative;background:var(--bg-2);border:1px solid var(--border);border-radius:14px;padding:24px 22px;transition:border-color .2s,transform .2s}
.ab-method__step:hover{border-color:var(--brand);transform:translateY(-2px)}
[data-theme="dark"] .ab-method__step:hover{border-color:var(--teal,#7DB0FF)}
.ab-method__num{display:inline-block;font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:700;color:var(--brand);letter-spacing:-.01em;margin-bottom:8px}
[data-theme="dark"] .ab-method__num{color:var(--teal,#7DB0FF)}
.ab-method__day{font-family:'Plus Jakarta Sans',sans-serif;font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-3);margin-bottom:10px}
.ab-method__step h3{font-size:15px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}
.ab-method__step p{font-size:13px;line-height:1.6;color:var(--fg-3);margin:0}

/* STACK — Zoho product groups */
.ab-stack{padding:96px 0;background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.ab-stack__wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.ab-stack__head{text-align:center;margin-bottom:48px}
.ab-stack__head .eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:16px;font-family:'Plus Jakarta Sans',sans-serif}
.ab-stack__head h2{font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0;max-width:760px;margin-left:auto;margin-right:auto}
.ab-stack__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ab-stack__group{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:22px 20px}
.ab-stack__group h3{font-size:13px;font-weight:700;letter-spacing:-.005em;color:var(--brand);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--border);font-family:'Plus Jakarta Sans',sans-serif;text-transform:uppercase;letter-spacing:.06em}
[data-theme="dark"] .ab-stack__group h3{color:var(--teal,#7DB0FF)}
.ab-stack__group ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.ab-stack__group li{font-size:13.5px;color:var(--fg-2);font-weight:500;letter-spacing:-.005em;padding-left:14px;position:relative}
.ab-stack__group li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--brand);opacity:.6}
[data-theme="dark"] .ab-stack__group li::before{background:var(--teal,#7DB0FF)}

/* CLARIFY — transparent disclaimer */
.ab-clarify{padding:72px 0;background:var(--bg)}
.ab-clarify__wrap{max-width:860px;margin:0 auto;padding:0 24px;text-align:center}
.ab-clarify__head .eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:16px;font-family:'Plus Jakarta Sans',sans-serif}
.ab-clarify__head h2{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 20px}
.ab-clarify__text{font-size:1rem;line-height:1.7;color:var(--fg-2);max-width:680px;margin:0 auto}
.ab-clarify__text a{color:var(--brand);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
[data-theme="dark"] .ab-clarify__text a{color:var(--teal,#7DB0FF)}

/* mobile overrides */
@media (max-width:980px){
  .ab-hero{padding:120px 0 64px}
  .ab-hero__wrap{grid-template-columns:1fr;gap:40px}
  .ab-hero__photo{max-width:380px;margin:0 auto}
  .ab-method__steps{grid-template-columns:repeat(2,1fr)}
  .ab-stack__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .ab-founder__photo{width:min(280px,72vw);aspect-ratio:3/4;height:auto;border-radius:0;margin:0 auto}  /* buyuk portre (kare letterbox yerine) */
  .ab-founder__wrap{text-align:center}
  .ab-founder__badges,.ab-founder__links{justify-content:center}
  .ab-method__steps{grid-template-columns:1fr}
  .ab-stack__grid{grid-template-columns:1fr}
  .ab-hero__photo-badge{font-size:11px;padding:7px 11px;left:12px;bottom:12px}
}

/* ── ZOHO HUB GRID (12 product cards) ── */
.zoho-hub-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:18px;
  margin-top:32px;
}
.zoho-hub-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:24px 22px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:16px;
  color:inherit;
  text-decoration:none;
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
  position:relative;
  overflow:hidden;
}
.zoho-hub-card:hover{
  transform:translateY(-3px);
  border-color:var(--acc);
  box-shadow:0 12px 32px -12px color-mix(in srgb, var(--acc) 30%, transparent);
}
.zoho-hub-card--pop{
  background:linear-gradient(135deg, color-mix(in srgb, var(--acc) 10%, var(--surface)) 0%, var(--surface) 100%);
  border-color:color-mix(in srgb, var(--acc) 35%, var(--border));
}
.zoho-hub-card--pop::before{
  content:"En çok tercih edilen";
  position:absolute;
  top:14px;right:14px;
  font-size:10px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.05em;
  padding:4px 8px;
  border-radius:6px;
  background:var(--acc);
  color:#fff;
}
.zoho-hub-card__cat{
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--acc);
}
.zoho-hub-card h3{
  margin:0;
  font-size:1.35rem;
  line-height:1.2;
}
.zoho-hub-card p{
  margin:0;
  font-size:.93rem;
  line-height:1.55;
  color:var(--muted);
  flex:1;
}
.zoho-hub-card__meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:8px;
  padding-top:14px;
  border-top:1px solid var(--border);
  font-size:.82rem;
}
.zoho-hub-card__meta > span:first-child{
  font-weight:600;
  color:var(--ink);
}
.zoho-hub-card__arrow{
  color:var(--acc);
  font-weight:500;
  transition:transform .25s ease;
}
.zoho-hub-card:hover .zoho-hub-card__arrow{
  transform:translateX(4px);
}
@media (max-width:640px){
  .zoho-hub-grid{ grid-template-columns:1fr; }
  .zoho-hub-card{ padding:20px 18px; }
}

/* ── DEMO IFRAME (browser frame mockup) ── */
.lp-demo{padding:80px 0;background:var(--bg)}
.lp-demo .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.lp-demo-frame{
  margin-top:40px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid var(--border);
  box-shadow:0 24px 64px -24px rgba(0,0,0,.25);
  background:var(--bg-2);
}
.lp-demo-frame__chrome{
  display:flex;
  align-items:center;
  gap:14px;
  padding:11px 16px;
  background:linear-gradient(180deg, var(--bg-2), color-mix(in srgb, var(--bg-2) 88%, #000));
  border-bottom:1px solid var(--border);
}
.lp-demo-frame__dots{display:flex;gap:6px}
.lp-demo-frame__dots span{
  width:11px;height:11px;border-radius:50%;
  background:#cbd0d8;
}
.lp-demo-frame__dots span:nth-child(1){background:#ff5f57}
.lp-demo-frame__dots span:nth-child(2){background:#febc2e}
.lp-demo-frame__dots span:nth-child(3){background:#28c840}
.lp-demo-frame__url{
  flex:1;
  font-size:12px;
  font-family:'Plus Jakarta Sans',sans-serif;
  color:var(--fg-3);
  background:var(--bg);
  padding:6px 14px;
  border-radius:6px;
  border:1px solid var(--border);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  letter-spacing:-.005em;
}
.lp-demo-frame__expand{
  font-size:12px;
  font-weight:600;
  color:var(--brand);
  text-decoration:none;
  padding:5px 12px;
  border-radius:6px;
  border:1px solid color-mix(in srgb, var(--brand) 30%, transparent);
  transition:.18s;
  white-space:nowrap;
}
.lp-demo-frame__expand:hover{background:var(--brand);color:#fff}
[data-theme="dark"] .lp-demo-frame__expand{color:var(--teal,#7DB0FF);border-color:color-mix(in srgb, var(--teal,#7DB0FF) 30%, transparent)}
[data-theme="dark"] .lp-demo-frame__expand:hover{background:var(--teal,#7DB0FF);color:#06121e}
.lp-demo-frame__iframe{
  display:block;
  width:100%;
  height:680px;
  border:0;
  background:#fff;
}
.lp-demo__note{
  margin-top:18px;
  font-size:13px;
  color:var(--fg-3);
  text-align:center;
  font-style:italic;
}
@media (max-width:780px){
  .lp-demo-frame__iframe{height:520px}
  .lp-demo-frame__url{font-size:10.5px;padding:5px 10px}
  .lp-demo-frame__expand{font-size:11px;padding:4px 9px}
}

/* ── DEMO SCREENSHOT (image yerine iframe — IP-safe) ── */
.lp-demo-shot{
  display:block;
  position:relative;
  margin-top:40px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid var(--border);
  box-shadow:0 24px 64px -24px rgba(0,0,0,.25);
  background:var(--bg-2);
  cursor:pointer;
  text-decoration:none;
  color:inherit;
  transition:transform .3s ease, box-shadow .3s ease;
}
.lp-demo-shot:hover{
  transform:translateY(-4px);
  box-shadow:0 32px 80px -28px rgba(0,0,0,.32);
}
.lp-demo-shot__chrome{
  display:flex;align-items:center;gap:14px;
  padding:11px 16px;
  background:linear-gradient(180deg, var(--bg-2), color-mix(in srgb, var(--bg-2) 88%, #000));
  border-bottom:1px solid var(--border);
}
.lp-demo-shot__dots{display:flex;gap:6px}
.lp-demo-shot__dots span{width:11px;height:11px;border-radius:50%;background:#cbd0d8}
.lp-demo-shot__dots span:nth-child(1){background:#ff5f57}
.lp-demo-shot__dots span:nth-child(2){background:#febc2e}
.lp-demo-shot__dots span:nth-child(3){background:#28c840}
.lp-demo-shot__url{
  flex:1;
  font-size:12px;
  font-family:'Plus Jakarta Sans',sans-serif;
  color:var(--fg-3);
  background:var(--bg);
  padding:6px 14px;
  border-radius:6px;
  border:1px solid var(--border);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.lp-demo-shot__expand{
  font-size:12px;font-weight:600;
  color:var(--brand);
  padding:5px 12px;border-radius:6px;
  border:1px solid color-mix(in srgb, var(--brand) 30%, transparent);
  transition:.18s;
  white-space:nowrap;
}
.lp-demo-shot:hover .lp-demo-shot__expand{background:var(--brand);color:#fff}
[data-theme="dark"] .lp-demo-shot__expand{color:var(--teal,#7DB0FF);border-color:color-mix(in srgb, var(--teal,#7DB0FF) 30%, transparent)}
[data-theme="dark"] .lp-demo-shot:hover .lp-demo-shot__expand{background:var(--teal,#7DB0FF);color:#06121e}

.lp-demo-shot__img{
  display:block;
  width:100%;
  height:auto;
  background:#fff;
}

/* Hover overlay — "Canlı Demo'yu Aç" */
.lp-demo-shot__hover{
  position:absolute;
  inset:48px 0 0 0;  /* chrome'un altından başla */
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,0);
  transition:background .25s ease;
  pointer-events:none;
}
.lp-demo-shot:hover .lp-demo-shot__hover{
  background:rgba(0,0,0,.45);
  backdrop-filter:blur(2px);
}
.lp-demo-shot__hover-badge{
  opacity:0;
  transform:translateY(8px) scale(.95);
  transition:.3s ease;
  background:#fff;
  color:#0a0f0a;
  padding:14px 28px;
  border-radius:999px;
  font-weight:700;
  font-size:15px;
  letter-spacing:-.005em;
  display:inline-flex;align-items:center;gap:10px;
  box-shadow:0 12px 32px -8px rgba(0,0,0,.4);
}
.lp-demo-shot:hover .lp-demo-shot__hover-badge{
  opacity:1;
  transform:translateY(0) scale(1);
}
.lp-demo-shot__hover-badge svg{width:16px;height:16px}

/* ── DEMO CAROUSEL (3-image auto crossfade, CSS-only) ── */
.lp-demo-shot__stack{
  position:relative;
  display:block;
  background:#fff;
  line-height:0;  /* image gap olmasın */
}
.lp-demo-shot__stack img{
  display:block;
  width:100%;
  height:auto;
  background:#fff;
}
/* İlk image position:relative — container boyutunu belirler */
.lp-demo-shot__stack img:nth-child(1){
  position:relative;
}
/* Diğer image'lar absolute, üst üste yığılır */
.lp-demo-shot__stack img:nth-child(n+2){
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top;
}
/* 3 slide, her biri ~4s görünür, 1s crossfade, 12s toplam loop */
.lp-demo-shot__stack img{
  animation:demoCarousel 15s infinite ease-in-out;
}
.lp-demo-shot__stack img:nth-child(1){ animation-delay: 0s; }
.lp-demo-shot__stack img:nth-child(2){ animation-delay: 5s; }
.lp-demo-shot__stack img:nth-child(3){ animation-delay: 10s; }

@keyframes demoCarousel {
  0%   { opacity: 1; }
  27%  { opacity: 1; }
  33%  { opacity: 0; }
  93%  { opacity: 0; }
  100% { opacity: 1; }
}

/* Reduced motion: ilk image sabit */
@media (prefers-reduced-motion: reduce){
  .lp-demo-shot__stack img{ animation: none; }
  .lp-demo-shot__stack img:nth-child(n+2){ opacity: 0; }
}

/* Carousel indicator dots (sağ alt) */
.lp-demo-shot__dots-indicator{
  position:absolute;
  bottom:14px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
  z-index:5;
  pointer-events:none;
}
.lp-demo-shot__dots-indicator span{
  width:7px;height:7px;border-radius:50%;
  background:rgba(255,255,255,.4);
  box-shadow:0 1px 3px rgba(0,0,0,.3);
  animation:dotPulse 15s infinite ease-in-out;
}
.lp-demo-shot__dots-indicator span:nth-child(1){ animation-delay: 0s; }
.lp-demo-shot__dots-indicator span:nth-child(2){ animation-delay: 5s; }
.lp-demo-shot__dots-indicator span:nth-child(3){ animation-delay: 10s; }
@keyframes dotPulse {
  0%, 27% { background: rgba(255,255,255,.95); transform: scale(1.2); }
  33%, 93% { background: rgba(255,255,255,.4); transform: scale(1); }
  100% { background: rgba(255,255,255,.95); transform: scale(1.2); }
}

/* ── DEMO VIDEO (Kling motion, replaces image carousel) ── */
.lp-demo-shot__video{
  display:block;
  width:100%;
  height:auto;
  background:#fff;
  border:0;
  object-fit:cover;
  object-position:top;
}
.lp-demo-shot__video[poster]{
  /* poster loading state */
  background:#fafafa;
}
/* Play indicator (sağ üst) */
.lp-demo-shot__motion-badge{
  position:absolute;
  top:14px;
  right:14px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 11px;
  background:rgba(0,0,0,.72);
  color:#fff;
  border-radius:999px;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  z-index:5;
  pointer-events:none;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.lp-demo-shot__motion-badge::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:#ef4444;
  animation:motionPulse 1.5s infinite;
}
@keyframes motionPulse{
  0%, 100%{ opacity:1; }
  50%{ opacity:0.4; }
}

/* ── PRODUCT VISUAL (Zoho ürün + sektör sayfaları için single hero image) ── */
.lp-product-visual{padding:50px 0 80px;background:var(--bg)}
.lp-product-visual__figure{
  max-width:1180px;margin:0 auto;padding:0 24px;
  border-radius:18px;overflow:hidden;
  box-shadow:0 32px 80px -28px rgba(0,0,0,.22);
  position:relative;
  line-height:0;
}
.lp-product-visual__figure img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
  overflow:hidden;
}
@media (max-width:780px){
  .lp-product-visual{padding:32px 0 56px}
  .lp-product-visual__figure{border-radius:12px}
  .lp-product-visual__figure img{border-radius:12px}
}

/* ── HERO WITH BACKGROUND IMAGE (full-bleed cinematic, center text) ── */
.lp-hero.lp-hero--bg{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:var(--bg) !important;  /* base gradient'i override */
}
/* Image katmanı (alt) */
.lp-hero.lp-hero--bg::after{
  content:"";
  position:absolute; inset:0;
  background-image:var(--lp-hero-bg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  z-index:0;
  opacity:.40;
}
[data-theme="light"] .lp-hero.lp-hero--bg::after{
  opacity:.55;
}
/* Karartma overlay (üst) */
.lp-hero.lp-hero--bg::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg,
    rgba(8,15,28,.55) 0%,
    rgba(8,15,28,.75) 60%,
    rgba(8,15,28,.92) 100%
  );
  z-index:1;
}
[data-theme="light"] .lp-hero.lp-hero--bg::before{
  background:linear-gradient(180deg,
    rgba(255,255,255,.45) 0%,
    rgba(255,255,255,.7) 60%,
    rgba(255,255,255,.92) 100%
  );
}
/* Content üstte */
.lp-hero.lp-hero--bg .lp-hero__wrap{
  position:relative;
  z-index:2;
}
/* Border'ı yumuşat */
.lp-hero.lp-hero--bg{
  border-bottom-color:transparent;
}

/* ── HOMEPAGE HERO LOOP VIDEO (Seedance Pro, 20sn) ── */
.orbital-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.hero-bg-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  opacity:.38;
  /* hafif blur, hareket daha az dikkat çekici olsun */
  filter:saturate(0.85) contrast(1.05);
}
[data-theme="light"] .hero-bg-video{
  opacity:.6;
  filter:saturate(0.85) brightness(1.05);
}
.hero-bg-video__ov{
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at center top, rgba(8,15,28,.35) 0%, rgba(8,15,28,.7) 70%, rgba(8,15,28,.92) 100%);
  z-index:1;
  pointer-events:none;
}
[data-theme="light"] .hero-bg-video__ov{
  background:
    radial-gradient(ellipse at center top, rgba(255,255,255,.5) 0%, rgba(255,255,255,.85) 70%, rgba(255,255,255,.98) 100%);
}
/* Hero üstündeki content z-index */
.orbital-hero > *:not(.hero-bg-video):not(.hero-bg-video__ov){
  position:relative;
  z-index:2;
}
/* Reduced motion: video durdur */
@media (prefers-reduced-motion: reduce){
  .hero-bg-video{ animation-play-state:paused; }
}

/* ── NAV BRAND OVERFLOW FIX v2 ── */
.nav{
  padding-left:10px !important;  /* yuvarlak kenardan logo'yu uzaklaştır */
}
.nav__brand{
  height:36px !important;
  overflow:hidden !important;
  display:inline-flex !important;
  align-items:center !important;
  flex-shrink:0;
}
.nav__brand svg{height:32px !important;max-height:32px !important;width:auto !important;max-width:160px !important;
  
  /* shimmer mask kaldırıldı */
  -webkit-mask:none !important;
  mask:none !important;
  animation:none !important;
}
@media (max-width:820px){
  .nav{ padding-left:8px !important; }
  .nav__brand{ height:30px !important; }
  .nav__brand svg{height:32px !important;max-height:32px !important;width:auto !important;max-width:160px !important; height:16px !important; max-width:96px !important; }
}
.nav{ overflow:visible }

/* ── NAV: SABİT GENİŞ (scrolled state'e zorla) ── */
.nav{
  max-width:1080px !important;
  padding:6px 6px 6px 10px !important;
  box-shadow:0 12px 32px -10px rgba(0,0,0,.30) !important;
  background:color-mix(in oklab, var(--surface) 88%, transparent) !important;
  border-color:var(--border-2) !important;
  transition:background .4s ease, border-color .4s ease, box-shadow .4s ease !important;
}
/* Scroll animasyonu kaldır */
.nav.scrolled{
  max-width:1080px !important;
  padding:6px 6px 6px 10px !important;
}

/* ── SEKTOR CARD: image üstte (Hakkımızda kartı tarzı, compact) ── */
.sector-card{
  padding:0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  transition:transform .25s, border-color .25s, box-shadow .25s !important;
}
.sector-card:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 50px -25px rgba(0,49,83,.3);
}
[data-theme="dark"] .sector-card:hover{
  box-shadow:0 24px 50px -25px rgba(0,0,0,.7);
}
.sector-card__img{
  position:relative !important;
  margin:0 !important;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#0a1b2c;
  flex-shrink:0;
}
.sector-card__img img{
  width:100%;height:100%;
  object-fit:cover;display:block;
  opacity:1;
  transition:transform .6s cubic-bezier(.16,1,.3,1);
}
.sector-card:hover .sector-card__img img{ transform:scale(1.05) }
.sector-card__img::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, transparent 65%, rgba(0,0,0,.35));
}
/* Body — kart içeriği image altında */
.sector-card > .sector-ic,
.sector-card > h3,
.sector-card > p,
.sector-card > .sector-refs{
  padding-left:22px;
  padding-right:22px;
}
.sector-card > .sector-ic{
  padding-top:18px;
  margin-bottom:10px;
  position:static !important;
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
  width:auto !important;height:auto !important;
  border-radius:0 !important;
}
.sector-card > .sector-ic svg{ width:22px;height:22px;color:var(--brand) }
.sector-card > h3{ margin-bottom:6px }
.sector-card > p{ margin-bottom:14px }
.sector-card > .sector-refs{ padding-bottom:18px }

/* ── HERO LOCKUP: arkaplan kaldır + logolar eşit ve 1.5x büyük ── */
.orbital-hero .hero-lockup{
  background:transparent !important;
  border:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
  padding:0 !important;
  gap:14px !important;
}
.orbital-hero .hero-lockup-div{display:none !important}
.orbital-hero .hero-logo-full{height:52px !important}
.orbital-hero .hero-partner-badge{height:52px !important; border-radius:6px !important}
@media (max-width:520px){
  .orbital-hero .hero-lockup{gap:10px !important}
  .orbital-hero .hero-logo-full{height:42px !important}
  .orbital-hero .hero-partner-badge{height:42px !important}
}

/* ── TEXT-WRAP BALANCE (başlıkları dengeli böl, "tek kelime alt satırda" sorununu çöz) ── */
h1, h2, h3, h4,
.lp-hero h1, .lp-hero h2,
.orbital-center h1,
.section-title,
.svc-hero h1,
.ab-mission h2,
.ab-sectors__head h2,
.lp-section-head h2,
.zoho-cat__name,
.sector-card h3,
.service-card .card-title,
.hero-lockup,
.eyebrow{
  text-wrap:balance;
}
/* Paragraph metinler için pretty (son satır yumuşat) */
p,
.lp-hero__lede,
.svc-hero__lede,
.section-desc,
.card-desc{
  text-wrap:pretty;
}

/* ── ANIMATED BACKGROUND PULSE (tüm sayfalarda subtle hareket) ── */
body{
  position:relative;
  isolation:isolate;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse 600px 400px at 20% 25%, rgba(102,164,237,.10), transparent 60%),
    radial-gradient(ellipse 500px 400px at 80% 70%, rgba(94,148,235,.08), transparent 60%),
    radial-gradient(ellipse 400px 300px at 55% 90%, rgba(140,170,255,.06), transparent 70%);
  animation:bgPulse 18s ease-in-out infinite;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 70% 20%, rgba(125,176,255,.08), transparent 50%),
    radial-gradient(circle at 30% 80%, rgba(102,164,237,.06), transparent 50%);
  animation:bgPulse2 24s ease-in-out infinite reverse;
}
@keyframes bgPulse{
  0%, 100% { transform:translate(0,0) scale(1); opacity:.7; }
  33%       { transform:translate(2%,-1%) scale(1.05); opacity:.9; }
  66%       { transform:translate(-1%,2%) scale(.98); opacity:.8; }
}
@keyframes bgPulse2{
  0%, 100% { transform:translate(0,0) scale(1.02); opacity:.6; }
  50%       { transform:translate(-3%,3%) scale(1.08); opacity:.85; }
}
[data-theme="light"] body::before,
[data-theme="light"] body::after{
  opacity:.5;
  filter:saturate(.7);
}
/* Reduced motion: hareket kapansin, sabit gradient kalsin */
@media (prefers-reduced-motion: reduce){
  body::before, body::after{ animation:none; }
}

/* ── GLOBAL CONTACT FORM (footer öncesi her sayfada) ── */
.cform-sec{
  background:transparent;  /* animated body bg görünsün */
}

/* ── SERVICE PROCESS SECTION: hizmet fotoğrafı arkaplan + dark overlay ── */
.svc-process.svc-process--bg{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:var(--bg);  /* fallback */
}
.svc-process.svc-process--bg::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:var(--svc-process-bg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  z-index:0;
  opacity:.30;
  filter:saturate(0.85);
}
[data-theme="light"] .svc-process.svc-process--bg::before{
  opacity:.40;
  filter:saturate(0.75) brightness(1.05);
}
.svc-process.svc-process--bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,
    rgba(8,15,28,.92) 0%,
    rgba(8,15,28,.72) 25%,
    rgba(8,15,28,.6) 50%,
    rgba(8,15,28,.72) 75%,
    rgba(8,15,28,.95) 100%);
  z-index:1;
}
[data-theme="light"] .svc-process.svc-process--bg::after{
  background:linear-gradient(180deg,
    rgba(248,250,253,.95) 0%,
    rgba(248,250,253,.8) 25%,
    rgba(248,250,253,.72) 50%,
    rgba(248,250,253,.8) 75%,
    rgba(248,250,253,.95) 100%);
}
.svc-process.svc-process--bg > .wrap{
  position:relative;
  z-index:2;
}

/* ─────────────────────────────────────────────────────
   NAV UNIFIED: Brand navy + stroke + shimmer animation
   (Anasayfa inline override'larını yenmek için !important)
   ───────────────────────────────────────────────────── */
.nav,
.nav.scrolled{
  background:linear-gradient(110deg,
    #002441 0%,
    #003153 35%,
    #003a64 50%,
    #003153 65%,
    #002441 100%) !important;
  background-size:300% 100% !important;
  border:1px solid rgba(255,255,255,.85) !important;
  box-shadow:
    0 12px 40px -10px rgba(0,49,83,.55),
    inset 0 1px 0 rgba(255,255,255,.15) !important;
  backdrop-filter:saturate(160%) blur(14px) !important;
  -webkit-backdrop-filter:saturate(160%) blur(14px) !important;
  animation:navShimmer 14s linear infinite !important;
  position:relative !important;
  overflow:visible !important;
}

@keyframes navShimmer{
  0%   { background-position:   0% 50%; }
  100% { background-position: 300% 50%; }
}

/* İçeride aurora-tarzı subtle inner glow */
.nav::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    radial-gradient(ellipse 50% 100% at 20% 50%, rgba(125,176,255,.10), transparent 60%),
    radial-gradient(ellipse 50% 100% at 80% 50%, rgba(94,148,235,.08), transparent 60%);
  animation:navAurora 10s ease-in-out infinite alternate;
  z-index:0;
}
@keyframes navAurora{
  0%   { opacity:.5; transform:translateX(-3%); }
  100% { opacity:1;  transform:translateX(3%); }
}

/* Nav children üst katmanda */
.nav > *{ position:relative; z-index:1; }

/* Text/link renkleri brand-uyumlu beyaz */
.nav__brand{ color:#fff !important; }
.nav__brand svg{ color:#fff !important; }
.nav__links > a,
.nav__item-trigger,
.nav__links a small{
  color:rgba(255,255,255,.78) !important;
  transition:color .25s, background .25s !important;
}
.nav__links > a:hover,
.nav__item-trigger:hover,
.nav__item.is-open .nav__item-trigger{
  color:#fff !important;
  background:rgba(125,176,255,.14) !important;
}

/* CTA buton — açık mavi (kontrast) */
.nav__cta{
  background:linear-gradient(135deg, #7DB0FF 0%, #A8C8FF 100%) !important;
  color:#002441 !important;
  border:0 !important;
  font-weight:700 !important;
  box-shadow:0 4px 14px -3px rgba(125,176,255,.5) !important;
}
.nav__cta:hover{
  background:linear-gradient(135deg, #A8C8FF 0%, #C5DBFF 100%) !important;
  transform:translateY(-1px);
  box-shadow:0 8px 22px -4px rgba(125,176,255,.7) !important;
}

/* Theme toggle ve burger için light text */
.nav__toggle, .nav__burger{ color:#fff !important; }
.nav__burger svg, .nav__toggle svg{ stroke:#fff !important; }

/* Dropdown menü çocukları — brand-uyumlu dark bg */
.nav__dropdown{
  background:linear-gradient(180deg, #002441 0%, #001628 100%) !important;
  border:1px solid rgba(125,176,255,.18) !important;
  box-shadow:0 20px 50px -10px rgba(0,0,0,.6) !important;
}
.nav__dropdown a, .nav__dropdown-label{
  color:rgba(255,255,255,.82) !important;
}
.nav__dropdown a:hover{
  background:rgba(125,176,255,.14) !important;
  color:#fff !important;
}
.nav__dropdown a small{ color:rgba(125,176,255,.55) !important; }

/* ── NAV: HER SAYFADA FIXED + STICKY ── */
.nav,
.nav.scrolled,
body .nav{
  position:fixed !important;
  top:18px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  z-index:9999 !important;
}
@media (max-width:820px){
  .nav,
  .nav.scrolled,
  body .nav{
    top:10px !important;
  }
}

/* ── DROPDOWN: hover gap bridge (mouse trigger→dropdown geçişinde kaybolma) ── */
.nav__dropdown{
  /* Trigger ile dropdown arasındaki 14px boşluğu invisible bridge ile kapla */
}
.nav__dropdown::before{
  content:"";
  position:absolute;
  top:-18px; left:0; right:0; height:18px;
  background:transparent;
  pointer-events:auto;
}
/* Trigger'a da hover alanı ekle: nav__item üzerinde mouse → dropdown'a kadar */
.nav__item{ padding-bottom:0 }
.nav__item:hover{ padding-bottom:0 }
/* Show delay: dropdown bir anda kaybolmasın */
.nav__dropdown{
  transition: opacity .2s ease, visibility .2s ease, transform .25s ease !important;
}
/* Hover state: dropdown gözüksün ve mouse üstüne kayınca kayıt olsun */
.nav__item:hover .nav__dropdown,
.nav__item:focus-within .nav__dropdown,
.nav__item.is-open .nav__dropdown{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
}
/* Dropdown brand navy ile uyumlu */
.nav__dropdown{
  background:linear-gradient(180deg, #002441 0%, #003153 100%) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    0 24px 60px -18px rgba(0,0,0,.75),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.nav__dropdown a{ color:rgba(255,255,255,.88) !important }
.nav__dropdown a:hover{
  background:rgba(125,176,255,.14) !important;
  color:#fff !important;
}
.nav__dropdown a small{ color:rgba(255,255,255,.55) !important }
.nav__dropdown a:hover small{ color:#7DB0FF !important }
.nav__dropdown-label{ color:rgba(255,255,255,.55) !important }
.nav__dropdown-divider{ background:rgba(255,255,255,.10) !important }

/* ── ALT SAYFA HERO'larından curved underline kaldır ── */
.svc-hero h1 .acc,
.lp-hero h1 .acc,
.ab-hero h1 .acc,
.seo-hero__h1 .acc,
.svc-hero h1 .acc__line,
.lp-hero h1 .acc__line,
.ab-hero h1 .acc__line,
.seo-hero__h1 .acc__line{
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  -webkit-text-fill-color:inherit !important;
  color:inherit !important;
}
.svc-hero h1 .acc__line,
.lp-hero h1 .acc__line,
.ab-hero h1 .acc__line,
.seo-hero__h1 .acc__line{
  display:none !important;
}
.svc-hero h1 .acc::after,
.lp-hero h1 .acc::after,
.ab-hero h1 .acc::after,
.seo-hero__h1 .acc::after{
  display:none !important;
  content:none !important;
}

/* ── NAV: daha koyu iç renk (kullanıcı isteği) ── */
.nav,
.nav.scrolled,
body .nav{
  background:linear-gradient(110deg,
    #000A14 0%,
    #00152A 35%,
    #001D38 50%,
    #00152A 65%,
    #000A14 100%) !important;
  background-size:300% 100% !important;
}
/* Dropdown da koyulaştı, eşleşsin */
.nav__dropdown{
  background:linear-gradient(180deg, #000A14 0%, #00152A 100%) !important;
}

/* ── HERO: logo banner'ı çok sönük yap, video + metni öne çıkar ── */
.orbital-hero .hero-logos{
  opacity:.10 !important;
  filter:blur(.5px) !important;
}
/* Video overlay daha koyu → metin parlasın */
.orbital-hero .hero-bg-video__ov{
  background:
    radial-gradient(ellipse 60% 50% at center, rgba(2,8,16,.78) 0%, rgba(2,8,16,.55) 60%, rgba(2,8,16,.5) 100%),
    linear-gradient(to bottom,
      rgba(2,8,16,.85) 0%, rgba(2,8,16,.55) 25%, rgba(2,8,16,.6) 65%, rgba(2,8,16,.92) 100%) !important;
}
/* Grid bg & ::before glow tamamen kapat (anasayfa hero) */
.orbital-hero .grid-bg{display:none !important}
.orbital-hero::before{display:none !important}


/* ───────────────────────────────────────────────
   MOBİL NAV — minimum gerekli kurallar (alt sayfa)
   Anasayfa kendi inline @media(max-width:860px) ile çalışır
   ─────────────────────────────────────────────── */
@media (max-width:860px){
  /* Nav konteyner — full width, wrap'a izin */
  .nav{
    flex-wrap:wrap !important;
    width:calc(100vw - 16px) !important;
    max-width:none !important;
    top:10px !important;
    padding:8px 8px 8px 14px !important;
    border-radius:22px !important;
    align-items:center !important;
  }
  .nav.scrolled{ max-width:none !important; padding:8px 8px 8px 14px !important; }

  /* Brand kompakt */
  .nav__brand{ height:30px !important; flex-shrink:0; }
  .nav__brand svg{ height:18px !important; max-height:18px !important; max-width:110px !important; }

  /* Desktop actions gizle (mbar'a taşınacak) */
  .nav__actions .nav__toggle,
  .nav__actions .nav__cta{ display:none !important; }

  /* Burger sağda görünür */
  .nav__burger{
    display:inline-flex !important;
    width:40px; height:40px; border-radius:50%;
    background:#fff !important; color:#003153 !important;
    border:0; padding:0; flex-shrink:0; cursor:pointer;
    align-items:center; justify-content:center;
  }
  .nav__burger svg{ width:18px; height:18px; stroke:#003153 !important; }

  /* Linkler accordion */
  .nav__links{
    flex-basis:100% !important;
    width:100% !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:2px !important;
    margin-top:6px !important;
    padding-top:8px !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
    display:none !important;
  }
  .nav.is-open .nav__links{
    display:flex !important;
    max-height:calc(100dvh - 140px) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
  }

  /* Her link sol-yaslı, full-width */
  .nav__links > a,
  .nav__item-trigger{
    width:100% !important;
    justify-content:space-between !important;
    padding:13px 14px !important;
    font-size:15px !important;
    border-radius:12px !important;
  }

  /* Item static + full-width */
  .nav__item{
    position:static !important;
    width:100% !important;
    display:block !important;
  }

  /* Dropdown — accordion in-place (KRİTİK: desktop transform/position kapat) */
  .nav__dropdown{
    position:static !important;
    top:auto !important; left:auto !important; right:auto !important;
    transform:none !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:4px 0 6px !important;
    padding:6px 0 6px 16px !important;
    background:transparent !important;
    border:0 !important;
    border-left:2px solid rgba(125,176,255,.30) !important;
    border-radius:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    display:none !important;
  }
  .nav__item.is-open .nav__dropdown{ display:block !important; }
  .nav__dropdown::before{ display:none !important; content:none !important; }
  .nav__dropdown a{ padding:10px 12px !important; font-size:13.5px !important; }

  /* Mbar (links içinde son child) — alt çubuk */
  .nav__mbar{
    display:flex !important;
    width:100% !important;
    gap:10px !important;
    padding:12px 4px 2px !important;
    margin-top:6px !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
    align-items:center !important;
  }
  .nav__mbar .nav__cta{
    display:inline-flex !important; flex:1 !important;
    justify-content:center !important;
    padding:13px 22px !important; font-size:14px !important;
    background:#fff !important; color:#003153 !important;
  }
  .nav__mbar .nav__toggle{
    display:inline-flex !important;
    width:46px !important; height:46px !important;
    border-radius:99px !important; flex-shrink:0 !important;
    background:rgba(125,176,255,.14) !important;
    color:#fff !important;
  }
}

/* ═══ MARKA MOTİFİ (innova-motif-d) · CTA kutularında ince filigran ═══ */
.lp-cta__box{ position:relative; overflow:hidden; }
.lp-cta__box::after,
.final-cta__box::after{
  content:""; position:absolute; pointer-events:none; z-index:0;
  width:300px; height:300px; right:-60px; bottom:-60px;
  -webkit-mask:url(img/innova-motif-d.svg) center/contain no-repeat;
  mask:url(img/innova-motif-d.svg) center/contain no-repeat;
}
/* Açık zeminli lp-cta → brand navy motif */
.lp-cta__box::after{ background:#003153; opacity:.055; }
[data-theme="dark"] .lp-cta__box::after{ background:#7DB0FF; opacity:.07; }
/* Navy zeminli final-cta → beyaz motif */
.final-cta__box::after{ background:#fff; opacity:.09; }
/* İçerik motifin üstünde kalsın */
.lp-cta__box > *, .final-cta__box > *{ position:relative; z-index:1; }

/* ═══════════════════════════════════════════════
   İLETİŞİM FORMU · belirgin direct CTA'lar + bütünleşik tasarım
   (final-cta kaldırıldı; WhatsApp/telefon form içinde öne çıkar)
   ═══════════════════════════════════════════════ */
/* "veya hemen bağlan" ayıracı */
.cform-or{display:flex;align-items:center;gap:14px;margin:26px 0 16px;color:var(--fg-3);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.cform-or::before,.cform-or::after{content:"";flex:1;height:1px;background:var(--border-2)}

/* Belirgin temas butonları (eski metin-link tasarımını ez) */
.cform-direct{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:0;border-top:0}
@media(max-width:520px){.cform-direct{grid-template-columns:1fr}}
.cform-direct__btn{
  display:flex !important;align-items:center;gap:13px;
  padding:15px 18px;border-radius:15px;text-decoration:none;
  font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:15px;
  transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,filter .2s;
}
.cform-direct__btn svg{width:22px !important;height:22px !important;flex-shrink:0;color:currentColor !important}
.cform-direct__btn span{display:flex;flex-direction:column;line-height:1.2;gap:2px}
.cform-direct__btn small{font-size:11px;font-weight:500;opacity:.8;letter-spacing:0;text-transform:none}
/* WhatsApp · yeşil, dolgun */
.cform-direct__btn--wa{background:#25D366;color:#0b3d1f;box-shadow:0 12px 30px -12px rgba(37,211,102,.6)}
.cform-direct__btn--wa:hover{transform:translateY(-3px);box-shadow:0 18px 40px -14px rgba(37,211,102,.75);color:#0b3d1f}
/* Telefon · marka navy, dolgun */
.cform-direct__btn--tel{background:var(--brand);color:#fff;box-shadow:0 12px 30px -12px rgba(0,49,83,.5)}
.cform-direct__btn--tel:hover{transform:translateY(-3px);box-shadow:0 18px 40px -14px rgba(0,49,83,.65);color:#fff}
[data-theme="dark"] .cform-direct__btn--tel{background:var(--teal);color:#04121f}
[data-theme="dark"] .cform-direct__btn--tel:hover{color:#04121f}

/* Email + adres · ikincil, küçük */
.cform-meta{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
.cform-meta a{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--fg-3);text-decoration:none;transition:color .2s}
.cform-meta a:hover{color:var(--brand)}
[data-theme="dark"] .cform-meta a:hover{color:var(--teal)}
.cform-meta a svg{width:15px !important;height:15px !important;flex-shrink:0;opacity:.7}

/* Submit butonu · marka primary ile bütünleşik */
.cform-card .zf-fmFooter{margin-top:8px}
.cform-card .zf-submitColor{
  width:100%;padding:16px 24px !important;border-radius:14px !important;
  background:var(--brand) !important;color:#fff !important;border:0 !important;
  font-family:'Plus Jakarta Sans',sans-serif !important;font-weight:700 !important;font-size:15.5px !important;
  cursor:pointer;transition:transform .22s,box-shadow .22s,background .2s !important;
  box-shadow:0 14px 34px -14px rgba(0,49,83,.55) !important;
}
.cform-card .zf-submitColor:hover{transform:translateY(-2px);box-shadow:0 20px 44px -16px rgba(0,49,83,.7) !important}
[data-theme="dark"] .cform-card .zf-submitColor{background:var(--teal) !important;color:#04121f !important}

/* ── MOTİF: final-cta kaldırıldı → kuralı sıfırla; lp-cta motifini küçült/yumuşat ── */
.final-cta__box::after{ content:none !important; }
.lp-cta__box::after{ width:200px;height:200px;right:-40px;bottom:-40px;opacity:.04; }

/* ═══ MARKA MOTİFİ · iletişim formu (motifin ana evi) + form bütünleştirme ═══ */
/* Form kartı: köşede ince motif filigranı + premium dokunuş */
.cform-card{ position:relative; overflow:hidden; }
.cform-card::after{
  content:""; position:absolute; pointer-events:none; z-index:0;
  width:240px; height:240px; right:-56px; top:-56px;
  -webkit-mask:url(img/innova-motif-d.svg) center/contain no-repeat;
  mask:url(img/innova-motif-d.svg) center/contain no-repeat;
  background:var(--brand); opacity:.05;
}
[data-theme="dark"] .cform-card::after{ background:#7DB0FF; opacity:.07; }
.cform-card > *{ position:relative; z-index:1; }

/* Form bölümü arka planında büyük, çok soluk motif (sol-alt) */
.cform-sec::after{
  content:""; position:absolute; pointer-events:none; z-index:0;
  width:420px; height:420px; left:-120px; bottom:-120px;
  -webkit-mask:url(img/innova-motif-d.svg) center/contain no-repeat;
  mask:url(img/innova-motif-d.svg) center/contain no-repeat;
  background:var(--brand); opacity:.035;
}
[data-theme="dark"] .cform-sec::after{ background:#7DB0FF; opacity:.05; }

/* Kart: marka aksanlı üst kenar + biraz daha belirgin alan */
.cform-card{
  border-color:rgba(0,49,83,.14);
  background:linear-gradient(180deg, var(--bg) 0%, color-mix(in oklab, var(--bg-2) 40%, var(--bg)) 100%);
}
[data-theme="dark"] .cform-card{
  border-color:rgba(255,255,255,.10);
  background:linear-gradient(180deg, var(--surface-2) 0%, rgba(255,255,255,.02) 100%);
}
/* Inputlar: hafif iç dolgu + net focus (daha bütünleşik) */
.cform-card input[type="text"],
.cform-card textarea{ background:color-mix(in oklab, var(--bg-2) 70%, transparent); }

/* ═══ FORM: kutu-içinde-kutu kaldır · siteyle tam uyumlu ═══ */
/* Dış kart kutusunu sil — inputlar doğrudan bölüm zeminine otursun */
.cform-card{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:visible !important;
}
.cform-card::after{ display:none !important; }  /* kart köşe motifi kalksın (motif bölüm zemininde kalıyor) */

/* Inputlar: tek katman, bölümle uyumlu — light'ta beyaz, dark'ta hafif yüzey */
.cform-card input[type="text"],
.cform-card textarea{
  background:var(--bg) !important;
  border:1px solid var(--border-2) !important;
  border-radius:12px !important;
  box-shadow:none !important;
}
[data-theme="dark"] .cform-card input[type="text"],
[data-theme="dark"] .cform-card textarea{
  background:rgba(255,255,255,.035) !important;
  border-color:rgba(255,255,255,.12) !important;
}
.cform-card input[type="text"]:focus,
.cform-card textarea:focus{
  border-color:var(--brand) !important;
  box-shadow:0 0 0 3px rgba(0,49,83,.10) !important;
  background:var(--bg) !important;
}
[data-theme="dark"] .cform-card input[type="text"]:focus,
[data-theme="dark"] .cform-card textarea:focus{
  border-color:var(--teal) !important;
  box-shadow:0 0 0 3px rgba(94,148,235,.20) !important;
  background:rgba(255,255,255,.05) !important;
}

/* Bölüm zemini sitenin geneliyle daha uyumlu (sert renk bandı yerine yumuşak) */
.cform-sec{ background:var(--bg) !important; border-top:1px solid var(--border) !important; }
.cform-sec::before{ opacity:.6; }

/* ═══ FORM INPUT: çizgi yerine inset (iç) gölge — yumuşak gömülü alan ═══ */
.cform-card input[type="text"],
.cform-card textarea{
  border:1px solid transparent !important;
  background:var(--bg-2) !important;
  box-shadow:
    inset 0 2px 5px rgba(0,49,83,.08),
    inset 0 0 0 1px rgba(0,49,83,.05) !important;
}
[data-theme="dark"] .cform-card input[type="text"],
[data-theme="dark"] .cform-card textarea{
  background:rgba(0,0,0,.22) !important;
  box-shadow:
    inset 0 2px 6px rgba(0,0,0,.45),
    inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
/* Focus: daha derin iç gölge + yumuşak marka halesi (çizgi yok) */
.cform-card input[type="text"]:focus,
.cform-card textarea:focus{
  border-color:transparent !important;
  box-shadow:
    inset 0 2px 6px rgba(0,49,83,.12),
    0 0 0 3px rgba(0,49,83,.10) !important;
  background:var(--bg-2) !important;
}
[data-theme="dark"] .cform-card input[type="text"]:focus,
[data-theme="dark"] .cform-card textarea:focus{
  box-shadow:
    inset 0 2px 7px rgba(0,0,0,.5),
    0 0 0 3px rgba(94,148,235,.22) !important;
  background:rgba(0,0,0,.28) !important;
}

/* ═══ HAKKIMIZDA HERO · zengin arka plan (aurora + motif + grid) ═══ */
.ab-hero{ position:relative; overflow:hidden; isolation:isolate; }
/* Aurora ışık katmanı (hareketli) + ince grid */
.ab-hero::before{
  content:""; position:absolute; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(ellipse 48% 62% at 15% 22%, rgba(94,148,235,.20), transparent 60%),
    radial-gradient(ellipse 52% 56% at 78% 82%, rgba(78,205,196,.10), transparent 62%),
    linear-gradient(rgba(125,176,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,176,255,.05) 1px, transparent 1px);
  background-size:auto, auto, 64px 64px, 64px 64px;
  -webkit-mask:radial-gradient(ellipse 75% 80% at 35% 40%, #000 35%, transparent 85%);
  mask:radial-gradient(ellipse 75% 80% at 35% 40%, #000 35%, transparent 85%);
  animation:abAurora 20s ease-in-out infinite alternate;
}
@keyframes abAurora{
  0%   { transform:translate3d(0,0,0) scale(1); }
  100% { transform:translate3d(2.5%,1.5%,0) scale(1.06); }
}
/* Marka motifi · sol-alt köşede büyük soluk filigran */
.ab-hero::after{
  content:""; position:absolute; z-index:-1; pointer-events:none;
  width:520px; height:520px; left:-150px; bottom:-180px;
  -webkit-mask:url(img/innova-motif-d.svg) center/contain no-repeat;
  mask:url(img/innova-motif-d.svg) center/contain no-repeat;
  background:#5E94EB; opacity:.06;
}
[data-theme="light"] .ab-hero::after{ background:#003153; opacity:.05; }
@media(prefers-reduced-motion:reduce){ .ab-hero::before{ animation:none; } }
@media(max-width:860px){ .ab-hero::after{ width:340px;height:340px;left:-110px;bottom:-120px; } }

/* ═══ FORM DIRECT BUTONLAR · tema-bağımsız yüksek kontrast (düzeltme) ═══ */
/* WhatsApp: parlak yeşil + koyu metin (her temada aynı, yüksek kontrast) */
.cform-direct__btn--wa,
[data-theme="dark"] .cform-direct__btn--wa{
  background:#25D366 !important;
}
.cform-direct__btn--wa,
.cform-direct__btn--wa *,
[data-theme="dark"] .cform-direct__btn--wa,
[data-theme="dark"] .cform-direct__btn--wa *{
  color:#08331b !important; fill:#08331b !important;
}
.cform-direct__btn--wa small{ opacity:.78 !important; }

/* Telefon: canlı mavi + beyaz metin (her temada aynı, yüksek kontrast) */
.cform-direct__btn--tel,
[data-theme="dark"] .cform-direct__btn--tel{
  background:#1E6FB0 !important;
}
.cform-direct__btn--tel,
.cform-direct__btn--tel *,
[data-theme="dark"] .cform-direct__btn--tel,
[data-theme="dark"] .cform-direct__btn--tel *{
  color:#ffffff !important; fill:#ffffff !important;
}
.cform-direct__btn--tel small{ opacity:.82 !important; }

/* ═══ FORM BÖLÜMÜ · atmosferik arka plan (anasayfa iletişimiyle tutarlı) ═══ */
.cform-sec{
  background:url('img/home/cta.webp') center/cover no-repeat !important;
  position:relative; isolation:isolate;
}
/* Okunaklılık overlay'i (tema-duyarlı) — üstten sayfaya geçiş, alta koyu/açık */
.cform-sec::before{
  content:"" !important; position:absolute !important; inset:0 !important; z-index:0 !important; pointer-events:none !important;
  background:linear-gradient(180deg, var(--bg) 0%, rgba(4,11,20,.80) 28%, rgba(4,11,20,.88) 100%) !important;
  opacity:1 !important;
}
[data-theme="light"] .cform-sec::before{
  background:linear-gradient(180deg, var(--bg) 0%, rgba(247,250,252,.90) 26%, rgba(247,250,252,.95) 100%) !important;
}
.cform-wrap{ position:relative; z-index:1; }
/* motif filigranı overlay üstünde hafif kalsın */
.cform-sec::after{ z-index:0 !important; }

/* ═══ FORM BÖLÜMÜ · üstteki ince kesik çizgiyi kaldır + yumuşak geçiş ═══ */
.cform-sec{ border-top:0 !important; }
/* Overlay üstten daha uzun fade → görsel sayfaya kusursuz karışır (sert bant yok) */
.cform-sec::before{
  background:linear-gradient(180deg,
    var(--bg) 0%,
    rgba(4,11,20,.55) 14%,
    rgba(4,11,20,.82) 40%,
    rgba(4,11,20,.88) 100%) !important;
}
[data-theme="light"] .cform-sec::before{
  background:linear-gradient(180deg,
    var(--bg) 0%,
    rgba(247,250,252,.72) 14%,
    rgba(247,250,252,.92) 40%,
    rgba(247,250,252,.96) 100%) !important;
}

/* ═══ HAKKIMIZDA HERO · arka plan video kolajı (İsa'nın arkasında dikey paneller) ═══ */
.ab-hero__wrap{ position:relative; z-index:1; }
.ab-collage{
  position:absolute; top:0; right:0; bottom:0; width:64%; z-index:0;
  display:flex; align-items:center; justify-content:flex-end; gap:14px;
  padding:48px 3% 48px 0; pointer-events:none; overflow:hidden;
  -webkit-mask:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.6) 22%, #000 48%, #000 100%);
  mask:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.6) 22%, #000 48%, #000 100%);
}
.abc-panel{
  position:relative; flex:1 1 0; max-width:150px; min-width:78px;
  border-radius:18px; overflow:hidden;
  box-shadow:0 24px 60px -22px rgba(0,0,0,.7);
  filter:brightness(.78) saturate(.92);
  opacity:.55;
}
.abc-panel video{ width:100%; height:100%; object-fit:cover; display:block; }
.abc-panel::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(4,11,20,.32), rgba(4,11,20,.62)); }
/* Kademeli yükseklik/konum (referanstaki split-canvas hissi) */
.abc-panel--1{ height:46%; margin-top:-2%; }
.abc-panel--2{ height:74%; margin-top:-9%; }
.abc-panel--3{ height:64%; margin-top:7%; }
.abc-panel--4{ height:42%; margin-top:12%; }
/* İsa'nın arkasında hafif koyu hale → figür öne çıksın */
.ab-hero__photo{ position:relative; }
.ab-hero__photo::before{
  content:""; position:absolute; z-index:-1; inset:-8% -10% -2% -10%;
  background:radial-gradient(ellipse 60% 70% at 55% 45%, rgba(4,11,20,.55), transparent 70%);
}
[data-theme="light"] .ab-collage{ opacity:.85; }
[data-theme="light"] .abc-panel{ filter:brightness(.95) saturate(.95); opacity:.7; }
[data-theme="light"] .abc-panel::after{ background:linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,.5)); }
[data-theme="light"] .ab-hero__photo::before{ background:radial-gradient(ellipse 60% 70% at 55% 45%, rgba(255,255,255,.6), transparent 70%); }
@media(max-width:980px){ .ab-collage{ display:none; } }
@media(prefers-reduced-motion:reduce){ .abc-panel video{ display:none; } }

/* ═══ HAKKIMIZDA HERO · İsa fotoğrafı altdan yumuşak geçiş (havada durma hissini gider) ═══ */
.ab-hero__photo-main{
  -webkit-mask:linear-gradient(180deg, #000 0%, #000 80%, transparent 100%) !important;
  mask:linear-gradient(180deg, #000 0%, #000 80%, transparent 100%) !important;
}
/* ═══ KURUCU foto · hero gibi gövde altdan gradyan + mobilde isim gradyanın üstüne ═══ */
.ab-founder__photo img{
  -webkit-mask:linear-gradient(180deg, #000 0%, #000 82%, transparent 100%) !important;
  mask:linear-gradient(180deg, #000 0%, #000 82%, transparent 100%) !important;
}
@media(max-width:640px){
  .ab-founder__copy{ margin-top:-54px !important; position:relative; z-index:3 }
}

/* ═══ HAKKIMIZDA KOLAJ · panelleri yukarı al + girişte akordeon açılışı ═══ */
.ab-collage{ align-items:flex-start !important; padding-top:5% !important; }
/* Panelleri üst bölgeye topla (İsa'nın gövdesini açar) */
.abc-panel--1{ height:40% !important; margin-top:7% !important; }
.abc-panel--2{ height:58% !important; margin-top:0 !important; }
.abc-panel--3{ height:48% !important; margin-top:11% !important; }
.abc-panel--4{ height:36% !important; margin-top:17% !important; }
/* Akordeon açılışı — sayfaya girince üstten aşağı scaleY 0→1, kademeli */
.abc-panel{
  transform-origin:center top;
  animation:abcOpen 1s cubic-bezier(.16,1,.3,1) backwards;
}
.abc-panel--1{ animation-delay:.15s; }
.abc-panel--2{ animation-delay:.32s; }
.abc-panel--3{ animation-delay:.49s; }
.abc-panel--4{ animation-delay:.66s; }
@keyframes abcOpen{
  from{ transform:scaleY(0); opacity:0; }
}
@media(prefers-reduced-motion:reduce){ .abc-panel{ animation:none; } }

/* ═══ HAKKIMIZDA KOLAJ · 6 panel + ellerin olduğu alt bölgeyi kırp (üstten göster) ═══ */
.ab-collage{ width:68% !important; gap:11px !important; }
.abc-panel{ max-width:122px !important; min-width:58px !important; }
/* Üst bölgeye odakla → el-ekran teması (alt-orta) kadraj dışında kalır */
.abc-panel video{ object-position:center 12% !important; }
/* 6 panel kademeli yükseklik/konum */
.abc-panel--1{ height:38% !important; margin-top:9% !important; }
.abc-panel--2{ height:54% !important; margin-top:2% !important; }
.abc-panel--3{ height:62% !important; margin-top:0 !important; }
.abc-panel--4{ height:50% !important; margin-top:8% !important; }
.abc-panel--5{ height:44% !important; margin-top:14% !important; }
.abc-panel--6{ height:34% !important; margin-top:20% !important; }
/* Akordeon açılış gecikmeleri (6 panel) */
.abc-panel--1{ animation-delay:.12s !important; }
.abc-panel--2{ animation-delay:.24s !important; }
.abc-panel--3{ animation-delay:.36s !important; }
.abc-panel--4{ animation-delay:.48s !important; }
.abc-panel--5{ animation-delay:.60s !important; }
.abc-panel--6{ animation-delay:.72s !important; }

/* ═══ HAKKIMIZDA KOLAJ · ELLERİ GİZLE — üst bölgeye zoom + blur + koyu (ambient doku) ═══ */
.abc-panel{
  filter:brightness(.6) saturate(.85) blur(1.4px) !important;
  opacity:.5 !important;
}
.abc-panel video{
  transform:scale(1.7) !important;
  transform-origin:50% 16% !important;   /* üst bölgeye odak → el/masa (alt) kadraj dışı */
  object-position:center top !important;
}
/* Üzerine ekstra koyu degrade → kalan detayları yumuşat */
.abc-panel::after{ background:linear-gradient(180deg, rgba(4,11,20,.45), rgba(4,11,20,.78)) !important; }
[data-theme="light"] .abc-panel{ filter:brightness(.92) saturate(.9) blur(1.4px) !important; opacity:.6 !important; }

/* ═══ HAKKIMIZDA HERO · ofis arka planı + tam boy İsa (video kolaj yerine) ═══ */
.ab-hero__officebg{
  position:absolute; inset:0; z-index:-2; pointer-events:none;
  background:url('img/about/hero-office-bg.webp') center/cover no-repeat;
}
/* Okunaklılık + tema overlay'i (sola koyu, metin net) */
.ab-hero__officebg::after{
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(4,11,22,.92) 0%, rgba(4,11,22,.74) 42%, rgba(4,11,22,.30) 72%, rgba(4,11,22,.15) 100%),
    linear-gradient(180deg, rgba(4,11,22,.5) 0%, transparent 30%, rgba(4,11,22,.55) 100%);
}
[data-theme="light"] .ab-hero__officebg::after{
  background:
    linear-gradient(90deg, rgba(247,250,252,.94) 0%, rgba(247,250,252,.78) 44%, rgba(247,250,252,.35) 74%, rgba(247,250,252,.12) 100%),
    linear-gradient(180deg, rgba(247,250,252,.4) 0%, transparent 35%, rgba(247,250,252,.45) 100%);
}
/* Eski aurora/grid/motif ve kolajı kapat (ofis bg yeni görünüm) */
.ab-hero::before{ display:none !important; }
.ab-hero::after{ display:none !important; }
.ab-collage{ display:none !important; }
/* Tam boy İsa — alttan zemine otursun, gövde-arkası hale yok */
.ab-hero__photo::before{ display:none !important; }
.ab-hero__photo-main{
  -webkit-mask:linear-gradient(180deg, #000 0%, #000 88%, transparent 100%) !important;
  mask:linear-gradient(180deg, #000 0%, #000 88%, transparent 100%) !important;
  filter:drop-shadow(0 30px 60px rgba(0,0,0,.6)) !important;
}
@media(max-width:860px){
  /* Mobilde ofis bg daha koyu, İsa altta */
  .ab-hero__officebg::after{ background:linear-gradient(180deg, rgba(4,11,22,.86), rgba(4,11,22,.92)) !important; }
}

/* ═══ HAKKIMIZDA HERO · İsa'yı büyüt + yaklaştır (uzak durmasın) ═══ */
@media(min-width:861px){
  .ab-hero__wrap{ grid-template-columns:1fr 1fr !important; align-items:end !important; gap:40px !important; }
  .ab-hero{ padding-bottom:0 !important; overflow:hidden; }
  .ab-hero__photo{ aspect-ratio:auto !important; align-self:end !important; height:100%; display:flex; align-items:flex-end; justify-content:center; }
  .ab-hero__photo-main{
    height:min(88vh, 860px) !important; max-height:none !important;
    width:auto !important; max-width:none !important;
    object-fit:contain !important; object-position:center bottom !important;
    margin:0 auto -2px !important;
  }
  /* rozetler büyüyen figüre göre konumlansın */
  .ab-hero__badge-img--cert{ top:6% !important; right:2% !important; }
  .ab-hero__badge-img--partner{ bottom:26% !important; left:-2% !important; }
}

/* ═══ HAKKIMIZDA HERO · KATMANLI: ofis bg + videolar + İsa ═══ */
.ab-hero__officebg{ z-index:-3 !important; }
.ab-collage{ display:flex !important; z-index:-2 !important; opacity:.6 !important; }
/* video panelleri ofis üstünde hafif daha görünür ama yine ambient */
.ab-collage .abc-panel{ opacity:.6 !important; }

/* ═══ HAKKIMIZDA HERO · göğüs hizası fotoğrafa dönüş (tam boy enlarge'ı iptal) ═══ */
@media(min-width:861px){
  .ab-hero__wrap{ align-items:center !important; }
  .ab-hero__photo{ aspect-ratio:3/4 !important; align-self:center !important; display:block !important; }
  .ab-hero__photo-main{
    height:auto !important; max-height:100% !important;
    width:100% !important; max-width:100% !important;
    object-fit:contain !important; object-position:center bottom !important;
    margin:0 !important;
  }
}

/* ============================================================
   LANDING PARALLAX & SCROLL-REVEAL  (sektör landing sayfaları)
   Scope: main.lp · scroll-listener YOK (CSS scroll-driven + IO)
   ============================================================ */

/* — Scroll-reveal: JS .lp içi öğeleri data-rv ile etiketler — */
.lp [data-rv]{
  opacity:0;
  transition:opacity .8s cubic-bezier(.16,1,.3,1),
             transform .8s cubic-bezier(.16,1,.3,1);
  transition-delay:calc(var(--rv-i,0) * 110ms);
  will-change:opacity,transform;
}
.lp [data-rv="up"]   {transform:translateY(60px) scale(.98)}
.lp [data-rv="fade"] {transform:translateY(14px)}
.lp [data-rv="scale"]{transform:scale(.93)}
.lp [data-rv].rv-in{opacity:1;transform:none}
.lp [data-rv].rv-in{will-change:auto}

/* — Hero içeriği: sayfa açılışında kademeli beliriş (scroll beklemeden) — */
@media (prefers-reduced-motion: no-preference){
  .lp .lp-hero__wrap > *{animation:lpHeroIn .8s cubic-bezier(.16,1,.3,1) both}
  .lp .lp-hero__crumb{animation-delay:.05s}
  .lp .lp-hero__badge{animation-delay:.16s}
  .lp .lp-hero h1{animation-delay:.30s}
  .lp .lp-hero__lede{animation-delay:.46s}
  .lp .lp-hero__ctas{animation-delay:.62s}
  .lp .lp-hero__stats{animation-delay:.78s}
  @keyframes lpHeroIn{from{opacity:0;transform:translateY(38px)}to{opacity:1;transform:none}}
}

/* — Hero görseli parallax (JS rAF · --lp-par değişkeni ile sürülür) — */
.lp .lp-hero--bg::after{
  top:-26%; bottom:-26%;                    /* taşma payı: kayarken kenar açılmasın */
  transform:translate3d(0,var(--lp-par,0px),0) scale(1.06);
  will-change:transform;
}
@media (prefers-reduced-motion: reduce){
  .lp .lp-hero--bg::after{transform:scale(1.06)}
}

/* — Gövde derinlik katmanı: bölüm arkasında parallax süzülen glow (dark) — */
[data-theme="dark"] .lp .lp-features,
[data-theme="dark"] .lp .lp-sectors{position:relative; isolation:isolate}
[data-theme="dark"] .lp .lp-features > .wrap,
[data-theme="dark"] .lp .lp-sectors > .wrap{position:relative; z-index:1}
[data-theme="dark"] .lp .lp-features::before,
[data-theme="dark"] .lp .lp-sectors::before{
  content:""; position:absolute; z-index:0; pointer-events:none;
  left:50%; top:8%; width:min(880px,92%); height:62%;
  background:radial-gradient(58% 60% at 50% 0,rgba(94,148,235,.13),transparent 72%);
  transform:translate3d(-50%,var(--lp-gpar,0px),0);
  will-change:transform;
}

/* — Reduced motion: her şey sabit & görünür — */
@media (prefers-reduced-motion: reduce){
  .lp [data-rv]{opacity:1 !important; transform:none !important; transition:none !important}
}