@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(./fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(./fonts/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ============================================================
   TOKENS
   ============================================================ */
:root{
  --ink:#000;
  --ink-2:#05050b;
  --ink-3:#0a0a14;
  --panel:#08091a;

  --accent:#9570e0;
  --accent-2:#6478ed;
  --accent-3:#50c8e8;

  --text:rgba(255,255,255,.94);
  --text-2:rgba(255,255,255,.74);
  --muted:rgba(255,255,255,.55);
  --faint:rgba(255,255,255,.65);
  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.055);

  --maxw:1240px;
  --pad:clamp(20px,5vw,56px);
  --ease:cubic-bezier(.22,1,.36,1);

  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--ink);color:var(--text);
  font-family:var(--font);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.eyebrow{
  font-size:11px;text-transform:uppercase;letter-spacing:.32em;
  color:var(--faint);margin:0 0 20px;
}
.lead{color:var(--text-2);font-size:clamp(16px,2.2vw,17px);line-height:1.75;max-width:34em}

/* Display type */
.h1{
  font-size:clamp(2.7rem,9.2vw,7.2rem);font-weight:600;
  line-height:1.04;letter-spacing:-.045em;margin:0;
}
.h2{
  font-size:clamp(2.2rem,7.4vw,5rem);font-weight:600;
  line-height:1.08;letter-spacing:-.04em;margin:0;
}
.h3{
  font-size:clamp(1.9rem,6.2vw,3.6rem);font-weight:600;
  line-height:1.08;letter-spacing:-.038em;margin:0;
}
/* Tek gradyan aksanı: sadece hero başlığı. Geri kalan her yer düz renk. */
.grad{
  background:linear-gradient(100deg,#c9b6ff,var(--accent) 45%,#7fd8f0);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.dot{color:var(--accent)}

/* Reveal */
.rv{opacity:1;transform:none}
.reveal-ready .rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal-ready .rv.in{opacity:1;transform:none}

/* ============================================================
   NAV
   ============================================================ */
.nav{
  position:fixed;inset:0 0 auto;z-index:90;
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:18px var(--pad);
  transition:background .4s ease,border-color .4s ease,padding .4s ease;
  border-bottom:1px solid transparent;
}
.nav.scrolled{background:rgba(4,4,9,.92);border-bottom-color:var(--line-2);padding-block:13px}

.brand{display:flex;align-items:center;gap:12px}
.mark{
  position:relative;width:38px;height:38px;flex:none;border-radius:10px;overflow:hidden;
  background:linear-gradient(135deg,#a855f7,#4f46e5 52%,#22d3ee);
}
.mark i{position:absolute;background:rgba(255,255,255,.28);border-radius:2px}
.mark i:nth-child(1){left:20%;top:16%;width:18%;height:68%}
.mark i:nth-child(2){left:41%;top:14%;width:18%;height:73%;transform:rotate(-38deg)}
.mark i:nth-child(3){right:20%;top:16%;width:18%;height:68%}
.brand span{font-size:1.15rem;font-weight:600;letter-spacing:.26em;color:#fff}

.nav-links{display:none;gap:34px;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}
.nav-links a{position:relative;padding-block:4px;transition:color .3s}
.nav-links a:hover{color:#fff}
.nav-links a::after{
  content:'';position:absolute;left:0;bottom:0;height:1px;width:0;
  background:var(--accent);transition:width .35s var(--ease);
}
.nav-links a:hover::after{width:100%}

.nav-cta{
  display:none;font-size:12px;letter-spacing:.04em;padding:10px 20px;
  border:1px solid var(--line);border-radius:999px;transition:border-color .3s,background .3s;
}
.nav-cta:hover{border-color:rgba(149,112,224,.6);background:rgba(149,112,224,.1)}

.burger{
  display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-10px;
}
.burger div{width:22px;height:1.5px;background:#fff;border-radius:2px;transition:transform .35s var(--ease),opacity .2s}
.burger div+div{margin-top:6px}
.nav.open .burger div:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.nav.open .burger div:nth-child(2){opacity:0}
.nav.open .burger div:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* Mobile menu — düz koyu yüzey, glassmorphism yok */
.menu{
  position:fixed;inset:0;z-index:80;background:#04040a;
  display:flex;flex-direction:column;justify-content:flex-start;gap:6px;
  padding:100px var(--pad) max(28px,env(safe-area-inset-bottom));
  overflow-y:auto;overscroll-behavior:contain;
  opacity:0;visibility:hidden;transform:translateY(-12px);
  transition:opacity .25s var(--ease),transform .25s var(--ease);
}
.menu.open{opacity:1;visibility:visible;transform:none}
.menu>a{flex-shrink:0}
.menu>a:first-child{margin-top:auto}
.menu-foot{margin-bottom:auto;flex-shrink:0}
.nav.open{background:#04040a}
.menu a{
  font-size:clamp(2.1rem,11vw,3.2rem);font-weight:600;letter-spacing:-.035em;
  padding:14px 0;border-bottom:1px solid var(--line-2);color:var(--text);
}
.menu a:last-of-type{border-bottom:0}
.menu .menu-foot{margin-top:38px;font-size:14px;color:var(--muted);line-height:2}
.menu .menu-foot a{font-size:14px;font-weight:400;letter-spacing:0;padding:0;border:0;display:block;color:var(--text-2)}
body.locked{overflow:hidden}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:16px 28px;border-radius:999px;font-size:15px;font-weight:500;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .3s,border-color .3s;
}
.btn svg{flex:none;transition:transform .35s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn-primary{
  background:linear-gradient(100deg,#7c3aed,var(--accent-2));color:#fff;
  box-shadow:0 0 42px rgba(124,58,237,.34);
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 62px rgba(124,58,237,.5)}
.btn-ghost{border:1px solid var(--line);color:var(--text)}
.btn-ghost:hover{border-color:rgba(149,112,224,.55);background:rgba(149,112,224,.08)}
.btn-wide{width:100%}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;min-height:100svh;display:flex;overflow:hidden;background:var(--ink)}

/* Video yüklenmezse bile arkada bu duruyor */
.hero-bed{
  position:absolute;inset:0;
  background:
    radial-gradient(60% 55% at 32% 28%,rgba(149,112,224,.3),transparent 70%),
    radial-gradient(55% 50% at 78% 62%,rgba(80,200,232,.18),transparent 70%),
    linear-gradient(150deg,#08050f,#000 48%,#06060f);
}
.hero-bed::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(45% 40% at 50% 45%,rgba(149,112,224,.22),transparent 70%);
  animation:breathe 14s ease-in-out infinite;
}
@keyframes breathe{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.18);opacity:1}}

#heroVideo{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:1;transition:opacity 1.2s ease;
}
#heroVideo.playing{opacity:1}

/* Okunabilirlik katmanları — video baskın kalsın diye hafif */
.scrim{position:absolute;inset:0;pointer-events:none}
.scrim-1{background:linear-gradient(to bottom,rgba(0,0,0,.42) 0%,rgba(0,0,0,.16) 34%,rgba(0,0,0,.3) 66%,#000 100%)}
.scrim-2{background:radial-gradient(circle at 46% 52%,transparent 0%,rgba(0,0,0,.1) 44%,rgba(0,0,0,.52) 100%)}

.hero-inner{
  position:relative;z-index:5;display:flex;flex-direction:column;justify-content:center;
  width:100%;max-width:var(--maxw);margin-inline:auto;
  padding:112px var(--pad) 132px;
}
.hero-kicker{
  max-width:22em;font-size:15px;line-height:1.7;color:rgba(228,228,240,.9);
  text-shadow:0 2px 18px rgba(0,0,0,.8);margin:0 0 auto;
}
.hero-main{margin-top:clamp(40px,9vh,88px)}
.hero-h1{margin-top:2px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(28px,5vh,40px)}

/* Marquee — mobilde de görünür */
.marquee{
  position:absolute;left:0;right:0;bottom:64px;z-index:5;
  overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
.marquee-track{display:flex;width:max-content;animation:slide 26s linear infinite}
.marquee-track span{
  display:flex;align-items:center;gap:34px;padding-right:34px;
  font-size:10px;text-transform:uppercase;letter-spacing:.3em;color:rgba(255,255,255,.5);
  white-space:nowrap;
}
.marquee-track b{width:3px;height:3px;border-radius:50%;background:rgba(149,112,224,.7);flex:none}
@keyframes slide{to{transform:translateX(-50%)}}

.scroll-cue{
  position:absolute;left:50%;bottom:22px;z-index:5;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:8px;
  font-size:9px;text-transform:uppercase;letter-spacing:.28em;color:rgba(255,255,255,.38);
}
.scroll-cue i{position:relative;display:block;width:1px;height:34px;background:rgba(255,255,255,.14);overflow:hidden}
.scroll-cue i::after{
  content:'';position:absolute;left:0;top:0;width:1px;height:12px;background:var(--accent);
  animation:cue 1.9s ease-in-out infinite;
}
@keyframes cue{0%{transform:translateY(-14px)}100%{transform:translateY(36px)}}

/* ============================================================
   SECTION SHELL
   ============================================================ */
.section{position:relative;padding-block:clamp(76px,13vh,150px);overflow:hidden}
.section-head{margin-bottom:clamp(48px,8vh,96px)}
.bg-quiet{background:linear-gradient(to bottom,#000,var(--ink-2) 42%,#03030a)}
.hair{
  position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:min(82%,900px);height:1px;
  background:linear-gradient(90deg,transparent,rgba(149,112,224,.34),transparent);
}
.ambient{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none}

/* ============================================================
   SERVICES
   ============================================================ */
.services{display:flex;flex-direction:column;gap:clamp(20px,3vw,40px)}
.svc{
  position:relative;border:1px solid var(--line-2);border-radius:24px;
  background:rgba(255,255,255,.012);
  padding:clamp(24px,4.4vw,56px);
  display:grid;gap:clamp(28px,4vw,48px);
  transition:border-color .6s ease;
}
.svc:hover{border-color:rgba(255,255,255,.14)}
.svc-copy{position:relative;z-index:3;min-width:0}
.svc-label{font-size:11px;text-transform:uppercase;letter-spacing:.26em;margin:0 0 18px}
.svc-copy p{margin:22px 0 0;color:var(--text-2);font-size:16px;line-height:1.75;max-width:32em}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.tag{
  border:1px solid var(--line);border-radius:999px;padding:7px 15px;
  font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);
}

/* --- Mockup kabuğu: container query ile oransal ölçekleniyor --- */
.mock{position:relative;min-width:0;container-type:inline-size}
.panel{
  border:1px solid var(--line);border-radius:18px;overflow:hidden;
  background:var(--ink-3);box-shadow:0 30px 90px rgba(0,0,0,.55);
}
.panel-bar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 18px;border-bottom:1px solid var(--line-2);
  font-size:12px;color:var(--text-2);
}
.pill{
  border:1px solid var(--line);border-radius:999px;padding:5px 12px;
  font-size:10px;color:var(--faint);white-space:nowrap;
}
.pill-live{border-color:rgba(52,211,153,.3);background:rgba(52,211,153,.08);color:rgba(110,231,183,.8)}

/* Identity map */
.map{
  position:relative;width:100%;min-width:0;aspect-ratio:1/.86;min-height:270px;
  border:1px solid var(--line);border-radius:20px;overflow:hidden;
  background:
    radial-gradient(38% 34% at 50% 47%,rgba(149,112,224,.34),transparent 72%),
    radial-gradient(34% 30% at 78% 20%,rgba(80,200,232,.16),transparent 74%),
    var(--panel);
}
.map-grid{
  position:absolute;inset:0;opacity:.14;
  background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);
  background-size:8cqw 8cqw;
}
.map svg{position:absolute;inset:0;width:100%;height:100%;opacity:.5}
.core{
  position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);
  width:36cqw;aspect-ratio:1;border-radius:50%;
  display:grid;place-items:center;text-align:center;
  border:1px solid rgba(255,255,255,.14);
  background:radial-gradient(circle,rgba(149,112,224,.34),rgba(7,8,22,.86) 70%);
  box-shadow:0 0 22cqw rgba(149,112,224,.42);
}
.core span{font-size:5.4cqw;font-weight:600;letter-spacing:-.03em;color:#fff}
.node{
  position:absolute;border:1px solid var(--line);border-radius:12px;
  background:rgba(255,255,255,.06);padding:2.2cqw 2.8cqw;
  font-size:3.1cqw;font-weight:500;color:rgba(255,255,255,.85);white-space:nowrap;
  animation:float 6s ease-in-out infinite;
}
.node::before{
  content:'';display:block;width:1.4cqw;height:1.4cqw;border-radius:50%;
  margin-bottom:1cqw;background:var(--nc,var(--accent));box-shadow:0 0 2.4cqw var(--nc,var(--accent));
}
.node:nth-of-type(even){animation-delay:-3s}
@keyframes float{0%,100%{transform:translateY(-5px)}50%{transform:translateY(5px)}}
.map-note{
  margin-top:14px;border:1px solid var(--line);border-radius:14px;
  background:rgba(13,13,23,.9);padding:16px 18px;
}
.map-note b{display:block;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.22em;color:var(--faint);margin-bottom:8px}
.map-note p{margin:0;font-size:14px;line-height:1.6;color:var(--text-2)}

/* Growth dashboard */
.kpis{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid var(--line-2)}
.kpi{padding:16px 18px;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.kpi:nth-child(2n){border-right:0}
.kpi:nth-last-child(-n+2){border-bottom:0}
.kpi small{display:block;font-size:10px;color:var(--faint);letter-spacing:.06em}
.kpi strong{display:block;margin-top:6px;font-size:clamp(17px,3.4vw,22px);font-weight:600;color:#fff;letter-spacing:-.02em}
.kpi em{font-style:normal;font-size:12px;color:rgba(110,231,183,.72)}
.kpi em.down{color:rgba(110,231,183,.72)}
.charts{display:grid;gap:26px;padding:22px 18px}
.chart-title{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--faint);margin:0 0 14px}
.funnel div{height:18px;border-radius:6px;background:linear-gradient(90deg,var(--accent-2),var(--accent-3));margin-bottom:10px}

/* Automation flow */
.flow{display:flex;min-height:230px}
.flow-side{display:none;width:170px;flex:none;border-right:1px solid var(--line-2);padding:16px}
.flow-side div{border-radius:10px;padding:11px 12px;font-size:12px;color:var(--faint);margin-bottom:4px}
.flow-side div.on{background:rgba(80,200,232,.1);color:rgba(165,233,250,.85)}
.flow-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:26px 18px}
.step{
  width:100%;max-width:290px;border:1px solid var(--line);border-radius:14px;
  background:rgba(255,255,255,.035);padding:14px;text-align:center;
  font-size:13px;color:var(--text-2);
}
.step-link{width:1px;height:22px;background:var(--line)}
.integrations{
  margin-top:14px;border:1px solid var(--line);border-radius:14px;
  background:rgba(11,16,23,.92);padding:16px 18px;
}
.integrations b{display:block;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:var(--faint);margin-bottom:12px}
.integrations div{display:flex;justify-content:space-between;font-size:13px;padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid var(--line-2)}
.integrations div:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.integrations span:last-child{color:rgba(110,231,183,.6)}

/* ============================================================
   PROCESS — numaralandırma burada, çünkü sıra gerçekten bilgi taşıyor
   ============================================================ */
.steps{display:grid;gap:0;border-top:1px solid var(--line-2)}
.step-row{
  display:grid;gap:6px 28px;align-items:start;
  padding:26px 0;border-bottom:1px solid var(--line-2);
}
.step-num{font-size:12px;letter-spacing:.3em;color:var(--accent);padding-top:6px}
.step-row h3{margin:0;font-size:clamp(1.15rem,3.6vw,1.5rem);font-weight:600;letter-spacing:-.025em}
.step-row p{margin:8px 0 0;color:var(--text-2);font-size:16px;line-height:1.7;max-width:44em}

/* ============================================================
   CONTACT
   ============================================================ */
.contact-grid{display:grid;gap:clamp(32px,5vw,56px)}
.card{
  border:1px solid var(--line);border-radius:24px;
  background:rgba(6,6,13,.7);padding:clamp(22px,4vw,38px);
}

.details{display:grid;gap:26px}
.detail b{display:block;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:rgba(197,175,255,.7);margin-bottom:7px}
.detail p,.detail a{margin:0;font-size:15px;line-height:1.7;color:var(--text-2)}
.detail a:hover{color:#fff}

/* ============================================================
   FOOTER
   ============================================================ */
.footer{border-top:1px solid var(--line-2);margin-top:clamp(56px,9vh,96px);padding-top:32px}
.footer-top{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:28px}
.footer-tag{font-size:11px;text-transform:uppercase;letter-spacing:.24em;color:var(--faint);line-height:1.9}
.footer-legal{display:grid;gap:8px;font-size:13px;color:var(--faint)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (min-width:600px){
  .step-row{grid-template-columns:auto 1fr}
}
@media (min-width:900px){
  .nav-links,.nav-cta{display:flex}
  .burger{display:none}
  .flow-side{display:block}
  .svc{grid-template-columns:.78fr 1.22fr;align-items:center;gap:clamp(32px,4vw,64px)}
  .contact-grid{grid-template-columns:1.05fr .95fr;align-items:end}
  .hero-kicker{font-size:16px}
}

/* Erişilebilirlik: hareket azaltma */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv{opacity:1;transform:none}
}

/* İnceleme düzeltmeleri: okunabilirlik, dar kartlar ve klavye kullanımı. */
html{scroll-padding-top:96px;color-scheme:dark}
.eyebrow,.svc-label,.tag,.pill,.chart-title,.map-note b,.integrations b,
.detail b,.footer-tag,.marquee-track span,.scroll-cue{font-size:12px}
.nav-links{font-size:14px;letter-spacing:.1em;gap:24px}
.nav-cta{font-size:14px;letter-spacing:.04em}

.detail a,.footer-legal{overflow-wrap:anywhere}
.contact-grid>*{min-width:0}
.panel-bar{flex-wrap:wrap}
.kpi{min-width:0;padding:16px 12px}
.kpi small{font-size:12px}
.kpi strong{font-size:clamp(17px,4.8cqw,22px)}
.mock-caption{font-size:12px;color:var(--faint);margin:12px 0 0;line-height:1.6}
.skip-link{position:fixed;top:8px;left:16px;z-index:110;background:#fff;color:#08091a;padding:12px 18px;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.motion-toggle{position:absolute;right:var(--pad);bottom:12px;z-index:6;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;background:#08091a;color:var(--text-2)}
@container (min-width:480px){
  .charts{grid-template-columns:1.35fr .8fr;padding:24px}
  .kpis{grid-template-columns:repeat(4,1fr)}
  .kpi{border-bottom:0}
  .kpi:nth-child(2n){border-right:1px solid var(--line-2)}
  .kpi:last-child{border-right:0}
}

.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.reveal-ready .rv{opacity:1;transform:none}}

/* NEXA: koyu hero, aydınlık lacivert bölüm yüzeyleri. */
#hizmetler{
  background:linear-gradient(180deg,#000 0%,#0c1020 12%,#101629 58%,#0d1323 100%);
}
#main .section{padding-block:clamp(72px,10vh,120px)}
#main .section-head{margin-bottom:clamp(36px,6vh,64px)}
#main .lead,#main .svc-copy p,#main .step-row p{color:#c4ccdf}
#main .eyebrow{color:#adb8cf}
.services{gap:32px}
.svc{
  border-color:rgba(176,194,234,.17);border-radius:24px;
  padding:clamp(24px,4vw,48px);isolation:isolate;
  box-shadow:0 18px 60px rgba(0,0,0,.12);
}
.svc:hover{border-color:rgba(187,204,244,.32)}
.svc .tag{color:#c8d1e5;background:rgba(255,255,255,.035);border-color:rgba(190,204,236,.18);letter-spacing:.06em}
.svc-copy .h3{font-size:clamp(2rem,4.2vw,3.35rem)}
.svc .mock-caption{color:#aebbd3}
.svc--identity{
  background:radial-gradient(ellipse at 95% 0%,rgba(150,111,231,.15),transparent 62%),#18172d;
  border-top:2px solid #a58ad8;
}
.svc--identity .svc-label{color:#c5a6f5!important}
.svc--identity .map{
  background:radial-gradient(ellipse at 50% 47%,rgba(163,121,233,.24),transparent 65%),#201e3b;
  border-color:rgba(192,169,236,.2);box-shadow:none;aspect-ratio:1/.8;
}
.svc--identity .node{background:#302b4b;border-color:rgba(208,183,255,.22);font-size:clamp(11px,3.1cqw,14px)}
.svc--identity .node:nth-last-child(2){left:6%!important}
.svc--identity .node:last-child{right:6%!important}
.svc--identity .map-note{background:transparent;border:0;border-left:2px solid #a58ad8;border-radius:0;padding:0 0 0 16px;margin-top:22px}
.svc--identity .map-note b{color:#c5a6f5}
.svc--growth{
  background:linear-gradient(135deg,#16233d,#151d33);
  border-color:rgba(123,167,245,.26);
}
.svc--growth .svc-label,.svc--growth .dot{color:#9abaff!important}
.svc--growth .panel{background:#1b2b47;border-color:rgba(161,188,236,.22);box-shadow:0 18px 36px rgba(4,12,28,.22);border-radius:16px}
.svc--growth .panel-bar{background:#233553;color:#e2eaff}
.svc--growth .kpi{border-color:rgba(178,200,235,.13)}
.svc--growth .kpi small,.svc--growth .chart-title,.svc--growth .pill{color:#b6c7e3}
.svc--growth .kpi em{color:#95e7c4}
.svc--growth .kpi strong{margin-block:6px;font-weight:600}
.svc--growth .charts{background:rgba(7,15,32,.16)}
.svc--technology{
  background:linear-gradient(140deg,#162d36,#13232f);
  border-color:rgba(118,204,220,.25);
}
.svc--technology .svc-label,.svc--technology .dot{color:#8bd9e7!important}
.svc--technology .panel{background:#173440;border-color:rgba(164,218,226,.18);box-shadow:none}
.svc--technology .panel-bar{background:rgba(179,227,237,.045);border-color:rgba(179,227,237,.14)}
.svc--technology .flow-side{display:none}
.svc--technology .step{background:#234550;border-color:rgba(165,220,230,.24);color:#e0f0f3;font-size:14px}
.svc--technology .step-link{background:#5d8d98}
.svc--technology .integrations{background:transparent;border-color:rgba(163,219,230,.18)}
.svc--technology .integrations b{color:#abd4dc}
.svc--technology .integrations span:last-child{color:#9ddcc1}
#surec{background:#182237;border-block:1px solid rgba(177,195,232,.12)}
#surec .steps,#surec .step-row{border-color:rgba(179,197,232,.16)}
#surec .step-num{color:#c3a8f0}
#iletisim{background:linear-gradient(155deg,#111a2c,#0d1423)}
#iletisim .card{background:#1c2840;border-color:rgba(173,197,237,.22)}
@media(max-width:599px){
  .services{gap:24px}
  .svc{padding:24px 20px;border-radius:20px}
  .svc-copy .h3{font-size:clamp(1.85rem,8vw,2.5rem)}
  .svc .tags{gap:6px;margin-top:20px}
  .svc .tag{padding:6px 10px}
  .svc--technology .flow-main{padding:24px 16px}
}

/* Contact, company information and shared document pages. */
.contact-card h3{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.035em;margin:0 0 16px}
.contact-card p{color:#c4ccdf;margin:0 0 24px}
.contact-actions{display:grid;gap:12px}
.contact-actions .btn{min-height:52px}
.contact-card .contact-address{display:block;margin-top:18px;overflow-wrap:anywhere;color:#d5dcec;text-align:center;font-size:14px}
.contact-card .contact-note{margin:24px 0 0;font-size:13px;line-height:1.8;color:#b8c5df}
.text-link{text-decoration:underline;text-underline-offset:4px}
.text-link:hover{color:#fff}
.company-intro{margin-top:64px;padding-top:32px;border-top:1px solid rgba(178,196,232,.18);max-width:62em}
.company-intro h3{font-size:22px;letter-spacing:-.025em;margin:0 0 14px}
.company-intro p{color:#c4ccdf;margin:0 0 16px}
.footer-legal{display:block;line-height:1.9}
.footer-legal p{margin:8px 0}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px}
.footer-links a{padding:6px 0;text-decoration:underline;text-underline-offset:4px}
.document-page{background:linear-gradient(155deg,#080910,#111a2c 45%,#0d1423);min-height:100svh}
.document-nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px;border-bottom:1px solid var(--line)}
.document-nav>a:last-child{font-size:14px;padding:10px 0}
.document-main{max-width:920px;padding-block:clamp(56px,8vw,96px)}
.document-main h1{font-size:clamp(2.1rem,6vw,4rem);line-height:1.12;letter-spacing:-.04em;margin:0 0 28px;overflow-wrap:anywhere}
.document-main h2{font-size:clamp(1.25rem,3vw,1.6rem);line-height:1.3;margin:40px 0 16px;letter-spacing:-.025em}
.document-main p,.document-main li{color:#c4ccdf;line-height:1.85}
.document-main li{margin:8px 0}
.document-main a:not(.btn){text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.document-main .lead{max-width:44em}
.company-facts{margin:36px 0}
.company-facts>div{display:grid;grid-template-columns:minmax(160px,.6fr) minmax(0,1fr);gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
.company-facts dt{color:#b8a2e8;font-size:13px}
.company-facts dd{margin:0;overflow-wrap:anywhere;color:#e0e7f5}
.document-footer{padding-block:28px;border-top:1px solid var(--line);color:var(--faint);font-size:13px}
.document-footer p{margin:0 0 12px;overflow-wrap:anywhere}
.error-main{min-height:70svh;display:flex;flex-direction:column;justify-content:center;max-width:1000px}
.error-code{font-size:clamp(6rem,20vw,11rem);font-weight:600;line-height:1;letter-spacing:-.06em;margin:0 0 24px}
.error-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
@container(max-width:340px){
  .svc--identity .map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 12px;aspect-ratio:auto;min-height:0}
  .map svg{display:none}
  .map .core{position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;width:110px;margin:0 auto 8px}
  .map .core span{font-size:19px}
  .svc--identity .map .node{position:relative;inset:auto!important;transform:none;animation:none;padding:12px 8px;font-size:11px;white-space:normal;overflow-wrap:anywhere}
  .map .node::before{width:5px;height:5px;margin-bottom:7px}
}
@media(max-height:540px){
  .menu{padding-top:90px;gap:2px}
  .menu>a{font-size:clamp(1.6rem,5vh,2.1rem);padding:8px 0}
  .menu .menu-foot{margin-top:18px}
}
@media(max-width:599px){
  .company-facts>div{grid-template-columns:minmax(0,1fr);gap:6px}
  .document-nav{flex-wrap:wrap}
}
/* Only enhanced controls depend on the script; content and contact links do not. */
html:not(.js-ready) .burger,html:not(.js-ready) .motion-toggle{display:none}
html:not(.js-ready) .nav{position:relative;flex-wrap:wrap;background:#04040a}
html:not(.js-ready) .nav-links{display:flex;flex-wrap:wrap;width:100%;gap:20px}
html:not(.js-ready) .hero-inner{padding-top:48px}


.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Element-specific decorative styling from the original design. */
.detail-style-1{left:-14%;top:6%;width:640px;height:460px;background:rgba(149,112,224,.13)}
.detail-style-2{right:-16%;top:38%;width:700px;height:520px;background:rgba(80,200,232,.09)}
.detail-style-3{margin-top:26px}
.detail-style-4{color:var(--accent)}
.detail-style-5{left:5%;top:13%;--nc:#9570e0}
.detail-style-6{right:5%;top:9%;--nc:#50c8e8}
.detail-style-7{left:3%;top:56%;--nc:#a364ff}
.detail-style-8{right:3%;top:52%;--nc:#6478ed}
.detail-style-9{left:16%;bottom:8%;--nc:#9570e0}
.detail-style-10{right:14%;bottom:8%;--nc:#50c8e8}
.detail-style-11{color:var(--accent-2)}
.detail-style-12{width:100%;height:auto;opacity:.85}
.detail-style-13{width:100%;opacity:.9}
.detail-style-14{width:74%;opacity:.76}
.detail-style-15{width:48%;opacity:.62}
.detail-style-16{width:28%;opacity:.48}
.detail-style-17{color:var(--accent-3)}
.detail-style-18{right:-12%;top:8%;width:640px;height:460px;background:rgba(149,112,224,.12)}
.detail-style-19{margin-top:44px}