/* Desiber Kurs — mesleki eğitim ve atölye merkezi
   Zemin ritmi: beyaz → leylak → mürekkep → beyaz → leylak → beyaz → mürekkep
   Ayraç: saç teli çizgi. Kart yok; bölümler zeminle ayrılır. */

:root{
  --bg:#FFFFFF;
  --yzy:#F6F2FF;
  --mrk:#1E1B32;
  --sus:#5F5A7A;
  --vrg:#6D28D9;
  --vrg2:#FFB020;
  --cizgi:#E6E0F7;

  --acik-mrk:#FFFFFF;
  --acik-sus:#B3AACE;
  --acik-cizgi:#3A3554;

  --display:'Outfit',system-ui,sans-serif;
  --govde:'Plus Jakarta Sans',system-ui,sans-serif;

  --gvd:clamp(1rem,.95rem + .25vw,1.0625rem);
  --kucuk:.875rem;
  --minik:.75rem;

  --b1:.25rem; --b2:.5rem; --b3:.75rem; --b4:1rem; --b5:1.5rem;
  --b6:2rem; --b7:3rem; --b8:4rem; --b9:6rem; --b10:8rem;

  --kenar:clamp(1.25rem,5vw,6rem);
  --en:1320px;
  --bolum:clamp(4rem,9vw,8rem);

  --egri:cubic-bezier(.22,1,.36,1);
  --sure:.5s;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--mrk);
  font-family:var(--govde);font-size:var(--gvd);line-height:1.7;
  font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{font-family:var(--display);font-weight:600;margin:0;letter-spacing:-.015em}
p{margin:0}
a{color:inherit}
ul,ol,dl,dd{margin:0;padding:0}
li{list-style:none}
button{font:inherit;color:inherit}

.kap{width:100%;max-width:var(--en);margin-inline:auto;padding-inline:var(--kenar)}
.gizli-metin{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.atla{
  position:fixed;top:.5rem;left:.5rem;z-index:200;transform:translateY(-200%);
  background:var(--mrk);color:#fff;padding:.7rem 1.1rem;font-size:var(--kucuk);
  text-decoration:none;transition:transform .2s var(--egri);
}
.atla:focus{transform:none}

:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--vrg);outline-offset:3px;border-radius:2px;
}
.rota :where(a,button,[tabindex]):focus-visible,
.alt :where(a,button):focus-visible{outline-color:var(--vrg2)}

/* ---------------------------------------------------------- tipografi */
.dev{
  font-family:var(--display);font-weight:700;
  font-size:clamp(2.5rem,6.2vw,4.75rem);line-height:1.06;letter-spacing:-.03em;
}
h2{font-size:clamp(1.75rem,3vw,3rem);line-height:1.15}
h3{font-size:clamp(1.25rem,1.7vw,1.6rem);line-height:1.2}
.giris{max-width:62ch;color:var(--sus);line-height:1.7;margin-top:var(--b4)}
.etiket{
  font-size:var(--minik);text-transform:uppercase;letter-spacing:.14em;
  font-weight:600;color:var(--sus);line-height:1.4;margin:0;
}
.etiket-acik{color:var(--vrg2)}
.bolum-bas{max-width:72ch}
.bolum-bas h2{margin-top:var(--b3)}
.bolum-bas-genis{max-width:none}

/* etiket–değer satırları */
.veri>div{
  display:grid;grid-template-columns:minmax(9rem,38%) 1fr;gap:var(--b4);
  padding:var(--b3) 0;border-top:1px solid var(--cizgi);
}
.veri dt{font-size:var(--kucuk);color:var(--sus)}
.veri dd{font-size:var(--kucuk);font-weight:500;font-variant-numeric:tabular-nums}
.veri dd a{text-decoration:none;border-bottom:1px solid var(--cizgi)}
.veri dd a:hover{border-bottom-color:var(--vrg);color:var(--vrg)}

