/* ------------------------------------------------------------------
   Reklab Dijital Ajans
   Katman düzeni (z-index): 10 içerik / 100 nav / 200 menü / 250 video penceresi / 300 açılış / 400 gren
   Köşe sistemi: butonlar ve etiketler tam yuvarlak, kartlar 32px (iç çekirdek 24px), form alanları 16px
   ------------------------------------------------------------------ */
*,*::before,*::after{box-sizing:border-box}
:root{
  color-scheme:light;
  --bg:#FFFFFF;--bg-2:#F5F6FA;--bg-3:#EBEEF5;
  --ink:#0E1526;--ink-2:#5B6478;--line:rgba(14,21,38,.10);
  --bone:#E9E4D8;--bone-2:#CFC8B8;--bone-ink:#0E1526;--bone-muted:#4B5266;
  --accent:#E86A3C;--accent-2:#CF5527;--accent-ink:#FFFFFF;
  --navy:#0E1526;--navy-ink:#EEF0F6;--navy-ink-2:#A5ADC3;
  --r-xl:32px;--r-lg:24px;--r-md:16px;--pill:999px;
  --ease:cubic-bezier(.32,.72,0,1);--ease-out:cubic-bezier(.16,1,.3,1);
  --fd:"Bricolage Grotesque","Segoe UI",system-ui,-apple-system,sans-serif;
  --fb:"Manrope","Segoe UI",system-ui,-apple-system,sans-serif;
  --nav-h:64px;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
/* Tema her koşulda açık (beyaz) kalır */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#FFFFFF;--bg-2:#F5F6FA;--bg-3:#EBEEF5;
    --ink:#0E1526;--ink-2:#5B6478;--line:rgba(14,21,38,.10);
    --bone:#E9E4D8;--bone-2:#CFC8B8;--bone-ink:#0E1526;--bone-muted:#4B5266;
    --accent:#E86A3C;--accent-2:#CF5527;--accent-ink:#FFFFFF;
  }
}
:root[data-theme="dark"]{
  --bg:#FFFFFF;--bg-2:#F5F6FA;--bg-3:#EBEEF5;
  --ink:#0E1526;--ink-2:#5B6478;--line:rgba(14,21,38,.10);
  --bone:#E9E4D8;--bone-2:#CFC8B8;--bone-ink:#0E1526;--bone-muted:#4B5266;
  --accent:#E86A3C;--accent-2:#CF5527;--accent-ink:#FFFFFF;
}
html{scroll-padding-top:env(safe-area-inset-top,0px);-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--fb);font-size:1.0625rem;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(60vw 60vw at 12% -10%,rgba(233,228,216,.07),transparent 60%),
    radial-gradient(50vw 50vw at 100% 110%,rgba(232,106,60,.09),transparent 60%);
}
.grain{
  position:fixed;inset:0;z-index:400;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:180px 180px;
}
img,svg{max-width:100%}
a{color:inherit}
main{position:relative;z-index:1;overflow-x:clip}
.wrap{width:min(100% - 2.5rem,1240px);margin-inline:auto}
.section{padding:clamp(2.75rem,5.5vw,4rem) 0}
.section-head{max-width:52rem;margin-bottom:clamp(1.5rem,4vw,2.75rem)}
.h2{margin:0 0 1rem;font:700 clamp(2.2rem,5vw,4.2rem)/1.02 var(--fd);letter-spacing:-.025em;color:var(--ink)}
.h2--sm{font-size:clamp(1.7rem,3.4vw,2.8rem)}
.lead{margin:0;max-width:40rem;color:var(--ink-2);font-size:clamp(1.05rem,1.3vw,1.2rem)}

/* Butonlar */
.btn{
  position:relative;display:inline-flex;align-items:center;gap:.9rem;
  padding:.5rem .5rem .5rem 1.5rem;border-radius:var(--pill);border:0;cursor:pointer;
  font:700 1rem/1 var(--fb);text-decoration:none;color:var(--accent-ink);background:var(--accent);
  transition:background .5s var(--ease),transform .7s var(--ease);will-change:transform;white-space:nowrap;
}
.btn:hover{background:var(--accent-2)}
.btn:active{transform:scale(.97)}
.btn:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}
.btn-ic{
  display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;
  background:rgba(255,255,255,.22);transition:transform .7s var(--ease);
}
.btn-ic svg{width:18px;height:18px;display:block}
.btn:hover .btn-ic{transform:translate(2px,-1px) scale(1.06)}
.btn--ghost{background:transparent;color:var(--ink);border:1px solid rgba(14,21,38,.2)}
.btn--ghost:hover{background:rgba(14,21,38,.05)}
.btn--ghost .btn-ic{background:rgba(14,21,38,.07)}
.btn--sm{padding:.35rem .35rem .35rem 1.1rem;font-size:.92rem}
.btn--sm .btn-ic{width:34px;height:34px}
.btn--sm .btn-ic svg{width:16px;height:16px}

/* Açılış perdesi: robot burada kalır */
.intro{
  position:fixed;inset:0;z-index:300;background:var(--bg);display:grid;place-items:center;
  will-change:transform;animation:introFallback .7s 3.6s var(--ease) forwards;
}
.intro::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-12vh;height:24vh;background:var(--bg);border-radius:50%}
.intro-inner{display:grid;justify-items:center;gap:1.25rem;padding:0 1.5rem;text-align:center}
.intro-robot{width:min(40vw,150px)}
.intro-robot .rb{display:block;width:100%;height:auto;overflow:visible}
.intro-word{font:800 1.7rem/1 var(--fd);letter-spacing:-.02em;color:var(--ink)}
.intro-text{margin:0;max-width:24rem;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.5;color:var(--ink-2)}
@keyframes introFallback{to{transform:translateY(-102%);visibility:hidden}}

