/* Alt sayfalar: Hakkımda, Projeler, Proje detayı, Hizmetler */

/* ---------- Ortak sayfa girişi ---------- */
.phero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(140px,22vh,220px) var(--gutter) clamp(72px,10vh,120px)}
.phero__bg{position:absolute;inset:-20%;z-index:-1;filter:blur(90px);opacity:.55;pointer-events:none}
.phero__bg i{position:absolute;width:42%;aspect-ratio:1;border-radius:50%}
.phero__bg i:nth-child(1){left:-6%;bottom:-6%;background:var(--violet);animation:drift1 18s ease-in-out infinite alternate}
.phero__bg i:nth-child(2){left:22%;bottom:-18%;background:var(--fuchsia);animation:drift2 21s ease-in-out infinite alternate}
.phero__bg i:nth-child(3){right:4%;top:-20%;width:30%;background:var(--blue);opacity:.7;animation:drift3 24s ease-in-out infinite alternate}
.phero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,13,18,0) 40%,var(--ink))}
.phero__kicker{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-bottom:clamp(22px,3vh,36px)}
.phero__kicker h1,.phero__kicker p{font:inherit;margin:0}
.crumb{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:14px;color:var(--muted)}
.crumb > *{white-space:nowrap}
.crumb a{color:var(--paper);opacity:.8;transition:opacity .3s}.crumb a:hover{opacity:1}
.phero__title{font-size:clamp(54px,9.4vw,168px);line-height:.98}
.phero__title sup{font:500 .16em var(--sf);letter-spacing:0;vertical-align:baseline;position:relative;top:-3.6em;margin-left:.3em;color:var(--muted)}
.phero__lead{margin-top:clamp(24px,4vh,40px);max-width:46ch;font-size:clamp(18px,1.5vw,22px);color:rgba(244,243,248,.78)}

.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px 40px;flex-wrap:wrap;margin-bottom:clamp(40px,7vh,80px)}
.sec-head h2{font-size:clamp(40px,5.6vw,96px);line-height:1}
.sec-head p{color:var(--muted);max-width:40ch;font-size:18px}
.light{background:var(--paper);color:var(--ink)}
.light .sec-head p,.light .muted{color:#55525f}
.light .eyebrow{color:#6b6878}

/* Ortak proje kartı (projeler ızgarası, hizmetler, sonraki işler) */
.pcard{display:block;position:relative}
.pcard__media{position:relative;overflow:hidden;border-radius:22px;aspect-ratio:4/3;background:var(--ink-2)}
.light .pcard__media{background:#e2e0ea}
.pcard__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:scale 1.2s var(--ease)}
.pcard:hover .pcard__media img{scale:1.1}
.pcard__media{transform-style:preserve-3d;will-change:transform;transition:box-shadow .6s var(--ease)}
.pcard:hover .pcard__media{box-shadow:0 40px 70px -30px rgba(0,0,0,.75)}
.pcard__media::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(600px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.22),transparent 45%);opacity:0;transition:opacity .5s}
.pcard:hover .pcard__media::after{opacity:1}
/* Apple tarzı ok: buzlu cam daire içinde ince ok */
.pcard__go{position:absolute;z-index:3;right:16px;bottom:16px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.72);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);color:var(--ink);box-shadow:0 8px 24px -8px rgba(0,0,0,.4);opacity:0;transform:translateX(-10px) scale(.8);transition:opacity .4s,transform .6s var(--ease)}
.pcard__go svg{width:15px;height:15px;transition:transform .5s var(--ease)}
.pcard:hover .pcard__go{opacity:1;transform:none}
.pcard:hover .pcard__go svg{transform:translateX(2px)}
.pcard__title{background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .6s var(--ease)}
.pcard:hover .pcard__title{background-size:100% 1.5px}
.pcard__tag{transition:transform .6s var(--ease)}
.pcard:hover .pcard__tag{transform:translateY(-3px)}
.pcard__tag{position:absolute;left:14px;top:14px;padding:6px 12px;border-radius:999px;background:rgba(13,13,18,.55);backdrop-filter:blur(10px);color:#fff;font-size:12px;font-weight:600}
.pcard__info{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:16px}
.pcard__title{font-size:clamp(19px,1.6vw,25px);line-height:1.2;font-weight:600;letter-spacing:-.02em}
.pcard__cat{color:var(--muted);font-size:14px}
.light .pcard__cat{color:#6b6878}
.pcard__year{font-weight:600;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}

/* ---------- HAKKIMDA ---------- */
.ab-hero{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:clamp(32px,5vw,96px);align-items:center}
/* Giriş tam ekran: alttaki hikâye metni ilk ekranda görünmez */
.phero:has(.ab-hero){min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:clamp(110px,14vh,150px);padding-bottom:clamp(48px,7vh,80px)}
.phero:has(.ab-hero) .ab-hero{width:100%}
.ab-portrait{position:relative;justify-self:center;width:min(100%,480px,62vh)}
.ab-hero .phero__title{font-size:clamp(50px,6.4vw,124px)}
.ab-portrait__frame{position:relative;overflow:hidden;border-radius:32px;aspect-ratio:4/5;background:var(--ink-2)}
.ab-portrait__frame img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover}
.ab-portrait .chip{opacity:0}
.ab-portrait__ring{position:absolute;inset:-14px;border-radius:44px;padding:1.5px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8}

.story{padding:clamp(100px,18vh,200px) var(--gutter)}
.story__text{font-size:clamp(30px,4.2vw,72px);line-height:1.12;font-weight:700;letter-spacing:-.035em;max-width:24ch}
.story__text .word{opacity:.14}
.story__aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,64px);margin-top:clamp(56px,9vh,110px);max-width:1100px;margin-left:auto}
.story__aside p{color:rgba(244,243,248,.72);font-size:clamp(17px,1.3vw,19px)}

/* Zaman çizelgesi: masaüstünde yatay kayar */
.tl{position:relative;overflow:hidden;padding:clamp(80px,12vh,130px) 0}
.tl__head{padding:0 var(--gutter)}
.tl__track{display:flex;gap:clamp(14px,1.6vw,24px);padding:0 var(--gutter);width:max-content}
/* Apple tarzı kart: tam kaplayan görsel, altta metin */
.tc{position:relative;flex:none;width:clamp(300px,30vw,460px);aspect-ratio:4/5;border-radius:36px;overflow:hidden;isolation:isolate;color:#fff;background:#16161d;transform-origin:50% 100%;will-change:transform}
.tc__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:scale 1.4s var(--ease)}
.tc:hover .tc__img{scale:1.06}
.tc::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,13,18,0) 25%,rgba(13,13,18,.74) 52%,rgba(13,13,18,.95))}
.tc--art{background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--c) 90%,#fff 10%),color-mix(in srgb,var(--c) 55%,#0D0D12) 75%)}
.tc--art::after{background:linear-gradient(180deg,transparent 45%,rgba(13,13,18,.45))}
.tc__art{position:absolute;left:-4%;top:6%;z-index:-1;font-size:clamp(120px,13vw,220px);font-weight:800;letter-spacing:-.06em;line-height:.8;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.35);white-space:nowrap}
.tc__k{position:absolute;left:24px;top:22px;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(13,13,18,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.tc__in{position:absolute;left:0;right:0;bottom:0;padding:clamp(24px,2.4vw,36px)}
.tc__y{display:block;font-size:clamp(52px,5vw,88px);font-weight:800;letter-spacing:-.05em;line-height:.9}
.tc h3{margin-top:12px;font-size:clamp(20px,1.6vw,26px);letter-spacing:-.02em}
.tc p{margin-top:8px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.8);max-width:40ch}
.tl__ui{display:flex;align-items:center;gap:20px;padding:clamp(28px,4vh,44px) var(--gutter) 0}
.tl__dots{display:flex;gap:8px}
.tl__dots i{width:8px;height:8px;border-radius:50%;background:rgba(244,243,248,.25);transition:width .5s var(--ease),background .4s}
.tl__dots i.is-on{width:28px;border-radius:8px;background:var(--c)}
.tl__bar{flex:1;max-width:320px;height:2px;border-radius:2px;background:rgba(244,243,248,.1);overflow:hidden}
.tl__bar i{display:block;height:100%;background:var(--grad);transform-origin:0 50%;transform:scaleX(0)}
.tl__hint{font-size:13px;color:var(--muted)}

/* Üç kimlik: üzerine gelince genişleyen paneller */
.roles{padding:clamp(80px,12vh,140px) var(--gutter)}
.roles__wrap{display:flex;gap:14px;height:clamp(460px,72vh,680px)}
.role{position:relative;flex:1;min-width:0;border-radius:30px;overflow:hidden;isolation:isolate;color:#fff;transition:flex 1s var(--ease)}
.role.is-on{flex:2.4}
.role img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:scale 1.4s var(--ease)}
.role.is-on img{scale:1.04}
.role::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,13,18,.1) 30%,rgba(13,13,18,.85));}
.role::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--c);mix-blend-mode:multiply;opacity:.55;transition:opacity .8s var(--ease)}
.role.is-on::before{opacity:.15}
.role--1{--c:var(--blue)}.role--2{--c:var(--fuchsia)}.role--3{--c:var(--orange)}
.role__in{position:absolute;inset:auto 0 0 0;padding:clamp(22px,2.6vw,40px)}
.role__num{font-size:14px;font-weight:600;opacity:.8}
.role h3{font-size:clamp(28px,3vw,52px);line-height:1;margin-top:10px;letter-spacing:-.035em}
.role p{max-width:38ch;margin-top:14px;font-size:17px;opacity:0;transform:translateY(16px);transition:opacity .6s,transform .8s var(--ease);max-height:0}
.role.is-on p{opacity:.92;transform:none;max-height:12em}

