/* Parasite — parasite.company
   Koyu, sinematik; "Living Light" (A) + "Organism" (C). */

/* ---------- Değişkenler ---------- */
:root {
  --bg: #050607;
  --bg-1: #0a0b0d;
  --ink: #f3f0e8;
  --ink-2: rgba(243, 240, 232, .7);
  --ink-3: rgba(243, 240, 232, .48);
  --ink-4: rgba(243, 240, 232, .16);
  --line: rgba(255, 255, 255, .08);
  --line-2: rgba(255, 255, 255, .14);
  --bio: #46f2b5;
  --cyan: #45d6f0;
  --violet: #8b6cff;
  --amber: #ffb454;
  --rose: #ff4f6d;
  --serif: 'Instrument Serif', 'Iowan Old Style', 'Times New Roman', serif;
  --sans: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --ease: cubic-bezier(.16, 1, .3, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
  --gutter: clamp(16px, 4vw, 48px);
  --maxw: 1320px;
  --nav-h: 72px;
  color-scheme: dark;
}

/* ---------- Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background: var(--bg);
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--nav-h) + 8px);
}
body {
  margin: 0;
  min-height: 100vh;
  background: transparent;
  color: var(--ink);
  font: 400 16px/1.6 var(--sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;
}
img, svg, video, canvas { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
h1, h2, h3, h4, p, ul, ol, dl, dd, figure { margin: 0; }
ul, ol { list-style: none; padding: 0; }
svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
::selection { background: rgba(70, 242, 181, .3); color: #fff; }
:focus-visible { outline: 2px solid var(--bio); outline-offset: 3px; border-radius: 8px; }
.sr-only {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.skip {
  position: fixed; left: 12px; top: -64px; z-index: 100; padding: 10px 16px; border-radius: 999px;
  background: var(--ink); color: var(--bg); font-weight: 500; transition: top .2s;
}
.skip:focus { top: 12px; }
.container {
  width: 100%;
  max-width: calc(var(--maxw) + var(--gutter) * 2);
  margin-inline: auto;
  padding-inline: var(--gutter);
}
.mono { font-family: var(--mono); font-size: 12px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font: 500 12px/1.2 var(--mono); letter-spacing: .18em; text-transform: uppercase; color: var(--ink-2);
}
.eyebrow::before { content: ''; width: 18px; height: 1px; background: currentColor; opacity: .6; }
.hero__eyebrow::before { display: none; }
.pulse-dot {
  width: 7px; height: 7px; border-radius: 50%; background: var(--bio);
  animation: pulse 2.4s var(--ease) infinite;
}
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(70, 242, 181, .6); }
  70% { box-shadow: 0 0 0 10px rgba(70, 242, 181, 0); }
  100% { box-shadow: 0 0 0 0 rgba(70, 242, 181, 0); }
}

/* ---------- Arka plan ---------- */
.aurora {
  position: fixed; inset: 0; width: 100%; height: 100%; z-index: -3; pointer-events: none;
  opacity: 0; transition: opacity 1.8s ease;
}
.aurora.is-ready { opacity: 1; }
.grain {
  position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .07;
  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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.no-gl body::before {
  content: ''; position: fixed; inset: 0; z-index: -3; pointer-events: none;
  background:
    radial-gradient(60% 45% at 28% 0%, rgba(139, 108, 255, .32), transparent 70%),
    radial-gradient(50% 40% at 76% 6%, rgba(69, 214, 240, .22), transparent 70%),
    radial-gradient(40% 40% at 58% 26%, rgba(255, 180, 84, .14), transparent 70%);
}

/* ---------- Düğmeler, rozetler ---------- */
.btn {
  --bh: 52px;
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  height: var(--bh); padding: 0 24px; border-radius: 999px;
  font: 500 15px/1 var(--sans); letter-spacing: -.005em; white-space: nowrap;
  transition: background-color .3s, color .3s, box-shadow .5s, border-color .3s, translate .6s var(--ease);
}
.btn--sm { --bh: 40px; padding: 0 16px; font-size: 14px; }
.btn__icon { width: 18px; height: 18px; flex: none; transition: transform .5s var(--ease); }
.btn--primary { background: var(--ink); color: #08090b; box-shadow: 0 12px 34px -12px rgba(255, 255, 255, .35); }
.btn--primary:hover { box-shadow: 0 18px 50px -14px rgba(70, 242, 181, .6); }
.btn--primary:hover .btn__icon { transform: translateY(3px); }
.btn--glass {
  background: rgba(255, 255, 255, .06); color: var(--ink); border: 1px solid var(--line-2);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
.btn--glass:hover { background: rgba(255, 255, 255, .11); border-color: rgba(255, 255, 255, .26); }
.btn--accent {
  background: color-mix(in oklab, var(--a) 16%, transparent); color: var(--ink);
  border: 1px solid color-mix(in oklab, var(--a) 55%, transparent);
}
.btn--accent:hover { background: color-mix(in oklab, var(--a) 28%, transparent); box-shadow: 0 14px 44px -14px var(--a); }
.btn--accent:hover .btn__icon { transform: translate(2px, -2px); }

.status {
  display: inline-flex; align-items: center; gap: 8px; height: 26px; padding: 0 11px 0 9px;
  border-radius: 999px; font: 500 10.5px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase;
  color: var(--ink); background: rgba(255, 255, 255, .06); border: 1px solid var(--line-2); white-space: nowrap;
}
.status i { width: 7px; height: 7px; border-radius: 50%; flex: none; }
.status--live i { background: #3ee08f; box-shadow: 0 0 10px #3ee08f; animation: blink 2.2s ease-in-out infinite; }
.status--review i { background: #f2c840; box-shadow: 0 0 10px rgba(242, 200, 64, .8); }
.status--dev i { border: 1.5px solid var(--ink-2); border-top-color: transparent; animation: spin 1.4s linear infinite; }
@keyframes blink { 50% { opacity: .35; } }
@keyframes spin { to { transform: rotate(360deg); } }

/* ---------- Üst menü ---------- */
.nav {
  position: fixed; inset: 0 0 auto 0; z-index: 50; height: var(--nav-h);
  border-bottom: 1px solid transparent;
  transition: transform .6s var(--ease), background-color .4s, border-color .4s;
}
.nav.is-scrolled {
  background: rgba(6, 7, 9, .58); border-bottom-color: var(--line);
  -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%);
}
.nav.is-hidden { transform: translateY(-100%); }
.nav__inner {
  height: 100%; max-width: calc(var(--maxw) + var(--gutter) * 2); margin: 0 auto; padding: 0 var(--gutter);
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
}
.brand { display: inline-flex; align-items: center; gap: 10px; }
.brand__mark { width: 30px; height: 30px; stroke-width: 2.5; overflow: visible; }
.brand__mark .m-spore { fill: var(--bio); stroke: none; filter: drop-shadow(0 0 5px rgba(70, 242, 181, .9)); }
.brand__word { font: 500 19px/1 var(--sans); letter-spacing: -.04em; }
.js .nav .brand__mark .m-bowl, .js .nav .brand__mark .m-stem { stroke-dasharray: 60; stroke-dashoffset: 60; transition: stroke-dashoffset 1.6s var(--ease) .15s; }
.js .nav .brand__mark .m-stem { transition-delay: .45s; }
.js .nav .brand__mark .m-spore { transform-origin: 26.4px 4.9px; transform: scale(0); transition: transform .8s var(--ease) 1.1s; }
.is-loaded .nav .brand__mark .m-bowl, .is-loaded .nav .brand__mark .m-stem { stroke-dashoffset: 0; }
.is-loaded .nav .brand__mark .m-spore { transform: none; }
.nav__links {
  display: flex; gap: 2px; padding: 4px; border-radius: 999px;
  background: rgba(255, 255, 255, .035); border: 1px solid var(--line);
}
.nav__links a {
  padding: 8px 15px; border-radius: 999px; font-size: 14px; color: var(--ink-2);
  transition: color .25s, background-color .25s;
}
.nav__links a:hover, .nav__links a.is-active { color: var(--ink); background: rgba(255, 255, 255, .08); }
.nav__right { display: flex; align-items: center; gap: 10px; }
.lang {
  position: relative; display: inline-flex; padding: 4px; border-radius: 999px;
  border: 1px solid var(--line-2); background: rgba(255, 255, 255, .04);
}
.lang a {
  position: relative; z-index: 1; width: 38px; height: 30px; display: grid; place-items: center;
  font: 500 12px/1 var(--mono); letter-spacing: .06em; color: var(--ink-3); border-radius: 999px; transition: color .35s;
}
.lang a:hover { color: var(--ink); }
.lang a[aria-current] { color: #07080a; }
.lang__pill {
  position: absolute; top: 4px; left: 4px; width: 38px; height: 30px; border-radius: 999px;
  background: var(--ink); transition: transform .55s var(--ease);
}
[data-lang-current="tr"] .lang__pill { transform: translateX(38px); }
.lang.is-switching a { color: var(--ink-3); }
.lang.is-switching .lang__pill { transform: translateX(38px); }
[data-lang-current="tr"].is-switching .lang__pill { transform: translateX(0); }
.nav__burger {
  display: none; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line-2);
  background: rgba(255, 255, 255, .04); position: relative;
}
.nav__burger span:not(.sr-only) {
  position: absolute; left: 13px; right: 13px; height: 1.5px; background: var(--ink); border-radius: 2px;
}
.nav__burger span:nth-child(1) { top: 17px; }
.nav__burger span:nth-child(2) { top: 25px; }

.menu {
  position: fixed; inset: 0; z-index: 60; display: flex; flex-direction: column; justify-content: center;
  padding: 96px var(--gutter) 40px; background: rgba(5, 6, 7, .94);
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
  opacity: 0; transition: opacity .45s var(--ease);
}
.menu[hidden] { display: none; }
.menu.is-open { opacity: 1; }
.menu__links a {
  display: block; padding: 4px 0; font: 400 clamp(46px, 13vw, 76px)/1.08 var(--serif); letter-spacing: -.02em;
  opacity: 0; transform: translateY(26px);
  transition: opacity .7s var(--ease), transform .8s var(--ease); transition-delay: calc(var(--i) * 70ms + 80ms);
}
.menu.is-open .menu__links a { opacity: 1; transform: none; }
.menu__close {
  position: absolute; top: 14px; right: var(--gutter); width: 44px; height: 44px; border-radius: 50%;
  border: 1px solid var(--line-2); display: grid; place-items: center;
}
.menu__close svg { width: 20px; height: 20px; }
.menu__mail { margin-top: 44px; font: 400 15px var(--mono); color: var(--ink-2); }

/* ---------- Hero ---------- */
.hero {
  position: relative; isolation: isolate; overflow: hidden;
  padding-top: calc(var(--nav-h) + clamp(44px, 9vh, 104px));
  padding-bottom: clamp(56px, 10vh, 120px);
}
.hero__filaments { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
.hero__content { display: flex; flex-direction: column; align-items: center; text-align: center; }
.hero__eyebrow { margin-bottom: clamp(20px, 3.2vh, 34px); }
.hero__title {
  font: 400 clamp(56px, 8.8vw, 144px)/.92 var(--serif); letter-spacing: -.028em;
  text-wrap: balance;
}
.hero__line { display: block; }
.hero__title em, .contact__title em {
  font-style: italic; padding-right: .04em;
  background: linear-gradient(100deg, var(--bio) 0%, var(--cyan) 30%, var(--violet) 65%, var(--amber) 100%);
  background-size: 240% 100%; -webkit-background-clip: text; background-clip: text; color: transparent;
  animation: shimmer 10s ease-in-out infinite alternate;
}
@keyframes shimmer { to { background-position: 100% 0; } }
.hero__sub {
  margin-top: clamp(22px, 3.2vh, 30px); max-width: 36ch;
  font-size: clamp(17px, 1.35vw, 20px); line-height: 1.55; color: var(--ink-2); text-wrap: balance;
}
.hero__ctas { margin-top: clamp(26px, 4vh, 38px); display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }

/* ---------- Ürün kartları ---------- */
.hero__cards { margin-top: clamp(56px, 10vh, 112px); }
.cards__label { display: flex; justify-content: center; align-items: center; gap: 8px; color: var(--ink-3); margin-bottom: 20px; }
.cards__label span:first-child { color: var(--bio); }
.cards__count { color: var(--ink-4); }
.cards {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(12px, 1.6vw, 22px);
}
.cards__item { perspective: 1200px; }
.js .cards__item {
  opacity: 0; transform: translateY(70px);
  transition: opacity 1.1s var(--ease), transform 1.4s var(--ease); transition-delay: calc(.9s + var(--i) * .1s);
}
.is-loaded .cards__item { opacity: 1; transform: none; }
.pcard {
  --mx: 50%; --my: 30%; --rx: 0deg; --ry: 0deg;
  position: relative; display: block; aspect-ratio: 3 / 4.15; border-radius: 26px; overflow: hidden; isolation: isolate;
  background:
    radial-gradient(130% 75% at 50% -5%, color-mix(in oklab, var(--a) 20%, transparent), transparent 62%),
    linear-gradient(180deg, #131417 0%, #0a0b0d 100%);
  border: 1px solid rgba(255, 255, 255, .07);
  box-shadow: 0 34px 80px -34px rgba(0, 0, 0, .95);
  transform: rotateX(var(--rx)) rotateY(var(--ry));
  transition: transform .9s var(--ease), box-shadow .6s;
  will-change: transform;
}
.pcard::before {
  content: ''; position: absolute; inset: 0; z-index: 4; border-radius: inherit; padding: 1px; pointer-events: none;
  background: linear-gradient(160deg, color-mix(in oklab, var(--a) 75%, transparent), transparent 34%, transparent 62%, color-mix(in oklab, var(--a2) 55%, transparent));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  opacity: .5; transition: opacity .5s;
}
.pcard::after {
  content: ''; position: absolute; inset: 0; z-index: 4; border-radius: inherit; pointer-events: none;
  background: radial-gradient(380px circle at var(--mx) var(--my), rgba(255, 255, 255, .1), transparent 45%);
  opacity: 0; transition: opacity .45s;
}
.pcard.is-tilt { transition: transform .25s linear, box-shadow .6s; }
.pcard:hover { box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .95), 0 24px 70px -40px var(--a); }
.pcard:hover::before, .pcard:focus-visible::before { opacity: 1; }
.pcard:hover::after { opacity: 1; }
.pcard__glow {
  position: absolute; left: 50%; top: 18%; width: 110%; height: 70%; z-index: 0;
  transform: translateX(-50%);
  background: radial-gradient(50% 50% at 50% 50%, color-mix(in oklab, var(--a) 50%, transparent), transparent 72%);
  filter: blur(28px); opacity: .5; transition: opacity .6s, transform .9s var(--ease);
}
.pcard:hover .pcard__glow { opacity: .85; transform: translateX(-50%) scale(1.08); }
.pcard__stage { position: absolute; inset: 8.5% 0 0 0; z-index: 1; display: flex; justify-content: center; }
.phone--card { width: 63%; transition: transform 1s var(--ease); }
.phone--card .phone__screen > img { filter: saturate(.92) brightness(.94); transition: filter .6s; }
.pcard:hover .phone--card { transform: translateY(-12px) scale(1.02); }
.pcard:hover .phone--card .phone__screen > img { filter: none; }
.pcard__meta {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 3;
  display: flex; flex-direction: column; align-items: flex-start; gap: 6px;
  padding: 84px 22px 22px;
  background: linear-gradient(180deg, rgba(9, 10, 12, 0) 0%, rgba(9, 10, 12, .86) 42%, #090a0c 100%);
}
.pcard__meta .status { margin-bottom: 8px; }
.pcard__name { font: 400 clamp(26px, 2.2vw, 34px)/1 var(--serif); letter-spacing: -.012em; }
.pcard__line { font-size: 14px; color: var(--ink-2); padding-right: 46px; }
.pcard__go {
  position: absolute; right: 18px; bottom: 22px; z-index: 5; width: 40px; height: 40px; border-radius: 50%;
  display: grid; place-items: center; border: 1px solid var(--line-2); background: rgba(255, 255, 255, .04);
  transition: background-color .3s, color .3s, transform .6s var(--ease), border-color .3s;
}
.pcard__go svg { width: 18px; height: 18px; }
.pcard:hover .pcard__go { background: var(--a); color: #0a0a0a; border-color: transparent; transform: rotate(-45deg); }

/* ---------- Telefon çerçevesi ---------- */
.phone {
  /* çerçeve kalınlığı telefonun kendi genişliğine göre (cqw); yüzde padding kapsayıcıya göre hesaplanıp kalınlaşıyordu */
  position: relative; aspect-ratio: 9 / 19.3; flex: none; container-type: inline-size;
  border-radius: 15.2% / 7.1%;
  background: linear-gradient(150deg, #3c3f46 0%, #16171b 20%, #0d0e10 60%, #25272c 88%, #40434a 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .15),
    0 0 0 1px rgba(0, 0, 0, .55),
    0 40px 80px -34px rgba(0, 0, 0, .95),
    0 22px 50px -26px color-mix(in oklab, var(--a, #888) 50%, transparent);
}
.phone__screen {
  position: absolute; inset: 1.9cqw; overflow: hidden; isolation: isolate;
  border-radius: 13.4cqw; background: #000; container-type: inline-size;
}
.phone__screen > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; }
.phone__screen::after {
  content: ''; position: absolute; inset: 0; z-index: 20; pointer-events: none;
  background: linear-gradient(118deg, rgba(255, 255, 255, .11) 0%, rgba(255, 255, 255, 0) 26%, rgba(255, 255, 255, 0) 74%, rgba(255, 255, 255, .04) 100%);
}
.phone__island {
  position: absolute; z-index: 21; top: 4.2cqw; left: 50%; width: 30cqw; height: 8.6cqw;
  transform: translateX(-50%); border-radius: 999px; background: #000;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
}
.phone__screen--sb { background: var(--sb); }
.phone__screen--sb > img { top: 11.5cqw; height: calc(100% - 11.5cqw); }
.phone__screen--sb-over > img { top: 0; height: 100%; }
.phone__screen--fit > img { object-fit: contain; object-position: 50% 0; }
.phone__screen--fit {
  background: linear-gradient(#1a1a1a, #1a1a1a) no-repeat 50% calc(100% - 2.4cqw) / 35cqw 1.4cqw, var(--sb);
}
.phone__sb {
  position: absolute; z-index: 10; inset: 0 0 auto 0; height: 11.5cqw; background: var(--sb);
  display: flex; align-items: center; justify-content: space-between; padding: 1.2cqw 7cqw 0 9cqw; color: #121212;
}
.phone__sb b { font: 600 3.9cqw/1 var(--sans); letter-spacing: -.01em; }
.phone__sb i, .bx-status__icons {
  width: 17cqw; height: 3cqw;
  background: no-repeat right center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 12'%3E%3Cg fill='%23121212'%3E%3Crect x='0' y='8' width='3' height='4' rx='1'/%3E%3Crect x='4.5' y='6' width='3' height='6' rx='1'/%3E%3Crect x='9' y='3.5' width='3' height='8.5' rx='1'/%3E%3Crect x='13.5' y='1' width='3' height='11' rx='1'/%3E%3C/g%3E%3Cpath d='M26 4.4a9 9 0 0 1 12 0M28.3 6.8a5.6 5.6 0 0 1 7.4 0M30.6 9.2a2.4 2.4 0 0 1 2.8 0' fill='none' stroke='%23121212' stroke-width='1.8' stroke-linecap='round'/%3E%3Crect x='44.5' y='1' width='20' height='10' rx='3' fill='none' stroke='%23121212' stroke-opacity='.45'/%3E%3Crect x='46.5' y='3' width='14.5' height='6' rx='1.6' fill='%23121212'/%3E%3Crect x='65.6' y='4' width='1.6' height='4' rx='.8' fill='%23121212' fill-opacity='.45'/%3E%3C/svg%3E");
}
.bx-status__icons i { display: none; }

/* Last Signal açılış ekranı */
.phone__screen--signal > img { object-position: 50% 100%; }
.phone__screen--signal::before {
  content: ''; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(180deg, rgba(20, 8, 30, .55) 0%, rgba(20, 8, 30, 0) 34%);
}
.ls-logo {
  position: absolute; z-index: 2; left: 0; right: 0; top: 17cqw;
  display: flex; flex-direction: column; align-items: center; gap: 1cqw; color: #fff;
  text-shadow: 0 .6cqw 3cqw rgba(60, 10, 40, .6);
}
.ls-logo b { font: 800 13.5cqw/.86 var(--sans); letter-spacing: -.02em; }
.ls-logo b:first-child { font-size: 7.4cqw; letter-spacing: .5em; margin-right: -.5em; font-weight: 600; opacity: .9; }

/* ---------- Manifesto ---------- */
.manifesto { position: relative; height: 230vh; }
.manifesto__sticky { position: sticky; top: 0; height: 100vh; height: 100svh; display: flex; align-items: center; }
.manifesto__text {
  font: 400 clamp(34px, 5.2vw, 80px)/1.08 var(--serif); letter-spacing: -.022em; text-wrap: balance;
}
.manifesto__text em { font-style: italic; }
.manifesto__text s { text-decoration-thickness: .06em; text-decoration-color: rgba(255, 255, 255, .45); }
.manifesto__text b {
  font-weight: 400; font-style: italic;
  background: linear-gradient(90deg, var(--bio), var(--cyan) 60%, var(--violet));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.js .manifesto__text .mw { opacity: .13; transition: opacity .35s linear; }
.js .manifesto__text .mw.on { opacity: 1; }

/* ---------- Kayan şerit ---------- */
.marquee {
  position: relative; overflow: hidden; padding-block: clamp(26px, 5vh, 54px);
  border-block: 1px solid var(--line);
  -webkit-mask: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
  mask: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}
.marquee__track { display: flex; align-items: center; gap: clamp(26px, 3vw, 52px); width: max-content; will-change: transform; }
.marquee span {
  font: 400 clamp(52px, 7.4vw, 120px)/1 var(--serif); letter-spacing: -.02em; white-space: nowrap;
  color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, .3);
}
.marquee i { font-style: normal; font-size: clamp(26px, 3vw, 46px); color: var(--bio); }

/* ---------- Bölüm başlıkları ---------- */
.work { position: relative; padding-top: clamp(96px, 16vh, 180px); }
.section-head { margin-bottom: clamp(40px, 8vh, 96px); }
.section-title {
  margin-top: 18px; max-width: 15ch;
  font: 400 clamp(46px, 6.8vw, 108px)/.97 var(--serif); letter-spacing: -.024em; text-wrap: balance;
}
.section-title em { font-style: italic; color: var(--ink-3); }
.section-sub { margin-top: 24px; max-width: 46ch; font-size: clamp(17px, 1.3vw, 19px); color: var(--ink-2); }

/* ---------- Ürün bölümleri ---------- */
.chapter { position: relative; padding-block: clamp(72px, 13vh, 150px); }
.chapter::before {
  content: ''; position: absolute; top: 0; left: var(--gutter); right: var(--gutter); height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in oklab, var(--a) 55%, transparent), transparent);
  opacity: .6;
}
.chapter__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 104px); align-items: center; }
.chapter--flip .chapter__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.chapter--flip .chapter__copy { order: 2; }
.chapter__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 14px; margin-bottom: 22px; }
.chapter__index { color: var(--a); font-size: 13px; letter-spacing: .12em; }
.chapter__name { font: 400 clamp(54px, 6.6vw, 108px)/.94 var(--serif); letter-spacing: -.028em; }
.chapter__tagline {
  margin-top: 14px; font: italic 400 clamp(25px, 2.4vw, 36px)/1.15 var(--serif);
  color: color-mix(in oklab, var(--a) 82%, white);
}
.chapter__tagline em { font-style: italic; color: var(--ink); }
.chapter__desc { margin-top: 22px; max-width: 52ch; font-size: clamp(16px, 1.15vw, 18px); line-height: 1.68; color: var(--ink-2); }
.features { margin-top: 30px; border-top: 1px solid var(--line); }
.features li { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 10px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.features__n { color: var(--a); padding-top: 3px; }
.features h4 { font: 500 16.5px/1.3 var(--sans); letter-spacing: -.01em; }
.features p { margin-top: 4px; font-size: 14.5px; line-height: 1.55; color: var(--ink-3); }
.chapter__foot { margin-top: 30px; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; }
.chapter__facts { color: var(--ink-3); text-transform: none; letter-spacing: .03em; font-size: 12.5px; }
.chapter__visual { position: relative; }
.caption { color: var(--ink-3); font-size: 10.5px; }
.caption--right { margin-top: 14px; text-align: right; }

/* VoxHistorias sahnesi */
.vox-stage { position: relative; padding: 2% 0 15%; }
.vox-glow, .ot-glow, .bx-glow {
  position: absolute; inset: 8% 4% 4%; z-index: 0; pointer-events: none;
  background: radial-gradient(50% 50% at 50% 50%, color-mix(in oklab, var(--a) 42%, transparent), transparent 70%);
  filter: blur(60px); opacity: .55;
}
.browser {
  position: relative; z-index: 1; width: 91%; border-radius: 14px; overflow: hidden; background: #111214;
  border: 1px solid rgba(255, 255, 255, .1);
  box-shadow: 0 50px 100px -40px rgba(0, 0, 0, .95), 0 30px 70px -40px color-mix(in oklab, var(--a) 50%, transparent);
}
.browser__bar {
  height: 36px; display: flex; align-items: center; gap: 12px; padding: 0 14px;
  background: linear-gradient(#1c1d20, #151618); border-bottom: 1px solid rgba(255, 255, 255, .06);
}
.browser__dots { display: flex; gap: 7px; }
.browser__dots i { width: 10px; height: 10px; border-radius: 50%; background: #3b3c41; }
.browser__url {
  margin: 0 auto; transform: translateX(-24px); display: inline-flex; align-items: center; gap: 6px;
  height: 22px; padding: 0 12px; border-radius: 6px; background: rgba(255, 255, 255, .06);
  font: 500 11.5px/1 var(--sans); color: var(--ink-2);
}
.browser__url svg { width: 11px; height: 11px; stroke-width: 2.2; }
.browser__view { position: relative; aspect-ratio: 16 / 10; background: #1a140c; }
.browser__view img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; }
img[data-slide] { opacity: 0; transform: scale(1.025); transition: opacity .9s var(--ease), transform 1.6s var(--ease); }
img[data-slide].is-on { opacity: 1; transform: none; }
.phone--vox { position: absolute; z-index: 2; right: 0; bottom: 0; width: 26.5%; }
.slides-nav { position: absolute; left: 0; bottom: 1%; z-index: 3; display: flex; gap: 10px; }
.slides-nav button {
  display: flex; flex-direction: column; gap: 9px; min-width: 92px; padding: 8px 2px; text-align: left;
  font: 500 11.5px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); transition: color .3s;
}
.slides-nav button:hover, .slides-nav button[aria-selected="true"] { color: var(--ink); }
.slides-nav i { display: block; height: 2px; border-radius: 2px; overflow: hidden; background: rgba(255, 255, 255, .13); }
.slides-nav b { display: block; width: 0; height: 100%; background: var(--a); }
.slides-nav button[aria-selected="true"] b { animation: fillbar var(--dur, 5.5s) linear forwards; }
.slides-nav.is-paused button[aria-selected="true"] b { animation-play-state: paused; }
@keyframes fillbar { to { width: 100%; } }

/* onTwos sahnesi */
.ot-stage { --spread: 0; position: relative; height: clamp(460px, 46vw, 660px); }
.ot-stage .phone { position: absolute; top: 50%; left: 50%; width: clamp(176px, 17.5vw, 248px); }
.ot-c { z-index: 3; transform: translate(-50%, -50%) translateY(calc(var(--spread) * -12px)); }
.ot-l { z-index: 2; transform: translate(-50%, -50%) translateX(calc(-58% - var(--spread) * 24%)) translateY(5%) rotate(calc(-5deg - var(--spread) * 5deg)); }
.ot-r { z-index: 2; transform: translate(-50%, -50%) translateX(calc(58% + var(--spread) * 24%)) translateY(5%) rotate(calc(5deg + var(--spread) * 5deg)); }
.ot-l .phone__screen > img, .ot-r .phone__screen > img { filter: brightness(.86) saturate(.95); }
.ot-mark {
  position: absolute; z-index: 4; top: 3%; right: 9%; width: clamp(40px, 4.4vw, 62px); height: auto;
  stroke: none; filter: drop-shadow(0 12px 30px rgba(242, 200, 64, .45)); animation: bob 6s ease-in-out infinite;
}
@keyframes bob { 0%, 100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-12px) rotate(4deg); } }

/* Last Signal */
.chapter--signal { padding-top: 0; }
.signal-hero { position: relative; isolation: isolate; overflow: hidden; min-height: min(96vh, 960px); display: flex; flex-direction: column; justify-content: flex-end; }
.signal-hero__media { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.signal-hero__media picture, .signal-hero__media img { width: 100%; height: 100%; }
.signal-zoom { position: absolute; inset: 0; transform: scale(var(--zoom, 1.12)); transform-origin: 62% 38%; will-change: transform; }
.signal-hero__media img { object-fit: cover; object-position: 50% 45%; }
.signal-hero__shade {
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    linear-gradient(180deg, var(--bg) 0%, rgba(5, 6, 7, 0) 20%, rgba(5, 6, 7, 0) 46%, rgba(5, 6, 7, .78) 80%, var(--bg) 100%),
    linear-gradient(90deg, rgba(5, 6, 7, .82) 0%, rgba(5, 6, 7, .4) 42%, rgba(5, 6, 7, 0) 68%);
}
.signal-hero__copy { padding-top: 28vh; padding-bottom: clamp(48px, 9vh, 96px); }
.signal-hero__copy > * { max-width: 600px; }
.chapter__name--signal { font: 800 clamp(58px, 7.6vw, 124px)/.88 var(--sans); letter-spacing: -.045em; text-transform: uppercase; color: #fff; }
.chapter__name--signal .w > span {
  background: linear-gradient(180deg, #fff 30%, #ffc2a0 100%); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.chapter--signal .chapter__desc { color: rgba(243, 240, 232, .78); }
.signal-hero > .caption { position: absolute; right: var(--gutter); bottom: 22px; }
.radar { position: absolute; z-index: 1; left: 95%; top: 24%; width: 0; height: 0; pointer-events: none; }
.radar i {
  position: absolute; left: -44px; top: -44px; width: 88px; height: 88px; border-radius: 50%;
  border: 2px solid rgba(255, 190, 150, .95); box-shadow: 0 0 14px rgba(255, 120, 80, .6), inset 0 0 10px rgba(255, 120, 80, .4); opacity: 0; animation: radar 3.6s var(--ease) infinite;
}
.radar i:nth-child(2) { animation-delay: 1.2s; }
.radar i:nth-child(3) { animation-delay: 2.4s; }
.radar b { position: absolute; left: -5px; top: -5px; width: 10px; height: 10px; border-radius: 50%; background: #ffd2b8; box-shadow: 0 0 18px 6px rgba(255, 120, 80, .75); }
@keyframes radar { 0% { transform: scale(.15); opacity: .95; } 100% { transform: scale(2.8); opacity: 0; } }

.signal-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 20px; }
.pillars { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.pillars li {
  position: relative; overflow: hidden; padding: 26px 24px 28px; border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .012)); border: 1px solid var(--line);
}
.pillars li::before {
  content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2px;
  background: linear-gradient(90deg, var(--a), var(--a2)); transform: scaleX(0); transform-origin: left;
  transition: transform 1.3s var(--ease); transition-delay: calc(var(--i) * .12s + .3s);
}
.pillars.is-in li::before { transform: scaleX(1); }
.pillars__icon { width: 30px; height: 30px; margin-bottom: 26px; color: var(--a); stroke-width: 1.5; }
.pillars h4 { font: 500 18px/1.25 var(--sans); letter-spacing: -.015em; }
.pillars p { margin-top: 9px; font-size: 14.5px; line-height: 1.58; color: var(--ink-3); }
.signal-card { position: relative; overflow: hidden; border-radius: 24px; border: 1px solid var(--line); background: #0b0c0e; }
.signal-shelter { grid-column: 1 / span 7; }
.signal-shelter img { width: 100%; height: 100%; aspect-ratio: 16 / 9.4; object-fit: cover; transition: transform 1.6s var(--ease); }
.signal-shelter:hover img { transform: scale(1.04); }
.signal-shelter figcaption {
  position: absolute; left: 16px; bottom: 16px; padding: 8px 13px; border-radius: 999px;
  background: rgba(0, 0, 0, .55); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font-size: 11px;
}
.signal-map {
  grid-column: 8 / -1; display: flex; flex-direction: column; gap: 14px; padding: 26px;
  background: radial-gradient(90% 70% at 70% 30%, rgba(255, 122, 69, .14), transparent 70%), #0b0c0e;
}
.signal-map__title { font: 400 clamp(24px, 2vw, 30px)/1.12 var(--serif); letter-spacing: -.01em; }
.signal-map__steps { display: flex; flex-wrap: wrap; gap: 10px; color: var(--ink-3); }
.signal-map__steps span + span::before { content: '→'; margin-right: 10px; color: var(--a); }
.signal-map__svg { flex: 1 1 auto; width: 100%; height: auto; margin: 10px 0 4px; overflow: visible; }
.map-route { stroke: rgba(255, 255, 255, .2); stroke-width: 2; stroke-dasharray: 3 9; }
.map-route-lit { stroke: var(--bio); stroke-width: 2.5; filter: drop-shadow(0 0 6px rgba(70, 242, 181, .8)); }
.map-node .halo { fill: rgba(232, 69, 127, .12); stroke: rgba(232, 69, 127, .6); stroke-width: 1.5; transition: fill .8s, stroke .8s; }
.map-node .core { fill: #e8457f; stroke: none; transition: fill .8s; }
.map-node.is-secured .halo { fill: rgba(70, 242, 181, .16); stroke: rgba(70, 242, 181, .8); }
.map-node.is-secured .core { fill: var(--bio); }
.map-node.pop .halo { animation: secure 1s var(--ease); }
@keyframes secure { 0% { transform: scale(.5); } 55% { transform: scale(1.35); } 100% { transform: scale(1); } }
.map-player { fill: #fff; stroke: none; filter: drop-shadow(0 0 8px #fff); }
.signal-map__legend { display: flex; align-items: center; gap: 8px; color: var(--ink-3); font-size: 11px; }
.lg { display: inline-block; width: 9px; height: 9px; border-radius: 50%; }
.lg--hostile { background: #e8457f; }
.lg--secured { background: var(--bio); margin-left: 14px; }
.signal-enemies { grid-column: 1 / -1; padding-top: 18px; font: italic 400 clamp(22px, 2.3vw, 32px)/1.3 var(--serif); color: var(--ink-2); }
.signal-enemies .mono { font-style: normal; color: var(--ink-3); white-space: nowrap; }

/* Basic */
.chips { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 8px; }
.chips li {
  padding: 9px 14px; border-radius: 999px; font-size: 14px;
  border: 1px solid color-mix(in oklab, var(--a) 36%, transparent); background: color-mix(in oklab, var(--a) 8%, transparent);
}
.bx-stage { position: relative; height: clamp(540px, 54vw, 740px); }
.bx-stage .phone { position: absolute; top: 50%; left: 50%; width: clamp(204px, 19.5vw, 286px); }
.bx-c { z-index: 3; transform: translate(-50%, -50%); }
.bx-l { z-index: 2; transform: translate(-50%, -50%) translateX(-80%) translateY(4%) rotate(-7deg) scale(.86); }
.bx-r { z-index: 2; transform: translate(-50%, -50%) translateX(80%) translateY(4%) rotate(7deg) scale(.86); }
.float-chip {
  position: absolute; z-index: 5; display: inline-flex; align-items: center; gap: 9px; padding: 11px 15px;
  border-radius: 999px; background: rgba(18, 19, 22, .74); border: 1px solid var(--line-2);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  font: 500 13px/1 var(--sans); white-space: nowrap; box-shadow: 0 20px 44px -20px rgba(0, 0, 0, .9);
  animation: bob2 7s ease-in-out infinite;
}
.float-chip svg { width: 16px; height: 16px; stroke-width: 2; }
.float-chip--1 { top: 5%; left: 0; }
.float-chip--2 { top: 47%; right: -3%; animation-delay: -2.4s; }
.float-chip--3 { bottom: 3%; left: 6%; animation-delay: -4.6s; }
.c-blue { color: #5b97ff; }
.c-green { color: #3ee08f; }
@keyframes bob2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }

.compare {
  position: relative; margin-top: clamp(56px, 10vh, 110px); overflow: hidden; border-radius: 26px;
  border: 1px solid var(--line); background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01));
}
.compare__row {
  position: relative; isolation: isolate; display: grid; grid-template-columns: 1.15fr 1fr 1.15fr; gap: 18px; align-items: center;
  padding: 19px 28px; border-top: 1px solid var(--line); font-size: 15.5px;
}
.compare__row > :last-child { position: relative; }
.compare__row > :last-child::before {
  content: ''; position: absolute; z-index: -1; inset: -20px -28px -20px -18px;
  background: color-mix(in oklab, var(--a) 7%, transparent); border-left: 1px solid color-mix(in oklab, var(--a) 38%, transparent);
}
.compare__row--head { border-top: 0; padding-block: 20px; font: 500 11.5px/1.2 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.compare__row--head > :last-child { color: color-mix(in oklab, var(--a) 75%, white); }
.compare [role="rowheader"] { font-weight: 500; }
.compare__a, .compare__b { display: flex; align-items: center; gap: 10px; }
.compare__a { color: var(--ink-3); }
.compare__a svg { width: 15px; height: 15px; flex: none; color: rgba(255, 255, 255, .26); stroke-width: 2; }
.compare__b svg { width: 18px; height: 18px; flex: none; color: color-mix(in oklab, var(--a) 85%, white); stroke-width: 2.4; }

/* ---------- Basic uygulama arayüzü (telefon içi) ---------- */
.phone__screen--light { background: #f6f5f1; }
.bx { position: absolute; inset: 0; display: flex; flex-direction: column; background: #f6f5f1; color: #121214; font-family: var(--sans); }
.bx svg { stroke-width: 2; }
.bx-status { flex: none; height: 12cqw; display: flex; align-items: center; justify-content: space-between; padding: 1.4cqw 7cqw 0 9cqw; }
.bx-status b { font: 600 3.9cqw/1 var(--sans); letter-spacing: -.01em; }
.bx-top { flex: none; height: 13cqw; display: flex; align-items: center; justify-content: space-between; padding: 0 4.5cqw 0 5.5cqw; }
.bx-logo { font: 700 7.4cqw/1 var(--sans); letter-spacing: -.065em; }
.bx-logo::after { content: '.'; color: var(--rose); }
.bx-title { font: 700 7cqw/1 var(--sans); letter-spacing: -.05em; }
.bx-iconbtn { width: 9.6cqw; height: 9.6cqw; border-radius: 50%; display: grid; place-items: center; background: #fff; box-shadow: 0 .6cqw 2.4cqw rgba(0, 0, 0, .07); }
.bx-iconbtn svg { width: 4.8cqw; height: 4.8cqw; }
.bx-deck { position: relative; flex: 1; margin: 0 3.4cqw; }
.bx-card {
  position: absolute; inset: 0; overflow: hidden; border-radius: 6cqw; background: #d9d6cf;
  box-shadow: 0 2.4cqw 6cqw -2.4cqw rgba(0, 0, 0, .4);
  transform-origin: 50% 100%; opacity: 0; transform: translateY(5cqw) scale(.9); z-index: 0;
  transition: transform .7s var(--ease), opacity .45s, filter .6s;
}
.bx-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bx-card::after { content: ''; position: absolute; inset: 42% 0 0; z-index: 1; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .74)); }
.bx-card[data-pos="0"] { z-index: 3; opacity: 1; transform: none; }
.bx-card[data-pos="1"] { z-index: 2; opacity: 1; transform: translateY(2.6cqw) scale(.955); filter: brightness(.88); }
.bx-card[data-pos="2"] { z-index: 1; opacity: 1; transform: translateY(5cqw) scale(.91); filter: brightness(.76); }
.bx-card.drag-like { transform: translateX(6%) rotate(4deg); transition-duration: .5s; }
.bx-card.drag-nope { transform: translateX(-6%) rotate(-4deg); transition-duration: .5s; }
.bx-card.drag-super { transform: translateY(-3%); transition-duration: .5s; }
.bx-card.out-like { transform: translateX(135%) rotate(20deg); opacity: 0; transition: transform .75s cubic-bezier(.55, 0, .7, .3), opacity .75s; }
.bx-card.out-nope { transform: translateX(-135%) rotate(-20deg); opacity: 0; transition: transform .75s cubic-bezier(.55, 0, .7, .3), opacity .75s; }
.bx-card.out-super { transform: translateY(-130%) rotate(-3deg); opacity: 0; transition: transform .75s cubic-bezier(.55, 0, .7, .3), opacity .75s; }
.bx-card.out-like, .bx-card.out-nope, .bx-card.out-super { z-index: 4; }
.bx-card.no-anim { transition: none !important; }
.bx-seg { position: absolute; z-index: 2; top: 2.6cqw; left: 3cqw; right: 3cqw; display: flex; gap: 1cqw; }
.bx-seg i { flex: 1; height: .8cqw; border-radius: 1cqw; background: rgba(255, 255, 255, .42); }
.bx-seg i.on { background: #fff; }
.bx-stamp {
  position: absolute; z-index: 3; top: 9cqw; padding: 1.2cqw 2.6cqw; border: .8cqw solid; border-radius: 2cqw;
  font: 800 6.2cqw/1 var(--sans); letter-spacing: .06em; opacity: 0; transition: opacity .25s;
}
.bx-stamp--like { left: 6cqw; color: #ff4f6d; transform: rotate(-14deg); }
.bx-stamp--nope { right: 6cqw; color: #f2f2f4; transform: rotate(14deg); }
.bx-stamp--super { left: 50%; top: auto; bottom: 48cqw; color: #4b8dff; transform: translateX(-50%) rotate(-6deg); }
.bx-card.drag-like .bx-stamp--like, .bx-card.out-like .bx-stamp--like,
.bx-card.drag-nope .bx-stamp--nope, .bx-card.out-nope .bx-stamp--nope,
.bx-card.drag-super .bx-stamp--super, .bx-card.out-super .bx-stamp--super { opacity: 1; }
.bx-info { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; gap: 1.3cqw; padding: 0 5cqw 5cqw; color: #fff; }
.bx-name { display: flex; align-items: center; gap: 1.6cqw; font: 700 7cqw/1.05 var(--sans); letter-spacing: -.035em; }
.bx-name em { font-style: normal; font-weight: 400; }
.bx-ver { width: 5.2cqw; height: 5.2cqw; flex: none; color: #2f80ff; }
.bx-line { font-size: 3.6cqw; line-height: 1.25; opacity: .92; }
.bx-dist { display: flex; align-items: center; gap: 1cqw; font-size: 3.2cqw; opacity: .82; }
.bx-dist svg { width: 3.4cqw; height: 3.4cqw; }
.bx-chips { display: flex; flex-wrap: wrap; gap: 1.4cqw; margin-top: 1.4cqw; }
.bx-chips span { padding: 1.3cqw 2.5cqw; border-radius: 999px; background: rgba(255, 255, 255, .2); font-size: 3cqw; font-weight: 500; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.bx-match {
  position: absolute; z-index: 10; inset: 0; border-radius: 6cqw; pointer-events: none;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4.5cqw;
  background: #1a0a10; color: #fff; overflow: hidden; isolation: isolate;
  opacity: 0; transform: scale(1.06); transition: opacity .45s, transform .7s var(--ease);
}
.bx-match::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(90% 62% at 50% 42%, rgba(255, 79, 109, .5), rgba(24, 6, 12, .9)); }
.bx-match__bg { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transform: scale(1.05); }
.bx-match.is-on { opacity: 1; transform: none; }
.bx-match b { font: italic 400 11.5cqw/1 var(--serif); letter-spacing: -.02em; }
.bx-match span { display: inline-flex; align-items: center; gap: 1.6cqw; padding: 2.8cqw 4.8cqw; border-radius: 999px; background: #fff; color: #121214; font: 600 3.6cqw/1 var(--sans); }
.bx-match svg { width: 4cqw; height: 4cqw; }
.bx-actions { flex: none; display: flex; align-items: center; justify-content: center; gap: 4.6cqw; padding: 4.4cqw 0 3.6cqw; }
.bx-btn {
  position: relative; display: grid; place-items: center; border-radius: 50%; background: #fff;
  box-shadow: 0 1.8cqw 4cqw -1.2cqw rgba(0, 0, 0, .22), inset 0 0 0 .25cqw rgba(0, 0, 0, .04);
  transition: transform .35s var(--ease);
}
.bx-btn--s { width: 11cqw; height: 11cqw; }
.bx-btn--s svg { width: 5.2cqw; height: 5.2cqw; }
.bx-btn--l { width: 15.6cqw; height: 15.6cqw; }
.bx-btn--l svg { width: 7.2cqw; height: 7.2cqw; stroke-width: 2.4; }
.bx-btn--rewind { color: #f5a524; }
.bx-btn--nope { color: #2a2b30; }
.bx-btn--star { color: #2f80ff; }
.bx-btn--like { color: #fff; background: linear-gradient(140deg, #ff6d88, #ff3a5c); box-shadow: 0 2.2cqw 5cqw -1.4cqw rgba(255, 58, 92, .6); }
.bx-btn--star b {
  position: absolute; top: -1.2cqw; right: -1.2cqw; min-width: 4.8cqw; height: 4.8cqw; padding: 0 1.1cqw; border-radius: 999px;
  background: #2f80ff; color: #fff; font: 700 2.8cqw/4.8cqw var(--sans); text-align: center; border: .5cqw solid #f6f5f1;
}
.bx-btn.is-press { transform: scale(.86); }
.bx--card .bx-deck { flex: none; height: 96cqw; }
.bx--card .bx-info { padding-bottom: 21cqw; }
.bx--card .bx-actions { position: absolute; z-index: 6; left: 0; right: 0; top: 102cqw; padding: 0; gap: 4cqw; }
.bx--card .bx-btn--rewind { display: none; }
.bx--card .bx-btn { box-shadow: 0 2cqw 5cqw -1cqw rgba(0, 0, 0, .45); }
.bx-tabs {
  flex: none; height: 15.5cqw; display: flex; justify-content: space-around; align-items: center;
  padding-bottom: 3cqw; border-top: 1px solid #e7e5df; background: #fbfaf7;
}
.bx-tabs span { position: relative; display: flex; flex-direction: column; align-items: center; gap: .8cqw; color: #a3a3a8; }
.bx-tabs span.on { color: #121214; }
.bx-tabs svg { width: 6.2cqw; height: 6.2cqw; stroke-width: 1.9; }
.bx-tabs small { font-size: 2.6cqw; font-weight: 500; }
.bx-dot { position: absolute; top: -.6cqw; right: -1.2cqw; width: 2.4cqw; height: 2.4cqw; border-radius: 50%; background: #ff3a5c; border: .5cqw solid #fbfaf7; }
.bx-liked { flex: none; padding: 1cqw 5cqw 4.4cqw; }
.bx-liked__head { display: flex; align-items: center; gap: 2cqw; font-size: 3.8cqw; }
.bx-liked__head b { font-weight: 650; }
.bx-liked__head em { min-width: 5cqw; height: 5cqw; padding: 0 1.4cqw; border-radius: 999px; background: #121214; color: #fff; font: 600 2.8cqw/5cqw var(--sans); font-style: normal; text-align: center; }
.bx-free { margin-left: auto; padding: 1.4cqw 2.4cqw; border-radius: 999px; background: rgba(255, 58, 92, .1); color: #e72e50; font: 600 2.7cqw/1 var(--sans); }
.bx-liked__row { display: flex; justify-content: space-between; margin-top: 3.6cqw; }
.bx-av { position: relative; display: flex; flex-direction: column; align-items: center; gap: 1.6cqw; }
.bx-av img { width: 17.5cqw; height: 17.5cqw; border-radius: 50%; object-fit: cover; border: .8cqw solid #f6f5f1; box-shadow: 0 0 0 .7cqw #ff4f6d; }
.bx-av small { font-size: 2.8cqw; font-weight: 500; color: #36363a; }
.bx-av i { position: absolute; top: 12cqw; right: -1cqw; width: 6.4cqw; height: 6.4cqw; border-radius: 50%; display: grid; place-items: center; background: #2f80ff; color: #fff; border: .6cqw solid #f6f5f1; }
.bx-av i svg { width: 3.2cqw; height: 3.2cqw; }
.bx-threads { flex: 1; display: flex; flex-direction: column; padding: 1cqw 5cqw; border-top: 1px solid #ebe9e3; }
.bx-threads li { position: relative; display: flex; align-items: center; gap: 3cqw; padding: 2.8cqw 0; }
.bx-threads img { width: 13cqw; height: 13cqw; flex: none; border-radius: 50%; object-fit: cover; }
.bx-threads div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .9cqw; }
.bx-threads b { display: flex; align-items: center; gap: 1.2cqw; font: 650 3.8cqw/1.1 var(--sans); }
.bx-threads .bx-ver { width: 3.8cqw; height: 3.8cqw; }
.bx-threads span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 3.3cqw; color: #6e6e73; }
.bx-threads li:first-child span { color: #121214; font-weight: 500; }
.bx-threads small { align-self: flex-start; margin-top: 1cqw; font-size: 2.8cqw; color: #9a9aa0; }
.bx-threads .bx-dot { top: auto; bottom: 3.6cqw; right: 0; border-color: #f6f5f1; }
.bx-chathead { flex: none; display: flex; align-items: center; gap: 2.6cqw; padding: .6cqw 4cqw 3cqw; border-bottom: 1px solid #ebe9e3; }
.bx-back { width: 5.6cqw; height: 5.6cqw; flex: none; stroke-width: 2.2; }
.bx-chathead img { width: 10.5cqw; height: 10.5cqw; flex: none; border-radius: 50%; object-fit: cover; }
.bx-chathead div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .7cqw; }
.bx-chathead b { display: flex; align-items: center; gap: 1.2cqw; font: 650 4cqw/1 var(--sans); }
.bx-chathead b .bx-ver { width: 4cqw; height: 4cqw; }
.bx-chathead span { display: flex; align-items: center; gap: 1.2cqw; font-size: 2.8cqw; color: #6e6e73; white-space: nowrap; }
.bx-chathead span i { width: 1.8cqw; height: 1.8cqw; border-radius: 50%; background: #3ee08f; }
.bx-shieldbtn { width: 6cqw; height: 6cqw; flex: none; color: #6e6e73; }
.bx-msgs { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 2.4cqw; padding: 4cqw; overflow: hidden; }
.bx-msg { max-width: 78%; padding: 2.7cqw 3.6cqw; border-radius: 4.6cqw; font-size: 3.5cqw; line-height: 1.35; }
.bx-msg--in { align-self: flex-start; background: #fff; border-bottom-left-radius: 1.4cqw; box-shadow: 0 .4cqw 1.6cqw rgba(0, 0, 0, .06); }
.bx-msg--out { align-self: flex-end; background: linear-gradient(140deg, #ff6d88, #ff3a5c); color: #fff; border-bottom-right-radius: 1.4cqw; }
.bx-photo { position: relative; width: 60cqw; height: 54cqw; padding: 0; overflow: hidden; }
.bx-photo img { width: 100%; height: 100%; object-fit: cover; filter: blur(3.6cqw) saturate(1.15) brightness(.95); transform: scale(1.35); }
.bx-photo__veil {
  position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.1cqw;
  padding: 3cqw; text-align: center; color: #fff; background: rgba(18, 18, 22, .3);
}
.bx-photo__veil svg { width: 6.6cqw; height: 6.6cqw; margin-bottom: 1cqw; }
.bx-photo__veil span { font-size: 2.9cqw; opacity: .92; }
.bx-photo__veil b { font-size: 3.8cqw; font-weight: 650; }
.bx-photo__btns { display: flex; gap: 2cqw; margin-top: 2cqw; }
.bx-photo__btns em { padding: 1.7cqw 3.8cqw; border-radius: 999px; background: rgba(255, 255, 255, .24); font: 600 3cqw/1 var(--sans); font-style: normal; }
.bx-photo__btns .bx-show { background: #fff; color: #121214; }
.bx-voice { display: flex; align-items: center; gap: 2.2cqw; }
.bx-voice svg { width: 4.4cqw; height: 4.4cqw; color: #ff3a5c; }
.bx-wave { display: flex; align-items: center; gap: .65cqw; height: 6cqw; }
.bx-wave i { width: .7cqw; height: 40%; border-radius: 1cqw; background: #c3c3c8; }
.bx-wave i:nth-child(3n+1) { height: 70%; }
.bx-wave i:nth-child(4n+2) { height: 100%; }
.bx-wave i:nth-child(5n+3) { height: 55%; }
.bx-wave i:nth-child(-n+7) { background: #ff6d88; }
.bx-voice small { font-size: 2.8cqw; color: #9a9aa0; }
.bx-input {
  flex: none; display: flex; align-items: center; gap: 3cqw; height: 11.5cqw; margin: 0 3.5cqw 5cqw; padding: 0 4cqw;
  border-radius: 999px; background: #fff; box-shadow: 0 .4cqw 1.6cqw rgba(0, 0, 0, .06); color: #9a9aa0; font-size: 3.4cqw;
}
.bx-input span { flex: 1; }
.bx-input svg { width: 5cqw; height: 5cqw; color: #6e6e73; }

/* ---------- Yaklaşım ---------- */
.approach, .studio, .contact { position: relative; padding-block: clamp(96px, 16vh, 184px); }
.principles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.principle {
  --mx: 50%; --my: 50%;
  position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 300px; padding: 28px 26px 32px;
  border-radius: 24px; border: 1px solid var(--line); background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .012));
}
.principle::after, .footer__word::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(340px circle at var(--mx) var(--my), rgba(70, 242, 181, .09), transparent 50%);
  opacity: 0; transition: opacity .4s;
}
.principle:hover::after { opacity: 1; }
.principle__n { color: var(--bio); }
.principle__icon { width: 34px; height: 34px; margin: 44px 0 24px; stroke-width: 1.4; stroke-dasharray: 90; stroke-dashoffset: 90; transition: stroke-dashoffset 2s var(--ease); transition-delay: calc(var(--i) * .15s + .4s); }
.principles.is-in .principle__icon, .rm .principle__icon, .no-js .principle__icon { stroke-dashoffset: 0; }
.principle h3 { font: 400 clamp(25px, 2vw, 30px)/1.08 var(--serif); letter-spacing: -.01em; }
.principle p { margin-top: 12px; font-size: 15px; line-height: 1.6; color: var(--ink-3); }

/* ---------- Stüdyo ---------- */
.studio__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 96px); align-items: end; }
.studio__text { margin-top: 24px; max-width: 46ch; font-size: clamp(17px, 1.3vw, 19px); color: var(--ink-2); }
.facts { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; overflow: hidden; border-radius: 22px; border: 1px solid var(--line); background: var(--line); }
.facts div { padding: 22px 22px 24px; background: rgba(8, 9, 11, .92); }
.facts dt { color: var(--ink-3); font-size: 11px; }
.facts dd { margin-top: 12px; font: 400 clamp(26px, 2.5vw, 36px)/1.05 var(--serif); }
.timeline { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-top: clamp(64px, 11vh, 120px); padding-top: 36px; }
.timeline::before, .timeline::after { content: ''; position: absolute; top: 6px; left: 0; height: 1px; }
.timeline::before { right: 0; background: var(--line-2); }
.timeline::after { width: calc(var(--tp, 0) * 100%); background: linear-gradient(90deg, var(--bio), var(--violet)); box-shadow: 0 0 14px rgba(70, 242, 181, .8); }
.timeline li { position: relative; display: flex; flex-direction: column; gap: 10px; }
.timeline__dot { position: absolute; top: -36px; left: 0; width: 13px; height: 13px; border-radius: 50%; background: var(--bg); border: 1px solid var(--line-2); transition: background-color .5s, border-color .5s, box-shadow .5s; }
.timeline li.is-lit .timeline__dot { background: var(--bio); border-color: var(--bio); box-shadow: 0 0 16px var(--bio); }
.timeline li:nth-child(3).is-lit .timeline__dot { animation: pulse 2.4s var(--ease) infinite; }
.timeline__when { color: var(--bio); }
.timeline__what { max-width: 26ch; font-size: 16px; line-height: 1.5; color: var(--ink-2); }

/* ---------- İletişim ---------- */
.contact__inner { display: flex; flex-direction: column; align-items: center; text-align: center; }
.contact__title { margin-top: 20px; font: 400 clamp(56px, 10.4vw, 176px)/.92 var(--serif); letter-spacing: -.032em; text-wrap: balance; }
.contact__sub { margin-top: 24px; font-size: clamp(17px, 1.35vw, 20px); color: var(--ink-2); }
.contact__mail { margin-top: 44px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; }
.contact__mail a {
  position: relative; display: inline-block; padding-bottom: 8px;
  font: 400 clamp(26px, 3.7vw, 54px)/1.1 var(--serif); letter-spacing: -.01em; transition: translate .6s var(--ease);
}
.contact__mail a::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, var(--bio), var(--violet)); transform: scaleX(.22); transform-origin: left; transition: transform .9s var(--ease);
}
.contact__mail a:hover::after { transform: scaleX(1); }

/* ---------- Alt bilgi ---------- */
.footer { position: relative; overflow: hidden; padding-top: 76px; border-top: 1px solid var(--line); background: linear-gradient(180deg, rgba(5, 6, 7, .5), var(--bg) 40%); }
.footer__grid { display: grid; grid-template-columns: 2fr 1fr 1.2fr 1fr; gap: 32px; }
.footer__brand p { margin-top: 18px; color: var(--ink-3); font: italic 400 21px/1.3 var(--serif); }
.footer__col { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; font-size: 14.5px; }
.footer__col p { margin-bottom: 6px; color: var(--ink-3); }
.footer__col a { display: inline-flex; align-items: center; gap: 6px; color: var(--ink-2); transition: color .2s; }
.footer__col a:hover { color: var(--ink); }
.footer__col svg { width: 14px; height: 14px; }
.footer__meta span { color: var(--ink-3); }
.footer__top { margin-top: 6px; }
.footer__word { --mx: 50%; --my: 50%; position: relative; display: flex; justify-content: center; align-items: flex-start; height: clamp(70px, 17vw, 282px); margin-top: 64px; overflow: hidden; user-select: none; }
.footer__word span {
  font: 500 clamp(92px, 22.5vw, 372px)/.78 var(--sans); letter-spacing: -.075em; color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, .13);
  background: radial-gradient(420px circle at var(--mx) var(--my), rgba(70, 242, 181, .55), transparent 62%);
  -webkit-background-clip: text; background-clip: text; transform: translateY(4%);
}
.footer__word::after { display: none; }
.footer__legal { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; padding-block: 22px 30px; border-top: 1px solid var(--line); color: var(--ink-3); font-size: 11px; }
.footer__lang a { color: var(--ink-3); }
.footer__lang a[aria-current], .footer__lang a:hover { color: var(--ink); }

/* ---------- Görünme animasyonları ---------- */
.js [data-reveal] { opacity: 0; transform: translateY(28px); transition: opacity 1s var(--ease), transform 1.3s var(--ease); transition-delay: var(--d, 0s); }
.js [data-reveal="visual"] { transform: translateY(70px) scale(.965); transition-duration: 1.3s, 1.8s; }
.js [data-reveal].is-in { opacity: 1; transform: none; }
[data-split] .w { display: inline-block; vertical-align: top; overflow: hidden; padding: 0 .12em .16em 0; margin: 0 -.12em -.16em 0; }
[data-split] .w > span { display: inline-block; }
.js [data-split] .w > span { transform: translateY(108%); transition: transform 1.25s var(--ease); transition-delay: calc(var(--d, 0s) + var(--wi, 0) * 55ms); }
.js [data-split].is-in .w > span { transform: none; }
.js [data-stagger] > * { opacity: 0; transform: translateY(24px); transition: opacity .9s var(--ease), transform 1.2s var(--ease); transition-delay: calc(var(--i, 0) * 85ms + .1s); }
.js [data-stagger].is-in > * { opacity: 1; transform: none; }

/* ---------- Duyarlı ---------- */
@media (max-width: 1180px) {
  .pillars, .principles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .principle { min-height: 260px; }
}
@media (max-width: 1080px) {
  .cards { display: flex; gap: 14px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory;
    margin-inline: calc(var(--gutter) * -1); padding: 4px var(--gutter) 20px; scrollbar-width: none; }
  .cards::-webkit-scrollbar { display: none; }
  .cards__item { flex: 0 0 min(320px, 74vw); scroll-snap-align: center; }
}
@media (max-width: 980px) {
  :root { --nav-h: 64px; }
  .nav__links, .nav__cta { display: none; }
  .nav__burger { display: block; }
  .chapter__grid, .chapter--flip .chapter__grid, .studio__grid { grid-template-columns: minmax(0, 1fr); }
  .chapter--flip .chapter__copy { order: 0; }
  .chapter__visual { margin-top: 8px; }
  .signal-shelter, .signal-map { grid-column: 1 / -1; }
  .timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 40px; }
  .timeline::before, .timeline::after { display: none; }
  .timeline__dot { top: -22px; }
  .footer__grid { grid-template-columns: 1fr 1fr; }
  .footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .hero { padding-bottom: 48px; }
  .hero__cards { margin-top: 48px; }
  .manifesto { height: 200vh; }
  .vox-stage { padding-bottom: 22%; }
  .browser { width: 100%; }
  .browser__bar { height: 28px; }
  .browser__url { height: 18px; font-size: 10px; }
  .phone--vox { width: 31%; right: 2%; }
  .slides-nav { position: static; margin-top: 18px; }
  .ot-stage { height: 520px; }
  .ot-stage .phone { width: 46vw; max-width: 210px; }
  .ot-l { transform: translate(-50%, -50%) translateX(calc(-46% - var(--spread) * 8%)) translateY(5%) rotate(calc(-5deg - var(--spread) * 3deg)) scale(.86); }
  .ot-r { transform: translate(-50%, -50%) translateX(calc(46% + var(--spread) * 8%)) translateY(5%) rotate(calc(5deg + var(--spread) * 3deg)) scale(.86); }
  .signal-hero { min-height: 0; }
  .signal-hero__media { position: relative; inset: auto; aspect-ratio: 16 / 10; }
  .signal-hero__shade { background: linear-gradient(180deg, var(--bg) 0%, rgba(5, 6, 7, 0) 14%, rgba(5, 6, 7, 0) 30%, rgba(5, 6, 7, .85) 46%, var(--bg) 60%); }
  .signal-hero__copy { padding-top: 0; margin-top: -12vw; position: relative; }
  .signal-hero > .caption { position: static; padding: 0 var(--gutter) 24px; }
  .pillars { grid-template-columns: minmax(0, 1fr); }
  .bx-stage { height: 560px; margin-inline: calc(var(--gutter) * -1); overflow: hidden; }
  .bx-stage .phone { width: 210px; }
  .bx-l { transform: translate(-50%, -50%) translateX(-68%) translateY(4%) rotate(-7deg) scale(.84); }
  .bx-r { transform: translate(-50%, -50%) translateX(68%) translateY(4%) rotate(7deg) scale(.84); }
  .float-chip { font-size: 12px; padding: 9px 12px; }
  .float-chip--1 { left: 4%; }
  .float-chip--2 { right: 3%; top: 54%; }
  .float-chip--3 { left: 8%; bottom: 2%; }
  .compare__row { grid-template-columns: 1fr 1fr; gap: 8px 16px; padding: 16px 18px; font-size: 14.5px; }
  .compare__row > [role="rowheader"], .compare__row--head > :first-child { grid-column: 1 / -1; }
  .compare__row--head > :first-child { display: none; }
  .compare__row > :last-child::before { inset: -10px -18px -16px -10px; }
  .principles { grid-template-columns: minmax(0, 1fr); }
  .principle { min-height: 0; }
  .principle__icon { margin: 28px 0 18px; }
  .facts dd { font-size: 28px; }
}
@media (max-width: 560px) {
  .btn { --bh: 50px; padding: 0 20px; }
  .lang a { width: 34px; }
  .lang__pill { width: 34px; }
  [data-lang-current="tr"] .lang__pill, .lang.is-switching .lang__pill { transform: translateX(34px); }
  [data-lang-current="tr"].is-switching .lang__pill { transform: translateX(0); }
  .timeline { grid-template-columns: minmax(0, 1fr); }
  .footer__grid { grid-template-columns: 1fr; }
  .chapter__name { font-size: clamp(50px, 15vw, 72px); }
}

/* ---------- Az hareket ---------- */
.rm *, .rm *::before, .rm *::after {
  animation-duration: .001ms !important; animation-iteration-count: 1 !important;
  transition-duration: .001ms !important; transition-delay: 0s !important; scroll-behavior: auto !important;
}
.rm [data-reveal], .rm [data-split] .w > span, .rm [data-stagger] > *, .rm .cards__item { opacity: 1 !important; transform: none !important; }
.rm .manifesto__text .mw { opacity: 1; }
.rm .manifesto { height: auto; }
.rm .manifesto__sticky { position: static; height: auto; padding-block: 18vh; }

/* Diller arası geçiş */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: vt-out .35s var(--ease-io) both; }
::view-transition-new(root) { animation: vt-in .55s var(--ease) both; }
@keyframes vt-out { to { opacity: 0; filter: blur(6px); } }
@keyframes vt-in { from { opacity: 0; filter: blur(6px); } }

/* =====================================================================
   SADE SÜRÜM (B): ~%20 daha az efekt ve "yapay zekâ yapımı" his.
   Yukarıdaki kuralları bilinçli olarak geçersiz kılar.
   ===================================================================== */
/* kod yazısı büyük harf etiketler yerine sade, küçük etiketler */
.mono { font-family: var(--sans); font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.eyebrow { font: 500 14px/1.3 var(--sans); letter-spacing: 0; text-transform: none; color: var(--ink-3); gap: 0; }
.eyebrow::before { display: none; }
.status { font: 500 12.5px/1 var(--sans); letter-spacing: 0; text-transform: none; height: 26px; padding: 0 11px 0 10px; }
.status--live i { animation: none; box-shadow: none; }
.status--review i { box-shadow: none; }
.status--dev i { animation: none; border: 1.5px solid var(--ink-3); }
.timeline li:nth-child(3).is-lit .timeline__dot { animation: none; }
.chapter__facts { font-size: 13px; }

/* degrade yazı yok: vurgu yalnız italik */
.hero__title em, .contact__title em {
  background: none; -webkit-background-clip: border-box; background-clip: border-box; color: inherit; animation: none; padding-right: 0;
}

/* boyutlar ve boşluklar daha sakin */
.hero__title { font-size: clamp(50px, 7.4vw, 122px); }
.hero__sub { max-width: 40ch; }
.hero__cards { margin-top: clamp(48px, 8vh, 88px); }
.section-title { font: 600 clamp(32px, 3.6vw, 52px)/1.08 var(--sans); letter-spacing: -.03em; max-width: 22ch; }
.section-title em { font-style: normal; color: inherit; }
.contact__title { font: 600 clamp(36px, 4.6vw, 64px)/1.05 var(--sans); letter-spacing: -.03em; }
.chapter__name { font-size: clamp(48px, 5.4vw, 88px); }
.chapter__name--signal { font-size: clamp(46px, 5.8vw, 94px); }
.chapter__tagline { font-size: clamp(22px, 2vw, 30px); }
.chapter { padding-block: clamp(56px, 10vh, 118px); }
.work { padding-top: clamp(72px, 11vh, 132px); }
.approach, .studio, .contact { padding-block: clamp(72px, 11vh, 132px); }
.features li { grid-template-columns: minmax(0, 1fr); }
.principle { min-height: 0; }
.principle__icon { margin: 0 0 20px; }
.principles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.studio__grid { grid-template-columns: minmax(0, 1fr); }
.contact__mail a { font-size: clamp(24px, 3vw, 40px); }

/* kart ve yüzey efektleri daha az */
.pcard::before { opacity: .22; }
.pcard:hover::before { opacity: .45; }
.pcard::after, .principle::after { display: none; }
.pcard__glow { opacity: .3; }
.pcard:hover .pcard__glow { opacity: .45; }
.btn--primary:hover { box-shadow: 0 12px 34px -14px rgba(255, 255, 255, .4); }
.float-chip, .ot-mark { animation: none; }
.pillars li::before { opacity: .7; }

/* yapay zekâ çizimi konsept görseller biraz daha az doygun */
.signal-hero__media img, .signal-shelter img, .phone__screen--signal > img { filter: saturate(.86) contrast(1.02); }

@media (max-width: 980px) { .principles { grid-template-columns: minmax(0, 1fr); } }