/* Nav */
.nav{
  position:fixed;z-index:100;left:0;right:0;margin-inline:auto;
  top:calc(env(safe-area-inset-top,0px) + 14px);
  width:min(100% - 1.25rem,1120px);height:var(--nav-h);
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:0 .55rem 0 .9rem;border-radius:var(--pill);
  background:rgba(255,255,255,.78);
  -webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);
  border:1px solid rgba(14,21,38,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 20px 60px rgba(14,21,38,.12);
}
.nav-brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink)}
.nav-lang{position:relative;z-index:2}
.lang-btn{display:inline-flex;align-items:center;gap:.4rem;height:40px;padding:0 .7rem 0 .55rem;border-radius:var(--pill);border:1px solid rgba(14,21,38,.12);background:rgba(14,21,38,.04);color:var(--ink);font:700 .82rem/1 var(--fb);cursor:pointer;transition:background .3s var(--ease)}
.lang-btn:hover{background:rgba(14,21,38,.08)}
.lang-btn img{width:20px;height:20px;border-radius:4px;display:block}
.lang-caret{width:14px;height:14px;transition:transform .3s var(--ease)}
.nav-lang.is-open .lang-caret{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + .6rem);inset-inline-start:0;min-width:170px;margin:0;padding:.35rem;list-style:none;border-radius:var(--r-md);background:rgba(255,255,255,.96);border:1px solid rgba(14,21,38,.1);box-shadow:0 20px 50px rgba(14,21,38,.16);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility 0s .25s}
.nav-lang.is-open .lang-menu{opacity:1;visibility:visible;transform:none;transition:opacity .25s var(--ease),transform .25s var(--ease)}
.lang-menu a{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:10px;text-decoration:none;color:var(--ink);font:600 .9rem/1 var(--fb)}
.lang-menu a:hover{background:rgba(14,21,38,.05)}
.lang-menu a.is-current{background:rgba(232,106,60,.12);color:var(--accent-2)}
.lang-menu img{width:20px;height:20px;border-radius:4px}
.menu-langs{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}
.menu-langs a{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem .55rem .6rem;border-radius:var(--pill);border:1px solid rgba(14,21,38,.12);text-decoration:none;color:var(--ink);font:700 .9rem/1 var(--fb)}
.menu-langs a.is-current{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.menu-langs img{width:22px;height:22px;border-radius:4px}
.wordmark{font:800 1.35rem/1 var(--fd);letter-spacing:-.03em}
.nav-logo{display:block;height:44px;width:auto}
.intro-logo{display:block;width:min(64vw,300px);height:auto}
.footer-logo{display:block;width:170px;height:auto}
.nav-links{display:flex;gap:.15rem;list-style:none;margin:0;padding:0}
.nav-links a{
  display:inline-block;padding:.55rem .9rem;border-radius:var(--pill);
  color:var(--ink-2);text-decoration:none;font-weight:600;font-size:.95rem;
  transition:color .4s var(--ease),background .4s var(--ease);
}
.nav-links a:hover{color:var(--ink);background:rgba(14,21,38,.05)}
.nav-right{display:flex;align-items:center;gap:.5rem}
.burger{
  display:none;position:relative;width:46px;height:46px;border-radius:50%;
  border:1px solid rgba(14,21,38,.12);background:rgba(14,21,38,.04);cursor:pointer;padding:0;
}
.burger span{
  position:absolute;left:13px;top:22px;width:20px;height:2px;border-radius:2px;background:var(--ink);
  transition:transform .6s var(--ease);
}
.burger span:nth-child(1){transform:translateY(-4px)}
.burger span:nth-child(2){transform:translateY(4px)}
body.menu-open .burger span:nth-child(1){transform:rotate(45deg)}
body.menu-open .burger span:nth-child(2){transform:rotate(-45deg)}

/* Tam ekran menü */
.menu{
  position:fixed;inset:0;z-index:200;display:grid;place-items:center;
  background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility 0s .6s;
}
body.menu-open .menu{opacity:1;visibility:visible;transition:opacity .6s var(--ease),visibility 0s}
.menu-inner{display:grid;justify-items:center;gap:2.5rem;padding:2rem}
.menu-links{list-style:none;margin:0;padding:0;text-align:center}
.menu-links li{overflow:hidden;padding-bottom:.1em}
.menu-links a{
  display:block;padding:.3rem 0;text-decoration:none;color:var(--ink);
  font:800 clamp(2.4rem,9vw,4.5rem)/1.08 var(--fd);letter-spacing:-.03em;
  transform:translateY(110%);opacity:0;transition:transform .8s var(--ease),opacity .6s var(--ease);
}
body.menu-open .menu-links a{transform:none;opacity:1}
.menu-links li:nth-child(1) a{transition-delay:.08s}
.menu-links li:nth-child(2) a{transition-delay:.14s}
.menu-links li:nth-child(3) a{transition-delay:.2s}
.menu-cta{transform:translateY(20px);opacity:0;transition:transform .8s var(--ease) .3s,opacity .6s var(--ease) .3s}
body.menu-open .menu-cta{transform:none;opacity:1}

/* Hero: başlık üstte, video kaydırıcı altta */
.hero{
  position:relative;min-height:100vh;min-height:100svh;display:grid;align-content:center;justify-items:center;
  gap:clamp(1.25rem,2.5vw,2rem);text-align:center;padding:calc(var(--nav-h) + 1.25rem) 0 1.25rem;
}
.hero-copy{position:relative;z-index:1;max-width:60rem}
.hero-title{margin:0 0 1.5rem;font:800 clamp(1.9rem,5vw,4.4rem)/.98 var(--fd);letter-spacing:-.04em;color:var(--ink)}
.hero-mask{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}
.hero-line{display:block;will-change:transform}
.hero-sub{max-width:38rem;margin:0 auto 2.2rem;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.55;color:var(--ink-2)}
.hero-actions{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1rem}

/* Video kaydırıcı: ortadaki net, yanlardakiler bulanık */
.hero-stage{position:relative;width:100%}
.hero-glow{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:min(90%,980px);aspect-ratio:2/1;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(232,106,60,.16),rgba(232,106,60,0) 72%)}
.vs-heading{position:relative;margin:0 0 clamp(1.4rem,2.5vw,2rem);font:800 clamp(1.5rem,3vw,2.4rem)/1.15 var(--fd);letter-spacing:-.03em;color:var(--ink)}
.vslider{position:relative;--track-h:min(405px,32.6vw,46vh);--edge:820px;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.vslider--portrait{--track-h:min(560px,50vh)}
.vslider--mixed{--track-h:min(330px,28vw,40vh)}
.vslider--refs{--track-h:min(400px,26vw,42vh)}
.vs-track{position:relative;height:var(--track-h);overflow:hidden;overflow-x:clip;overflow-y:visible}
.vs-slide{
  position:absolute;top:0;left:50%;height:var(--track-h);width:auto;aspect-ratio:var(--r,16/9);
  border-radius:var(--r-lg);overflow:hidden;background:var(--bg-3);
  transform:translateX(-50%) scale(.6);opacity:0;visibility:hidden;cursor:pointer;
  transition:transform .75s var(--ease),opacity .55s var(--ease),visibility 0s .55s;
  will-change:transform;box-shadow:0 30px 80px rgba(14,21,38,.18);
  -webkit-tap-highlight-color:transparent;
}
.vs-slide.is-side,.vs-slide.is-active{opacity:1;visibility:visible;transition:transform .75s var(--ease),opacity .55s var(--ease)}
.vs-slide.is-side{z-index:2}
.vs-slide.is-active{z-index:3}
.vs-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .6s var(--ease)}
.vs-slide .vs-img{opacity:0}
.vs-slide.is-active .vs-img{opacity:1}
.vs-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(14,21,38,.75),rgba(14,21,38,0) 55%);opacity:0;transition:opacity .6s var(--ease)}
.vs-slide.is-active::after{opacity:1}
.vs-slide.is-side::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(255,255,255,.42)}
.vs-play{
  position:absolute;left:50%;top:50%;z-index:2;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;
  display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);
  box-shadow:0 12px 32px rgba(232,106,60,.45);transform:scale(.6);opacity:0;transition:transform .6s var(--ease),opacity .4s var(--ease);
}
.vs-play svg{width:26px;height:26px;margin-left:4px}
.vs-play::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(232,106,60,.85);animation:vs-ping 2s var(--ease) infinite}
.vs-play::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(232,106,60,.6);animation:vs-ping 2s var(--ease) .6s infinite}
@keyframes vs-ping{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.65);opacity:0}}
.vs-slide.is-active .vs-play{transform:scale(1);opacity:1}
.vs-slide.is-active:hover .vs-play{transform:scale(1.08)}
.vs-badge{position:absolute;top:.9rem;right:.9rem;z-index:2;padding:.35rem .6rem;border-radius:var(--pill);background:rgba(14,21,38,.7);border:1px solid rgba(238,240,246,.14);font:700 .78rem/1 var(--fb);color:var(--navy-ink);opacity:0;transition:opacity .4s var(--ease)}
.vs-slide.is-active .vs-badge{opacity:1}
.vs-tag{position:absolute;left:1rem;bottom:1rem;z-index:2;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border-radius:var(--pill);background:rgba(14,21,38,.7);border:1px solid rgba(238,240,246,.14);font:700 .78rem/1 var(--fb);color:var(--navy-ink);opacity:0;transition:opacity .4s var(--ease)}
.vs-tag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(232,106,60,.6);animation:vs-dot 1.8s ease-out infinite}
@keyframes vs-dot{to{box-shadow:0 0 0 8px rgba(232,106,60,0)}}
.vs-slide.is-active .vs-tag{opacity:1}
.vs-arrow{
  position:absolute;top:50%;z-index:4;width:52px;height:52px;margin-top:-26px;border-radius:50%;
  display:grid;place-items:center;border:1px solid rgba(14,21,38,.12);background:rgba(255,255,255,.88);color:var(--ink);cursor:pointer;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .3s var(--ease),transform .3s var(--ease);
}
.vs-arrow:hover{background:var(--accent);color:var(--accent-ink);transform:scale(1.06)}
.vs-arrow svg{width:22px;height:22px}
.vs-arrow--prev{left:max(0px,calc(50% - var(--edge) - 68px))}
.vs-arrow--next{right:max(0px,calc(50% - var(--edge) - 68px))}
.vs-caption{min-height:3.2rem;margin:1.1rem auto 0;max-width:36rem;transition:opacity .35s var(--ease),transform .35s var(--ease)}
.vs-caption.is-swapping{opacity:0;transform:translateY(6px)}
.vs-caption strong{display:block;font:700 clamp(1.05rem,1.6vw,1.3rem)/1.3 var(--fd);letter-spacing:-.01em;color:var(--ink)}
.vs-caption span{display:block;margin-top:.25rem;font-size:.95rem;color:var(--ink-2)}
.vs-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}
.vs-dot{width:8px;height:8px;border-radius:var(--pill);border:0;padding:0;background:rgba(14,21,38,.18);cursor:pointer;transition:width .4s var(--ease),background .4s var(--ease)}
.vs-dot.is-active{width:26px;background:var(--accent)}
.vs-hint{margin:.7rem 0 0;font-size:.82rem;color:var(--ink-2)}

