/* index-yildiz.html tasarım sistemi. Açıklamalar: belgeler/TASARIM-SISTEMI.md */
:root {
  --font-family: "Outfit";
  --color-green: #17382f;
  --color-mint: #b4d8b9;
  --color-pink: #d0a9d0;
  --color-pink-ink: #8c3964;
  --color-peach: #f7b990;
  --color-sky: #a2cbed;
  --color-gold: #f9bf75;
  --color-orange:#ff5a1f;
  --color-white: #ffffff;
  --color-surface: #f3f7f3;
  --color-surface-gray: #f2f2f2;
  --color-text: var(--color-green);
  --color-text-muted: #52675f;
  --color-border: rgba(23, 56, 47, .16);

  /* Eski component değişkenleri yeni palete bağlanır. */
  --flow-ink: var(--color-green);
  --ink: var(--color-text);
  --blue: var(--color-green);
  --orange: var(--color-pink-ink);
  --paper: var(--color-white);
  --white: var(--color-white);
  --line-dark: var(--color-border);
  --sc-font-display: var(--font-family);
  --sc-font-text: var(--font-family);
  --sc-accent: var(--color-pink);

  --content-max:1656px;
  --page-gutter:max(42px,calc((100vw - var(--content-max)) / 2));
  --page-pad: var(--page-gutter);
  --section-space: clamp(80px, 7vw, 136px);
  --content-gap: clamp(24px, 2.5vw, 40px);
  --paragraph-width: 65ch;

  /* Ortak Outfit tipografi ölçeği; son katman typography-system.css'tir. */
  --h1-size: clamp(2.75rem, 4.85vw, 4.875rem);
  --h2-size: 4rem;
  --h3-size: 2rem;
  --h4-size: clamp(1.375rem, 1.65vw, 1.75rem);
  --h5-size: clamp(1.125rem, 1.3vw, 1.375rem);
  --p-size: clamp(1rem, 1.05vw, 1.125rem);
  --small-size: .875rem;
  --nav-size: clamp(.8125rem, .78vw, .875rem);
  --menu-link-size: clamp(1.125rem, 1.2vw, 1.375rem);

  --h1-leading: .98;
  --h2-leading: 1.2;
  --h3-leading: 1.3;
  --h4-leading: 1.22;
  --h5-leading: 1.3;
  --p-leading: 1.6;
  --h1-tracking: -.04em;
  --h2-tracking: -.04em;
  --h3-tracking: -.03125em;
  --h4-tracking: -.015em;
  --h5-tracking: -.01em;
  --p-tracking: 0em;
}

body { color:var(--color-text); font-family:var(--font-family); font-size:var(--p-size); line-height:var(--p-leading); letter-spacing:var(--p-tracking); -webkit-font-smoothing:antialiased; }
h1, h2, h3, h4, h5 { font-family:var(--font-family); text-wrap:balance; }
h1, .new-hero h1 { font-size:var(--h1-size); font-weight:500; line-height:var(--h1-leading); letter-spacing:var(--h1-tracking); }
h2, .mega-heading h2 { font-size:var(--h2-size); font-weight:450; line-height:var(--h2-leading); letter-spacing:var(--h2-tracking); }
h3 { font-size:var(--h3-size); font-weight:450; line-height:var(--h3-leading); letter-spacing:var(--h3-tracking); }
h4 { font-size:var(--h4-size); font-weight:500; line-height:var(--h4-leading); letter-spacing:var(--h4-tracking); }
h5 { font-size:var(--h5-size); font-weight:500; line-height:var(--h5-leading); letter-spacing:var(--h5-tracking); }
p, .new-hero p { font-size:var(--p-size); font-weight:400; line-height:var(--p-leading); letter-spacing:var(--p-tracking); }
.text-small { font-size:var(--small-size); line-height:1.5; letter-spacing:0; }
.text-copy { max-width:var(--paragraph-width); }
.nav-trigger, .nav-link { font-size:var(--nav-size); font-weight:500; line-height:1.3; letter-spacing:0; }
.utility-link { font-size:.8125rem; font-weight:600; line-height:1.35; letter-spacing:0; }
.mega-links>a, .mega-family>a { font-size:var(--menu-link-size); line-height:1.3; letter-spacing:-.015em; }
.mega-family .mega-child { font-size:.9375rem; line-height:1.45; letter-spacing:0; }
.new-hero__button { font-size:.8125rem; line-height:1.35; letter-spacing:0; background:rgba(23,56,47,.45); }
.new-hero__button:hover, .new-hero__button:focus-visible { background:rgba(23,56,47,.75); }