/* düğme + bağlantı */
.dugme{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--vrg);color:#fff;text-decoration:none;border:0;
  padding:.95rem 1.6rem;font-family:var(--display);font-weight:600;
  font-size:var(--kucuk);letter-spacing:.02em;line-height:1;min-height:48px;
  cursor:pointer;transition:background var(--sure) var(--egri),transform var(--sure) var(--egri);
}
.dugme:hover{background:#5B1FBC;transform:translateY(-2px)}
.dugme-kucuk{padding:.7rem 1.1rem;min-height:40px}
/* ikincil: yalnız çerçeve — sayfada ikiden fazla dolu düğme olmasın */
.dugme-cerceve{
  background:none;color:var(--mrk);box-shadow:inset 0 0 0 1px var(--mrk);
  transition:background var(--sure) var(--egri),color var(--sure) var(--egri);
}
.dugme-cerceve:hover{background:var(--mrk);color:#fff;transform:none}
.baglanti{
  display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;
  font-size:var(--kucuk);font-weight:600;color:var(--mrk);
  padding-block:.4rem;min-height:44px;align-self:start;
}
.baglanti::before{
  content:'';width:1.6rem;height:1px;background:currentColor;
  transition:width var(--sure) var(--egri);
}
.baglanti:hover::before{width:2.6rem}
.baglanti span,.baglanti{position:relative}
.baglanti::after{
  content:'';position:absolute;left:2.1rem;right:0;bottom:.55rem;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:left;
  transition:transform var(--sure) var(--egri);
}
.baglanti:hover::after{transform:scaleX(1)}

/* ---------------------------------------------------------- üst bar */
.ust{
  position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);
  backdrop-filter:blur(12px);border-bottom:1px solid transparent;
  transition:border-color .3s var(--egri),background .3s var(--egri);
}
.ust.kaydi{border-bottom-color:var(--cizgi)}
.ust-ic{
  max-width:var(--en);margin-inline:auto;padding:var(--b3) var(--kenar);
  display:flex;align-items:center;gap:var(--b5);
}
.marka{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--mrk);min-height:44px}
.marka-im{width:26px;height:26px;flex:none;color:var(--mrk)}
.marka-ad{font-family:var(--display);font-weight:500;font-size:1.0625rem;letter-spacing:-.01em;white-space:nowrap}
.marka-ad b{font-weight:700}
.gez{display:flex;gap:var(--b5);margin-left:auto}
.gez a{
  text-decoration:none;font-size:var(--kucuk);font-weight:500;color:var(--sus);
  position:relative;padding-block:.4rem;transition:color .25s var(--egri);
}
.gez a::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--vrg);
  transform:scaleX(0);transform-origin:left;transition:transform .3s var(--egri);
}
.gez a:hover{color:var(--mrk)}
.gez a:hover::after{transform:scaleX(1)}
.ust-sag{display:flex;align-items:center;gap:var(--b3)}
.dil{display:flex;border:1px solid var(--cizgi)}
.dil-d{
  background:none;border:0;padding:.5rem .7rem;font-size:var(--minik);font-weight:700;
  letter-spacing:.08em;color:var(--sus);cursor:pointer;min-height:40px;min-width:44px;
  transition:background .25s var(--egri),color .25s var(--egri);
}
.dil-d:hover{color:var(--mrk)}
.dil-d[aria-pressed="true"]{background:var(--mrk);color:#fff}
.gez-d{display:none;background:none;border:1px solid var(--cizgi);width:44px;height:44px;
  flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}
.gez-d span{display:block;width:18px;height:1.5px;background:var(--mrk);transition:transform .3s var(--egri),opacity .3s var(--egri)}
.gez-d[aria-expanded="true"] span:first-child{transform:translateY(3.25px) rotate(45deg)}
.gez-d[aria-expanded="true"] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}