/* Video penceresi */
.vmodal{position:fixed;inset:0;z-index:250;display:grid;place-items:center;padding:1rem;background:rgba(5,8,15,.88);opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility 0s .35s}
.vmodal.is-open{opacity:1;visibility:visible;transition:opacity .35s var(--ease)}
.vmodal-box{position:relative;width:min(100%,1100px,calc((100vh - 5rem) * var(--vr,1.7778)));aspect-ratio:var(--vr,1.7778);background:#000;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.6);transform:scale(.96);transition:transform .45s var(--ease)}
.vmodal.is-open .vmodal-box{transform:none}
.vmodal-box video,.vmodal-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000}
.vmodal-close{position:absolute;top:1rem;right:1rem;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(238,240,246,.18);background:rgba(14,21,38,.75);color:var(--navy-ink);cursor:pointer;display:grid;place-items:center;transition:background .3s var(--ease)}
.vmodal-close:hover{background:var(--accent);color:var(--accent-ink)}
.vmodal-close svg{width:20px;height:20px}
.vmodal-title{position:absolute;left:0;right:0;bottom:calc(100% + .75rem);margin:0;font:700 1rem/1.3 var(--fd);color:var(--navy-ink);text-align:center}
body.modal-open{overflow:hidden}

/* Hizmetler: üst üste binen kartlar */
.stack{position:relative}
.card{position:sticky;top:0;min-height:100vh;min-height:100svh;display:grid;padding:.75rem 0}
.card-shell{
  display:grid;min-height:calc(100vh - 1.5rem);min-height:calc(100svh - 1.5rem);
  padding:8px;border-radius:var(--r-xl);
  background:rgba(14,21,38,.05);border:1px solid rgba(14,21,38,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  transform-origin:50% 0;will-change:transform;
}
.card-core{
  display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:3rem;
  padding:clamp(2rem,5vw,4.5rem);border-radius:calc(var(--r-xl) - 8px);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.12);min-height:100%;
}
.card-title{margin:0 0 1rem;font:700 clamp(2rem,4.2vw,3.8rem)/1 var(--fd);letter-spacing:-.03em}
.card-desc{max-width:32rem;margin:0 0 2rem;font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.55}
.deliv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.5rem;margin:0;padding:0;list-style:none;font-weight:700}
.deliv li{display:flex;align-items:center;gap:.7rem}
.deliv li::before{content:"";flex:none;width:9px;height:9px;border-radius:2px;background:currentColor;opacity:.85}
.card--orange .card-core{background:linear-gradient(160deg,#F0764A,#E0602F);color:var(--accent-ink)}
.card--orange .card-desc{color:rgba(255,255,255,.86)}
.card--navy .card-core{background:linear-gradient(160deg,#1F2A4A,#141B33);color:var(--navy-ink)}
.card--navy .card-desc{color:var(--navy-ink-2)}
.card--bone .card-core{background:linear-gradient(160deg,#F2EEE5,#E1DBCD);color:var(--bone-ink)}
.card--bone .card-desc{color:var(--bone-muted)}
.card--dots .card-core{
  background-color:#111931;color:var(--navy-ink);
  background-image:radial-gradient(rgba(233,228,216,.16) 1px,transparent 1.6px);background-size:22px 22px;
}
.card--dots .card-desc{color:var(--navy-ink-2)}
.card-art{position:relative;width:100%;max-width:400px;aspect-ratio:1;justify-self:center}
.card-art i{position:absolute;display:block}
/* Web: üst üste sayfalar */
.art-pages i{left:19%;top:22%;width:62%;height:56%;border-radius:22px;border:2px solid rgba(14,21,38,.75);background:rgba(14,21,38,.12)}
.art-pages i:nth-child(1){transform:rotate(-9deg) translate(-9%,8%)}
.art-pages i:nth-child(2){transform:rotate(-1deg)}
.art-pages i:nth-child(3){transform:rotate(7deg) translate(9%,-8%);background:#0E1526}
.art-pages i:nth-child(3)::after{content:"";position:absolute;left:14%;top:18%;width:44%;height:12%;border-radius:999px;background:var(--bone)}
/* Mobil: uygulama kutuları */
.art-tiles{transform:rotate(-8deg)}
.art-tiles i{width:34%;height:34%;border-radius:28%;border:2px solid rgba(232,106,60,.55)}
.art-tiles i:nth-child(1){left:14%;top:12%}
.art-tiles i:nth-child(2){left:54%;top:18%;background:var(--accent);border-color:var(--accent)}
.art-tiles i:nth-child(3){left:10%;top:54%}
.art-tiles i:nth-child(4){left:50%;top:60%;border-color:rgba(233,228,216,.35)}
/* Sosyal medya: konuşan baloncuklar */
.art-bubbles i{border-radius:50%}
.art-bubbles i:nth-child(1){left:8%;top:14%;width:46%;height:46%;background:#0E1526}
.art-bubbles i:nth-child(2){left:46%;top:32%;width:38%;height:38%;background:var(--accent)}
.art-bubbles i:nth-child(3){left:26%;top:58%;width:26%;height:26%;border:2px solid #0E1526}
.art-bubbles i:nth-child(4){left:66%;top:8%;width:16%;height:16%;background:#0E1526}
.art-bubbles i:nth-child(5){left:62%;top:70%;width:12%;height:12%;border:2px solid var(--accent)}
/* Pazarlama: hedef */
.art-target i{border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid var(--accent)}
.art-target i:nth-child(1){width:96%;height:96%;opacity:.25}
.art-target i:nth-child(2){width:70%;height:70%;opacity:.45}
.art-target i:nth-child(3){width:44%;height:44%;opacity:.7}
.art-target i:nth-child(4){width:18%;height:18%;background:var(--accent)}
.art-target i:nth-child(5){left:72%;top:26%;width:9%;height:9%;background:var(--bone);border:0}

/* Manifesto: kaydırdıkça beliren cümle */
.statement{padding:clamp(2.5rem,5vw,3.5rem) 0}
.statement-text{margin:0;max-width:62rem;font:600 clamp(1.55rem,3.6vw,3.3rem)/1.22 var(--fd);letter-spacing:-.02em;color:var(--ink)}
.statement-text .w{display:inline}

/* Süreç */
.process{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.process-side{position:sticky;top:calc(var(--nav-h) + env(safe-area-inset-top,0px) + 2.5rem)}
.process-num{display:block;margin:.5rem 0 0;font:800 clamp(7rem,16vw,13rem)/1 var(--fd);letter-spacing:-.05em;color:var(--accent);will-change:transform}
.process-side .lead{margin-top:.5rem}
.process-steps{position:relative;padding-left:2.5rem}
.process-rail{position:absolute;left:0;top:0;bottom:0;width:2px;border-radius:2px;background:rgba(14,21,38,.12);overflow:hidden}
.process-fill{position:absolute;inset:0;background:var(--accent);transform:scaleY(0);transform-origin:top}
.step{padding:clamp(1.5rem,3vw,2.5rem) 0;opacity:.32;transition:opacity .6s var(--ease)}
.process-rail + .step{padding-top:.5rem}
.step.is-active{opacity:1}
.step-n{display:none}
.step h3{margin:0 0 .6rem;font:700 clamp(1.5rem,2.6vw,2.4rem)/1.1 var(--fd);letter-spacing:-.02em}
.step p{margin:0;max-width:34rem;color:var(--ink-2)}

/* Sektörler: kayan şerit */
.sectors{padding:clamp(2rem,4vw,3rem) 0}
.sectors .h2{margin-bottom:1.5rem}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;width:max-content;animation:marquee 52s linear infinite;will-change:transform}
.marquee-group{display:flex;flex:none}
.marquee-item{display:inline-flex;align-items:center;gap:2.4rem;padding-right:2.4rem;white-space:nowrap;font:600 clamp(1.4rem,3vw,2.5rem)/1 var(--fd);letter-spacing:-.02em;color:var(--bone)}
.marquee-item::after{content:"";flex:none;width:12px;height:12px;border-radius:2px;background:var(--accent);transform:rotate(45deg)}
@keyframes marquee{to{transform:translateX(-50%)}}

/* SSS */
.faq-list{max-width:56rem;margin:0;padding:0;list-style:none}
.faq-item + .faq-item{border-top:1px solid var(--line)}
.faq-q{
  display:flex;width:100%;align-items:center;justify-content:space-between;gap:1.5rem;
  padding:1.5rem 0;background:none;border:0;color:var(--ink);cursor:pointer;text-align:left;
  font:600 clamp(1.15rem,1.8vw,1.5rem)/1.25 var(--fd);letter-spacing:-.01em;
}
.faq-q:focus-visible{outline:2px solid var(--accent-2);outline-offset:4px;border-radius:8px}
.faq-ic{
  flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  background:rgba(14,21,38,.04);border:1px solid rgba(14,21,38,.1);color:var(--ink);
  transition:transform .6s var(--ease),background .4s var(--ease),color .4s var(--ease);
}
.faq-ic svg{width:18px;height:18px;display:block}
.faq-item.is-open .faq-ic{transform:rotate(45deg);background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.faq-a>div{overflow:hidden}
.faq-item.is-open .faq-a{grid-template-rows:1fr}
.faq-a p{margin:0 0 1.6rem;max-width:44rem;color:var(--ink-2)}

/* Demo talebi */
.cta{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.form-shell{padding:8px;border-radius:var(--r-xl);background:rgba(14,21,38,.04);border:1px solid rgba(14,21,38,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.form-core{padding:clamp(1.5rem,3vw,2.5rem);border-radius:calc(var(--r-xl) - 8px);background:linear-gradient(160deg,#FFFFFF,#F5F6FA);box-shadow:inset 0 1px 1px rgba(255,255,255,.9),0 18px 50px rgba(14,21,38,.06)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:0 1.25rem}
.field{display:grid;gap:.5rem;margin-bottom:1.25rem}
.field label,.field .field-label{font-weight:700;font-size:.95rem}
.field input,.field textarea{
  width:100%;padding:.95rem 1.1rem;border-radius:var(--r-md);
  border:1px solid rgba(14,21,38,.16);background:#FFFFFF;color:var(--ink);
  font:500 1rem var(--fb);transition:border-color .3s var(--ease),box-shadow .3s var(--ease);
}
.field textarea{min-height:110px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#8B93A7}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(232,106,60,.28)}
.field.is-error input{border-color:#D9534F}
.field-error{display:none;font-size:.9rem;color:#C0392B}
.field.is-error .field-error{display:block}
.chips{display:flex;flex-wrap:wrap;gap:.6rem}
.chip{
  position:relative;display:inline-flex;align-items:center;padding:.6rem 1rem;border-radius:var(--pill);
  border:1px solid rgba(14,21,38,.16);background:rgba(14,21,38,.03);font-weight:600;font-size:.95rem;
  cursor:pointer;user-select:none;transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease);
}
.chip input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.chip.is-on,.chip:has(input:checked){background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.chip:has(input:focus-visible){outline:2px solid var(--accent-2);outline-offset:2px}
.form-done{display:none;margin-bottom:1.25rem;padding:1rem 1.2rem;border-radius:var(--r-md);background:rgba(232,106,60,.12);border:1px solid rgba(232,106,60,.4)}
.form-done.is-visible{display:block}
.form-done p{margin:0 0 .6rem}
.form-done a{color:var(--accent-2);font-weight:700}
.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:.5rem}
.form-note{margin:0;font-size:.9rem;color:var(--ink-2)}
.btn.is-loading{pointer-events:none;opacity:.75}

/* Alt bilgi */
.footer{padding:2.25rem 0 calc(1.5rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);position:relative;z-index:1}
.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;align-items:center}
.footer-brand{display:flex;flex-direction:column;gap:.25rem}
.footer-brand small{color:var(--ink-2)}
.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.footer a{color:var(--ink-2);text-decoration:none;transition:color .4s var(--ease)}
.footer a:hover{color:var(--ink)}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:2rem;color:var(--ink-2);font-size:.9rem}

/* Mobil */
@media (max-width:900px){
  .burger{display:block}
  .nav-links{display:none}
  .hero{gap:1.75rem;padding:calc(var(--nav-h) + 2rem) 0 1.5rem}
  .vslider{--track-h:min(41.6vw,40vh)}
  .vslider--portrait{--track-h:min(112vw,42vh)}
  .vslider--mixed{--track-h:min(60vw,40vh)}
  .vslider--refs{--track-h:min(46vw,34vh)}
  .hero-actions .btn{padding:.7rem 1.1rem;font-size:.9rem}
  .hero-actions .btn .btn-ic{width:34px;height:34px}
  .vs-hint{display:none}
  .vs-slide{border-radius:var(--r-md)}
  .vs-play{width:56px;height:56px;margin:-28px 0 0 -28px}
  .vs-play svg{width:20px;height:20px}
  .vs-arrow{width:42px;height:42px;margin-top:-21px}
  .vs-arrow svg{width:18px;height:18px}
  .vs-arrow--prev{left:.25rem}
  .vs-arrow--next{right:.25rem}
  .vs-tag{left:.6rem;bottom:.6rem}
  .vs-badge{top:.6rem;right:.6rem}
  .card-core{grid-template-columns:1fr;gap:2rem;align-content:center}
  .card-art{max-width:220px;order:-1}
  .process{grid-template-columns:1fr}
  .process-side{position:static}
  .process-num{display:none}
  .step{opacity:1}
  .step-n{display:block;margin-bottom:.4rem;font:700 .95rem var(--fd);color:var(--accent)}
  .cta{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}

  /* Mobilde her şey ortalı */
  .nav{justify-content:center;padding:0 .55rem}
  .nav-right{position:absolute;inset-inline-end:.55rem;top:50%;transform:translateY(-50%)}
  .nav-lang{position:absolute;inset-inline-start:.55rem;top:50%;transform:translateY(-50%)}
  .nav-logo{height:38px}
  .lang-btn span{display:none}
  .lang-btn{padding:0 .5rem}
  .footer-logo{width:140px;margin-inline:auto}
  .hero-copy,.section-head,.card-text,.statement-text,.process-side,.step,.sectors .wrap,.cta-copy,.form-core,.form-done,.footer-top,.footer-bottom{text-align:center}
  .section-head,.hero-sub,.lead,.card-desc,.statement-text,.step p,.faq-list,.faq-a p,.form-note{margin-inline:auto}
  .hero-actions,.form-actions,.chips,.footer-top,.footer-links,.footer-bottom{justify-content:center}
  .deliv{justify-items:center}
  .deliv li{justify-content:center;text-align:left}
  .process-steps{padding-left:0}
  .process-rail{display:none}
  .faq-q{flex-direction:column;align-items:center;gap:.9rem;text-align:center}
  .field input,.field textarea{text-align:center}
  .footer-brand{align-items:center}
}
@media (max-width:600px){
  .nav-cta{display:none}
  .wrap{width:min(100% - 1.5rem,1240px)}
  .deliv{grid-template-columns:1fr}
  .card-art{max-width:180px}
  .vslider{--track-h:43.9vw}
  .vs-caption{margin-top:1rem}
}

/* ------------------------------------------------------------------
   Referanslar: ana sayfada yatay kaydırma, listede ızgara
   ------------------------------------------------------------------ */
.pj-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;max-width:none}
.pj-head .lead{max-width:40rem}
.pj-nav{display:flex;gap:.5rem;flex:none}
.pj-arrow{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(14,21,38,.12);background:rgba(255,255,255,.88);color:var(--ink);cursor:pointer;transition:background .3s var(--ease),transform .3s var(--ease)}
.pj-arrow:hover{background:var(--accent);color:var(--accent-ink);transform:scale(1.06)}
.pj-arrow svg{width:20px;height:20px}
.pj-scroller{position:relative;margin-top:clamp(1.5rem,3vw,2.5rem)}
.pj-track{
  display:flex;gap:clamp(1rem,2vw,1.5rem);overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scroll-padding-inline:var(--pj-pad);padding:.5rem var(--pj-pad) 2rem;
  --pj-pad:max(1.25rem,calc((100vw - 1240px) / 2));
  scrollbar-width:none;cursor:grab;
}
.pj-track::-webkit-scrollbar{display:none}
.pj-track.is-dragging{cursor:grabbing;scroll-snap-type:none}
.pj-card{
  flex:none;width:clamp(270px,29vw,390px);scroll-snap-align:start;
  display:flex;flex-direction:column;border-radius:var(--r-xl);padding:8px;
  background:rgba(14,21,38,.04);border:1px solid rgba(14,21,38,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  transition:transform .6s var(--ease),border-color .6s var(--ease);
}
.pj-card:hover{transform:translateY(-6px);border-color:rgba(232,106,60,.45)}
.pj-media{
  position:relative;display:block;aspect-ratio:4/3;border-radius:calc(var(--r-xl) - 8px);overflow:hidden;
  background-color:var(--bg-3);background-size:cover;background-position:center;
}
.pj-media::before{content:"";position:absolute;inset:0;background:rgba(14,21,38,.35)}
.pj-media img{position:relative;width:100%;height:100%;object-fit:contain;display:block;transition:transform .8s var(--ease)}
.pj-card:hover .pj-media img{transform:scale(1.04)}
.pj-body{display:flex;flex-direction:column;gap:.45rem;padding:1.1rem .85rem .75rem}
.pj-sector{font:700 .74rem/1 var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2)}
.pj-title{margin:0;font:800 1.2rem/1.2 var(--fd);letter-spacing:-.02em}
.pj-title a{color:var(--ink);text-decoration:none}
.pj-title a:hover{color:var(--accent-2)}
.pj-summary{margin:0;font-size:.95rem;line-height:1.5;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pj-actions{display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin-top:auto;padding-top:.6rem;font-size:.9rem;font-weight:700}
.pj-actions a{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:.35rem}
.pj-actions a svg{width:15px;height:15px}
.pj-actions a:hover{color:var(--accent-2)}
.pj-actions .pj-live{color:var(--accent-2)}
.pj-card--more{
  justify-content:center;align-items:center;text-align:center;gap:1rem;padding:2rem 1.5rem;text-decoration:none;color:var(--ink);
  background:linear-gradient(160deg,rgba(232,106,60,.22),rgba(232,106,60,.06));border-color:rgba(232,106,60,.35);
}
.pj-card--more strong{font:800 1.35rem/1.15 var(--fd);letter-spacing:-.02em}
.pj-card--more span{color:var(--ink-2);font-size:.95rem}
.pj-card--more .btn-ic{width:52px;height:52px;background:var(--accent);color:var(--accent-ink)}
.pj-card--more .btn-ic svg{width:22px;height:22px}
.pj-card--more:hover .btn-ic{transform:translateX(4px)}
.pj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(1.5rem,3vw,2.5rem)}
.pj-grid .pj-card{width:auto}
.pj-empty{padding:3rem 1rem;text-align:center;color:var(--ink-2)}

/* Alt sayfalar */
.page{padding:calc(var(--nav-h) + 4rem) 0 clamp(3rem,6vw,5rem)}
.page-head{max-width:52rem;margin-bottom:clamp(1.5rem,3vw,2.5rem)}
.page-head .h2{margin-bottom:.75rem}
.crumbs{margin:0 0 1rem;font-size:.9rem;color:var(--ink-2)}
.crumbs a{color:var(--ink-2);text-decoration:none}
.crumbs a:hover{color:var(--ink)}
.pd-head{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,5vw,4rem);align-items:end;margin-bottom:clamp(1.5rem,3vw,2.5rem)}
.pd-title{margin:.35rem 0 1rem;font:800 clamp(2rem,4.5vw,3.6rem)/1.02 var(--fd);letter-spacing:-.035em}
.pd-side{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}
.pd-side .btn{align-self:flex-start}
.pd-cover{border-radius:var(--r-xl);overflow:hidden;background:var(--bg-3);background-size:cover;background-position:center;box-shadow:0 40px 100px rgba(14,21,38,.18)}
.pd-cover img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain}
.pd-body{max-width:44rem;margin:clamp(2rem,4vw,3rem) 0 0;color:var(--ink-2);font-size:1.05rem}
.pd-body p{margin:0 0 1.2rem}
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.75rem,1.5vw,1.25rem);margin-top:clamp(2rem,4vw,3rem)}
.gal-item{display:block;position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--bg-3);background-size:cover;background-position:center;cursor:zoom-in;border:1px solid rgba(14,21,38,.08)}
.gal-item::before{content:"";position:absolute;inset:0;background:rgba(14,21,38,.3)}
.gal-item img{position:relative;display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;transition:transform .8s var(--ease)}
.gal-item:hover img{transform:scale(1.03)}
.pd-more{margin-top:clamp(3rem,6vw,5rem)}
.pd-more .h2{margin-bottom:1.25rem}
.pd-cta{margin-top:clamp(3rem,6vw,5rem);padding:clamp(2rem,4vw,3rem);border-radius:var(--r-xl);background:linear-gradient(160deg,rgba(232,106,60,.2),rgba(232,106,60,.05));border:1px solid rgba(232,106,60,.3);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem}
.pd-cta h2{margin:0 0 .35rem;font:800 clamp(1.4rem,2.6vw,2rem)/1.15 var(--fd);letter-spacing:-.02em}
.pd-cta p{margin:0;color:var(--ink-2)}

/* Görsel penceresi (galeri) */
.lightbox{position:fixed;inset:0;z-index:250;display:grid;place-items:center;padding:1rem;background:rgba(5,8,15,.92);opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility 0s .35s}
.lightbox.is-open{opacity:1;visibility:visible;transition:opacity .35s var(--ease)}
.lightbox img{max-width:min(100%,1400px);max-height:calc(100vh - 6rem);border-radius:var(--r-md);box-shadow:0 40px 100px rgba(0,0,0,.6);transform:scale(.96);transition:transform .45s var(--ease)}
.lightbox.is-open img{transform:none}
.lightbox-close{position:absolute;top:1rem;right:1rem;width:44px;height:44px;border-radius:50%;border:1px solid rgba(238,240,246,.18);background:rgba(14,21,38,.75);color:var(--navy-ink);cursor:pointer;display:grid;place-items:center}
.lightbox-close svg{width:20px;height:20px}
.lightbox-nav{position:absolute;top:50%;width:48px;height:48px;margin-top:-24px;border-radius:50%;border:1px solid rgba(238,240,246,.18);background:rgba(14,21,38,.75);color:var(--navy-ink);cursor:pointer;display:grid;place-items:center}
.lightbox-nav svg{width:20px;height:20px}
.lightbox-nav--prev{left:1rem}
.lightbox-nav--next{right:1rem}
.lightbox-count{position:absolute;bottom:1.25rem;left:0;right:0;text-align:center;font-size:.85rem;color:var(--navy-ink-2)}

@media (max-width:900px){
  .pj-head{flex-direction:column;align-items:center}
  .pj-nav{display:none}
  .pj-card{width:min(76vw,340px)}
  .pj-body{align-items:center;text-align:center}
  .pj-actions{justify-content:center}
  .pj-grid{grid-template-columns:repeat(2,1fr)}
  .page{padding-top:calc(var(--nav-h) + 2.5rem)}
  .page-head,.crumbs,.pd-body,.pd-cta{text-align:center}
  .page-head,.pd-body{margin-inline:auto}
  .pd-head{grid-template-columns:1fr;text-align:center}
  .pd-side{align-items:center}
  .pd-side .btn{align-self:center}
  .pd-cta{justify-content:center}
  .gal{grid-template-columns:1fr}
}
@media (max-width:600px){
  .pj-grid{grid-template-columns:1fr}
  .pj-track{--pj-pad:.75rem}
}

/* Referanslar: kaydırdıkça değişen kartlar */
.section--refs{min-height:100vh;min-height:100svh;display:grid;align-content:center;padding:calc(var(--nav-h) + 1.5rem) 0 1.5rem}
.refs-head{text-align:center;margin-inline:auto;margin-bottom:clamp(1.25rem,2.5vw,2rem)}
.refs-head .lead{margin-inline:auto}
.vslider--refs .vs-img{object-fit:contain}
.vslider--refs .vs-slide::after{background:linear-gradient(to top,rgba(14,21,38,.55),rgba(14,21,38,0) 45%)}
.vslider--refs .vs-slide[data-nocover]{background:linear-gradient(160deg,#F5F6FA,#EBEEF5)}
.vs-slide--cta{
  display:grid;place-items:center;align-content:center;gap:.75rem;padding:1.5rem;text-align:center;color:var(--ink);
  background:linear-gradient(160deg,rgba(232,106,60,.35),rgba(232,106,60,.08)),var(--bg-3);border:1px solid rgba(232,106,60,.4);
}
.vs-slide--cta::after{display:none}
.vs-slide--cta .btn-ic{width:56px;height:56px;background:var(--accent);color:var(--accent-ink)}
.vs-slide--cta .btn-ic svg{width:24px;height:24px}
.vs-slide--cta strong{font:800 clamp(1.1rem,2vw,1.6rem)/1.15 var(--fd);letter-spacing:-.02em}
.vs-slide--cta span:last-child{color:var(--ink-2);font-size:.95rem}
.ps-caps{position:relative;height:11.5rem;margin-top:1.1rem}
.ps-cap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:.45rem;text-align:center;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .4s var(--ease),transform .4s var(--ease)}
.ps-cap.is-active{opacity:1;transform:none;pointer-events:auto}
.ps-title{margin:0;font:800 clamp(1.15rem,2vw,1.6rem)/1.2 var(--fd);letter-spacing:-.02em}
.ps-title a{color:var(--ink);text-decoration:none}
.ps-title a:hover{color:var(--accent-2)}
.ps-cap .pj-summary{max-width:36rem}
.ps-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem .75rem;margin-top:.35rem}
@media (max-width:900px){
  .ps-caps{height:13.5rem}
  .section--refs .lead{font-size:1rem}
}

/* Sağdan sola (Arapça) */
html[lang="ar"]{--fd:"Cairo","Bricolage Grotesque","Segoe UI",system-ui,sans-serif;--fb:"Cairo","Manrope","Segoe UI",system-ui,sans-serif}
[dir="rtl"] *{letter-spacing:0!important}
[dir="rtl"] .faq-q{text-align:start}
[dir="rtl"] .deliv li{text-align:start}
[dir="rtl"] .process-steps{padding-left:0;padding-inline-start:2.5rem}
[dir="rtl"] .process-rail{left:auto;inset-inline-start:0}
[dir="rtl"] .btn{padding:.5rem 1.5rem .5rem .5rem}
[dir="rtl"] .btn--sm{padding:.35rem 1.1rem .35rem .35rem}
[dir="rtl"] .btn-ic svg,[dir="rtl"] .pj-actions svg,[dir="rtl"] .lang-menu svg{transform:scaleX(-1)}
[dir="rtl"] .hero-actions .btn{padding:.7rem 1.1rem}
[dir="rtl"] .lang-btn{padding:0 .55rem 0 .7rem}
[dir="rtl"] .marquee-item{padding-right:0;padding-inline-end:2.4rem}

/* Azaltılmış hareket */
@media (prefers-reduced-motion:reduce){
  .intro{display:none}
  .marquee-track{animation:none}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}