/* ITT premium layer – dark, glass, calm palette (inspired by selcukcirit.academy's visual language).
   Loaded after styles.css; content unchanged. Remove this file + premium.js to revert. */
:root{
  --green:#3b82f6;--green-d:#60a5fa;--green-soft:rgba(59,130,246,.5);--green-mist:rgba(255,255,255,.06);--forest:#040506;
  --navy:#0a0c0f;--ink:#f4f5f7;--text:#c3c8cf;--muted:#8a929b;--line:rgba(255,255,255,.1);--gray:#0b0d10;
  --gold:#d8b46a;--bg:#050607;--glass:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.02));
  --gline:rgba(255,255,255,.09);--ease:cubic-bezier(.2,.7,.2,1);
}
html{background:var(--bg);color-scheme:dark}
body{background:var(--bg);color:var(--text)}
body::before{content:"";position:fixed;inset:0;z-index:-5;pointer-events:none;
  background:radial-gradient(900px 600px at 12% 8%,rgba(59,130,246,.07),transparent 60%),radial-gradient(800px 600px at 90% 60%,rgba(216,180,106,.05),transparent 60%),radial-gradient(700px 500px at 30% 100%,rgba(90,120,160,.06),transparent 60%)}
a{color:#93c5fd}
::selection{background:rgba(59,130,246,.35);color:#fff}
h1,h2,h3,h4{color:var(--ink)}
.label{color:#fff;font-weight:700;letter-spacing:.02em}
.label::after{width:36px;height:2px;background:linear-gradient(90deg,var(--green),rgba(59,130,246,0))}
[dir=rtl] .label::after{background:linear-gradient(270deg,var(--green),rgba(59,130,246,0))}
.big{color:#fff;font-weight:800;letter-spacing:-.01em}
.intro,.why-sub{color:var(--muted)}
.ring{display:none}

/* Header: dark glass */
.hdr{background:rgba(6,7,9,.72);-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);box-shadow:none;border-bottom:1px solid var(--gline)}
.nav a{color:#d6dae0;transition:color .2s}.nav a:hover{color:#fff}
.nav{background:rgba(8,9,11,.96)}.nav li a{border-bottom-color:var(--gline)}
.menu-btn span{background:#e8eaed}
.langs{border-color:var(--gline);background:rgba(255,255,255,.03)}
.langs a{color:#9aa1a9}.langs a[aria-current]{background:#fff;color:#0a0b0d}
.langs a:not([aria-current]):hover{background:rgba(255,255,255,.08);color:#fff}
@media (min-width:1080px) and (max-width:1239px){.nav{background:rgba(8,9,11,.96)}}

/* Buttons */
.pill{letter-spacing:.04em;transition:background .25s,transform .25s var(--ease),box-shadow .25s,border-color .25s}
.pill-green{background:linear-gradient(180deg,#4f8ff7,#2563eb);box-shadow:0 8px 24px rgba(59,130,246,.25),inset 0 1px 0 rgba(255,255,255,.18)}
.pill-green:hover{background:linear-gradient(180deg,#60a5fa,#2563eb);box-shadow:0 12px 30px rgba(59,130,246,.35)}
.pill-soft{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pill-soft:hover{background:rgba(255,255,255,.12)}
.pill-outline.dark{border-color:rgba(255,255,255,.3);color:#fff}
.pill:hover{transform:translateY(-2px)}

/* Section backgrounds: one continuous dark canvas, separated by hairlines */
.solutions,.why-sec,.process-sec,.team-sec,.faq-sec,.contact-sec,.featured{background:transparent}
.why-sec,.faq-sec,.featured,.team-sec,.contact-sec,.process-sec{border-top:1px solid rgba(255,255,255,.05)}
.solutions{padding:4.5rem 0 4rem}.why-sec,.process-sec,.faq-sec{padding:4.5rem 0}
.why-sub{color:#e7e9ec}.why-sub::after{background:linear-gradient(90deg,rgba(255,255,255,.14),transparent)}
[dir=rtl] .why-sub::after{background:linear-gradient(270deg,rgba(255,255,255,.14),transparent)}

/* Glass cards with soft 3D depth */
.scard,.wcard,.stats li,.ccard,.faq details{background:var(--glass);border:1px solid var(--gline);border-radius:18px;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 20px 40px -24px rgba(0,0,0,.8);
  transition:transform .5s var(--ease),border-color .3s,box-shadow .4s,background .3s;transform-style:preserve-3d;will-change:transform}
.scard:hover,.wcard:hover,.stats li:hover,.ccard:hover{border-color:rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 30px 60px -26px rgba(0,0,0,.9),0 0 0 1px rgba(59,130,246,.08)}
.scard h3,.wcard h4,.member h3{color:#fff}
.scard p,.wcard p{color:var(--text)}
.scard .ico,.wcard .ico{color:#60a5fa}
.wcard-da .ico,.wcard-d .ico{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.18)}
.wcards-adv .wcard-da{border-top:1px solid var(--gline);position:relative;overflow:hidden}
.wcards-adv .wcard-da::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent)}
.wcard-v{border-top:1px solid var(--gline)}.wcard-v .ico{color:var(--gold)}
.scard .stags li{background:rgba(255,255,255,.06);color:#d9dde2;border:1px solid rgba(255,255,255,.08)}
.stat-i{background:rgba(59,130,246,.1);color:#60a5fa}.stat-n{color:#fff}.stat-s{color:var(--gold)}
/* spotlight that follows the pointer (set by premium.js) */
.pm-spot{position:relative;isolation:isolate}
.pm-spot::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .3s;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.07),transparent 60%)}
.pm-spot:hover::after{opacity:1}

/* Process */
.step-n{background:linear-gradient(180deg,#4f8ff7,#2563eb);box-shadow:0 0 0 6px var(--bg),0 0 0 7px rgba(255,255,255,.12),0 10px 24px rgba(59,130,246,.25)}
.step:last-child .step-n{background:linear-gradient(180deg,#2a2e35,#16191e);box-shadow:0 0 0 6px var(--bg),0 0 0 7px rgba(255,255,255,.14)}
.step h3{color:#fff}.step p{color:var(--muted)}
.step:not(:last-child)::before{background:linear-gradient(90deg,rgba(59,130,246,.8),rgba(255,255,255,.15))}
.step:not(:last-child)::after{border-color:rgba(255,255,255,.35)}

/* Employer / candidate split panels */
.split{background:linear-gradient(180deg,#07090c,#050607);border-top:1px solid rgba(255,255,255,.05);margin-bottom:0}
.split-text{color:var(--text)}.split-h{color:#fff;letter-spacing:.01em}
.bul li::marker{color:var(--green)}
.chips li{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:#e3e6ea}
.guar{background:var(--glass);border:1px solid var(--gline);border-inline-start:2px solid var(--gold);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.guar .ico{color:var(--gold)}.guar span{color:#aeb5bd}
.live canvas.panel-anim{box-shadow:0 30px 70px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.08);transition:transform .6s var(--ease)}

/* Testimonials */
.featured{padding:4rem 0 3rem;margin-bottom:0}
.slide blockquote p{color:#f1f2f4;font-weight:700}
.slide figcaption strong,.slide-text .kicker{color:#fff}
.slide-text .kicker::after{background:linear-gradient(90deg,var(--green),transparent)}
.slide-logo{background:linear-gradient(180deg,#f7f7f8,#e9eaec);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.slider-ctl button{color:#fff}.dot{border-color:rgba(255,255,255,.5)!important}.dot[aria-current=true]{background:#fff!important;border-color:#fff!important}

/* Team */
.member img,.avatar-ph{border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 4px rgba(255,255,255,.03),0 20px 40px -20px rgba(0,0,0,.9)}
.avatar-ph{background:linear-gradient(180deg,#2a2e35,#16191e)}
.member p{color:var(--muted)}.member a{color:#cfd3d8}

/* FAQ / contact */
.faq summary{color:#fff}.faq summary::after{color:var(--green)}.faq details p{color:var(--muted)}
.faq details[open]{border-color:rgba(255,255,255,.16)}
.ccard h4{color:var(--muted)}.ccard p{color:#fff}

/* Footer */
.ftr{background:#030304;border-top:1px solid rgba(255,255,255,.06);color:#aeb4bb}
.ftr a{color:#d9dce0}

/* Scroll reveal: from lower-left upward, staggered (classes added by premium.js) */
.pm-js .rv{opacity:0;transform:translate3d(-18px,34px,0) scale(.985);transition:opacity .9s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0s)}
[dir=rtl].pm-js .rv{transform:translate3d(18px,34px,0) scale(.985)}
.pm-js .rv.in{opacity:1;transform:none}
.pm-js .rv.in.pm-tilt{transition:opacity .9s var(--ease),transform .5s var(--ease),border-color .3s,box-shadow .4s,background .3s;transition-delay:0s}

/* Scroll-down cue in the hero */
.hero{min-height:calc(100vh - 64px)}
.scroll-cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:.5rem;
  color:rgba(255,255,255,.55);text-decoration:none;font:600 .68rem var(--body);letter-spacing:.22em;text-transform:uppercase;transition:color .3s,opacity .5s}
html[lang=ar] .scroll-cue{letter-spacing:0;font-size:.8rem}
.scroll-cue .sc-ring{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;background:rgba(255,255,255,.03);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .3s,background .3s,transform .3s var(--ease),box-shadow .3s}
.scroll-cue svg{width:16px;height:16px;animation:sc-bob 2.2s ease-in-out infinite}
.scroll-cue:hover,.scroll-cue:focus-visible{color:#fff}
.scroll-cue:hover .sc-ring,.scroll-cue:focus-visible .sc-ring{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.1);transform:translateY(2px);box-shadow:0 0 24px rgba(255,255,255,.12)}
.scroll-cue.gone{opacity:0;pointer-events:none}
@keyframes sc-bob{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@media (max-width:899px){.scroll-cue{bottom:14px}.scroll-cue span.sc-t{display:none}}

@media (prefers-reduced-motion:reduce){.pm-js .rv{opacity:1;transform:none;transition:none}.scroll-cue svg{animation:none}}

/* Referanslar: Ekibimiz ile aynı hizada (aynı .wrap genişliği, sağa kayma yok) */
.slider,[dir=rtl] .slider{width:min(1120px,100% - 2.5rem);margin-inline:auto;padding-inline:0}
.slide-logo,[dir=rtl] .slide-logo{border-radius:20px}
.slider-ctl{padding-inline-end:0}

/* İşverenler + Adaylar: yatay kayma yok, yukarıdan aşağı açılma */
.pm-js #employers .rv,.pm-js #candidates .rv,[dir=rtl].pm-js #employers .rv,[dir=rtl].pm-js #candidates .rv{transform:translate3d(0,-26px,0)}
.pm-js #employers .rv.in,.pm-js #candidates .rv.in{transform:none}
.live-js #employers .live .frame,.live-js #candidates .live .frame{transform:translateY(-24px)}
.live-js #employers .live.in .frame,.live-js #candidates .live.in .frame{transform:none}

/* İşverenler + Adaylar: diğer bölümlerle aynı sol/sağ kenar (1120px .wrap), taşma yok */
#employers.split,#candidates.split{overflow:hidden}
@media (min-width:900px){
  #employers.split,#candidates.split{padding-inline:max(1.25rem,calc((100% - 1120px)/2));column-gap:clamp(2rem,4vw,3.5rem);min-height:0}
  #employers .split-text,#candidates .split-text{padding-inline:0}
  #employers .split-img,html[dir=rtl] #employers .split-img{padding-inline:0;justify-content:flex-end}
  #candidates .split-img,html[dir=rtl] #candidates .split-img{padding-inline:0;justify-content:flex-start}
}
/* Daha kısa ve sakin açılış (yatay kayma yok) */
.pm-js #employers .rv,.pm-js #candidates .rv,[dir=rtl].pm-js #employers .rv,[dir=rtl].pm-js #candidates .rv{transform:translate3d(0,-10px,0);transition:opacity .45s ease,transform .45s ease;transition-delay:calc(var(--d,0s) * .5)}
.pm-js #employers .rv.in,.pm-js #candidates .rv.in{transform:none}
.live-js #employers .live .frame,.live-js #candidates .live .frame{transform:translateY(-10px);transition:opacity .45s ease,transform .45s ease}
.live-js #employers .live.in .frame,.live-js #candidates .live.in .frame{transform:none}

/* Mavi vurgu: aşağı kaydır oku */
.scroll-cue svg{color:#60a5fa}
.scroll-cue .sc-ring{border-color:rgba(59,130,246,.55);box-shadow:0 0 18px rgba(59,130,246,.18)}
.scroll-cue:hover .sc-ring,.scroll-cue:focus-visible .sc-ring{border-color:#60a5fa;background:rgba(59,130,246,.12);box-shadow:0 0 24px rgba(59,130,246,.35)}
/* teal accents (values, since-2018, guarantees) */
:root{--teal:#2dd4bf;--teal-soft:rgba(45,212,191,.12);--teal-line:rgba(45,212,191,.28)}
.wcard-v .ico{color:var(--teal)}
.wcard-v{border-top:1px solid var(--teal-line)}
.stat-s{color:var(--teal)}
.guar{border:1px solid var(--teal-line);border-inline-start:2px solid var(--teal);background:linear-gradient(180deg,rgba(45,212,191,.06),rgba(255,255,255,.02))}
.guar h4,.guar .ico{color:var(--teal)}
.guar strong{color:#fff}
/* stats block in teal too */
.stat-i{background:var(--teal-soft);color:var(--teal);border:1px solid rgba(45,212,191,.18)}
.stats li{border-top:1px solid var(--teal-line)}
.stats li:hover,.wcard-v:hover{border-color:rgba(45,212,191,.35);box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 30px 60px -26px rgba(0,0,0,.9),0 0 0 1px rgba(45,212,191,.12),0 0 28px -8px rgba(45,212,191,.25)}
/* hero eyebrow colour trial: ?eb=white or ?eb=gray */
html[data-eb=white] .hero-eyebrow{color:#ffffff!important;opacity:1}
html[data-eb=gray] .hero-eyebrow{color:#858d98!important;opacity:1}
/* hero headline: word-by-word flowing colour */
.hero .hero-title{width:auto;background:none;color:#fff;-webkit-text-fill-color:currentColor}
.hero .hero-title span,.hero .hero-title span:last-child{background:none;color:#fff;-webkit-text-fill-color:currentColor}
.hero .hero-title i{font-style:normal;display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero .hero-title .w-lead{background-image:linear-gradient(90deg,#ffffff,#f4f1ea)}
.hero .hero-title .w-neg{background-image:linear-gradient(90deg,#f6ecd2,#e6cf94)}
.hero .hero-title .w-tech{background-image:linear-gradient(90deg,#9cc7ff 0%,#6fb4f7 45%,#4fd1c5 100%)}
.hero .hero-title .w-key{background-image:linear-gradient(90deg,#e9c766,#d4af37);filter:drop-shadow(0 0 14px rgba(212,175,55,.22))}
html[dir=rtl] .hero .hero-title .w-lead{background-image:linear-gradient(270deg,#ffffff,#f4f1ea)}
html[dir=rtl] .hero .hero-title .w-neg{background-image:linear-gradient(270deg,#f6ecd2,#e6cf94)}
html[dir=rtl] .hero .hero-title .w-tech{background-image:linear-gradient(270deg,#9cc7ff 0%,#6fb4f7 45%,#4fd1c5 100%)}
html[dir=rtl] .hero .hero-title .w-key{background-image:linear-gradient(270deg,#e9c766,#d4af37)}
/* hero headline: slow light wave flowing across the letters (one wave for the whole headline) */
@keyframes h1wave{0%{background-position:-45vw 0,0 0}72%{background-position:105vw 0,0 0}100%{background-position:105vw 0,0 0}}
@keyframes h1waveR{0%{background-position:105vw 0,0 0}72%{background-position:-45vw 0,0 0}100%{background-position:-45vw 0,0 0}}
.hero .hero-title i{background-repeat:no-repeat,no-repeat;background-attachment:fixed,scroll;background-size:40vw 100vh,100% 100%;animation:h1wave 9s cubic-bezier(.45,.05,.55,.95) infinite}
.hero .hero-title .w-lead{background-image:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.0) 30%,rgba(214,236,255,.85) 50%,rgba(255,255,255,0) 70%,transparent 80%),linear-gradient(90deg,#ffffff,#eef1f4)}
.hero .hero-title .w-neg{background-image:linear-gradient(100deg,transparent 20%,rgba(255,255,255,0) 30%,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 70%,transparent 80%),linear-gradient(90deg,#f6ecd2,#e6cf94)}
.hero .hero-title .w-tech{background-image:linear-gradient(100deg,transparent 20%,rgba(255,255,255,0) 30%,rgba(235,255,252,.95) 50%,rgba(255,255,255,0) 70%,transparent 80%),linear-gradient(90deg,#9cc7ff 0%,#6fb4f7 45%,#4fd1c5 100%)}
.hero .hero-title .w-key{background-image:linear-gradient(100deg,transparent 20%,rgba(255,255,255,0) 30%,rgba(255,248,220,.95) 50%,rgba(255,255,255,0) 70%,transparent 80%),linear-gradient(90deg,#e9c766,#d4af37)}
html[dir=rtl] .hero .hero-title i{animation-name:h1waveR}
html[dir=rtl] .hero .hero-title .w-lead{background-image:linear-gradient(260deg,transparent 20%,rgba(255,255,255,0) 30%,rgba(214,236,255,.85) 50%,rgba(255,255,255,0) 70%,transparent 80%),linear-gradient(270deg,#ffffff,#eef1f4)}
html[dir=rtl] .hero .hero-title .w-neg{background-image:linear-gradient(260deg,transparent 20%,rgba(255,255,255,0) 30%,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 70%,transparent 80%),linear-gradient(270deg,#f6ecd2,#e6cf94)}
html[dir=rtl] .hero .hero-title .w-tech{background-image:linear-gradient(260deg,transparent 20%,rgba(255,255,255,0) 30%,rgba(235,255,252,.95) 50%,rgba(255,255,255,0) 70%,transparent 80%),linear-gradient(270deg,#9cc7ff 0%,#6fb4f7 45%,#4fd1c5 100%)}
html[dir=rtl] .hero .hero-title .w-key{background-image:linear-gradient(260deg,transparent 20%,rgba(255,255,255,0) 30%,rgba(255,248,220,.95) 50%,rgba(255,255,255,0) 70%,transparent 80%),linear-gradient(270deg,#e9c766,#d4af37)}
@media (prefers-reduced-motion:reduce){.hero .hero-title i{animation:none;background-size:0 0,100% 100%}}
/* hero headline: plain white text + word-by-word reading highlight (hero-read.js) */
.hero .hero-title i{animation:none!important;background:none!important;color:#fff;-webkit-text-fill-color:#fff;filter:none!important}
.hero .hero-title .rw{font-weight:inherit;color:#fff;-webkit-text-fill-color:#fff;transition:color .7s ease,-webkit-text-fill-color .7s ease,text-shadow .7s ease}
.hero .hero-title .rw.on{color:#e6c35a;-webkit-text-fill-color:#e6c35a;text-shadow:0 0 22px rgba(212,175,55,.45);transition-duration:.25s}
/* letter-by-letter reading highlight in blue-teal (replaces word/gold cursor) */
.hero .hero-title .rw{position:static;display:inline;white-space:nowrap;color:#fff;-webkit-text-fill-color:#fff;text-shadow:none;transition:none}
.hero .hero-title .rw.on{color:#fff;-webkit-text-fill-color:#fff;text-shadow:none}
.hero .hero-title .rw::after{content:none;display:none}
.hero .hero-title .rl{font-weight:inherit;color:#fff;-webkit-text-fill-color:#fff;transition:color .9s ease,-webkit-text-fill-color .9s ease,text-shadow .9s ease}
.hero .hero-title .rl.on{color:#4cc9e0;-webkit-text-fill-color:#4cc9e0;text-shadow:0 0 18px rgba(76,201,224,.55);transition-duration:.12s}
/* calm card hover: no tilt, no lift, no pointer light; soft colour + shadow only */
.scard,.wcard,.stats li,.ccard{will-change:auto;transform-style:flat}
.scard:hover,.wcard:hover,.stats li:hover,.ccard:hover{transform:none!important}
.scard:hover,.wcard:hover,.ccard:hover{border-color:rgba(96,165,250,.28);box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 26px 50px -24px rgba(0,0,0,.9),0 0 0 1px rgba(59,130,246,.10)}
.wcard-v:hover{border-color:rgba(45,212,191,.35);box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 26px 50px -24px rgba(0,0,0,.9),0 0 0 1px rgba(45,212,191,.12)}
/* ===== Mobile pass (2026-09-28) ===== */
@media (max-width:1239px){
  .nav,.nav.open{background:#08090b;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .nav li a{font-size:1rem}
}
@media (max-width:899px){
  .hero-eyebrow{letter-spacing:.08em;line-height:1.55}
  .hero-sub{font-size:1rem}
  .scard .stags li{font-size:.78rem}
  .stat-s{font-size:.8rem}
  /* lighter, shorter reveal on phones and tablets */
  .pm-js .rv,[dir=rtl].pm-js .rv{transform:translate3d(0,14px,0);transition:opacity .5s ease,transform .55s ease;transition-delay:calc(var(--d,0s) * .4)}
  .pm-js .rv.in,[dir=rtl].pm-js .rv.in{transform:none}
  .scroll-cue svg{animation-duration:3s}
}
@media (max-width:600px){
  .scroll-cue{display:none}
  .stags{gap:.4rem}
}
#candidates .fee-note{margin:1.4rem 0 0;font-size:.9rem;color:#aab3bd}
/* reading effect v5: instant letter highlight, instant return to white (no trailing blue stream), no cursor */
.hero .hero-title .rl,.hero .hero-title .rl.on{transition:none!important}
.hero .hero-title .rl{color:#fff;-webkit-text-fill-color:#fff;text-shadow:none}
.hero .hero-title .rl.on{color:#4cc9e0;-webkit-text-fill-color:#4cc9e0;text-shadow:0 0 14px rgba(76,201,224,.5)}
.hero .hero-title .rw::after,.hero .hero-title .rw::before,.hero .hero-title .rl::after,.hero .hero-title .rl::before{content:none!important;display:none!important}
/* eyebrow + sound button: white instead of gold (2026-09-28) */
.hero-eyebrow,html[data-eb] .hero-eyebrow{color:#fff!important;-webkit-text-fill-color:#fff!important}
.itt-sound[aria-pressed=true],.itt-sound[aria-pressed=true] *{color:#fff!important}
.itt-sound[aria-pressed=true],.itt-sound:hover,.itt-sound:focus-visible{border-color:rgba(255,255,255,.75)!important}
/* Neden ITT intro: calmer, premium type scale (2026-09-28) */
#why .label{font-size:1.2rem;font-weight:600;letter-spacing:.04em}
html[lang=ar] #why .label{letter-spacing:0}
#why .big{font-size:clamp(1.4rem,1rem + 1.2vw,1.85rem);font-weight:700;line-height:1.25;letter-spacing:-.01em;margin-bottom:.7rem}
#why .intro{font-size:1.0625rem;font-weight:400;line-height:1.6;color:#b4bcc5;margin-top:0;max-width:40em}
#why .why-sub{font-size:1rem;font-weight:600;letter-spacing:.01em;margin-top:2.2rem}
#why .wcard h4{font-weight:700}
/* Neden ITT: section title = menu label, single heading (2026-09-28) */
#why .label{font-size:clamp(1.3rem,1rem + .9vw,1.65rem);font-weight:700;letter-spacing:-.005em;line-height:1.2;margin-bottom:1.1rem}
/* services intro: no orphan last word; room for one line on desktop (2026-09-28) */
#services .intro{text-wrap:pretty;max-width:58em}
#why .label{margin-bottom:.4rem}
#why .label + .why-sub{margin-top:1.4rem}
/* bridge heading above technology cards */
#services .intro.areas-lead{font-weight:600;color:#fff;margin-top:1.1rem;margin-bottom:0}
#services .areas-lead+.scards{margin-top:.85rem}
/* testimonial slider: fixed height (tallest slide), vertical centring, soft crossfade */
.slider.js .slides-stack{display:grid}
.slider.js .slide,.slider.js .slide[hidden]{grid-area:1/1;display:grid;align-content:center;opacity:0;visibility:hidden;transition:opacity .7s ease-in-out,visibility 0s linear .7s}
.slider.js .slide.is-active{opacity:1;visibility:visible;transition:opacity .7s ease-in-out,visibility 0s linear 0s}
.slider.js .slide-text{align-self:center}
@media (prefers-reduced-motion:reduce){.slider.js .slide,.slider.js .slide.is-active{transition:none}}
.slider.js .slide{align-content:stretch;grid-template-rows:1fr auto}
.slider.js .slide-logo{align-self:stretch}
@media (min-width:900px){.slider.js .slide{grid-template-rows:1fr}}
/* FAQ merged into contact section */
.contact-sec .contact-faq{margin-top:3.5rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.06)}
.contact-sec .contact-faq .big{margin-top:0}
/* team cards: clearer title text, still distinct from the bold white name */
.member p{color:#b4bcc5;font-weight:500}

/* team photo lightbox */
.team .member img{cursor:zoom-in;transition:transform .2s ease}
.team .member img:hover,.team .member img:focus-visible{transform:scale(1.04)}
.team .member img:focus-visible{outline:2px solid #5fd0c4;outline-offset:3px}
.team-lb{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(3,8,14,.86);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .25s ease;cursor:zoom-out}
.team-lb[hidden]{display:none}
.team-lb.on{opacity:1}
.team-lb-fig{position:relative;margin:0;text-align:center;cursor:default;transform:scale(.92);transition:transform .25s ease}
.team-lb.on .team-lb-fig{transform:scale(1)}
.team-lb-fig img{display:block;width:min(420px,78vw,70vh);height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.55)}
.team-lb-fig figcaption{margin-top:14px;color:#fff}
.team-lb-fig figcaption strong{display:block;font-size:1.2rem;font-weight:800}
.team-lb-fig figcaption span{display:block;margin-top:4px;color:#b4bcc5;font-weight:500}
.team-lb-x{position:absolute;top:-14px;right:-14px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#0b1620;color:#fff;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
[dir="rtl"] .team-lb-x{right:auto;left:-14px}
.team-lb-x:hover,.team-lb-x:focus-visible{background:#5fd0c4;color:#0b1620;outline:none}
html.lb-open{overflow:hidden}

/* staffing & outsourcing */
#services .svc-lead{margin-top:1.4rem}
#services .svc-lead+.mcards{margin-top:.85rem;margin-bottom:0}
.scards.mcards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
@media (min-width:1000px){.scards.mcards{grid-template-columns:repeat(2,1fr)}}
.mcards .scard h3 bdi{direction:ltr}
.models-sec{padding:4.5rem 0;border-top:1px solid rgba(255,255,255,.05)}
.models-sec .intro{font-size:1.0625rem;color:#b4bcc5;margin-top:0;max-width:44em}
.models-sec .label{margin-bottom:.8rem}
.mcards-lg .scard p{font-size:.97rem;line-height:1.65}
.mtable-wrap{overflow-x:auto;border:1px solid var(--gline,rgba(255,255,255,.1));border-radius:18px;background:var(--glass,rgba(255,255,255,.04))}
.mtable{width:100%;border-collapse:collapse;font-size:.95rem;min-width:560px}
.mtable th,.mtable td{padding:1rem 1.2rem;text-align:start;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.07)}
.mtable tbody tr:last-child th,.mtable tbody tr:last-child td{border-bottom:0}
.mtable thead th{color:#fff;font-weight:800;font-size:1rem;background:rgba(255,255,255,.04)}
.mtable tbody th{color:#e7e9ec;font-weight:600;width:24%}
.mtable td{color:#b4bcc5}
@media (max-width:640px){.models-sec{padding:3.2rem 0}.mtable th,.mtable td{padding:.8rem .9rem}}
.hero-eyebrow .eb-svc{display:block;margin-top:.4rem;font-size:0}
.hero-eyebrow .eb-svc bdi{font-size:.75rem;color:#5fd0c4;-webkit-text-fill-color:#5fd0c4}
/* services merged into What we do */
#services .svc-models-intro{margin-top:1.4rem;margin-bottom:.85rem;color:#b4bcc5}
#services .mtable-wrap{margin-bottom:.4rem}
#services .mtable-wrap+.areas-lead{margin-top:2rem}
#services .label+.mcards{margin-top:.4rem;margin-bottom:0}
/* software dev tags: exactly 4 + 4 */
.scard .stags.stags-2row{gap:.3rem}
.scard .stags.stags-2row li{padding:.35rem .45rem}
.scard .stags.stags-2row li.br{flex-basis:100%;height:0;padding:0;margin:0;border:0;background:none;overflow:hidden}
@media (min-width:1000px) and (max-width:1279px){.scard .stags.stags-2row{gap:.25rem}.scard .stags.stags-2row li{font-size:.64rem;padding:.3rem .32rem}}
@media (min-width:900px) and (max-width:1099px){.scard .stags.stags-2row{gap:.2rem}.scard .stags.stags-2row li{font-size:.6rem;padding:.28rem .26rem;letter-spacing:0}}
@media (min-width:1280px){.scard .stags.stags-2row{gap:.22rem}.scard .stags.stags-2row li{padding:.35rem .4rem}}
/* tech area cards: wider cards so 7-8 tags fit in two rows */
#services .areas-lead+.scards{grid-template-columns:1fr}
@media (min-width:640px){#services .areas-lead+.scards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){#services .areas-lead+.scards{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.scard .stags.stags-flow{gap:.22rem}.scard .stags.stags-flow li{font-size:.66rem;padding:.3rem .34rem;letter-spacing:0}}
@media (max-width:380px){.scard .stags.stags-flow{gap:.2rem}.scard .stags.stags-flow li{font-size:.62rem;padding:.28rem .3rem}}

/* Blog section on home pages */
.blog-sec{padding:2rem 0 3.5rem}
.bgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem}
.bcard{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);border-radius:14px;padding:1.3rem 1.3rem 1.1rem;display:flex;flex-direction:column;gap:.5rem}
.bcard h3{font:700 1.08rem/1.35 var(--head);margin:0}
.bcard h3 a{color:#fff;text-decoration:none}
.bcard h3 a:hover{text-decoration:underline}
.bcard p{color:#b9c2bd;font-size:.95rem;line-height:1.6;margin:0;flex:1}
.bmore,.ball a{color:var(--teal);font-weight:600;text-decoration:none}
.bmore:hover,.ball a:hover{text-decoration:underline}
.ball{margin:1.3rem 0 0}
/* whole blog card clickable (title link stretched), button stays on top */
.bcard{position:relative;cursor:pointer}
.bcard h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.bcard .bmore{position:relative;z-index:1}
.bcard:hover{border-color:rgba(45,212,191,.45)}