/* ---------------------------------------------------------- kahraman */
.hero{position:relative;min-height:min(92svh,860px);display:grid;isolation:isolate;background:#504b43}
.hero-kare{position:absolute;inset:0;overflow:hidden;z-index:0}
.hero-kare img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.hero::after{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(20,17,38,.58) 0%,rgba(20,17,38,.26) 34%,rgba(20,17,38,.72) 72%,rgba(20,17,38,.92) 100%),
    linear-gradient(90deg,rgba(20,17,38,.42) 0%,rgba(20,17,38,0) 55%);
}
.hero-ic,.hero-veri{position:relative;z-index:2;color:#fff}
.hero{
  grid-template-columns:1fr;align-content:end;
  padding:calc(var(--bolum) + 3rem) var(--kenar) var(--bolum);
  gap:var(--b7);
}
@media (min-width:1000px){
  .hero{
    grid-template-columns:minmax(0,7fr) minmax(0,4fr);
    column-gap:var(--b8);align-items:end;
    max-width:none;
    padding-inline:max(var(--kenar),calc((100vw - var(--en))/2 + var(--kenar)));
  }
}
.hero-ic .dev{margin-top:var(--b4);color:#fff}
.hero-p{margin-top:var(--b5);max-width:52ch;color:rgba(255,255,255,.86)}
.eylem{display:flex;flex-wrap:wrap;gap:var(--b5);align-items:center;margin-top:var(--b6)}
.eylem .baglanti{color:#fff}
.hero-veri{border-top:1px solid rgba(255,255,255,.28);padding-top:var(--b4)}
.hero-veri .etiket{color:var(--vrg2)}
.hero-veri .veri{margin-top:var(--b3)}
.hero-veri .veri>div{border-top-color:rgba(255,255,255,.18)}
.hero-veri dt{color:rgba(255,255,255,.7)}
.hero-veri dd{color:#fff}

/* satır maskesi */
.satir{display:block;overflow:hidden}
.satir>span{display:block;padding-bottom:.16em;margin-bottom:-.16em}

/* ---------------------------------------------------------- ölçüt şeridi */
.olcut{border-bottom:1px solid var(--cizgi)}
.olcut-ic{display:grid;grid-template-columns:repeat(2,1fr);gap:0}
@media (min-width:820px){.olcut-ic{grid-template-columns:repeat(4,1fr)}}
.olcut-o{padding:var(--b6) var(--b4) var(--b6) 0;border-left:1px solid var(--cizgi);padding-left:var(--b4)}
.olcut-o:first-child{border-left:0;padding-left:0}
@media (max-width:819px){
  .olcut-o:nth-child(odd){border-left:0;padding-left:0}
  .olcut-o:nth-child(n+3){border-top:1px solid var(--cizgi)}
}
.rakam{
  display:block;font-family:var(--display);font-weight:700;
  font-size:clamp(2rem,3.6vw,3rem);line-height:1;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;color:var(--mrk);
}
.olcut-e{display:block;margin-top:var(--b3);font-size:var(--kucuk);color:var(--sus);max-width:22ch}

/* ---------------------------------------------------------- yöntem / ray */
.yol{background:var(--yzy);padding-top:var(--bolum)}
.yol-govde{position:relative;margin-top:var(--b8);padding-left:calc(var(--b6) + 2px)}
@media (min-width:900px){.yol-govde{padding-left:0}}
.ray{position:absolute;left:0;top:.6rem;bottom:.6rem;width:2px;background:var(--cizgi)}
@media (min-width:900px){.ray{left:calc(20% - 1px)}}
.ray-dolgu{
  display:block;width:100%;height:100%;background:var(--vrg);
  transform:scaleY(var(--ilerleme,0));transform-origin:top;
}
.asamalar{display:grid;gap:var(--b8)}
.asama{position:relative}
@media (min-width:900px){
  .asama{display:grid;grid-template-columns:20% 1fr;column-gap:var(--b7)}
  .asama>*{grid-column:2}
  .asama-no{grid-column:1;grid-row:1 / span 4;justify-self:end;padding-right:var(--b6)}
}
.asama::before{
  content:'';position:absolute;left:calc(-1 * var(--b6) - 2px);top:.75rem;
  width:10px;height:10px;background:var(--yzy);border:2px solid var(--cizgi);border-radius:50%;
  transform:translateX(-4px);transition:transform .45s var(--egri),background .45s var(--egri),border-color .45s var(--egri);
}
@media (min-width:900px){.asama::before{left:20%;transform:translateX(-5px)}}
.asama.etkin::before{background:var(--vrg);border-color:var(--vrg);transform:translateX(-4px) scale(1.7)}
@media (min-width:900px){.asama.etkin::before{transform:translateX(-5px) scale(1.7)}}
.asama-no{
  font-family:var(--display);font-weight:700;font-size:var(--kucuk);
  letter-spacing:.14em;color:var(--sus);font-variant-numeric:tabular-nums;
  display:block;margin-bottom:var(--b3);transition:color .4s var(--egri);
}
.asama.etkin .asama-no{color:var(--vrg)}
.asama p{margin-top:var(--b3);color:var(--sus);max-width:58ch}
.asama .veri{margin-top:var(--b5);max-width:34rem}
.band{margin:var(--bolum) 0 0;position:relative;overflow:hidden}
.band img{width:100%;height:clamp(240px,44vw,520px);object-fit:cover}
.band figcaption{
  max-width:var(--en);margin-inline:auto;padding:var(--b4) var(--kenar) var(--b7);
  font-size:var(--kucuk);color:var(--sus);
}
.band figcaption span{display:block;max-width:58ch}

/* ---------------------------------------------------------- kariyer yolu */
.rota{background:var(--mrk);color:var(--acik-mrk);padding-block:var(--bolum)}
.rota h2{color:#fff}
.rota .giris{color:var(--acik-sus)}
.rota-secim{
  display:flex;flex-wrap:wrap;gap:var(--b5);margin-top:var(--b7);
  border-bottom:1px solid var(--acik-cizgi);padding-bottom:var(--b1);
}
.rota-t{
  position:relative;background:none;border:0;padding:.6rem 0 .9rem;cursor:pointer;
  font-family:var(--display);font-size:var(--kucuk);font-weight:600;
  color:var(--acik-sus);letter-spacing:-.005em;min-height:44px;
  transition:color .3s var(--egri);
}
.rota-t::after{
  content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--vrg2);
  transform:scaleX(0);transform-origin:left;transition:transform .35s var(--egri);
}
.rota-t:hover{color:#fff}
.rota-t[aria-selected="true"]{color:#fff}
.rota-t[aria-selected="true"]::after{transform:scaleX(1)}

.rota-govde{display:grid;gap:var(--b8);margin-top:var(--b7)}
@media (min-width:980px){.rota-govde{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--b9)}}
.rota-ozet{position:relative;align-self:start}
@media (min-width:980px){.rota-ozet{position:sticky;top:6.5rem}}
.ozet-o{padding:var(--b4) 0;border-top:1px solid var(--acik-cizgi)}
.ozet-o:first-child{border-top:0;padding-top:0}
.ozet-d{
  display:block;font-family:var(--display);font-weight:700;
  font-size:clamp(1.6rem,2.6vw,2.25rem);line-height:1.1;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;color:#fff;
}
.ozet-o-genis .ozet-d{font-size:clamp(1.25rem,2vw,1.6rem)}
.ozet-e{display:block;margin-top:var(--b2);font-size:var(--kucuk);color:var(--acik-sus)}
.rozet{display:flex;align-items:center;gap:var(--b4);margin-top:var(--b5);
  border-top:1px solid var(--acik-cizgi);padding-top:var(--b5)}
.rozet svg{width:56px;height:56px;flex:none}
.rozet-iz{stroke:var(--acik-cizgi)}
.rozet-yay{
  stroke:var(--vrg2);stroke-dasharray:189;stroke-dashoffset:189;
  transform:rotate(-90deg);transform-origin:50% 50%;
  transition:stroke-dashoffset 1.1s var(--egri);
}
.rozet-im{stroke:var(--vrg2);stroke-dasharray:40;stroke-dashoffset:40;
  transition:stroke-dashoffset .5s var(--egri) .55s}
.rozet.acik .rozet-yay,.rozet.acik .rozet-im{stroke-dashoffset:0}
.rozet-y{font-size:var(--kucuk);color:var(--acik-sus);max-width:26ch}

.rota-zincir{display:grid}
.zincir-o{position:relative;border-top:1px solid var(--acik-cizgi)}
.zincir-o:last-child{border-bottom:1px solid var(--acik-cizgi)}
.zincir-d{
  width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;
  gap:var(--b4);background:none;border:0;text-align:left;cursor:pointer;
  padding:var(--b5) 0;color:inherit;transition:color .3s var(--egri);
}
.zincir-no{
  font-family:var(--display);font-weight:700;font-size:var(--minik);letter-spacing:.12em;
  color:var(--acik-sus);font-variant-numeric:tabular-nums;transition:color .3s var(--egri);
}
.zincir-ad{font-family:var(--display);font-weight:600;font-size:1.0625rem;line-height:1.35;color:#fff}
.zincir-meta{font-size:var(--kucuk);color:var(--acik-sus);font-variant-numeric:tabular-nums;white-space:nowrap}
.zincir-d:hover .zincir-no{color:var(--vrg2)}
.zincir-d:hover .zincir-ad{color:var(--vrg2)}
.zincir-o::before{
  content:'';position:absolute;left:-1.35rem;top:calc(var(--b5) + .45rem);
  width:7px;height:7px;border-radius:50%;background:var(--acik-cizgi);
  transition:background .3s var(--egri),transform .3s var(--egri);
}
@media (max-width:640px){.zincir-o::before{display:none}}
.zincir-o.acik::before{background:var(--vrg2);transform:scale(1.5)}
.zincir-ic{overflow:hidden;display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--egri)}
.zincir-o.acik .zincir-ic{grid-template-rows:1fr}
.zincir-ic>div{min-height:0;overflow:hidden}
.zincir-ic p{color:var(--acik-sus);max-width:56ch;padding-bottom:var(--b4)}
.zincir-ic .veri>div{border-top-color:var(--acik-cizgi);grid-template-columns:minmax(7rem,30%) 1fr}
.zincir-ic .veri dt{color:var(--acik-sus)}
.zincir-ic .veri dd{color:#fff}
.zincir-ic .veri>div:last-child{padding-bottom:var(--b5)}
.rota-not{margin-top:var(--b7);font-size:var(--kucuk);color:var(--acik-sus);max-width:70ch}

/* ---------------------------------------------------------- programlar */
.prog{padding-block:var(--bolum)}
.prog-o{margin-top:var(--b8)}
.prog-kare{margin:0;overflow:hidden}
.prog-kare img{width:100%;transition:transform 1s var(--egri)}
.prog-o:hover .prog-kare img{transform:scale(1.03)}
.prog-tam .prog-kare img{height:clamp(280px,52vw,620px);object-fit:cover}
.prog-metin{display:grid;gap:var(--b5);margin-top:var(--b6)}
@media (min-width:900px){
  .prog-metin{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--b9)}
}
.prog-o h3{margin-top:var(--b3)}
.prog-o p{margin-top:var(--b4);color:var(--sus);max-width:58ch}
.prog-sag{display:grid;align-content:start;gap:var(--b5)}
.prog-ikili{display:grid;gap:var(--b6);align-items:center}
@media (min-width:900px){
  .prog-ikili{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--b8)}
  .prog-ikili-dar{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
}
.prog-kare-yatay img{height:clamp(240px,34vw,440px);object-fit:cover}
.prog-kare-dikey img{height:clamp(320px,48vw,620px);object-fit:cover}
.prog-yazi .veri{margin-top:var(--b5)}
.prog-yazi .baglanti{margin-top:var(--b5)}
.prog-yan{padding-top:var(--b8);border-top:1px solid var(--cizgi)}

/* ---------------------------------------------------------- takvim */
.takvim{background:var(--yzy);padding-block:var(--bolum)}
.tablo-kap{margin-top:var(--b7);overflow-x:auto}
.tablo{width:100%;border-collapse:collapse;min-width:44rem}
.tablo th,.tablo td{
  text-align:left;padding:var(--b4) var(--b4) var(--b4) 0;
  border-bottom:1px solid var(--cizgi);font-size:var(--kucuk);vertical-align:top;
}
.tablo th{
  font-family:var(--display);font-weight:600;font-size:var(--minik);
  text-transform:uppercase;letter-spacing:.12em;color:var(--sus);
  border-bottom-color:var(--mrk);
}
.tablo td{font-variant-numeric:tabular-nums}
.tablo th[scope="row"]{
  text-transform:none;letter-spacing:0;border-bottom-color:var(--cizgi);
  color:var(--mrk);padding-right:var(--b6);
}
.tablo .t-ad{font-family:var(--display);font-weight:600;font-size:1rem;color:var(--mrk)}
.tablo tr{transition:background .25s var(--egri)}
.tablo tbody tr:hover{background:#EFE9FF}
.t-yer{font-weight:600}
.t-az{color:#B0210F}
.takvim-not{margin-top:var(--b5);font-size:var(--kucuk);color:var(--sus);max-width:64ch}

/* ---------------------------------------------------------- mezunlar */
.kanit{padding-block:var(--bolum);border-top:1px solid var(--cizgi)}
.kanit-ic{margin-top:var(--b7);display:grid;gap:var(--b8)}
@media (min-width:900px){
  .kanit-ic{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--b9)}
  .veri-genis{grid-column:1 / -1}
}
.alinti{margin:0}
.alinti blockquote{margin:0}
.alinti p{
  font-family:var(--display);font-weight:500;
  font-size:clamp(1.125rem,1.7vw,1.4rem);line-height:1.5;letter-spacing:-.01em;
}
.alinti p::before{content:'“'}
.alinti p::after{content:'”'}
.alinti figcaption{margin-top:var(--b5);border-top:1px solid var(--cizgi);padding-top:var(--b3)}
.alinti-ad{display:block;font-weight:600;font-size:var(--kucuk)}
.alinti-alt{display:block;font-size:var(--kucuk);color:var(--sus)}
.veri-genis>div{grid-template-columns:minmax(12rem,50%) 1fr}

/* ---------------------------------------------------------- kadro */
.kadro{padding-block:var(--bolum);border-top:1px solid var(--cizgi)}
.kadro-liste{margin-top:var(--b7)}
.kadro-s{
  display:grid;gap:var(--b2) var(--b5);padding:var(--b5) 0;
  border-top:1px solid var(--cizgi);transition:padding-left .35s var(--egri);
}
.kadro-s:last-child{border-bottom:1px solid var(--cizgi)}
@media (min-width:820px){
  .kadro-s{grid-template-columns:minmax(0,3fr) minmax(0,3fr) minmax(0,6fr);align-items:baseline}
}
.kadro-ad{font-family:var(--display);font-weight:600;font-size:1.125rem}
.kadro-un{font-size:var(--kucuk);color:var(--vrg);font-weight:600}
.kadro-ac{font-size:var(--kucuk);color:var(--sus)}

/* ---------------------------------------------------------- iletişim */
.iletisim{background:var(--yzy);padding-block:var(--bolum)}
.ilt-ic{display:grid;gap:var(--b8)}
@media (min-width:900px){.ilt-ic{grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:var(--b9)}}
.ilt-sol h2{margin-top:var(--b3)}
.ilt-sol .veri{margin-top:var(--b7)}
.form{display:grid;gap:var(--b4);align-content:start}
.alan{display:grid;gap:var(--b2)}
.alan label{font-size:var(--kucuk);font-weight:600}
.alan input,.alan select,.alan textarea{
  font:inherit;font-size:var(--kucuk);color:var(--mrk);background:#fff;
  border:1px solid var(--cizgi);padding:.8rem .9rem;min-height:48px;width:100%;
  border-radius:0;transition:border-color .25s var(--egri);
}
.alan textarea{min-height:96px;resize:vertical;line-height:1.6}
.alan input:hover,.alan select:hover,.alan textarea:hover{border-color:#C9BDF0}
.alan input:focus,.alan select:focus,.alan textarea:focus{border-color:var(--vrg)}
.alan input[aria-invalid="true"]{border-color:#B0210F}
.form .dugme{justify-self:start;margin-top:var(--b2)}
.form-durum{font-size:var(--kucuk);font-weight:600;min-height:1.5rem}
.form-durum.hata{color:#B0210F}
.form-durum.tamam{color:#166534}
.form-kvk{font-size:var(--minik);color:var(--sus);line-height:1.6}

/* ---------------------------------------------------------- alt */
.alt{background:var(--mrk);color:var(--acik-sus);padding-block:var(--b8)}
.alt-ic{display:grid;gap:var(--b6)}
@media (min-width:820px){.alt-ic{grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,4fr);column-gap:var(--b7)}}
.alt-marka{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:center}
.alt .marka-im{color:#fff}
.alt .marka-ad{color:#fff}
.alt-slogan{grid-column:1 / -1;font-size:var(--kucuk);color:var(--acik-sus);margin-top:var(--b2)}
.alt-gez{display:grid;gap:0;align-content:start}
.alt-gez a{text-decoration:none;font-size:var(--kucuk);color:var(--acik-sus);width:max-content;
  display:flex;align-items:center;min-height:44px;
  border-bottom:1px solid transparent;transition:color .25s var(--egri),border-color .25s var(--egri)}
.alt-gez a:hover{color:#fff;border-bottom-color:var(--vrg2)}
.alt-yasal{font-size:var(--minik);line-height:1.8}

/* ---------------------------------------------------------- açılış hareketi */
.ac{opacity:0;transform:translateY(22px);transition:opacity .8s var(--egri),transform .8s var(--egri)}
.ac.gor{opacity:1;transform:none}
.js .satir>span{transform:translateY(110%);transition:transform 1s var(--egri)}
.js .hero-kare img{transition:transform 1.6s var(--egri)}
.hazir .satir>span{transform:none}
.hazir .hero-kare img{transform:scale(1)}
.js .hero-p,.js .eylem,.js .hero-veri,.js .hero-ic .etiket{
  opacity:0;transform:translateY(18px);transition:opacity .7s var(--egri),transform .7s var(--egri);
}
.hazir .hero-p,.hazir .eylem,.hazir .hero-veri,.hazir .hero-ic .etiket{opacity:1;transform:none}
.hazir .hero-ic .etiket{transition-delay:.05s}
.hazir .hero-p{transition-delay:.42s}
.hazir .eylem{transition-delay:.5s}
.hazir .hero-veri{transition-delay:.58s}
.hazir .satir:nth-child(2)>span{transition-delay:.1s}

/* ---------------------------------------------------------- mobil */
@media (max-width:999px){
  .gez{
    position:fixed;inset:0 0 auto;top:0;padding:5.5rem var(--kenar) var(--b7);
    background:var(--bg);flex-direction:column;gap:var(--b4);
    transform:translateY(-100%);transition:transform .45s var(--egri);
    border-bottom:1px solid var(--cizgi);z-index:-1;
  }
  .gez.acik{transform:none}
  .gez a{font-family:var(--display);font-size:1.25rem;color:var(--mrk);padding-block:.6rem}
  .gez-d{display:flex}
  /* .gez fixed olunca margin-left:auto etkisiz kalıyor; sağa yaslamayı devral */
  .ust-sag{margin-left:auto}
  .ust-sag .dugme-kucuk{display:none}
}
@media (max-width:600px){
  .veri>div{grid-template-columns:1fr;gap:var(--b1)}
  .zincir-d{grid-template-columns:auto 1fr;row-gap:var(--b1)}
  .zincir-meta{grid-column:2;white-space:normal}
  .rota-secim{gap:var(--b4)}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;transition-delay:0ms!important;
  }
  .ac{opacity:1;transform:none}
  .satir>span{transform:none!important}
  .hero-kare img{transform:scale(1)!important}
  .js .hero-p,.js .eylem,.js .hero-veri,.js .hero-ic .etiket{opacity:1;transform:none}
  .ray-dolgu{transform:scaleY(1)}
}
.dur .ac{opacity:1!important;transform:none!important}
.dur .satir>span{transform:none!important}
.dur *,.dur *::before,.dur *::after{transition-duration:.01ms!important;transition-delay:0ms!important}