.page-container { box-sizing:border-box; width:calc(100% - var(--page-gutter) - var(--page-gutter)); margin-inline:auto; }
.section-space { padding-block:var(--section-space); }
.header { padding-inline:var(--page-gutter); }
.new-hero__content { width:calc(100% - var(--page-gutter) - var(--page-gutter)); margin-inline:var(--page-gutter); padding-inline:0; }
.mega-panel { padding-inline:var(--page-gutter); }

/* Section dilimiz: küçük üst başlık → slogan → açıklama → ilgili içerik. */
.section-eyebrow, .new-hero .section-eyebrow {
  width:auto; margin:0 0 24px; color:var(--color-pink-ink);
  font-size:.75rem; font-weight:600; line-height:1.4; letter-spacing:.16em;
  text-transform:uppercase;
}
.new-hero__content { padding-top:calc(var(--header-h) + 48px); }
.new-hero .section-eyebrow { margin-bottom:20px; color:rgba(255,255,255,.88); }
.new-hero h1 { max-width:none; }
.new-hero h1 span { white-space:nowrap; text-wrap:initial; }
.new-hero__accent { color:var(--color-gold); font-style:normal; }
.header.is-on-light:not(.is-open) { color:var(--color-green); background:var(--color-white); text-shadow:none; }
.header.is-on-light .site-brand__logo--light { opacity:0; }
.header.is-on-light .site-brand__logo--dark { opacity:1; }

.about-yildiz, .about-yildiz * { box-sizing:border-box; }
.about-yildiz { color:var(--color-green); background:var(--color-surface-gray); scroll-margin-top:96px; }
.about-yildiz__layout { display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(40px,5vw,96px); min-height:640px; }
.about-yildiz__editorial { display:flex; flex-direction:column; align-items:flex-start; }
.about-yildiz h2 { max-width:20ch; margin:0; }
.about-yildiz__copy { margin-top:auto; padding-top:96px; }
.about-yildiz__copy p { max-width:var(--paragraph-width); margin:0; color:var(--color-text-muted); }
.about-yildiz__copy p + p { margin-top:20px; }
.about-yildiz__links { display:flex; flex-wrap:wrap; gap:24px; margin-top:32px; }
.about-yildiz__links a { padding-bottom:6px; border-bottom:1px solid currentColor; font-size:var(--small-size); font-weight:500; line-height:1.4; }
.about-yildiz__links a:hover { color:var(--color-pink-ink); }
.about-yildiz__visual { position:relative; display:flex; align-items:center; min-width:0; isolation:isolate; overflow:clip; }
.about-yildiz__emblem { position:absolute; z-index:-1; inset:0; width:100%; height:100%; transform:rotate(-12deg); }
.about-yildiz__stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; gap:0; margin:0; padding:32px 16px; border-radius:0; background:rgba(255,255,255,.78); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); box-shadow:0 20px 64px rgba(23,56,47,.06); }
.about-yildiz__stat { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; min-width:0; min-height:130px; padding:12px; text-align:center; }
.about-yildiz__stat + .about-yildiz__stat { border-left:1px solid var(--color-border); }
.about-yildiz__stats dt { order:2; max-width:16ch; font-size:var(--p-size); line-height:1.4; color:var(--color-text-muted); }
.about-yildiz__stats dd { margin:0; font-size:clamp(2rem,3vw,3.125rem); font-weight:600; line-height:.9; letter-spacing:-.04em; font-variant-numeric:lining-nums tabular-nums; }
@media(max-width:1100px) {
  .about-yildiz__layout { grid-template-columns:1fr; min-height:0; gap:48px; }
  .about-yildiz h2 { max-width:22ch; }
  .about-yildiz__copy { max-width:680px; margin-top:0; padding-top:40px; }
  .about-yildiz__visual { min-height:460px; }
}

