main{--hx:clamp(16px,2.5vw,48px);--hg:16px;--g20:#202020;--g26:#262626;--g32:#323232;--g7d:#7d7d7d;--gaf:#afafaf;--gcd:#cdcdcd}
.hp-grid{display:grid;gap:24px var(--hg);padding-inline:var(--hx)}
@media (min-width:834px){.hp-grid{grid-template-columns:1fr 1fr}}
.hp-etiket{margin:0 0 20px;font:400 12px/1.2 var(--mono);letter-spacing:-.02em;text-transform:uppercase;color:var(--gaf)}
.hp-ornek{display:inline-block;padding:4px 7px;border:1px dashed currentColor;border-radius:var(--r-ui);font:400 11px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;font-style:normal}
.hp-not{margin:0 var(--hx) 48px}
.hp-hero{position:relative;top:auto;height:auto;min-height:calc(100svh - var(--bar));z-index:0;gap:24px;
  padding:calc(var(--bar) + 24px) var(--hx) 40px;grid-template-rows:1fr auto}
html.js .hp-hero{margin-top:calc(-1 * var(--bar));min-height:100svh}
.hp-hero .hero-media{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#000}
html.mo-ready:not(.mo-reduce) .hp-hero .hero-media{will-change:transform}
.hp-hero .hero-shade{position:absolute;inset:0;z-index:-1;background:#000;opacity:0;pointer-events:none}
.hp-hero .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:grayscale(1) contrast(1.15) brightness(.38);transition:opacity 1.2s var(--e-sine-in)}
.hp-hero .hero-media.has-video .hero-video{opacity:1}
.hp-hero .hero-main{align-self:center;padding-top:0}
.hp-hero .hero-foot{display:block}
.hp-hero .lede{margin:0;font-size:1rem;line-height:1.38;max-width:34em;color:var(--white)}   
.hp-hero .hero-foot .actions{margin-top:20px}
.hp-hero .hero-cap{margin-top:14px}
.hp-hero .hero-card-wrap{margin-top:28px}
.hp-hero .hero-card{display:grid;grid-template-columns:1fr 106px;gap:12px;align-items:stretch;width:100%;max-width:none;min-height:118px;
  padding:6px 6px 6px 16px;border-radius:16px;background:var(--yellow);color:#000;transition:filter .2s}
.hp-hero .hero-card .card-text{display:grid;align-content:start;gap:10px;padding:15px 0 12px;font-size:1rem;line-height:1.38;letter-spacing:-.02em}
.hp-hero .hero-card .card-label{font:400 12px/1.2 var(--mono);letter-spacing:-.02em}
.hp-hero .hero-card img{width:106px;height:106px;min-height:0;border-radius:10px;object-fit:cover}
@media (hover:hover) and (pointer:fine){.hp-hero .hero-card:hover{background:var(--yellow);filter:brightness(.95)}}
@media (min-width:834px){
  .hp-hero .hero-copy{max-width:min(36rem,calc(100% - 380px))}
  .hp-hero{padding-bottom:72px}
  .hp-hero .hero-card-wrap{position:absolute;right:16px;bottom:72px;width:346px;margin:0;z-index:1}   
}
.hp-intro{z-index:2;background:transparent;border-radius:0;min-height:100svh;padding:120px var(--hx)}
.hp-intro .intro-bg{position:absolute;inset:0;z-index:-1;background:var(--yellow);transform-origin:50% 50%}
html.mo-ready:not(.mo-reduce) .hp-intro .intro-bg{will-change:transform}
.hp-intro .stmt{width:min(100%,24em);max-width:none;font-size:clamp(1.75rem,3.33vw,3rem);line-height:1.17;letter-spacing:-.04em}
.hp-intro .stmt-soft{color:rgba(0,0,0,.45)}
.hp-intro .stmt-wrap{width:100%;display:grid;gap:32px}
.hp-intro .stmt-not{margin:0;max-width:44em;font:400 12px/1.4 var(--mono);letter-spacing:-.02em;color:rgba(0,0,0,.62)}
.hp-seq .seq-tema{position:absolute;inset:0;pointer-events:none}
.hp-seq.is-pinned{--seq-run:640svh;   
  height:calc(100svh + var(--seq-run));margin-top:-100svh;background:transparent;view-timeline:none;z-index:1}
.hp-seq.is-pinned .seq-tema{top:100svh}
.hp-seq.is-pinned .seq-stage{position:sticky;top:0;height:100lvh;overflow:hidden}
.hp-seq.is-pinned .seq-layer{position:absolute;inset:0 0 auto 0;height:100svh;min-height:0;display:block;overflow:visible;isolation:auto;
  opacity:0;visibility:visible;animation:none;pointer-events:none;transition:opacity .5s var(--e-sine-out)}
.hp-seq.is-pinned .seq-layer.is-on{opacity:1;pointer-events:auto;transition:none}
.hp-seq.is-pinned .seq-layer > img{display:none}
.hp-seq.is-pinned .seq-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 var(--hx);max-width:none}
.hp-seq.is-pinned .seq-text h3{margin:0;max-width:12em;font-size:clamp(2rem,3.33vw,3rem);line-height:1.17}
.hp-seq.is-pinned .seq-text .btn{margin-top:36px}
.hp-seq.is-pinned .seq-text p{position:absolute;left:var(--hx);bottom:64px;margin:0;max-width:26em;font-size:1rem;line-height:1.38;color:var(--gcd)}
.hp-seq .rv-ut{opacity:0!important;transition:opacity .5s var(--e-sine-out)!important}
.seq-media{position:absolute;inset:0;overflow:hidden;background:#000}
.seq-media img,.seq-media canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.seq-media img{opacity:0;visibility:hidden;filter:grayscale(1) contrast(1.12) brightness(.58);transform-origin:50% 50%}
.seq-perde{position:absolute;inset:0;background:#000;pointer-events:none}
.hp-seq.is-pinned .seq-progress{display:block;position:absolute;left:var(--hx);right:var(--hx);bottom:28px;height:2px;z-index:2;background:rgba(238,238,238,.18)}
.hp-seq.is-pinned .seq-progress i{display:block;height:100%;background:var(--yellow);transform-origin:left;transform:scaleX(0);animation:none}
.hp-feat{padding:120px 0}
.hp-feat .feat-head p{margin:16px 0 0;max-width:30ch;color:var(--gaf)}
.feat-grid{list-style:none;margin:0;padding:0;display:grid;gap:56px var(--hg);grid-template-columns:1fr}
@media (min-width:600px){.feat-grid{grid-template-columns:1fr 1fr}}
.feat{max-width:330px}
.feat-ico{display:block;width:49px;height:49px;margin-bottom:30px;fill:currentColor;color:var(--white)}
.feat h3{margin:0 0 16px;font-size:1.5rem;line-height:1.17}
.feat p{margin:0;font-size:1.25rem;line-height:1.2;color:var(--g7d)}
.hp-kurum{padding:120px 0;background:var(--white);color:var(--g20)}
.kurum-etiket{font-size:clamp(2rem,3.33vw,3rem);line-height:1.17;letter-spacing:-.04em;color:var(--g20)}
.kurum-yigin{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.kurum-hucre{display:grid;gap:48px;min-width:0}
.kurum{min-width:0}
.kurum-ad{margin:0 0 16px;font-size:clamp(1.75rem,2.5vw,2.25rem);line-height:1.17;letter-spacing:-.04em;color:var(--g20)}
.kurum-kunye{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 32px;font-size:12px;line-height:1.5;color:#555}
.kurum-dugme{margin-top:4px}
.kurum-oklar{display:flex;flex-direction:column;gap:12px}
.kurum-oklar[hidden]{display:none}
.btn-dots.kurum-ok{background:var(--g20);color:var(--white)}
@media (hover:hover) and (pointer:fine){.btn-dots.kurum-ok:hover{background:var(--yellow);color:var(--g20)}}
.kurum-yigin.is-yigin .kurum-hucre{grid-template-areas:"y"}
.kurum-yigin.is-yigin .kurum{grid-area:y;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}
.kurum-yigin.is-yigin .kurum.is-on{opacity:1;visibility:visible;transition:opacity .6s ease .6s,visibility 0s linear .6s}
.hp-uzm{padding:120px 0;background:var(--g20);color:var(--white);--ink:var(--white)}
.uzm-head{margin-bottom:64px}
.uzm-giris{margin:0;max-width:28em;font-size:clamp(1.25rem,1.67vw,1.5rem);line-height:1.17;letter-spacing:-.02em;color:var(--gcd)}
.hp-uzm .demo-cap{color:var(--gaf)}
.uzm-kartlar{display:grid;gap:var(--hg);padding-inline:var(--hx);grid-template-columns:1fr}
@media (min-width:834px){.uzm-kartlar{grid-template-columns:1fr 1fr}}
.uzm-kart{position:relative;display:grid;grid-template-columns:190px 1fr;gap:32px;min-height:222px;padding:16px;border-radius:16px;
  background:var(--g32);color:var(--white);text-decoration:none;transition:background-color .2s,color .2s}
.uzm-foto{width:190px;height:190px;overflow:hidden;border-radius:10px;background:#000}
.uzm-foto img{width:100%;height:100%;object-fit:cover}
.uzm-metin{padding:14px 40px 0 0;min-width:0}
.uzm-metin h3{margin:0 0 16px;font-size:1.25rem;line-height:1.2;letter-spacing:-.02em}
.uzm-metin p{margin:0;font-size:1.25rem;line-height:1.2;letter-spacing:-.02em;color:var(--gaf);transition:color .2s}
.uzm-kart .btn-dots{position:absolute;right:16px;bottom:16px}
@media (hover:hover) and (pointer:fine){
  .uzm-kart:hover{background:var(--yellow);color:#000}
  .uzm-kart:hover .uzm-metin p{color:var(--gunmetal)}
}
.hp-band{padding:120px var(--hx)}
.hp-yol{padding:120px var(--hx)}
.hp-isik{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;display:flex;align-items:flex-start;
  padding:max(120px,17svh) 0 120px;background:#000;color:var(--white)}
.isik{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.isik canvas,.isik video,.isik img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.isik::before,.isik::after{content:"";position:absolute;pointer-events:none}
.isik::before{left:-25%;top:30%;width:150%;height:34%;transform:rotate(26deg);
  background:radial-gradient(closest-side,rgba(255,238,150,.62),rgba(255,222,40,.26) 42%,rgba(255,214,0,.08) 66%,transparent 100%)}
.isik::after{left:2%;top:-30%;width:34%;height:110%;transform:rotate(-14deg);
  background:radial-gradient(closest-side,rgba(255,230,110,.34),rgba(255,214,0,.1) 55%,transparent 100%)}
.isik.is-on::before,.isik.is-on::after{display:none}
.isik-icerik{position:relative;width:100%}
.isik-metin h2,.isik-aciklama{font-size:clamp(1.75rem,2.5vw,2.25rem);line-height:1.17;letter-spacing:-.04em;font-weight:300}
.isik-aciklama{margin:0;max-width:16em;color:var(--g7d)}
.isik-metin .actions{margin-top:48px}
@media (min-width:834px){.isik-metin{grid-column:2}}
.hp-turkiye{padding:120px 0;background:var(--g20);color:var(--white)}
.hp-turkiye h2{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.04em}
.tk-yazi{margin:0 0 40px;max-width:24em;font-size:clamp(1.25rem,1.67vw,1.5rem);line-height:1.17;letter-spacing:-.02em;color:var(--gcd)}
.hp-rakam{padding:16px 0 120px;background:#000}
.rakam-kartlar{list-style:none;margin:0;padding:0 var(--hx);display:grid;gap:var(--hg);grid-template-columns:1fr}
@media (min-width:834px){.rakam-kartlar{grid-template-columns:1fr 1fr}}
.rakam-kart{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:676/451;min-height:220px;
  padding:clamp(24px,3.33vw,48px);border-radius:clamp(24px,3.33vw,48px);background:var(--g20);color:var(--white);transition:background-color .2s}
@media (max-width:400px){.rakam-kart{aspect-ratio:auto}}   
.rakam-n{position:absolute;top:clamp(20px,2.9vw,42px);right:clamp(24px,3.33vw,48px);display:flex;align-items:baseline;gap:.5rem;max-width:calc(100% - 2*clamp(24px,3.33vw,48px))}
.rakam-n .pj-pre,.rakam-n .pj-birim{font-size:clamp(1rem,1.7vw,1.5rem);line-height:1;letter-spacing:-.03em;white-space:nowrap}
.rakam-n .pj-pre{color:var(--gaf)}.rakam-n .pj-birim{color:var(--white)}
.rakam-kart b{display:block;font-size:clamp(4rem,8.33vw,7.5rem);font-weight:250;
  line-height:1;letter-spacing:-.08em;color:var(--gaf);transition:color .2s}
.rakam-ad{max-width:20em;font-size:1.25rem;line-height:1.2;letter-spacing:-.02em}
.rakam-not{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;color:var(--gaf)}
@media (hover:hover) and (pointer:fine){.rakam-kart:hover{background:var(--g26)}.rakam-kart:hover b{color:var(--white)}}
.hp-fnot{margin:32px var(--hx) 0;max-width:44em;font:400 12px/1.4 var(--mono);letter-spacing:-.02em;color:var(--gaf)}
.rakam-belge{padding:64px var(--hx) 0}
.rakam-belge h3{margin:0 0 16px;font-size:1.25rem;letter-spacing:-.02em}
.rakam-belge .kanit-belge li{border:0;border-radius:16px;background:var(--g20)}
.rakam-belge .kanit-belge span{color:var(--gaf)}
.hp-isler{padding:120px 0;background:var(--white);color:#000}
.isler-head{margin-bottom:64px;align-items:end}
.isler-head h2{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.02}
.isler-giris{margin:0;max-width:30em;color:var(--gunmetal)}
.is-chip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0}
.isler-one{display:grid;gap:var(--hg);padding-inline:var(--hx);grid-template-columns:1fr}
@media (min-width:834px){.isler-one{grid-template-columns:1fr 1fr}}
.is-one{display:block;min-width:0;color:#000;text-decoration:none}
.is-gorsel{position:relative;display:block;aspect-ratio:676/400;overflow:hidden;border-radius:16px;background:var(--gcd)}
.is-gorsel img{width:100%;height:100%;object-fit:cover}
.is-yok{position:absolute;inset:0;background-image:radial-gradient(circle,var(--gaf) 1.2px,transparent 1.5px);background-size:12px 12px}
.is-isaret{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:var(--r-ui);
  background:rgba(0,0,0,.62);color:var(--white);font:400 11px/1 var(--mono)}
.is-meta{display:block;margin:20px 0 10px;font:400 12px/1.2 var(--mono);letter-spacing:.02em;text-transform:uppercase;color:#555}
.is-one h3{margin:0 0 12px;font-size:1.5rem;line-height:1.17}
.is-tarif{margin:0;max-width:34em;color:var(--gunmetal);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.isler-liste{list-style:none;margin:80px 0 0;padding:0 var(--hx)}
.isler-liste li{border-top:1px solid rgba(0,0,0,.18)}
.isler-liste li:last-child{border-bottom:1px solid rgba(0,0,0,.18)}
.is-satir{display:grid;grid-template-columns:minmax(0,1fr) 8rem auto;align-items:center;gap:16px;min-height:71px;padding:12px 16px;
  color:#000;text-decoration:none;transition:background-color .2s}
.is-ad{min-width:0;font-size:1.25rem;line-height:1.2;letter-spacing:-.02em;transition:transform .2s}
.is-yil{font:400 12px/1 var(--mono);color:#555}
.is-git{display:flex;align-items:center;gap:12px;font:400 12px/1 var(--mono);transition:transform .2s}
.is-bos .is-ad,.is-bos .is-yil{color:var(--gaf)}
@media (hover:hover) and (pointer:fine){
  .is-satir:hover{background:var(--gcd)}
  .is-satir:hover .is-ad{transform:translateX(8px)}
  .is-satir:hover .is-git{transform:translateX(-8px)}
}
@media (hover:hover) and (pointer:fine) and (max-width:833.98px){.is-satir:hover .is-ad,.is-satir:hover .is-git{transform:none}}
.is-yuzen{position:fixed;left:0;top:0;z-index:15;width:22.85vw;height:15.2vw;object-fit:cover;border-radius:1.11vw;pointer-events:none;
  opacity:0;transition:opacity .2s;will-change:transform}
.is-yuzen.is-on{opacity:1}
@media (max-width:833.98px){
  .hp-hero{padding-bottom:132px}   
  .hp-feat,.hp-kurum,.hp-uzm,.hp-isler,.hp-intro{padding-block:88px}
  .hp-band,.hp-yol,.hp-turkiye{padding-block:88px}
  .kurum-yigin{grid-template-columns:1fr}
  .kurum-oklar{flex-direction:row}
  .uzm-kart{grid-template-columns:104px 1fr;gap:16px;min-height:136px;padding:12px}
  .uzm-foto{width:104px;height:104px}
  .uzm-metin{padding:4px 28px 0 0}
  .uzm-metin h3,.uzm-metin p{font-size:1.0625rem}
  .uzm-kart .btn-dots{right:12px;bottom:12px}
  .hp-isik{padding-top:96px;min-height:100svh}
  .hp-seq.is-pinned .seq-text p{bottom:56px;right:var(--hx)}
  .is-satir{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
  .is-yil{grid-column:1;grid-row:2}
  .is-git{grid-column:2;grid-row:1/3}
}
@media (prefers-reduced-motion:reduce){
  .kurum-yigin.is-yigin .kurum,.kurum-yigin.is-yigin .kurum.is-on{transition:none}
  .uzm-kart,.uzm-metin p,.rakam-kart,.rakam-kart b,.is-satir,.is-ad,.is-git,.hp-hero .hero-card{transition:none}
}
.kurum .kurum-logo{margin:0 0 24px}
.hp-kurum .kurum-logo:focus-visible{outline-color:var(--g20)}