/* Uzmanlık listesi */
.skills{padding:clamp(80px,12vh,140px) var(--gutter)}
.skills__list{list-style:none;border-top:1px solid rgba(244,243,248,.12)}
.skill{position:relative;border-bottom:1px solid rgba(244,243,248,.12);overflow:hidden;isolation:isolate}
.skill a,.skill > span{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:20px;padding:clamp(18px,2.6vh,30px) 0;transition:padding .6s var(--ease),color .4s}
.skill::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--grad);transform:scaleY(0);transform-origin:50% 100%;transition:transform .6s var(--ease)}
.skill:hover::before{transform:none}
.skill:hover a,.skill:hover > span{padding-left:24px;padding-right:24px;color:#fff}
.skill__n{font-size:14px;font-weight:600;color:var(--muted);transition:color .4s}
.skill:hover .skill__n{color:#fff}
.skill__t{font-size:clamp(28px,4vw,64px);font-weight:700;letter-spacing:-.04em;line-height:1.05}
.skill__d{color:var(--muted);font-size:15px;text-align:right;max-width:30ch;transition:color .4s}
.skill:hover .skill__d{color:rgba(255,255,255,.9)}

/* Yaklaşım */
.approach{padding:clamp(100px,16vh,180px) var(--gutter);position:relative;z-index:2}
/* Açık zeminde bento kartlar */
.bento--light .bt{background:linear-gradient(160deg,#fff,#f7f6fb);border-color:rgba(13,13,18,.06);color:var(--ink);box-shadow:0 1px 0 rgba(13,13,18,.03),0 30px 60px -40px rgba(13,13,18,.25)}
.bento--light .bt p{color:#55525f}
.bento--light .bt__ico{background:linear-gradient(145deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c))}
.bento--light .bt__n{color:rgba(13,13,18,.25)}
.bento--light .bt__glow{background:radial-gradient(520px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--c) 16%,transparent),transparent 50%)}
.bt__deco{position:absolute;right:-4%;bottom:-18%;width:clamp(200px,22vw,320px);color:var(--c);opacity:.12;z-index:-1;transition:transform 1.2s var(--ease),opacity .6s}
.bt__deco svg{width:100%;height:auto}
.bt:hover .bt__deco{transform:rotate(-10deg) scale(1.06);opacity:.2}
.approach{border-radius:44px}

/* ---------- PROJELER ---------- */
.filters{position:sticky;top:14px;z-index:20;display:flex;justify-content:center;padding:0 var(--gutter);margin:0 0 clamp(36px,6vh,64px);pointer-events:none}
.filters__bar{pointer-events:auto;display:flex;gap:4px;padding:6px;border-radius:999px;background:rgba(22,22,29,.72);border:1px solid rgba(244,243,248,.1);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 20px 40px -20px rgba(0,0,0,.6);overflow-x:auto;max-width:100%;scrollbar-width:none}
.filters__bar::-webkit-scrollbar{display:none}
.fbtn{position:relative;flex:none;display:flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;border:0;background:none;font-size:15px;font-weight:600;cursor:pointer;color:rgba(244,243,248,.7);transition:color .3s;isolation:isolate}
.fbtn sup{font-size:11px;color:var(--muted);transition:color .3s}
.fbtn:hover{color:#fff}
.fbtn.is-on{color:var(--ink)}
.fbtn.is-on sup{color:#6b6878}
.filters__pill{position:absolute;z-index:-1;border-radius:999px;background:var(--paper);pointer-events:none}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,56px) clamp(16px,2vw,28px);padding:0 var(--gutter) clamp(100px,16vh,180px)}
.pgrid .pcard.is-hidden{display:none}
.pgrid__empty{grid-column:1/-1;color:var(--muted)}

/* ---------- PROJE DETAYI ---------- */
.pd-hero{padding-bottom:clamp(48px,7vh,80px)}
.pd-hero .phero__title{font-size:clamp(48px,8vw,148px);max-width:14ch}
.pd-meta{display:grid;grid-template-columns:repeat(4,minmax(0,auto));justify-content:start;gap:clamp(24px,5vw,80px);margin-top:clamp(36px,6vh,64px);padding-top:24px;border-top:1px solid rgba(244,243,248,.12)}
.pd-meta dt{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.pd-meta dd{font-size:17px;font-weight:500}
.pd-meta a{border-bottom:1px solid currentColor}
.pd-credit{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-height:26px;vertical-align:top;font-size:14px;color:var(--muted)}
.pd-meta .pd-credit{border-bottom:0}
.pd-credit img{flex:none;height:46px;width:auto;margin:-13.8px -8.6px;filter:brightness(0) invert(1);opacity:.85}
.pd-cover{position:relative;height:clamp(420px,92vh,1000px);margin:0 var(--gutter);border-radius:32px;overflow:hidden;clip-path:inset(0 0 0 0 round 32px)}
.pd-cover{cursor:zoom-in}
.pd-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pd-cover::after{content:"";position:absolute;right:22px;bottom:22px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.72) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230D0D12' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M9.5 2.5h4v4M6.5 13.5h-4v-4M13.5 2.5 9 7M2.5 13.5 7 9'/%3E%3C/svg%3E") center/18px no-repeat;-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);box-shadow:0 8px 24px -8px rgba(0,0,0,.4);transition:transform .5s var(--ease)}
.pd-cover:hover::after{transform:scale(1.1)}
.pd-cover:focus-visible{outline:2px solid var(--violet);outline-offset:4px}
.pd-gallery{columns:2;column-gap:clamp(14px,1.6vw,24px);padding:clamp(80px,12vh,140px) var(--gutter)}
.pd-gallery figure{break-inside:avoid;margin-bottom:clamp(14px,1.6vw,24px);border-radius:22px;overflow:hidden;background:var(--ink-2);cursor:zoom-in;position:relative}
.pd-gallery img{width:100%;height:auto;transition:scale 1.2s var(--ease)}
.pd-gallery figure:hover img{scale:1.04}
.pd-site{display:grid;place-items:center;padding:clamp(48px,8vh,90px) var(--gutter) clamp(80px,12vh,140px)}
.browser{width:min(100%,1180px);border-radius:20px;overflow:hidden;background:#1d1d25;box-shadow:0 60px 120px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}
.browser__bar{display:flex;align-items:center;gap:8px;padding:14px 18px;background:#24242d}
.browser__bar i{width:12px;height:12px;border-radius:50%;background:#ff5f57}.browser__bar i:nth-child(2){background:#febc2e}.browser__bar i:nth-child(3){background:#28c840}
.browser__url{margin-left:14px;flex:1;max-width:420px;padding:6px 14px;border-radius:8px;background:#16161d;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.browser img{width:100%;height:auto}
/* Akıllı Cüzdan vaka anlatımı */
.case{padding:clamp(90px,14vh,160px) var(--gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,110px);align-items:center}
.case h2{font-size:clamp(36px,4.6vw,80px);line-height:1}
.case p{color:rgba(244,243,248,.75);font-size:clamp(17px,1.3vw,20px);margin-top:20px;max-width:52ch}
.light.case p{color:#55525f}
.case__img{border-radius:28px;overflow:hidden}
.case__img img{width:100%;height:auto}
.case--flip .case__img{order:-1}
.feat{padding:0 var(--gutter) clamp(90px,14vh,160px)}
.feat__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.feat__i{padding:28px;border-radius:24px;background:var(--ink-2);border:1px solid rgba(244,243,248,.08)}
.feat__i b{display:block;font-size:22px;letter-spacing:-.02em;margin-bottom:8px}
.feat__i span{color:var(--muted)}
.tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.tech li{list-style:none;padding:8px 14px;border-radius:999px;border:1px solid rgba(244,243,248,.2);font-size:14px;font-weight:600}
.case-note{padding:0 max(var(--gutter),calc(100% - var(--gutter) - 90ch)) clamp(60px,9vh,100px) var(--gutter);color:var(--muted);font-size:14px}
/* Akıllı Cüzdan: canlı telefon sahnesi */
.acw{position:relative}
.acw .pd-hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.acw .phero__title{font-size:clamp(48px,6.4vw,112px);max-width:9ch}
.acw .phero__lead,.acw .pd-meta{max-width:min(46ch,44vw)}
.acs__rail{position:absolute;top:0;bottom:0;right:var(--gutter);width:46%;pointer-events:none;z-index:2}
.acs__stage{position:sticky;top:0;height:100svh;display:grid;place-items:center;padding-top:64px}
.acs__glow{position:absolute;left:50%;top:50%;width:min(620px,110%);aspect-ratio:1;translate:-50% -46%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,102,255,.34),rgba(122,60,255,.14) 55%,transparent);filter:blur(30px)}
.acs__chs{position:relative;z-index:1;padding:0 54% 10vh var(--gutter)}
.acc{min-height:112svh;display:flex;align-items:center}
.acc__in{transition:opacity .5s}
.acs.is-live .acc:not(.is-on) .acc__in{opacity:.28}
.acc h2{font-size:clamp(36px,4vw,68px);line-height:1.02}
.acc p{color:rgba(244,243,248,.76);font-size:clamp(17px,1.3vw,20px);margin-top:20px;max-width:48ch}
.acp-fit{--s:.9;position:relative;width:calc(300px * var(--s));height:calc(640px * var(--s))}
.acp{position:absolute;left:0;top:0;width:300px;height:640px;padding:9px;border-radius:50px;background:linear-gradient(145deg,#3a3a44,#121217 40%,#26262e);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 60px 110px -30px rgba(0,0,0,.9);transform-origin:0 0;scale:var(--s)}
.acp__screen{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:41px;background:#0c0d13;color:#f2f2f6;font-size:13.5px;line-height:1.32;letter-spacing:-.005em}
.acp__status{display:flex;justify-content:space-between;align-items:center;padding:13px 24px 4px;font-size:12px;font-weight:600}
.acp__island{position:absolute;left:50%;top:10px;width:84px;height:24px;margin-left:-42px;border-radius:14px;background:#000}
.acp__sig{display:flex;align-items:flex-end;gap:2px;height:10px}.acp__sig i{width:3px;border-radius:1px;background:currentColor}.acp__sig i:nth-child(1){height:5px}.acp__sig i:nth-child(2){height:7px}.acp__sig i:nth-child(3){height:10px}
.acp__head{display:flex;align-items:center;gap:9px;padding:10px 14px 10px 10px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.07)}
.acp__head>svg{width:15px;height:15px;color:#5aa2ff}
.acp__head b{display:block;font-size:13.5px;font-weight:600}.acp__head small{display:block;font-size:11px;color:#8e8e98}
.acp__ava{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--violet))}.acp__ava svg{width:18px;height:18px}
.acp__view{position:relative;flex:1;min-height:0;overflow:hidden}
.acp__list{display:flex;flex-direction:column;gap:7px;padding:10px 11px;will-change:transform}
.acm__day{align-self:center;padding:2px 9px;border-radius:9px;background:rgba(255,255,255,.08);font-size:10.5px;color:#b5b5be}
.acm{position:relative;display:flex}.acm--me{justify-content:flex-end}
.acm__b{max-width:84%;padding:7px 11px;border-radius:15px 15px 15px 5px;background:#22232c}
.acm--me .acm__b{background:var(--blue);border-radius:15px 15px 5px 15px}
.acm__b time{float:right;margin:5px 0 -2px 8px;font-size:9.5px;color:rgba(255,255,255,.65)}
.acm__dots{position:absolute;left:0;top:0;display:flex;gap:3px;padding:10px 11px;border-radius:15px 15px 15px 5px;background:#22232c}
.acm__dots i{width:5px;height:5px;border-radius:50%;background:#9a9aa6;animation:acdot 1s infinite}.acm__dots i:nth-child(2){animation-delay:.15s}.acm__dots i:nth-child(3){animation-delay:.3s}
@keyframes acdot{50%{transform:translateY(-3px);opacity:.5}}
.acq{display:flex;justify-content:flex-start;gap:5px}
.acq span{padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-size:11.5px;font-weight:500;white-space:nowrap}
.acr{width:84%;padding:10px 12px}
.acr__ok{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#54d68c}.acr__ok::before{content:"";width:9px;height:5px;margin-top:-2px;border-left:1.8px solid;border-bottom:1.8px solid;rotate:-45deg}
.acr strong{display:block;margin:3px 0 6px;font-size:21px;letter-spacing:-.03em}
.acr dl{border-top:1px solid rgba(255,255,255,.09);padding-top:5px}.acr dl div{display:flex;justify-content:space-between;font-size:11.5px;padding:1px 0}.acr dt{color:#9a9aa6}
.acv{display:flex;align-items:center;gap:7px;width:74%}
.acv__play{flex:none;width:0;height:0;margin-left:3px;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #fff}
.acv__wave{flex:1;display:flex;align-items:center;gap:1.5px;height:22px}.acv__wave i{flex:1;height:var(--h);border-radius:2px;background:#fff}
.acv time{float:none;margin:0}
.acv__txt{align-self:flex-end;max-width:82%;font-size:11.5px;font-style:italic;color:#a9a9b4;text-align:right}
.acb{display:block;margin-top:7px}.acb i{--p:1;display:grid;grid-template-columns:1fr auto;font-style:normal;font-size:11px;margin-top:5px;padding-bottom:5px;position:relative}
.acb i::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:calc(var(--w) * var(--p));border-radius:2px;background:var(--c)}
.acb u{text-decoration:none;color:#c6c6cf}.acb s{text-decoration:none;font-weight:600}
.acx{display:flex;align-items:center;gap:9px}.acx small{display:block;font-size:10.5px;color:#9a9aa6}.acx b{display:block;font-size:12px;font-weight:600}
.acx__i{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:9px;background:#16a05a;font-size:9px;font-weight:700;letter-spacing:.02em}
.acp__comp{display:flex;align-items:center;gap:7px;padding:8px 10px 18px;border-top:1px solid rgba(255,255,255,.07)}
.acp__input{position:relative;flex:1;height:32px;border-radius:16px;background:rgba(255,255,255,.07);overflow:hidden}
.acp__ph,.acp__typed{position:absolute;left:12px;top:0;line-height:32px;font-size:12.5px;white-space:nowrap}.acp__ph{color:#8e8e98}.acp__typed{visibility:hidden}
.acp__mic{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;color:#8e8e98}.acp__mic svg{width:16px;height:16px}
.ac-chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;background:rgba(30,30,40,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 14px 30px -14px rgba(0,0,0,.8)}
.ac-chip b{width:7px;height:7px;border-radius:50%;background:var(--c)}.ac-chip em{font-style:normal;font-weight:700}
.ac-chip--1{left:-22%;top:13%}.ac-chip--2{right:-26%;top:27%}.ac-chip--3{left:-19%;top:56%}.ac-chip--4{right:-30%;top:71%}
/* Arka plandaki sistem: sıra sıra yanan düğümler */
.acf{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:30px}
.acf__n{padding:12px 11px;border-radius:16px;background:var(--ink-2);border:1px solid rgba(244,243,248,.1)}
.acf__n b{display:block;font-size:14px;letter-spacing:-.01em}.acf__n span{display:block;margin-top:3px;font-size:12px;line-height:1.3;color:var(--muted)}
.acc.is-on .acf__n{animation:acflow 3.2s infinite}.acc.is-on .acf__n:nth-child(2){animation-delay:.8s}.acc.is-on .acf__n:nth-child(3){animation-delay:1.6s}.acc.is-on .acf__n:nth-child(4){animation-delay:2.4s}
@keyframes acflow{0%,30%,100%{border-color:rgba(244,243,248,.1);background:var(--ink-2)}10%{border-color:var(--blue);background:rgba(0,102,255,.18)}}
/* Özellik kartları */
.acfeat{padding-top:clamp(70px,10vh,120px)}
.acfeat .feat__i{display:flex;flex-direction:column}.acfeat .feat__v{height:84px;margin-bottom:22px;display:flex;align-items:center}
.fa{display:flex;width:100%;height:100%}
.fa--wave,.fa--bars{align-items:center;gap:4px;max-width:210px}.fa--wave i{flex:1;height:var(--h);border-radius:3px;background:linear-gradient(var(--blue),var(--violet));transform-origin:50% 50%;animation:acwave 1.6s ease-in-out infinite alternate}.fa--wave i:nth-child(3n){animation-delay:.3s}.fa--wave i:nth-child(3n+1){animation-delay:.6s}
@keyframes acwave{to{transform:scaleY(.45)}}
.fa--acc{align-items:center;gap:6px;flex-wrap:wrap}.fa--acc i{font-style:normal;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:600;background:rgba(244,243,248,.08)}.fa--acc i:nth-child(1){color:#54d68c}.fa--acc i:nth-child(2){color:#6aa8ff}.fa--acc i:nth-child(3){color:#ff7ab8}
.fa--dots{display:grid;grid-template-columns:repeat(6,14px);gap:8px;align-content:center}.fa--dots i{width:14px;height:14px;border-radius:50%;background:rgba(244,243,248,.14)}.fa--dots i:nth-child(5n+1){background:var(--violet)}.fa--dots i:nth-child(7n+3){background:var(--orange)}
.fa--move{align-items:center;gap:10px;color:var(--muted)}.fa--move svg{width:68px}.fa--move i{width:48px;height:48px;border-radius:14px;background:rgba(0,102,255,.25);border:1px solid var(--blue)}.fa--move i:last-child{background:rgba(255,45,143,.2);border-color:var(--fuchsia)}
.fa--bars{align-items:flex-end}.fa--bars i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:rgba(122,60,255,.4)}.fa--bars i:nth-child(6){background:var(--fuchsia)}
.fa--sheet{display:grid;grid-template-columns:repeat(4,44px);grid-auto-rows:1fr;gap:3px;height:66px}.fa--sheet i{border-radius:3px;background:rgba(22,160,90,.2)}.fa--sheet i:nth-child(-n+4){background:#16a05a}
/* Kapanış */
.acend{padding:clamp(60px,10vh,120px) var(--gutter) clamp(48px,7vh,80px);border-top:1px solid rgba(244,243,248,.1)}
.acend h2{font-size:clamp(36px,4.6vw,80px);line-height:1.02}
.acend__txt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,90px);margin-top:clamp(28px,5vh,56px)}
.acend p{color:rgba(244,243,248,.76);font-size:clamp(17px,1.3vw,20px)}
@media (max-width:900px){
  .acw .pd-hero{min-height:0;padding-bottom:28px}
  .acw .phero__title{max-width:none}.acw .phero__lead,.acw .pd-meta{max-width:none}
  .acs{position:relative}
  .acs__rail{left:0;right:0;width:auto;z-index:0}
  .acs__stage{height:60svh;padding-top:68px;overflow:hidden}
  .acs__chs{padding:58svh var(--gutter) 6vh;z-index:2}
  .acc{min-height:92svh;align-items:flex-start}
  .acc__in{width:100%;padding:22px;border-radius:24px;background:rgba(22,22,29,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(244,243,248,.1)}
  .acs.is-live .acc:not(.is-on) .acc__in{opacity:1}
  .acc h2{font-size:30px}.acc p{font-size:16px;margin-top:12px}
  .ac-chip{font-size:11px;padding:6px 10px}
  .ac-chip--1{left:-30%}.ac-chip--2{right:-34%}.ac-chip--3{left:-30%}.ac-chip--4{right:-34%}
  .acf{grid-template-columns:repeat(2,minmax(0,1fr))}
  .acend__txt{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.acm__dots i,.fa--wave i,.acc.is-on .acf__n{animation:none}}
/* Renk Pusulası: canlı araç sahnesi */
.rp-glow{background:radial-gradient(closest-side,rgba(192,128,129,.4),rgba(122,60,255,.14) 55%,transparent)}
.rp-fit{--s:.9;position:relative;width:calc(350px * var(--s));height:calc(590px * var(--s))}
.rpc{position:absolute;left:0;top:0;width:350px;height:590px;padding:14px;border-radius:30px;background:#fbfbfd;color:#171821;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 60px 110px -30px rgba(0,0,0,.9);transform-origin:0 0;scale:var(--s);font-size:13.5px;line-height:1.3}
.rpc__field{display:flex;align-items:center;gap:9px;height:46px;padding:0 12px;border-radius:13px;border:1px solid #dcdde6;background:#fff}
.rpc__dot{flex:none;width:24px;height:24px;border-radius:7px;background:#2563EB}
.rpc__in{position:relative;flex:1;height:100%;font:500 14px/44px ui-monospace,"SF Mono",Menlo,monospace}.rpc__in span{position:absolute;left:0;top:0;white-space:nowrap}
.rpc__block{display:flex;flex-direction:column;justify-content:space-between;height:138px;margin-top:10px;padding:15px 17px;border-radius:18px;background:#2563EB;color:#fff}
.rpc__block small{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.rpc__hexes{position:relative;height:44px}.rpc__hexes b{position:absolute;left:0;bottom:0;font-size:37px;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.rpc__body{position:relative;height:352px;margin-top:14px}
.rpp{position:absolute;inset:0 3px}
.rpn{position:absolute;inset:0}.rpn small{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6b6d7c}.rpn b{display:block;margin-top:5px;font-size:27px;font-weight:700;letter-spacing:-.03em}.rpn>span{display:block;margin-top:2px;color:#5d5f6e}
.rpv{margin-top:14px;border-top:1px solid #e6e7ee}.rpv div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e6e7ee}.rpv dt{font-size:11px;font-weight:700;color:#6b6d7c}.rpv dd{font:500 12px ui-monospace,"SF Mono",Menlo,monospace}
.rpp h4{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:700;letter-spacing:-.02em}.rpp h4 i{font:600 11px var(--sf);letter-spacing:0;padding:4px 8px;border-radius:7px;background:#eef0f6;color:#4b4d5c}
.rpk{position:absolute;left:0;right:0;top:36px}
.rpk__prev{display:flex;align-items:center;gap:12px;height:108px;padding:0 18px;border-radius:15px;background:#C08081}.rpk__prev b{font-size:38px;letter-spacing:-.03em}.rpk__prev span{font-size:14px;font-weight:500}
.rpk--w .rpk__prev{color:#fff}.rpk--k .rpk__prev{color:#000}
.rpk__ratio{display:flex;align-items:baseline;gap:3px;margin-top:14px}.rpk__ratio strong{font-size:42px;letter-spacing:-.04em;line-height:1}.rpk__ratio em{font-style:normal;color:#6b6d7c;font-size:17px}.rpk__ratio small{margin-left:auto;font-size:12.5px;color:#5d5f6e}
.rpk ul{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px;list-style:none}.rpk li{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-radius:10px;font-size:12px;font-weight:600}
.rpk li::after{font-size:13px}.rpk li.ok{background:#e4f6ea;color:#11602f}.rpk li.ok::after{content:"✓"}.rpk li.no{background:#fbe6e6;color:#8f1f1f}.rpk li.no::after{content:"×"}
.rpt{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:14px}.rpt i{display:block;height:92px;border-radius:11px}.rpt span{display:block;margin-top:5px;font:500 8.5px ui-monospace,"SF Mono",Menlo,monospace;text-align:center;letter-spacing:-.03em}
.rps{display:flex;gap:3px;height:48px;margin-top:14px}.rps i{flex:1;border-radius:7px}
.rpx{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.rpx span{padding:10px;border-radius:11px;background:#171821;color:#fff;font-size:12px;font-weight:600;text-align:center}
.rpi{position:relative;height:266px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#27305f 0%,#7e4a7c 44%,#e7a07e 72%,#f5cfa3 100%)}
.rpi__sun{position:absolute;left:66%;top:34%;width:82px;height:82px;margin:-41px 0 0 -41px;border-radius:50%;background:#E8743B}
.rpi__hill{position:absolute;left:-10%;right:-10%;bottom:-34%;height:62%;border-radius:50%;background:#1c2340}
.rpi__ring{position:absolute;left:18%;top:74%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.4),0 8px 20px rgba(0,0,0,.5)}.rpi__ring::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#fff}
.rpp--img p{margin-top:13px;font-size:13px;font-weight:500;color:#4b4d5c;text-align:center}
.rp-cta{margin-top:clamp(28px,5vh,48px)}
.fr{display:flex;align-items:center;width:100%;height:100%}
.fr--name{gap:11px;font-size:21px;font-weight:600;letter-spacing:-.02em}.fr--name i{width:48px;height:48px;border-radius:14px}
.fr--pick i{position:relative;width:126px;height:72px;border-radius:12px;background:linear-gradient(120deg,#27305f,#7e4a7c 45%,#e7a07e)}.fr--pick b{width:26px;height:26px;margin-left:-44px;border-radius:50%;border:2.5px solid #fff;background:#b56a7a;box-shadow:0 4px 10px rgba(0,0,0,.5)}
.fr--con{gap:14px}.fr--con b{display:grid;place-items:center;width:72px;height:72px;border-radius:14px;background:#C08081;color:#000;font-size:26px}.fr--con em{font-style:normal;font-size:34px;font-weight:700;letter-spacing:-.04em}
.fr--pal{gap:4px;max-width:220px}.fr--pal i{flex:1;height:72px;border-radius:10px}
.fr--fmt{flex-wrap:wrap;gap:5px;align-content:center}.fr--fmt i,.fr--exp i{font:500 12px ui-monospace,"SF Mono",Menlo,monospace;padding:6px 10px;border-radius:8px;background:rgba(244,243,248,.08)}
.fr--exp{gap:6px}.fr--exp i{padding:12px 14px;border:1px solid rgba(244,243,248,.16);background:none}
/* Önceki / sonraki proje: Apple tarzı kutucuklar */
.pnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:clamp(40px,7vh,80px) var(--gutter) clamp(64px,10vh,110px)}
.pnav__i{position:relative;display:flex;align-items:center;gap:20px;min-height:168px;padding:18px 18px 18px 28px;border-radius:28px;background:var(--ink-2);border:1px solid rgba(244,243,248,.08);overflow:hidden;isolation:isolate;transition:transform .6s var(--ease),border-color .4s,background .4s}
.pnav__i:hover{transform:translateY(-4px);border-color:rgba(244,243,248,.18);background:#1b1b24}
.pnav__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.pnav__k{font-size:13px;font-weight:600;color:var(--muted)}
.pnav__i b{font-size:clamp(20px,1.8vw,28px);letter-spacing:-.025em;line-height:1.15}
.pnav__c{font-size:14px;color:var(--muted)}
.pnav__img{flex:none;width:clamp(120px,14vw,200px);aspect-ratio:4/3;border-radius:18px;overflow:hidden}
.pnav__img img{width:100%;height:100%;object-fit:cover;transition:scale .9s var(--ease)}
.pnav__i:hover .pnav__img img{scale:1.08}
.pnav__go{position:absolute;right:26px;bottom:26px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.72);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);color:var(--ink);transition:transform .5s var(--ease)}
.pnav__go svg{width:13px;height:13px}
.pnav__i:hover .pnav__go{transform:translateX(3px)}
.pnav__i--prev .pnav__go{transform:scaleX(-1)}
.pnav__i--prev:hover .pnav__go{transform:scaleX(-1) translateX(3px)}
/* Lightbox */
.lb{position:fixed;inset:0;z-index:150;display:grid;place-items:center;background:rgba(13,13,18,.92);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;padding:4vh var(--gutter)}
.lb.is-on{opacity:1;visibility:visible}
.lb img{max-width:100%;max-height:88vh;border-radius:16px;object-fit:contain}
.lb button{position:absolute;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid rgba(244,243,248,.25);background:rgba(13,13,18,.5);cursor:pointer;font-size:20px}
.lb__x{top:20px;right:20px}.lb__p{left:20px;top:50%}.lb__n{right:20px;top:50%}
.lb__c{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:14px;color:var(--muted)}

/* ---------- HİZMETLER ---------- */
.sidx{list-style:none;margin-top:clamp(48px,8vh,90px);border-top:1px solid rgba(244,243,248,.12)}
.sidx li{border-bottom:1px solid rgba(244,243,248,.12);position:relative;overflow:hidden;isolation:isolate}
.sidx a{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;padding:clamp(16px,2.4vh,26px) 0;transition:padding .6s var(--ease)}
.sidx li::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--c);transform:scaleY(0);transform-origin:50% 100%;transition:transform .6s var(--ease)}
.sidx li:nth-child(1){--c:var(--blue)}.sidx li:nth-child(2){--c:var(--fuchsia)}.sidx li:nth-child(3){--c:var(--orange)}
.sidx li:hover::before{transform:none}
.sidx li:hover a{padding-left:24px;padding-right:24px}
.sidx__n{font-size:14px;font-weight:600;color:var(--muted)}
.sidx li:hover .sidx__n{color:inherit}
.sidx__t{font-size:clamp(30px,4.4vw,72px);font-weight:700;letter-spacing:-.04em;line-height:1.05}
.sidx__k{font-size:15px;color:var(--muted);text-align:right}
.sidx li:hover .sidx__k{color:inherit}
.sidx li:nth-child(3):hover a{color:var(--ink)}

.srv{position:relative;padding:clamp(40px,6vh,70px) var(--gutter) clamp(90px,14vh,150px)}
.srv__panel{position:relative;overflow:hidden;isolation:isolate;border-radius:36px;padding:clamp(28px,4vw,72px);background:var(--c);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4vw,72px);align-items:center;min-height:clamp(520px,82vh,820px)}
.srv--web{--c:var(--blue)}.srv--brand{--c:var(--fuchsia)}.srv--ai{--c:var(--orange)}
.srv--ai .srv__panel{color:var(--ink)}
.srv__num{display:flex;gap:12px;align-items:center;font-weight:500;font-size:15px}
.srv__num i{display:block;width:40px;height:1px;background:currentColor;opacity:.6}
.srv h2{font-size:clamp(44px,6vw,108px);line-height:1;margin:clamp(20px,4vh,40px) 0 0}
.srv__lead{margin-top:22px;font-size:clamp(17px,1.35vw,20px);max-width:44ch;opacity:.92}
.srv__tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin-top:28px}
.srv__tags li{padding:7px 14px;border-radius:999px;border:1px solid currentColor;font-weight:500;font-size:13px;opacity:.85}
.srv__visual{position:relative;height:100%;min-height:380px;border-radius:24px;overflow:hidden;background:rgba(0,0,0,.14)}
.srv__visual > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.srv__body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,110px);margin-top:clamp(64px,10vh,120px)}
.srv__body h3{font-size:clamp(30px,3vw,52px);line-height:1.05;letter-spacing:-.035em}
.srv__body .muted{color:var(--muted);margin-top:16px;max-width:36ch}
.scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.scope__i{position:relative;padding:26px;border-radius:24px;background:var(--ink-2);border:1px solid rgba(244,243,248,.08);overflow:hidden;isolation:isolate;transition:border-color .4s,transform .6s var(--ease)}
.scope__i::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 100% at 0% 0%,var(--c),transparent 60%);opacity:0;transition:opacity .5s}
.scope__i:hover{border-color:transparent;transform:translateY(-4px)}
.scope__i:hover::before{opacity:.35}
.scope__i b{display:flex;gap:12px;align-items:center;font-size:20px;letter-spacing:-.02em;margin-bottom:10px}
.scope__i b i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--c)}
.scope__i p{color:rgba(244,243,248,.7);font-size:15.5px}
.srv__work{margin-top:clamp(56px,9vh,100px)}
.srv__work-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px}
.srv__work-head h3{font-size:clamp(24px,2.2vw,34px);letter-spacing:-.03em}
.srv__work-head a{font-weight:600;border-bottom:1px solid currentColor;white-space:nowrap}
.srv__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.srv__cards--one{grid-template-columns:1fr}
.srv__cards--one .pcard__media{aspect-ratio:21/9}
/* Web görseli: tarayıcı + telefon */
.mock{position:absolute;inset:0;display:grid;place-items:center}
.mock .browser{position:absolute;width:86%;left:5%;top:12%;border-radius:14px}
.mock .browser__bar{padding:10px 12px}.mock .browser__bar i{width:9px;height:9px}
.mock .browser .shots{position:relative;aspect-ratio:16/10;overflow:hidden}
.mock .shots img,.mock .phone img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0}
.phone{position:absolute;right:6%;bottom:6%;width:26%;aspect-ratio:9/19;border-radius:26px;background:#0d0d12;padding:7px;box-shadow:0 40px 60px -20px rgba(0,0,0,.6)}
.phone div{width:100%;height:100%;border-radius:20px;overflow:hidden;position:relative}
.phone img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
/* Marka görseli: dönen kart destesi */
.deck{position:absolute;inset:0;display:grid;place-items:center}
.deck img{position:absolute;width:40%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;box-shadow:0 30px 60px -20px rgba(0,0,0,.55)}
/* Yapay zeka görseli: canlı iş akışı */
.flowd{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:8%;background:#14141a;color:var(--paper)}
.flowd__n{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:rgba(244,243,248,.06);border:1px solid rgba(244,243,248,.1)}
.flowd__n b{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--c);color:#fff;font-size:15px}
.flowd__n:nth-child(1){--c:var(--blue)}.flowd__n:nth-child(2){--c:var(--violet)}.flowd__n:nth-child(3){--c:var(--fuchsia)}.flowd__n:nth-child(4){--c:var(--orange)}
.flowd__n strong{display:block;font-size:16px}
.flowd__n span{font-size:13px;color:var(--muted)}
.flowd__n.is-on{border-color:var(--c);background:rgba(244,243,248,.1)}
.flowd__n em{margin-left:auto;font-style:normal;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:rgba(24,196,107,.15);color:#3be08a;opacity:0}
.flowd__n.is-done em{opacity:1}
.flowd__tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.flowd__tools span{padding:6px 12px;border-radius:999px;background:rgba(244,243,248,.08);font-size:12px;font-weight:600;color:var(--paper)}

/* Süreç: çizilen çizgi + adımlar */
.steps{padding:clamp(100px,16vh,180px) var(--gutter);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,110px)}
.steps__head{position:sticky;top:18vh;align-self:start}
.steps__head h2{font-size:clamp(40px,5vw,88px);line-height:1}
.steps__head p{margin-top:20px;max-width:34ch}
.steps__list{position:relative;list-style:none;padding-left:clamp(48px,5vw,80px)}
.steps__rail{position:absolute;left:clamp(15px,1.6vw,24px);top:10px;bottom:10px;width:2px;background:rgba(13,13,18,.1);border-radius:2px;overflow:hidden}
.steps__rail i{position:absolute;inset:0;background:var(--grad);background-size:100% 100%;transform-origin:50% 0;transform:scaleY(0)}
.step{position:relative;padding:0 0 clamp(48px,8vh,90px)}
.step:last-child{padding-bottom:0}
.step__dot{position:absolute;left:calc(-1 * clamp(48px,5vw,80px) + clamp(15px,1.6vw,24px) - 11px);top:4px;width:24px;height:24px;border-radius:50%;background:var(--paper);border:2px solid rgba(13,13,18,.15);transition:background .4s,border-color .4s,transform .5s var(--ease)}
.step.is-on .step__dot{background:var(--c);border-color:var(--c);transform:scale(1.15)}
.step:nth-child(2){--c:var(--blue)}.step:nth-child(3){--c:var(--violet)}.step:nth-child(4){--c:var(--fuchsia)}.step:nth-child(5){--c:var(--orange)}
.step__k{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#8a8796}
.step h3{font-size:clamp(28px,3vw,52px);line-height:1.05;letter-spacing:-.035em;margin-top:8px}
.step p{margin-top:14px;color:#55525f;max-width:52ch;font-size:17px}
.step ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin-top:18px}
.step li{padding:7px 14px;border-radius:999px;background:#fff;font-size:13px;font-weight:600}
.steps-wrap{border-radius:44px 44px 0 0;position:relative;z-index:2}
.promise{padding:0 var(--gutter) clamp(100px,16vh,180px)}
.promise__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.2vw,18px)}
/* Apple tarzı: renkli ikon üstte, metin altta; hover'da hafif yükselir */
.promise__i{--c:var(--blue);display:flex;flex-direction:column;min-height:clamp(230px,19vw,280px);padding:clamp(26px,2.3vw,34px);border-radius:28px;background:#fff;box-shadow:0 2px 12px rgba(13,13,18,.04);transition:translate .6s var(--ease),box-shadow .6s var(--ease)}
.promise__i:nth-child(4n+2){--c:var(--violet)}.promise__i:nth-child(4n+3){--c:var(--fuchsia)}.promise__i:nth-child(4n+4){--c:var(--orange)}
.promise__i:hover{translate:0 -6px;box-shadow:0 26px 50px -24px rgba(13,13,18,.22)}
.promise__ic{display:grid;place-items:center;width:52px;height:52px;margin-bottom:auto;border-radius:16px;color:var(--c);background:color-mix(in srgb,var(--c) 10%,#fff);transition:transform .6s var(--ease)}
.promise__ic svg{width:28px;height:28px}
.promise__i:hover .promise__ic{transform:scale(1.08) rotate(-4deg)}
.promise__i b{display:block;margin-top:32px;font-size:clamp(20px,1.6vw,24px);line-height:1.15;letter-spacing:-.025em;margin-bottom:10px}
.promise__i span{color:#6b6878;font-size:16px;line-height:1.5}
.steps-wrap + .faq{border-top:0}

/* Projeler girişi: sağda dönen proje destesi */
.pj-hero{padding-top:clamp(110px,15vh,170px);display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:clamp(32px,5vw,96px);align-items:center}
.pstack{position:relative;justify-self:center;width:min(100%,860px,100vh);aspect-ratio:1/.76;perspective:1400px}
.pstack__in{position:absolute;inset:0;transform-style:preserve-3d}
.pstack__card{position:absolute;left:4%;right:12%;top:24%;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:var(--ink-2);border:1px solid rgba(255,255,255,.1);box-shadow:0 50px 90px -40px rgba(0,0,0,.85);transform-origin:50% 100%}
.pstack__card img{width:100%;height:100%;object-fit:cover}
.pstack__chip{left:0;bottom:2%}
@media (max-width:1100px){
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .promise__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .ab-hero,.pj-hero{grid-template-columns:1fr}
  .pstack{justify-self:center;width:min(100%,460px)}
  .pnav{grid-template-columns:1fr}
  .pnav__i{min-height:132px;padding-left:22px}
  .ab-portrait{justify-self:center;width:min(calc(100% - 40px),420px)}
  .ab-portrait .chip{font-size:12px;padding:8px 13px}
  .story__aside{grid-template-columns:1fr}
  .tl__track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
  .tl__track::-webkit-scrollbar{display:none}
  .tc{width:78vw;scroll-snap-align:center}
  .tl__bar,.tl__hint{display:none}
  .roles__wrap{flex-direction:column;height:auto}
  .role{flex:none;height:380px}.role.is-on{flex:none}
  .role p{opacity:.92;transform:none;max-height:none}
  .skill a,.skill > span{grid-template-columns:44px 1fr}
  .skill__d{display:none}
  .pd-meta{grid-template-columns:1fr 1fr}
  .pd-gallery{columns:1}
  .case{grid-template-columns:1fr}.case--flip .case__img{order:0}
  .feat__grid{grid-template-columns:1fr}
  .srv__panel{grid-template-columns:1fr;min-height:0}
  .srv__visual{min-height:320px}
  .srv__body{grid-template-columns:1fr}
  .srv__cards{grid-template-columns:1fr}
  .sidx a{grid-template-columns:44px 1fr}.sidx__k{display:none}
  .steps{grid-template-columns:1fr}.steps__head{position:static}
}
@media (max-width:640px){
  .pgrid,.promise__grid,.scope{grid-template-columns:1fr}
  .promise__i{min-height:0}.promise__i b{margin-top:22px}
  .fbtn{padding:10px 14px;font-size:14px}
  .phone{width:30%}
}

/* ---------- Hizmetler: panel düğmeleri ---------- */
.srv__btns{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:32px}
.btn--light{background:rgba(255,255,255,.92);color:var(--ink);border-color:transparent}
.btn--light::before{background:var(--ink)}
.btn--light:hover{color:#fff}
.srv__quote{font-weight:600;font-size:15px;border-bottom:1px solid currentColor;padding-bottom:2px;opacity:.9}
.srv__quote:hover{opacity:1}

/* ---------- HİZMET DETAYI ---------- */
.sv-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(32px,5vw,90px);align-items:center;padding-top:clamp(120px,17vh,180px)}
.sv-hero .phero__bg i:nth-child(2){background:var(--c)}
.sv-hero .phero__title{font-size:clamp(44px,5.6vw,104px)}
.sv-tags{margin-top:26px}
.sv-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.sv-visual{position:relative;border-radius:32px;padding:clamp(14px,1.4vw,22px);background:var(--c);box-shadow:0 60px 120px -50px var(--c)}
.sv-visual .srv__visual{min-height:clamp(380px,56vh,560px)}
.sv-text{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,110px);padding:clamp(90px,14vh,160px) var(--gutter)}
.sv-text h2{font-size:clamp(36px,4.4vw,76px);line-height:1}
.sv-text__body p{font-size:clamp(17px,1.35vw,21px);color:rgba(244,243,248,.78)}
.sv-text__body p + p{margin-top:18px}
.sv-text__body a{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.sv-scope{padding:0 var(--gutter) clamp(80px,12vh,130px)}
.sv-scope .scope{grid-template-columns:repeat(3,minmax(0,1fr))}
.sv-work{padding:0 var(--gutter) clamp(90px,14vh,160px);margin-top:0;scroll-margin-top:90px}
.sv-wf{padding:clamp(90px,14vh,160px) var(--gutter)}
.wf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:wf}
.wf__i{position:relative;padding:28px;border-radius:26px;background:var(--ink-2);border:1px solid rgba(244,243,248,.08);display:flex;flex-direction:column;gap:8px}
.wf__i:not(:last-child)::after{content:"";position:absolute;right:-14px;top:50%;width:14px;height:2px;background:var(--grad)}
.wf__n{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--orange);color:var(--ink);font-weight:700;margin-bottom:14px}
.wf__i:nth-child(2) .wf__n{background:var(--fuchsia);color:#fff}.wf__i:nth-child(3) .wf__n{background:var(--violet);color:#fff}
.wf__i b{font-size:22px;letter-spacing:-.02em}
.wf__i span:last-child{color:var(--muted)}
.sv-others{padding:clamp(90px,14vh,150px) var(--gutter) clamp(80px,12vh,130px);border-top:1px solid rgba(244,243,248,.08)}
.sv-others h2{font-size:clamp(36px,4.4vw,76px);line-height:1;margin-bottom:clamp(32px,5vh,56px)}
.sv-others__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sv-other{position:relative;display:flex;flex-direction:column;gap:10px;min-height:220px;padding:28px;border-radius:28px;background:var(--ink-2);border:1px solid rgba(244,243,248,.08);overflow:hidden;isolation:isolate;transition:transform .6s var(--ease),border-color .4s}
.sv-other::before{content:"";position:absolute;right:-30%;top:-40%;width:80%;aspect-ratio:1;border-radius:50%;background:var(--c);filter:blur(60px);opacity:.25;z-index:-1;transition:opacity .6s,transform 1s var(--ease)}
.sv-other:hover{transform:translateY(-4px);border-color:rgba(244,243,248,.18)}
.sv-other:hover::before{opacity:.5;transform:scale(1.3)}
.sv-other__dot{width:12px;height:12px;border-radius:50%;background:var(--c);margin-bottom:auto}
.sv-other b{font-size:clamp(22px,2vw,30px);letter-spacing:-.03em;line-height:1.1}
.sv-other > span:not(.sv-other__dot):not(.pnav__go){color:var(--muted);max-width:32ch;padding-right:40px}
.sv-other:hover .pnav__go{transform:translateX(3px)}
@media (max-width:1100px){.sv-scope .scope{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .sv-hero,.sv-text{grid-template-columns:1fr}
  .wf,.sv-others__grid{grid-template-columns:1fr}
  .wf__i:not(:last-child)::after{right:50%;top:auto;bottom:-14px;width:2px;height:14px}
  .sv-visual .srv__visual{min-height:320px}
}
@media (max-width:640px){.sv-scope .scope{grid-template-columns:1fr}}


/* ---------- Bento kartlar (Apple tarzı) ---------- */
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.bt{position:relative;display:flex;gap:clamp(20px,3vw,48px);min-height:clamp(260px,34vh,340px);padding:clamp(26px,2.6vw,40px);border-radius:32px;overflow:hidden;isolation:isolate;
  background:linear-gradient(160deg,#1d1d27,#121218 70%);border:1px solid rgba(244,243,248,.07);transform-style:preserve-3d;will-change:transform}
/* Kenarda dolaşan ışık: imleci takip eden degrade çerçeve */
.bt::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;z-index:2;pointer-events:none;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),var(--c),transparent 45%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.35;transition:opacity .5s}
.bt:hover::before{opacity:1}
.bt__glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(520px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--c) 28%,transparent),transparent 50%);opacity:0;transition:opacity .5s}
.bt:hover .bt__glow{opacity:1}
.bt__txt{position:relative;display:flex;flex-direction:column;flex:1;min-width:0}
.bt__ico{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;margin-bottom:auto;color:#fff;
  background:linear-gradient(145deg,var(--c),color-mix(in srgb,var(--c) 45%,#0D0D12));box-shadow:0 16px 40px -14px var(--c),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .7s var(--ease)}
.bt__ico svg{width:30px;height:30px}
.bt__ico svg *{stroke-dasharray:1;stroke-dashoffset:0}
.bt:hover .bt__ico{transform:translateY(-4px) rotate(-6deg) scale(1.06)}
.bt h3{margin-top:40px;font-size:clamp(24px,2.1vw,34px);line-height:1.08;letter-spacing:-.035em}
.bt p{margin-top:12px;color:rgba(244,243,248,.66);font-size:16px;line-height:1.5;max-width:46ch}
.bt__n{position:absolute;right:28px;top:22px;font-size:14px;font-weight:600;color:rgba(244,243,248,.28);font-variant-numeric:tabular-nums}
.bt--wide .bt__txt{max-width:46%}
.bt__img{position:relative;flex:1;min-height:220px;border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.bt__img img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;transition:scale 1.2s var(--ease)}
.bt:hover .bt__img img{scale:1.06}
/* Neler sunuyorum: her kart kendi renginde (ikon, zemin tonu, kenar ışığı) */
.sv-scope .bt{background:linear-gradient(160deg,color-mix(in srgb,var(--c) 22%,#16161d),#121218 72%)}
.sv-scope .bt:nth-child(6n+1){--c:var(--blue)}
.sv-scope .bt:nth-child(6n+2){--c:var(--violet)}
.sv-scope .bt:nth-child(6n+3){--c:var(--fuchsia)}
.sv-scope .bt:nth-child(6n+4){--c:var(--orange)}
.sv-scope .bt:nth-child(6n+5){--c:#00B2D6}
.sv-scope .bt:nth-child(6n+6){--c:#16C47F}
/* Hız kartı: ibre ve çubuklar 5 saniyelik döngüde dolar */
.bt__speed{position:relative;flex:1;min-width:0;min-height:220px;display:grid;place-items:center;border-radius:22px;background:rgba(13,13,18,.45);box-shadow:inset 0 0 0 1px rgba(244,243,248,.06)}
.bt__speed svg{width:100%;max-width:560px;height:auto;padding:0 clamp(10px,2vw,24px)}
.sp-track,.sp-arc{stroke-width:16;stroke-linecap:round}
.sp-track{stroke:rgba(244,243,248,.1)}
.sp-arc{stroke-dasharray:1;animation:spArc 5s var(--ease) infinite}
.sp-needle{stroke:#fff;stroke-width:5;stroke-linecap:round;transform-origin:130px 170px;animation:spNeedle 5s var(--ease) infinite}
.sp-hub{fill:#fff}
.sp-row{fill:rgba(244,243,248,.08)}
.sp-fill{fill:var(--c);transform-box:fill-box;transform-origin:0 50%;animation:spFill 5s var(--ease) infinite both}
.sp-fill:nth-of-type(4){animation-delay:.15s;opacity:.8}
.sp-fill:nth-of-type(6){animation-delay:.3s;opacity:.6}
.sp-fill:nth-of-type(8){animation-delay:.45s;opacity:.4}
@keyframes spArc{0%{stroke-dashoffset:1}45%,90%{stroke-dashoffset:.12}100%{stroke-dashoffset:1}}
@keyframes spNeedle{0%{transform:rotate(-90deg)}45%{transform:rotate(68deg)}52%{transform:rotate(58deg)}58%,90%{transform:rotate(62deg)}100%{transform:rotate(-90deg)}}
@keyframes spFill{0%{transform:scaleX(0)}35%,88%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.rv-base{stroke:rgba(244,243,248,.14);stroke-width:2;stroke-linecap:round}
.rv-bar{fill:var(--c);transform-box:fill-box;transform-origin:50% 100%;opacity:calc(.45 + var(--i)*.09);animation:rvBar 6s var(--ease) infinite both;animation-delay:calc(var(--i)*.07s)}
.rv-line{stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:rvLine 6s var(--ease) infinite both}
.rv-dot{fill:#fff;transform-box:fill-box;transform-origin:center;animation:rvDot 6s var(--ease) infinite both}
.rv-sheet{fill:rgba(244,243,248,.04);stroke:rgba(244,243,248,.1)}
.rv-head{fill:var(--c)}
.rv-tag{fill:rgba(244,243,248,.7);font:600 13px/1 var(--font,inherit);letter-spacing:.06em}
.rv-row rect{fill:rgba(244,243,248,.16)}
.rv-row{animation:rvRow 6s var(--ease) infinite both;animation-delay:calc(.3s + var(--i)*.14s)}
@keyframes rvBar{0%{transform:scaleY(.08)}22%,84%{transform:scaleY(1)}100%{transform:scaleY(.08)}}
@keyframes rvLine{0%,12%{stroke-dashoffset:1}40%,84%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes rvDot{0%,34%{opacity:0;scale:.4}42%,84%{opacity:1;scale:1}100%{opacity:0;scale:.4}}
@keyframes rvRow{0%,8%{opacity:.15}24%,84%{opacity:1}100%{opacity:.15}}
.pv-base{stroke:rgba(244,243,248,.16);stroke-width:2;stroke-linecap:round}
.pv-flow{stroke:var(--c);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;animation:pvFlow 8s var(--ease) infinite both}
.pv-flow--b{stroke:rgba(244,243,248,.65);animation-delay:.3s}
.pv-node{fill:rgba(244,243,248,.07);stroke:rgba(244,243,248,.16);animation:pvNode 8s var(--ease) infinite both;animation-delay:var(--d)}
.pv-bar{fill:rgba(244,243,248,.4);animation:pvNode 8s var(--ease) infinite both;animation-delay:var(--d)}
.pv-bar--s{animation:none}
.pv-err{fill:var(--coral);stroke:#15151c;stroke-width:3;transform-box:fill-box;transform-origin:center;animation:pvErr 8s var(--ease) infinite both}
.pv-dec{fill:color-mix(in srgb,var(--c) 22%,transparent);stroke:var(--c);stroke-width:2;stroke-linejoin:round}
.pv-dec-q{stroke:#fff;stroke-width:2.500;stroke-linecap:round;stroke-linejoin:round}
.pv-a{animation:pvIn 8s var(--ease) infinite both;animation-delay:var(--d)}
.pv-on{fill:var(--c)}
.pv-on--2{opacity:.65}
.pv-chk{stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pv-hum{fill:rgba(244,243,248,.06);stroke:rgba(244,243,248,.5);stroke-width:1.500}
.pv-ico{stroke:#fff;stroke-width:2;stroke-linecap:round}
.pv-lens{transform:translate(228px,110px);animation:pvLens 8s var(--ease) infinite both}
.pv-lens circle{fill:rgba(255,255,255,.08);stroke:#fff;stroke-width:3}
.pv-lens path{stroke:#fff;stroke-width:5;stroke-linecap:round}
@keyframes pvLens{0%{transform:translate(54px,110px);opacity:0}4%,12%{transform:translate(54px,110px);opacity:1}22%,30%{transform:translate(148px,110px);opacity:1}40%,46%{transform:translate(228px,110px);opacity:1}54%,100%{transform:translate(228px,110px);opacity:0}}
@keyframes pvNode{0%,4%{opacity:.4}14%,88%{opacity:1}100%{opacity:.4}}
@keyframes pvErr{0%,22%{opacity:0;scale:.3}28%,88%{opacity:1;scale:1}100%{opacity:0;scale:.3}}
@keyframes pvFlow{0%,40%{stroke-dashoffset:1}58%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes pvIn{0%{opacity:0;transform:translateY(6px)}8%,48%{opacity:1;transform:none}56%{opacity:0;transform:translateY(6px)}100%{opacity:0;transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){.rv-bar,.rv-line,.rv-dot,.rv-row,.pv-flow,.pv-node,.pv-bar,.pv-err,.pv-a{animation:none}.pv-lens{animation:none;opacity:0}}
@media (prefers-reduced-motion:reduce){.sp-arc{animation:none;stroke-dashoffset:.12}.sp-needle{animation:none;transform:rotate(62deg)}.sp-fill{animation:none}}

/* ---------- Keşif alanı: sekmeli, otomatik ilerleyen ---------- */
.xp{--xp-gap:clamp(20px,3vw,48px);padding:clamp(90px,14vh,160px) var(--gutter)}
.xp__wrap{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:var(--xp-gap);align-items:start}
.xp__tabs{position:sticky;top:16vh;display:flex;flex-direction:column;gap:6px}
.xp__tab{position:relative;text-align:left;padding:20px 24px 24px;border-radius:22px;border:1px solid transparent;background:none;cursor:pointer;color:rgba(244,243,248,.42);transition:background .5s,color .4s,border-color .5s}
.xp__tab:hover{color:rgba(244,243,248,.8)}
.xp__tab b{display:block;font-size:clamp(20px,1.7vw,26px);letter-spacing:-.03em;line-height:1.15}
.xp__tab span{display:block;font-size:14px;color:var(--muted);max-height:0;opacity:0;overflow:hidden;transition:max-height .6s var(--ease),opacity .4s,margin .4s}
.xp__tab.is-on{background:linear-gradient(160deg,#1d1d27,#141419);border-color:rgba(244,243,248,.08);color:var(--paper)}
.xp__tab.is-on span{max-height:3em;opacity:1;margin-top:6px}
.xp__tab i{position:absolute;left:24px;right:24px;bottom:12px;height:2px;border-radius:2px;background:rgba(244,243,248,.08);overflow:hidden;opacity:0;transition:opacity .3s}
.xp__tab i::after{content:"";position:absolute;inset:0;background:var(--grad);transform-origin:0 50%;transform:scaleX(var(--p,0))}
.xp__tab.is-on i{opacity:1}
.xp__stage{position:relative;border-radius:34px;overflow:hidden;background:linear-gradient(160deg,#1d1d27,#121218 70%);border:1px solid rgba(244,243,248,.08)}
.xp__panel{display:grid}
.xp__panel[hidden]{display:none}
.xp__vis{position:relative;aspect-ratio:16/8.4;overflow:hidden;display:grid;place-items:center;isolation:isolate;
  background:radial-gradient(70% 90% at 30% 110%,color-mix(in srgb,var(--c) 55%,transparent),transparent 70%),radial-gradient(60% 80% at 100% 0%,color-mix(in srgb,var(--violet) 35%,transparent),transparent 70%),#15151c}
.xp__txt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:8px 40px;padding:clamp(24px,2.8vw,40px)}
.xp__txt h3{grid-column:1;font-size:clamp(26px,2.4vw,40px);letter-spacing:-.035em;line-height:1.08}
.xp__txt p{grid-column:1;color:rgba(244,243,248,.7);font-size:17px;margin-top:8px}
.xp__pts{grid-column:2;grid-row:1/span 3;align-self:start;display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.xp__pts li{padding:8px 14px;border-radius:999px;background:rgba(244,243,248,.07);font-size:14px;font-weight:600}
.xp__meta{grid-column:1;margin-top:14px;font-size:14px;font-weight:600;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;justify-self:start}
.xp__cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;margin-left:calc((100% - var(--xp-gap))*.31 + var(--xp-gap))}
.xc{padding:28px;border-radius:28px;background:var(--ink-2);border:1px solid rgba(244,243,248,.08)}
.xc__k{font-size:13px;font-weight:600;color:var(--muted)}
.xc b{display:block;font-size:26px;letter-spacing:-.03em;margin:4px 0 16px}
.xc ul{list-style:none;display:grid;gap:10px}
.xc li{display:flex;gap:10px;color:rgba(244,243,248,.75)}
.xc li::before{content:"";flex:none;width:18px;height:18px;margin-top:4px;border-radius:50%;background:var(--grad);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M9 0a9 9 0 1 0 0 18A9 9 0 0 0 9 0Zm-1.2 12.6L4.2 9l1.3-1.3 2.3 2.3 4.7-4.7 1.3 1.3-6 6Z'/%3E%3C/svg%3E") center/contain}
.xp__note{margin-top:24px;margin-left:calc((100% - var(--xp-gap))*.31 + var(--xp-gap));color:var(--muted);font-size:15px}
/* Görseller */
.xv{position:absolute;inset:0;display:grid;place-items:center;padding:6% 8%}
.xv__win{width:min(100%,640px);border-radius:16px;background:#f4f3f8;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);overflow:hidden}
.xv__bar{display:flex;gap:6px;align-items:center;padding:10px 12px;background:#e6e4ee}
.xv__bar i{width:9px;height:9px;border-radius:50%;background:#ff5f57}.xv__bar i:nth-child(2){background:#febc2e}.xv__bar i:nth-child(3){background:#28c840}
.xv__bar span{margin-left:10px;height:14px;flex:1;max-width:220px;border-radius:6px;background:#fff}
.xv__page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}
.xb{display:flex;align-items:flex-end;min-height:56px;padding:10px 12px;border-radius:10px;background:#e6e4ee;color:#55525f;font-size:12px;font-weight:600}
.xb--hero{grid-column:1/-1;min-height:118px;background:linear-gradient(120deg,var(--c),var(--violet));color:#fff;font-size:15px}
.xv--img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.xv--img .chip{position:absolute;left:24px;bottom:22px;z-index:2}
.xv--logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.xl{display:grid;place-items:center;width:100%;height:100%;min-height:90px;border-radius:18px;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.xl img{width:46%;height:auto}
.xl.mono img{filter:brightness(0) invert(1)}
.xl.dark img{filter:brightness(0)}
.xv--swatch{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:stretch}
.xs{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:18px;background:rgba(255,255,255,.06)}
.xs i{flex:1;min-height:90px;border-radius:12px;background:var(--s)}
.xs b{font-size:14px}.xs small{font-size:11px;color:var(--muted);line-height:1.35}
.xs__type{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:18px;background:rgba(255,255,255,.06);font-size:clamp(40px,4vw,64px);font-weight:700;letter-spacing:-.04em}
.xs__type small{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:0}
.xv--files{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.xf{display:flex;flex-direction:column;align-items:center;gap:10px}
.xf i{position:relative;display:grid;place-items:center;width:100%;max-width:110px;aspect-ratio:3/4;border-radius:12px 34px 12px 12px;background:linear-gradient(160deg,var(--fc),color-mix(in srgb,var(--fc) 50%,#0D0D12));font-style:normal;font-weight:800;font-size:clamp(18px,1.8vw,26px);color:#fff;box-shadow:0 24px 40px -20px var(--fc)}
.xf small{font-size:11px;color:var(--muted)}
.xg{position:relative;width:min(70%,420px);aspect-ratio:2/1;border:1.5px dashed rgba(244,243,248,.35);border-radius:14px;display:grid;place-items:center}
.xg__box{display:grid;place-items:center;width:62%;height:56%;border-radius:10px;background:rgba(244,243,248,.06);outline:1.5px solid var(--c)}
.xg__box img{width:78%}
.xg__m{position:absolute;font-style:normal;font-size:13px;font-weight:700;color:var(--c)}
.xg__m--t{top:8%;left:50%}.xg__m--l{left:6%;top:44%}
.xg__min{position:absolute;right:-8px;bottom:-34px;font-size:12px;font-weight:600;color:var(--muted)}
.xv--stack{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:10px;padding:5% 22%}
.xk{position:relative;display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-radius:18px;background:rgba(244,243,248,.06);border:1px solid rgba(244,243,248,.08);transition:background .5s,border-color .5s,transform .6s var(--ease)}
.xk small{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}
.xk b{font-size:18px}
.xk.is-on{background:linear-gradient(120deg,var(--c),var(--fuchsia));border-color:transparent;transform:scale(1.04);box-shadow:0 24px 50px -20px var(--c)}
.xk.is-on small{color:rgba(255,255,255,.8)}
.xk__dot{position:absolute;left:calc(22% - 22px);top:20%;width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 16px var(--orange)}

/* ---------- Diğer hizmetler: renkli ürün kutucukları ---------- */
.ot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ot{position:relative;display:flex;flex-direction:column;min-height:clamp(440px,60vh,560px);border-radius:34px;overflow:hidden;isolation:isolate;color:#fff;transform-style:preserve-3d;
  background:radial-gradient(120% 80% at 0% 0%,color-mix(in srgb,var(--c) 100%,#fff 8%),color-mix(in srgb,var(--c) 70%,#0D0D12) 70%)}
.ot--orange{color:var(--ink)}
.ot::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(500px circle at var(--mx,50%) var(--my,30%),rgba(255,255,255,.22),transparent 45%);opacity:0;transition:opacity .5s}
.ot:hover::after{opacity:1}
.ot__txt{padding:clamp(26px,2.6vw,38px)}
.ot b{display:block;font-size:clamp(28px,2.6vw,42px);letter-spacing:-.04em;line-height:1.05}
.ot__txt > span{display:block;margin-top:12px;font-size:16px;opacity:.85;max-width:30ch}
.ot em{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-style:normal;font-weight:600;font-size:15px}
.ot em svg{width:13px;height:13px;transition:transform .5s var(--ease)}
.ot:hover em svg{transform:translateX(4px)}
.ot__img{position:relative;margin:auto 26px -40px;height:58%;min-height:220px;border-radius:22px 22px 0 0;overflow:hidden;box-shadow:0 -20px 60px -20px rgba(0,0,0,.5);transform:translateY(24px) rotate(-2deg);transition:transform .9s var(--ease)}
.ot:hover .ot__img{transform:translateY(-6px) rotate(0)}
.ot__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

@media (max-width:1100px){
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bt{grid-column:span 1!important}.bt--wide{grid-column:span 2!important}
  .xp__wrap{grid-template-columns:1fr}
  .xp__tabs{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none}
  .xp__tab{flex:none}.xp__tab span{display:none}
  .xp__cmp,.xp__note{margin-left:0}
}
@media (max-width:760px){
  .bento,.ot-grid,.xp__cmp{grid-template-columns:1fr}
  .bt,.bt--wide{grid-column:span 1!important;flex-direction:column}
  .bt--wide .bt__txt{max-width:none}
  .xp__vis{aspect-ratio:4/3.4}
  .xp__txt{grid-template-columns:1fr}.xp__pts{grid-column:1;grid-row:auto;margin-top:12px}
  .xv--swatch{grid-template-columns:repeat(3,minmax(0,1fr))}
  .xv--files{grid-template-columns:repeat(3,minmax(0,1fr))}
  .xv--stack{padding:5% 8%}
  .ot{min-height:400px}
}


/* Yapay zeka araçları: merkez etrafında dönen araç rozetleri */
.xv--orbit{padding:0}
.xo{position:relative;width:min(78%,520px);aspect-ratio:1.9/1}
.xo__ring{position:absolute;inset:6% 14%;border-radius:50%;border:1px dashed rgba(244,243,248,.18);animation:orbspin 40s linear infinite}
.xo__ring--2{inset:24% 30%;border-style:solid;border-color:rgba(244,243,248,.08);animation-direction:reverse;animation-duration:28s}
@keyframes orbspin{to{transform:rotate(1turn)}}
.xo__c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;min-width:120px;padding:18px 24px;border-radius:999px;font-weight:700;font-size:17px;color:#fff;
  background:linear-gradient(120deg,var(--c),var(--fuchsia));box-shadow:0 0 0 10px rgba(255,154,0,.08),0 20px 60px -10px var(--c)}
.xo__t{position:absolute;left:calc(50% + cos(var(--a)) * 40%);top:calc(50% + sin(var(--a)) * 40%);display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;white-space:nowrap;font-size:13px;font-weight:600;
  background:rgba(22,22,29,.85);border:1px solid rgba(244,243,248,.12);backdrop-filter:blur(10px);
  transform:translate(-50%,-50%);transition:border-color .4s,background .4s}
.xo__t i{width:8px;height:8px;border-radius:50%;background:var(--tc);box-shadow:0 0 10px var(--tc)}
.xo__t:hover{border-color:var(--tc);background:rgba(30,30,40,.95)}
/* Senaryolar */
.xp__sc{margin-top:clamp(48px,7vh,80px)}
.xp__sch{font-size:clamp(24px,2.2vw,34px);letter-spacing:-.03em;margin-bottom:20px}
.xp__scg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.xsc{position:relative;display:flex;flex-direction:column;gap:8px;padding:26px;border-radius:26px;background:linear-gradient(160deg,#1d1d27,#121218 70%);border:1px solid rgba(244,243,248,.08);overflow:hidden;transition:transform .6s var(--ease),border-color .4s}
.xsc:hover{transform:translateY(-4px);border-color:rgba(244,243,248,.18)}
.xsc__k{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.xsc--live .xsc__k{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.xsc b{font-size:21px;letter-spacing:-.02em}
.xsc p{color:rgba(244,243,248,.66);font-size:15px;flex:1}
.xsc__ch{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.xsc__ch span{padding:6px 11px;border-radius:999px;background:rgba(244,243,248,.07);font-size:12px;font-weight:600;transition:background .4s var(--d),color .4s var(--d)}
.xsc__ch i{font-style:normal;color:var(--muted);font-size:13px}
.xsc:hover .xsc__ch span{background:var(--c);color:var(--ink)}
@media (max-width:1100px){.xp__scg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .xp__scg{grid-template-columns:1fr}
  .xo{width:92%;aspect-ratio:1/1}
  .xo__t{left:calc(50% + cos(var(--a)) * 30%);top:calc(50% + sin(var(--a)) * 36%);font-size:11px;padding:7px 11px}
}


/* ---------- Yasal metinler ---------- */
.lg{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:clamp(32px,6vw,110px);padding:0 var(--gutter) clamp(100px,16vh,180px)}
.lg__side{position:sticky;top:18vh;align-self:start;display:grid;gap:36px}
.lg__nav{display:grid;gap:4px}
.lg__nav a{padding:12px 16px;border-radius:14px;color:var(--muted);font-weight:600;transition:background .3s,color .3s}
.lg__nav a:hover{color:var(--paper)}
.lg__nav a[aria-current]{background:var(--ink-2);color:var(--paper)}
.lg__meta{display:grid;gap:4px;font-size:14px}
.lg__meta dt{color:var(--muted);margin-top:10px}
.lg__meta a{border-bottom:1px solid currentColor}
.lg__body{max-width:72ch}
.lg__body h2{font-size:clamp(24px,2vw,32px);letter-spacing:-.03em;margin:48px 0 14px}
.lg__body h2:first-child{margin-top:0}
.lg__body p,.lg__body li{color:rgba(244,243,248,.75);font-size:17px;line-height:1.7}
.lg__body p + p{margin-top:14px}
.lg__body ul{padding-left:20px;margin-top:10px;display:grid;gap:6px}
.lg-hero .phero__title{font-size:clamp(44px,6vw,104px)}
/* 404: sürüklenebilir tasarım parçaları, renk değiştiren sıfır */
.nf{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:clamp(92px,12vh,120px);padding-bottom:clamp(40px,6vh,72px)}
.nf .phero__title{font-size:clamp(40px,4.8vw,76px);line-height:1.02}
.nf .phero__lead{margin-top:clamp(14px,2vh,22px)}
.nf .eyebrow{margin:clamp(20px,3vh,36px) 0 clamp(10px,1.6vh,16px)}
.nf .sv-btns{justify-content:center;margin-top:clamp(20px,3vh,32px)}
.nf__play{position:relative;width:min(640px,86vw);user-select:none;-webkit-user-select:none}
.nf__num{display:flex;justify-content:center;align-items:center;font-size:clamp(120px,min(22vw,31vh),290px);font-weight:700;line-height:.9;letter-spacing:-.06em}
.nf__d{display:block;color:rgba(244,243,248,.14)}
.nf__zero{--z:var(--grad);padding:0 .04em;background:var(--z);-webkit-background-clip:text;background-clip:text;color:transparent;cursor:pointer;will-change:transform}
.js-drag{position:absolute;z-index:2;cursor:grab;touch-action:none;transition:scale .3s var(--ease)}
.js-drag.is-drag{z-index:5;cursor:grabbing;scale:1.08}
.nf__note{left:-5%;top:-5%;rotate:-8deg;display:flex;flex-direction:column;align-items:flex-end;gap:8px;width:clamp(116px,13vw,158px);padding:clamp(12px,1.3vw,18px);border-radius:4px 4px 22px 4px;background:#FFF3B0;color:#2b2710;text-align:left;font-size:clamp(13px,1.1vw,15px);font-weight:500;line-height:1.3;box-shadow:0 24px 40px -18px rgba(0,0,0,.7)}
.nf__note span{width:100%}
.nf__note svg{width:14px;height:14px}
.nf__swatches{right:-5%;top:-7%;rotate:10deg;display:flex;gap:5px;padding:10px;border-radius:18px;background:#fff;box-shadow:0 24px 40px -18px rgba(0,0,0,.7)}
.nf__swatches i{display:block;width:clamp(18px,1.8vw,24px);height:clamp(40px,4vw,54px);border-radius:7px;cursor:pointer;background:var(--blue);transition:translate .3s var(--ease)}
.nf__swatches i:nth-child(2){background:var(--violet)}.nf__swatches i:nth-child(3){background:var(--fuchsia)}.nf__swatches i:nth-child(4){background:var(--orange)}
.nf__swatches i:hover{translate:0 -4px}
.nf__spark{left:7%;bottom:-4%;width:clamp(34px,3.4vw,46px);color:var(--orange)}
.nf__spark svg{display:block;width:100%}
.nf__cursor{right:12%;bottom:-3%;color:var(--violet)}
.nf__cursor svg{display:block;width:26px;height:26px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}
.nf__tag{position:absolute;left:18px;top:24px;padding:5px 10px;border-radius:8px 8px 8px 2px;background:var(--violet);color:#fff;font-size:13px;font-weight:600;white-space:nowrap}
@media (max-width:640px){
  /* dar ekranda parçalar rakamların üstüne binmesin */
  .nf__play{padding-top:64px}
  .nf__note{left:0;top:0;width:112px;padding:10px;font-size:12px}.nf__note svg{width:11px;height:11px}
  .nf__swatches{right:0;top:2px;padding:7px;gap:4px;border-radius:13px}.nf__swatches i{width:14px;height:30px;border-radius:5px}
  .nf__spark{left:2%;bottom:-6%;width:28px}
  .nf__cursor{right:42%;bottom:16%}
}
@media (max-width:860px){.lg{grid-template-columns:1fr}.lg__side{position:static}}

@media (prefers-reduced-motion:reduce){
  .phero__bg i{animation:none}
  .story__text .word{opacity:1}
  .ab-portrait .chip,.mock .shots img:first-child,.mock .phone img:first-child{opacity:1}
  .xo__ring{animation:none}
}

/* ---------- BLOG ---------- */
.blog-hero .phero__title{font-size:clamp(48px,7vw,120px);line-height:.98}
.bloglist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,32px);padding:0 var(--gutter) clamp(90px,14vh,150px)}
.bloglist__empty{grid-column:1/-1;padding:clamp(40px,8vh,90px) 0;color:var(--muted);font-size:clamp(20px,1.8vw,26px)}
.bcard{display:flex;flex-direction:column;gap:10px}
.bcard__media{position:relative;aspect-ratio:16/10;margin-bottom:10px;border-radius:24px;overflow:hidden;background:var(--ink-2)}
.bcard__media img{width:100%;height:100%;object-fit:cover;transition:scale 1.1s var(--ease)}
.bcard:hover .bcard__media img{scale:1.05}
.bcard__media--art{background:radial-gradient(70% 90% at 15% 15%,var(--blue),transparent),radial-gradient(70% 90% at 85% 20%,var(--fuchsia),transparent),radial-gradient(90% 80% at 50% 100%,var(--violet),transparent),var(--ink-2)}
.bcard:nth-child(3n+2) .bcard__media--art{background:radial-gradient(70% 90% at 85% 15%,var(--orange),transparent),radial-gradient(70% 90% at 15% 25%,var(--violet),transparent),radial-gradient(90% 80% at 50% 100%,var(--fuchsia),transparent),var(--ink-2)}
.bcard:nth-child(3n) .bcard__media--art{background:radial-gradient(70% 90% at 50% 10%,var(--fuchsia),transparent),radial-gradient(70% 90% at 10% 90%,var(--orange),transparent),radial-gradient(80% 90% at 90% 90%,var(--blue),transparent),var(--ink-2)}
.bcard__meta{font-size:14px;font-weight:600;color:var(--muted)}
.bcard h2{font-size:clamp(22px,1.8vw,28px);line-height:1.14;letter-spacing:-.025em;transition:color .3s}
.bcard:hover h2{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.bcard p{color:rgba(244,243,248,.7);font-size:16px;line-height:1.5}
.post-draft{position:fixed;left:50%;bottom:18px;z-index:60;translate:-50% 0;max-width:calc(100vw - 32px);padding:10px 18px;border-radius:999px;background:var(--orange);color:var(--ink);font-size:14px;font-weight:600;text-align:center}
.post-hero{padding-bottom:clamp(36px,6vh,64px)}
.blog-hero .phero__bg,.post-hero .phero__bg{-webkit-mask-image:linear-gradient(#000 50%,transparent 80%);mask-image:linear-gradient(#000 50%,transparent 80%)}
.post-hero .phero__title{max-width:18ch;font-size:clamp(38px,5.2vw,84px);line-height:1.02}
.post__meta{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:clamp(18px,3vh,28px);font-size:15px;color:var(--muted)}
.post__meta span + span::before{content:"·";margin-right:20px}
.post__cover{margin:0 var(--gutter) clamp(36px,6vh,64px);border-radius:28px;overflow:hidden;aspect-ratio:16/8}
.post__cover img{width:100%;height:100%;object-fit:cover}
.post__body{max-width:72ch;margin:0 auto;padding:0 var(--edge) clamp(80px,12vh,130px)}
.post__body h2{margin:clamp(40px,6vh,64px) 0 14px;font-size:clamp(28px,2.6vw,40px);line-height:1.1;letter-spacing:-.03em}
.post__body h2:first-child{margin-top:0}
.post__body h3{margin:32px 0 8px;font-size:clamp(20px,1.6vw,24px);line-height:1.2;letter-spacing:-.02em}
.post__body p,.post__body li{color:rgba(244,243,248,.8);font-size:clamp(17px,1.25vw,19px);line-height:1.7}
.post__body p + p{margin-top:16px}
.post__body ul{display:grid;gap:8px;margin-top:12px;padding-left:22px}
.post__body strong{color:#fff;font-weight:600}
.post__body a{color:#fff;text-decoration:underline;text-decoration-color:var(--violet);text-decoration-thickness:2px;text-underline-offset:3px}
.post-fill{padding:1px 6px;border-radius:6px;background:var(--orange);color:var(--ink);font-weight:600;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.post-more{padding:0 var(--gutter)}
.post-more>h2{margin-bottom:clamp(20px,3vh,32px);font-size:clamp(32px,3.4vw,54px)}
.bloglist--more{padding-left:0;padding-right:0}
@media (max-width:980px){.bloglist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.bloglist{grid-template-columns:1fr}.post__meta span + span::before{margin-right:10px}.post__meta{gap:4px 10px}}

/* Telefonda ağır efektler hafifletilir */
@media (max-width:860px),(hover:none) and (pointer:coarse){
  .phero__bg{filter:none}
  .phero__bg i:nth-child(1){background:radial-gradient(closest-side,var(--violet),transparent);animation:none}
  .phero__bg i:nth-child(2){background:radial-gradient(closest-side,var(--fuchsia),transparent);animation:none}
  .phero__bg i:nth-child(3){background:radial-gradient(closest-side,var(--blue),transparent);animation:none}
  .pcard__go,.pnav__go,.pd-cover::after{background-color:rgba(255,255,255,.88);-webkit-backdrop-filter:none;backdrop-filter:none}
  .pcard__tag,.tc__k{background:rgba(13,13,18,.72);-webkit-backdrop-filter:none;backdrop-filter:none}
  .filters__bar{background:rgba(22,22,29,.94);-webkit-backdrop-filter:none;backdrop-filter:none}
  .ac-chip{background:rgba(30,30,40,.92);-webkit-backdrop-filter:none;backdrop-filter:none}
  .acc__in{background:rgba(22,22,29,.96);-webkit-backdrop-filter:none;backdrop-filter:none}
  .lb{-webkit-backdrop-filter:none;backdrop-filter:none}
  .acs__glow{filter:none}
  .sv-other::before{background:radial-gradient(closest-side,var(--c),transparent);filter:none}
}