@media(min-width:861px) and (max-width:1600px) {
  :root { --h1-size:clamp(2.375rem, 3.65vw, 3.5rem); }
}
@media(max-width:1240px) {
  :root { --page-gutter:32px; }
  .header { left:0; right:0; width:100%; padding-inline:var(--page-gutter); }
  .mobile-menu { padding-inline:var(--page-gutter); }
}
@media(max-width:760px) {
  :root {
    --page-gutter:20px;
    --section-space:64px;
    --content-gap:24px;
    --h1-size:clamp(1.75rem, 7.8vw, 2.5rem);
    --h2-size:2rem;
    --h3-size:1.5rem;
    --h4-size:clamp(1.25rem, 5.5vw, 1.5rem);
    --h5-size:clamp(1.125rem, 4.8vw, 1.25rem);
    --p-size:1rem;
    --h1-tracking:-.04em;
    --h2-leading:1.3;
    --h2-tracking:0;
    --h3-leading:1.5;
    --h3-tracking:0;
  }
  .about-yildiz__visual { min-height:340px; }
  .about-yildiz__stats { padding:20px 8px; border-radius:0; }
  .about-yildiz__stat { min-height:110px; padding:8px; gap:12px; }
  .about-yildiz__stats dt { font-size:.875rem; }
  .about-yildiz__stats dd { font-size:clamp(1.5rem,7vw,2rem); }
}
@media(max-width:860px) and (min-width:761px) {
  :root {
    --h1-size:clamp(1.75rem, 7.8vw, 2.5rem);
    --h1-tracking:-.04em;
    --h2-size:2rem;
    --h2-leading:1.3;
    --h2-tracking:0;
    --h3-size:1.5rem;
    --h3-leading:1.5;
    --h3-tracking:0;
  }
}
@media(max-width:860px) {
  .new-hero h1 span { white-space:normal; text-wrap:balance; }
}

