/* ---------- Yazı tipleri: kendi sunucumuzdan (Google'a gidilmez). Inter değişken (100-900), Unbounded yalnız 700.
   latin: ç ö ü ı ve ASCII; latin-ext: ğ ş İ. Tarayıcı yalnız sayfada geçen harflerin alt kümesini indirir. ---------- */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("assets/yazi/inter-latin-ext-tr.woff2") format("woff2");unicode-range:U+011E-011F,U+0130,U+015E-015F,U+20BA}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("assets/yazi/inter-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:700;font-display:swap;src:url("assets/yazi/unbounded-latin-ext-tr.woff2") format("woff2");unicode-range:U+011E-011F,U+0130,U+015E-015F,U+20BA}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:700;font-display:swap;src:url("assets/yazi/unbounded-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Üç seçeneğin ortak tabanı: sıfırlama, sahibin kuralları, logo. Seçenekler kendi tema değişkenlerini kendi CSS'inde verir. */
:root{
  --ease:cubic-bezier(0.22,1,0.36,1);
  --ust:max(18px, calc(env(safe-area-inset-top) + 6px));
  --alt:max(16px, calc(env(safe-area-inset-bottom) + 8px));
  --yan:18px;
}
*,*::before,*::after{box-sizing:border-box}
html{
  touch-action:pan-x pan-y;
  overscroll-behavior:none;
  scrollbar-width:none;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-behavior:smooth;
}
html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{display:none;width:0;height:0}
*{scrollbar-width:none}
body{
  margin:0;
  overscroll-behavior:none;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-tap-highlight-color:transparent;
}
h1,h2,h3,p,figure,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:8px}
.gizli{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ---------- Logo (secenekler/c'den birebir) ---------- */
/* ---------- Logo (768 Design logo/logo.html ile birebir) ---------- */
.brand{
  --n:clamp(34px,3.9vw,56px);
  position:relative;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  text-decoration:none;
  border-radius:10px;
  font-family:"Unbounded",system-ui,sans-serif;
  font-weight:700;
  filter:drop-shadow(0 0 5px rgba(200,215,235,.28)) drop-shadow(0 1px 1px rgba(0,0,0,.6));
}
.brand .n{
  font-size:var(--n);
  line-height:1;
  letter-spacing:.01em;
  color:transparent;
  /* Y2K gümüş krom: parlak üst, ince gri-mavi ufuk çizgisi, yansıyan alt */
  background:linear-gradient(180deg,#FFFFFF 0%,#E8EDF3 36%,#B9C4D3 46%,#5E6E84 47.5%,#5E6E84 52.5%,#F4F7FA 55%,#C3CEDC 78%,#9FADC0 100%);
  -webkit-background-clip:text;
  background-clip:text;
  /* kabartma (bevel): iç ışık + iç gölge */
  filter:url(#bevel);
}
.brand .d{
  margin-top:.55em;
  padding-left:.93em; /* son harfin boşluğunu dengeler: DESIGN, 768 yazısının tam altına ortalanır (ölçülerek bulundu) */
  font-size:max(9px,calc(var(--n) * .235));
  line-height:1;
  letter-spacing:.55em;
  text-transform:uppercase;
  color:#E2E8F0;
}
.brand::before{
  content:"";
  position:absolute;
  z-index:1;
  top:calc(var(--n) * .08);
  left:calc(var(--n) * -.06);
  width:calc(var(--n) * .3);
  height:calc(var(--n) * .3);
  background:#fff;
  clip-path:polygon(50% 0,54% 46%,100% 50%,54% 54%,50% 100%,46% 54%,0 50%,46% 46%);
  pointer-events:none;
}
.brand::after{
  content:"";
  position:absolute;
  top:calc(var(--n) * .03);
  right:calc(var(--n) * -.31);
  width:max(11px,calc(var(--n) * .28));
  height:max(11px,calc(var(--n) * .28));
  background:#E2E8F0;
  clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);
}

/* ---------- İlk ekran alt satırı: iki cümle, iki satır; hiçbir cümle ortadan kırılmaz ---------- */
.hero p.hero-alt{max-width:none}
.hero-cumle{white-space:nowrap}
/* 360 px altı dar telefonda (ör. 320) ilk cümle sığsın: 16 px'te 308 px sürer, yazı payı ona göre küçülür */
@media (max-width:359px){.hero p.hero-alt{font-size:calc((100vw - 2 * var(--yan,18px)) / 19.4)}}

/* ---------- JS kapalıyken fiyat bölümü yerine kısa düz metin ---------- */
.js-yok{max-width:44ch;margin:0 auto;padding:0 0 72px;text-align:center;font-size:16px;line-height:1.5;text-wrap:balance;color:var(--soluk,rgba(245,245,247,.6))}
.js-yok a{display:inline-block;padding:10px 4px;margin:-10px -4px;color:var(--fg,#f5f5f7);text-decoration:underline;text-underline-offset:3px}