/* Hero ve Hakkımızda aynı iki katmanlı harf hareketini kullanır. */
.new-hero__button, .new-hero__button:nth-child(2) { box-sizing:border-box; width:auto; height:auto; min-width:0; backdrop-filter:none; }
.new-hero__button span,
.new-hero__button:hover span,
.new-hero__button:focus-visible span { transform:none; transition:none; }
.cursor.is-visible { opacity:1; }
.cursor__dot { position:absolute; top:7px; left:7px; width:6px; height:6px; border-radius:50%; background:#ff5a1f; transition:opacity 160ms ease,transform 240ms cubic-bezier(.22,1,.36,1); }
.cursor__star { position:absolute; top:10px; left:10px; width:22px; height:23px; max-width:none; fill:var(--color-orange); opacity:0; transform:translate(-50%,-50%) rotate(-30deg) scale(.3); transition:opacity 160ms ease,transform 300ms cubic-bezier(.22,1,.36,1); }
.cursor.is-star .cursor__dot, .cursor.is-carousel .cursor__dot { opacity:0; transform:scale(.3); }
.cursor.is-star .cursor__star { opacity:1; transform:translate(-50%,-50%) rotate(0) scale(1); }
.cursor.is-carousel .cursor__star { opacity:1; transform:translate(-50%,-50%) rotate(0) scale(3.45); }
.cursor__arrows { position:absolute; top:10px; left:10px; display:flex; align-items:center; justify-content:center; gap:2px; width:38px; height:18px; opacity:0; transform:translate(-50%,-50%) scale(.75); transition:opacity 160ms ease,transform 240ms ease; }
.cursor.is-carousel .cursor__arrows { opacity:1; transform:translate(-50%,-50%) scale(1); }
.cursor__arrow { display:none; flex:none; width:16px; height:16px; fill:none; stroke:#fff; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.cursor[data-direction="left"] .cursor__arrow--left,
.cursor[data-direction="right"] .cursor__arrow--right,
.cursor[data-direction="both"] .cursor__arrow { display:block; }
@media(pointer:coarse), (prefers-reduced-motion:reduce) { .cursor { display:none; } }

/* Yetkinlik yüzeyi kayarken biten tedarik sahnesi altında sabit kalır. */
.capabilities--revize { --cap-pad-x:var(--page-gutter); z-index:3; }
.capabilities--revize.is-capabilities-ready { height:620vh; margin-top:-100vh; background:transparent; overflow:clip; }
.capabilities--revize .capabilities__stage { height:100vh; min-height:0; }
.capabilities--revize .capabilities__title { font-size:64px; font-weight:450; line-height:1.2; letter-spacing:-1px; }
.capabilities--revize .capability-panel__copy h3 { font-size:32px; font-weight:450; line-height:1.3; letter-spacing:-1px; }
.capabilities--revize .capability-panel__copy p { color:inherit; font-size:18px; font-weight:400; line-height:1.6; letter-spacing:0; }
.capabilities--revize .capability-panel__icon { width:36px; height:36px; top:-56px; stroke-width:1.6; }
.capabilities--revize .capability-panel__action { box-sizing:border-box; width:max-content; min-height:54px; margin-top:28px; border:0; font-weight:400; letter-spacing:0; }
.capability-panel__action span, .capability-panel__action:hover span, .capability-panel__action:focus-visible span { transform:none; }
.flow-products { position:relative; z-index:4; isolation:isolate; padding:var(--section-space) 0; overflow:clip; color:var(--color-green); background:#fff; }
.flow-products__particles { position:absolute; z-index:0; inset:0; width:100%; height:100%; max-width:none; opacity:.25; pointer-events:none; }
.flow-products__head, .flow-products__rail { position:relative; z-index:1; }
.flow-products__head { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr); align-items:end; gap:var(--content-gap); margin:0 var(--page-gutter) 64px; }
.flow-kicker { display:block; margin-bottom:18px; color:var(--color-pink-ink); font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; }
.flow-products__head h2 { margin:0; }
.flow-products__head p { max-width:42ch; margin:0; color:var(--color-text-muted); }
.flow-products__rail { display:grid; grid-auto-columns:clamp(260px,24vw,440px); grid-auto-flow:column; gap:4px; padding:0 var(--page-gutter) 18px; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:thin; scrollbar-color:var(--color-pink-ink) transparent; scroll-snap-type:inline mandatory; scroll-padding-inline:var(--page-gutter); }
.flow-product { position:relative; min-height:clamp(390px,34vw,620px); overflow:hidden; color:#fff; background:#182b26; scroll-snap-align:start; isolation:isolate; }
.flow-product:nth-child(3n + 2) { min-height:clamp(350px,30vw,550px); margin-top:clamp(36px,4vw,72px); }
.flow-product:nth-child(3n) { min-height:clamp(420px,37vw,660px); }
.flow-product img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.72) contrast(.94); transform:scale(1.02); transition:transform 800ms cubic-bezier(.22,.72,.2,1),filter 360ms ease; }
.flow-product::after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,rgba(6,20,16,.04) 30%,rgba(7,24,19,.88) 100%); }
.flow-product:hover img { transform:scale(1.075); filter:saturate(.96) contrast(1); }
.flow-product__index { position:absolute; top:22px; left:22px; font-size:11px; letter-spacing:.14em; }
.flow-product__copy { position:absolute; right:22px; bottom:24px; left:22px; display:flex; align-items:flex-end; justify-content:space-between; gap:18px; }
.flow-product h3 { max-width:13ch; margin:0; color:#fff; }
.flow-product__arrow { flex:none; font-size:20px; font-style:normal; transition:transform 240ms ease; }
.flow-product:hover .flow-product__arrow { transform:translate3d(4px,-4px,0); }
@media(max-width:900px) { .flow-products__head { grid-template-columns:1fr; } }
@media(max-width:760px) {
 .is-scroll-ready .supply-film__stage { margin-bottom:0; }
 .is-scroll-ready .supply-film__narrative { margin-top:-100vh; }
 .is-scroll-ready .supply-film__video, .is-scroll-ready .supply-film__poster { top:72px; height:40%; object-fit:contain; }
 .is-scroll-ready .supply-film__cue { width:calc(100% - 2 * var(--page-gutter)); min-height:120vh; justify-content:center; padding-top:48vh; padding-bottom:12vh; }
 .is-scroll-ready .supply-film__scrim { background:linear-gradient(0deg,rgba(23,56,47,.98),rgba(23,56,47,.92) 49%,rgba(23,56,47,0) 72%); }
 .supply-film__cue .section-eyebrow { margin-bottom:16px; }
 .supply-film__cue h2, .supply-film__cue h3 { margin-bottom:20px; }
 .supply-film__link { margin-top:20px; }
 .capabilities--revize.is-capabilities-ready { height:auto; margin-top:0; background:#dbe7ec; }
 .capabilities--revize .capabilities__stage { position:relative; height:auto; }
 .capabilities--revize .capabilities__title { padding-inline:var(--page-gutter); }
 .capabilities--revize .capability-panel__body { display:flex; flex-direction:column; gap:40px; padding:70px var(--page-gutter) 48px; }
 .capabilities--revize .capability-panel__copy { position:relative; top:auto; left:auto; width:100%; min-width:0; }
 .capabilities--revize .capability-panel__media { position:relative; bottom:auto; right:auto; width:100%; margin-top:auto; }
 .flow-products { padding-block:64px; }
 .flow-products__rail { grid-auto-columns:min(82vw,340px); }
 .flow-product, .flow-product:nth-child(n) { min-height:430px; margin-top:0; }
}
@media(prefers-reduced-motion:reduce) {
 .capabilities--revize.is-capabilities-ready { height:auto; margin-top:0; background:#dbe7ec; }
 .capabilities--revize .capabilities__stage { position:relative; height:auto; }
 .flow-product img, .flow-product__arrow { transition:none; transform:none; }
}

/* Treeo revizesi: ölçülen tipografi ve beyaz içerik, kendi marka şeklimiz. */
.hero-about-bridge { position:relative; overflow-anchor:none; }
/* Explicit positive layers keep sticky-video compositing stable in reverse. */
.hero-about-bridge > .new-hero { z-index:1; }
.hero-about-bridge .new-hero__video { z-index:0; }
.hero-about-bridge .new-hero__film { z-index:1; }
.hero-about-bridge .new-hero__content { position:relative; z-index:2; }
.hero-about__wipe { display:none; }
.treeo-about, .treeo-about * { box-sizing:border-box; }
.treeo-about { position:relative; z-index:3; color:var(--color-green); background:#fff; scroll-margin-top:96px; }
.treeo-about__wrapper { padding:96px 0 164px; background:#fff; }
.treeo-about__container { width:calc(100% - 2 * var(--page-gutter)); margin:0 auto; padding:0; }
.treeo-about__eyebrow { display:flex; align-items:center; gap:12px; margin:0 0 64px; font-size:12px; font-weight:600; line-height:1; letter-spacing:.18em; color:var(--color-green); }
.treeo-about__eyebrow > img { flex:none; width:12px; height:12px; object-fit:contain; }
.treeo-about__bar { width:25%; height:2px; margin-bottom:60px; background:rgba(23,56,47,.1); }
.treeo-about__bar span { display:block; height:100%; background:var(--color-green); transform-origin:left; }
.treeo-about__title { max-width:1061px; margin:0 0 40px; color:var(--color-green); font-size:64px; font-weight:450; line-height:1.2; letter-spacing:-1px; text-wrap:initial; }
.treeo-about__word { display:inline-block; white-space:nowrap; }
.treeo-about__accent { color:var(--color-orange); }
.treeo-about__info { display:flex; align-items:center; justify-content:space-between; width:90%; gap:24px; margin-bottom:148px; }
.treeo-about__info > p { width:45.45%; max-width:550px; margin:0; font-size:18px; font-weight:400; line-height:1.6; color:var(--color-green); }
:is(.treeo-about__button,.new-hero__button,.product-story__action,.capability-panel__action) { display:inline-flex; flex:none; align-items:center; justify-content:center; gap:10px; min-height:54px; padding:16px 24px; border-radius:0; color:var(--color-green); background:var(--color-gold); font-size:16px; line-height:22px; transition:background-color .4s; }
:is(.treeo-about__button,.new-hero__button,.product-story__action,.capability-panel__action):focus-visible { color:var(--color-green); background:var(--color-gold); }
:is(.treeo-about__button,.new-hero__button,.product-story__action,.capability-panel__action) svg { flex:none; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; }
.about-button__track { position:relative; display:inline-flex; overflow:hidden; }
.about-button__label { display:inline-flex; }
:is(.treeo-about__button,.new-hero__button,.product-story__action,.capability-panel__action) .about-button__label--secondary { position:absolute; top:0; left:0; }
:is(.treeo-about__button,.new-hero__button,.product-story__action,.capability-panel__action) .about-button__label .about-button__char { display:inline-block; transition:transform .65s cubic-bezier(.22,1,.36,1); transition-delay:calc(var(--char-index) * .03s); }
:is(.treeo-about__button,.new-hero__button,.product-story__action,.capability-panel__action) .about-button__label--secondary .about-button__char { transform:translateY(-112%); }
@media(hover:hover) and (pointer:fine) {
 :is(.treeo-about__button,.new-hero__button,.product-story__action,.capability-panel__action):hover { color:var(--color-green); background:var(--color-pink); }
 :is(.treeo-about__button,.new-hero__button,.product-story__action,.capability-panel__action):hover .about-button__label--primary .about-button__char { transform:translateY(112%); }
 :is(.treeo-about__button,.new-hero__button,.product-story__action,.capability-panel__action):hover .about-button__label--secondary .about-button__char { transform:translateY(0); }
 .product-story .product-story__action:hover { color:var(--color-orange); }
 .product-story__action:hover::after { transform:scaleX(1); }
}
.treeo-about__button:active { transform:translateY(1px); }
.treeo-about__button:focus-visible { outline:2px solid var(--color-pink-ink); outline-offset:5px; }
.treeo-about__cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.treeo-stat { --stat-y:0px; --stat-scale:1; position:relative; min-width:0; overflow:clip; isolation:isolate; padding:48px 40px; border-radius:0; color:var(--color-green); transform:translate3d(0,var(--stat-y),0) scale(var(--stat-scale)); transform-origin:center; transition:transform .45s cubic-bezier(.22,1,.36,1); will-change:transform,opacity; }
.treeo-stat--pink { background:color-mix(in srgb,var(--color-pink) 60%,white); }
.treeo-stat--mint { background:color-mix(in srgb,var(--color-mint) 60%,white); }
.treeo-stat--gold { background:color-mix(in srgb,var(--color-gold) 60%,white); }
.treeo-stat__icon { display:block; width:48px; height:48px; margin-bottom:32px; object-fit:contain; }
.treeo-stat__value { margin:0 0 12px; font-size:64px; font-weight:500; line-height:1; letter-spacing:-2px; font-variant-numeric:tabular-nums; }
.treeo-stat h3 { margin:0 0 24px; font-size:32px; font-weight:450; line-height:1.3; letter-spacing:-1px; color:inherit; }
.treeo-stat .treeo-stat__description { position:relative; max-width:34ch; margin:0; font-size:14px; line-height:1.6; color:inherit; }
.treeo-stat__decoration { --stat-hover-rotation:0deg; position:absolute; z-index:-1; width:220px; height:228px; right:-65px; opacity:.85; pointer-events:none; object-fit:contain; transform:rotate(calc(var(--stat-star-rotation,0deg) + var(--stat-hover-rotation))); transform-origin:center; transition:transform .6s cubic-bezier(.22,1,.36,1); will-change:transform; }
.treeo-stat--pink .treeo-stat__decoration { bottom:-60px; }
.treeo-stat--mint .treeo-stat__decoration { top:50%; transform:translateY(-50%) rotate(calc(var(--stat-star-rotation,0deg) + var(--stat-hover-rotation))); }
.treeo-stat--gold .treeo-stat__decoration { top:-60px; }
@media (hover:hover) and (pointer:fine) {
 .treeo-stat:hover { --stat-scale:1.025; }
 .treeo-stat:hover .treeo-stat__decoration { --stat-hover-rotation:18deg; }
}
.is-bridge-ready > .new-hero { position:sticky; top:0; height:100vh; min-height:0; margin-bottom:-100vh; }
.is-bridge-ready .hero-about__wipe { display:grid; position:sticky; z-index:2; top:0; place-items:center; width:100%; height:100vh; margin-bottom:-100vh; pointer-events:none; overflow:clip; }
.is-bridge-ready .hero-about__star { width:322px; height:333px; max-width:none; transform:scale(0); will-change:transform; }
.is-bridge-ready .treeo-about { padding:0; background:transparent; pointer-events:none; }
.is-bridge-ready .treeo-about__wrapper { position:absolute; top:var(--hero-pin-distance); left:0; width:100%; opacity:0; will-change:opacity; }
.is-bridge-ready.is-about-pinned .treeo-about__wrapper { position:fixed; top:0; }

/* Tedarik yeni_akis yerleşiminde; tipografi üstteki Biz Kimiz ile ortak. */
.product-story { color:var(--color-green); min-height:0; }
.product-story__stage { color:var(--color-green); min-height:0; }
.is-scroll-ready .product-story__stage { margin-bottom:-100vh; }
.product-story__intro { left:var(--page-gutter); }
.product-story h2 { color:var(--color-green); font-size:64px; font-weight:450; line-height:1.2; letter-spacing:-1px; }
.product-story__intro p, .product-story__text-block p { color:var(--color-green); font-size:18px; font-weight:400; line-height:1.6; letter-spacing:0; }
.product-story__text-block h3 { color:var(--color-green); font-size:32px; font-weight:450; line-height:1.3; letter-spacing:-1px; }
.product-story__cold { right:var(--page-gutter); }
.product-story__tracking { left:var(--page-gutter); }
.product-story__action { position:relative; display:inline-flex; align-items:center; gap:10px; min-height:0; max-width:100%; padding:0 0 8px; border:0; border-radius:0; color:var(--color-green); background:none; font-size:16px; font-weight:400; line-height:22px; letter-spacing:0; }
.product-story__action:hover, .product-story__action:focus-visible { color:var(--color-green); background:none; }
.product-story__action::after { position:absolute; right:0; bottom:0; left:0; height:1px; background:currentColor; content:""; transform:scaleX(0); transform-origin:left; transition:transform .4s cubic-bezier(.22,1,.36,1); }
.product-story__action:focus-visible::after { transform:scaleX(1); }
.product-story__video { opacity:0; }
.sc-has-clip .product-story__video { opacity:1; }
@media(min-width:1024px) and (max-width:1399px) {
 :root { --content-max:1176px; --page-gutter:max(12px,calc((100vw - var(--content-max)) / 2)); }
 .treeo-about__wrapper { padding-block:96px 140px; }
}
@media(max-width:1023px) {
 .capabilities--revize .capabilities__title { font-size:32px; line-height:1.3; letter-spacing:0; }
 .capabilities--revize .capability-panel__copy h3 { font-size:24px; line-height:1.5; letter-spacing:0; }
 .product-story h2 { font-size:32px; line-height:1.3; letter-spacing:0; }
 .product-story__text-block h3 { font-size:24px; line-height:1.5; letter-spacing:0; }
 .treeo-about__wrapper { padding-block:80px; }
 .treeo-about__container { width:100%; padding-inline:var(--page-gutter); }
 .treeo-about__eyebrow { margin-bottom:40px; }
 .treeo-about__bar { width:100%; margin-bottom:40px; }
 .treeo-about__title { font-size:32px; line-height:1.3; letter-spacing:0; margin-bottom:32px; }
 .treeo-about__info { width:100%; flex-direction:column-reverse; align-items:flex-start; gap:40px; margin-bottom:50px; }
 .treeo-about__info > p { width:100%; }
 .treeo-stat { padding:32px 20px; }
 .treeo-stat h3 { font-size:24px; line-height:1.5; letter-spacing:0; }
 .treeo-stat__value { font-size:48px; letter-spacing:-1px; }
}
@media(max-width:760px) {
 .capabilities--revize .capability-panel__icon { position:relative; top:auto; margin-bottom:24px; }
 .treeo-about__cards { grid-template-columns:1fr; gap:20px; }
 .product-story { height:auto!important; }
 .is-scroll-ready .product-story__stage { margin-bottom:0; }
 .product-story__intro, .product-story__cold, .product-story__tracking { left:auto; right:auto; }
 .product-story__stage { padding-inline:var(--page-gutter); }
 .product-story__media { width:calc(100% + 2 * var(--page-gutter)); }
}
@media(prefers-reduced-motion:reduce) {
 .treeo-stat, .treeo-stat__decoration { transition:none!important; }
 .treeo-stat:hover { --stat-scale:1; }
 .treeo-stat:hover .treeo-stat__decoration { --stat-hover-rotation:0deg; }
 .product-story { height:auto!important; }
 .product-story__stage { position:relative; height:auto; padding:80px var(--page-gutter); }
 .product-story__intro, .product-story__text-block { position:relative; top:auto; right:auto; bottom:auto; left:auto; width:100%; margin:0 0 40px; }
 .product-story__media { position:relative; top:auto; left:auto; width:100%; transform:none; margin:30px 0; }
 .product-story__video { display:none; }
 :is(.treeo-about__button,.new-hero__button,.product-story__action,.capability-panel__action), :is(.treeo-about__button,.new-hero__button,.product-story__action,.capability-panel__action) .about-button__label .about-button__char { transition:none; }
 :is(.treeo-about__button,.new-hero__button,.product-story__action,.capability-panel__action):hover .about-button__label--primary .about-button__char { transform:none; }
 .about-button__label--secondary { display:none; }
 .product-story__action::after { transition:none; }
}

.capabilities--revize:not(.is-capabilities-ready) { height:auto; }
.capabilities--revize:not(.is-capabilities-ready) .capabilities__stage { position:relative; height:auto; }
.capabilities--revize:not(.is-capabilities-ready) .capabilities__title { position:relative; top:auto; left:auto; padding:80px var(--page-gutter) 40px; }
.capabilities--revize:not(.is-capabilities-ready) .capabilities__panels { position:relative; }
.capabilities--revize:not(.is-capabilities-ready) .capability-panel { position:relative; min-height:100vh; }
.capabilities--revize:not(.is-capabilities-ready) .capability-panel__body { position:relative; min-height:100vh; width:100%; padding:80px var(--page-gutter); }
.capabilities--revize:not(.is-capabilities-ready) .capability-panel__copy { position:relative; top:auto; left:auto; width:min(100%,600px); min-width:0; }
.capabilities--revize:not(.is-capabilities-ready) .capability-panel__media { position:relative; right:auto; bottom:auto; width:min(100%,640px); margin-top:40px; }
.capabilities--revize:not(.is-capabilities-ready) .capabilities__index { display:none; }