:root{
  --turuncu:#ff6000; --turuncu-koyu:#e05400; --turuncu-acik:#fff1e8; --turuncu-cizgi:#ffd9c0;
  --metin:#1d2433; --soluk:#5e6778; --cizgi:#e8eaf0; --zemin:#ffffff; --gri:#f6f7fa;
  --yesil:#1b7f4b; --golge:0 1px 2px rgba(16,24,40,.05), 0 8px 24px rgba(16,24,40,.06);
  --r:14px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--zemin); color:var(--metin);
  font:400 16px/1.6 "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; height:auto; display:block}
a{color:inherit}
h1,h2,h3{margin:0; line-height:1.22; letter-spacing:-.02em}
p{margin:0}
.kap{max-width:1120px; margin:0 auto; padding:0 20px}
.kap.dar{max-width:820px}
.ust{position:sticky; top:0; z-index:20; background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(8px); border-bottom:1px solid var(--cizgi)}
.ust-ic{display:flex; align-items:center; justify-content:space-between; height:66px; gap:16px}
.marka{display:flex; align-items:center; text-decoration:none}
.marka img{height:30px; width:auto; display:block}   
.ust-menu{display:flex; align-items:center; gap:22px}
.ust-menu a{color:var(--soluk); text-decoration:none; font-size:14.5px; font-weight:600}
.ust-menu a:hover{color:var(--metin)}
.ust-menu a.dg-turuncu, .ust-menu a.dg-turuncu:hover{color:#fff}
.dg{display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:12px 22px; border-radius:999px; font-weight:700; font-size:15px;
  text-decoration:none; border:1.5px solid transparent; transition:.15s; white-space:nowrap}
.dg-kucuk{padding:9px 16px; font-size:14px}
.dg-turuncu{background:var(--turuncu); color:#fff}
.dg-turuncu:hover{background:var(--turuncu-koyu)}
.dg-cizgi{border-color:var(--cizgi); color:var(--metin); background:#fff}
.dg-cizgi:hover{border-color:var(--turuncu); color:var(--turuncu)}
.dg-beyaz{background:#fff; color:var(--turuncu)}
.dg-beyaz:hover{background:#fff6f0}
.dg-cizgi-beyaz{border-color:rgba(255,255,255,.55); color:#fff}
.dg-cizgi-beyaz:hover{background:rgba(255,255,255,.12)}
.dugmeler{display:flex; flex-wrap:wrap; gap:12px; margin-top:26px}
.dugmeler.orta{justify-content:center}
.hero{background:linear-gradient(180deg,var(--turuncu-acik) 0%, #fff 78%); padding:64px 0 46px}
.hero-ic{display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:center}
.etiket{display:inline-block; background:#fff; border:1px solid var(--turuncu-cizgi);
  color:var(--turuncu); font-size:12px; font-weight:800; letter-spacing:.09em;
  padding:6px 13px; border-radius:999px}
.hero h1{font-size:clamp(30px,4.3vw,50px); font-weight:800; margin:18px 0 16px}
.hero p{color:var(--soluk); font-size:17.5px; max-width:52ch}
.hero-not{display:inline-flex; align-items:center; gap:8px; margin-top:22px;
  color:var(--yesil); font-weight:700; font-size:14.5px}
.hero-not svg{width:17px; height:17px}
.hero-gorsel{display:flex; justify-content:center}
.hero-gorsel img{width:330px; filter:drop-shadow(0 26px 44px rgba(16,24,40,.18))}
.bolum{padding:64px 0}
.bolum.gri{background:var(--gri)}
.bolum h2{font-size:clamp(24px,3vw,34px); font-weight:800; text-align:center}
.bolum .alt{color:var(--soluk); text-align:center; margin-top:10px}
.bolum h2 + .adimlar, .bolum h2 + .izgara, .bolum h2 + .nedenler,
.bolum h2 + .sss, .bolum .alt + *{margin-top:36px}
.adimlar{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.adim{background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:24px 20px; box-shadow:var(--golge)}
.adim-no{display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px;
  border-radius:50%; background:var(--turuncu-acik); color:var(--turuncu); font-weight:800; font-size:15px}
.adim h3{font-size:17px; font-weight:700; margin:14px 0 8px}
.adim p{color:var(--soluk); font-size:14.5px}
.izgara{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.kart{background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:24px 20px; box-shadow:var(--golge)}
.kart-ikon{display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px;
  border-radius:12px; background:var(--turuncu-acik); color:var(--turuncu)}
.kart-ikon svg{width:23px; height:23px}
.kart h3{font-size:16.5px; font-weight:700; margin:14px 0 8px}
.kart p{color:var(--soluk); font-size:14.5px}
.ekranlar{display:grid; grid-template-columns:repeat(3,minmax(0,240px)); gap:30px; justify-content:center}
.ekranlar figure{margin:0; text-align:center}
.ekranlar img{border-radius:20px; box-shadow:0 18px 40px rgba(16,24,40,.14); margin:0 auto}
.ekranlar figcaption{margin-top:14px; font-weight:700; font-size:14.5px; color:var(--soluk)}
.ikili{display:grid; grid-template-columns:1fr 1.1fr; gap:44px; align-items:center}
.ikili h2{text-align:left}
.ikili-metin p{color:var(--soluk); margin-top:14px}
.liste{list-style:none; margin:22px 0 26px; padding:0}
.liste li{position:relative; padding-left:28px; margin-bottom:11px; color:var(--metin); font-size:15.5px}
.liste li::before{content:""; position:absolute; left:0; top:7px; width:17px; height:17px;
  border-radius:50%; background:var(--turuncu-acik);
  box-shadow:inset 0 0 0 1.5px var(--turuncu-cizgi)}
.liste li::after{content:""; position:absolute; left:5px; top:11px; width:7px; height:4px;
  border-left:2px solid var(--turuncu); border-bottom:2px solid var(--turuncu);
  transform:rotate(-45deg)}
.ikili-gorsel img{border-radius:var(--r); border:1px solid var(--cizgi); box-shadow:var(--golge)}
.nedenler{display:grid; grid-template-columns:repeat(2,1fr); gap:14px 26px}
.neden{display:flex; gap:12px; align-items:flex-start; background:#fff; border:1px solid var(--cizgi);
  border-radius:12px; padding:16px 18px}
.neden svg{width:19px; height:19px; color:var(--yesil); flex:0 0 19px; margin-top:2px}
.neden span{font-size:15.5px}
.sss details{background:#fff; border:1px solid var(--cizgi); border-radius:12px; margin-bottom:12px; overflow:hidden}
.sss summary{cursor:pointer; padding:17px 20px; font-weight:700; font-size:16px; list-style:none;
  display:flex; align-items:center; justify-content:space-between; gap:14px}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:""; width:9px; height:9px; flex:0 0 9px;
  border-right:2px solid var(--soluk); border-bottom:2px solid var(--soluk);
  transform:rotate(45deg); transition:.2s}
.sss details[open] summary::after{transform:rotate(-135deg)}
.sss .cevap{padding:0 20px 18px; color:var(--soluk); font-size:15.5px}
.kapanis{background:linear-gradient(135deg,var(--turuncu) 0%, #ff8a3d 100%); color:#fff;
  padding:64px 0; text-align:center}
.kapanis h2{font-size:clamp(24px,3vw,34px); font-weight:800}
.kapanis p{margin-top:12px; font-size:17px; opacity:.95}
.alt-bilgi{border-top:1px solid var(--cizgi); padding:26px 0; font-size:14.5px; color:var(--soluk)}
.alt-ic{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}
.alt-bilgi nav{display:flex; gap:20px; flex-wrap:wrap}
.alt-bilgi a{text-decoration:none}
.alt-bilgi a:hover{color:var(--metin)}
@media (max-width:980px){
  .hero-ic,.ikili{grid-template-columns:1fr; gap:34px}
  .ikili-gorsel{order:-1}
  .adimlar,.izgara{grid-template-columns:repeat(2,1fr)}
  .ekranlar{grid-template-columns:repeat(2,minmax(0,220px))}
}
@media (max-width:640px){
  .ust-menu a:not(.dg){display:none}
  .hero{padding:44px 0 34px}
  .bolum{padding:48px 0}
  .adimlar,.izgara,.nedenler{grid-template-columns:1fr}
  .ekranlar{grid-template-columns:minmax(0,260px)}
  .hero-gorsel img{width:250px}
  .gerekler{grid-template-columns:1fr}
  .dugmeler .dg{flex:1 1 auto}
}
.ekranlar.dortlu{grid-template-columns:repeat(4,minmax(0,240px)); gap:24px}
.liste strong{font-weight:700}
.akis{display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:nowrap}
.akis-adim{flex:1 1 0; max-width:220px; background:#fff; border:1px solid var(--cizgi); border-radius:var(--r);
  padding:18px 16px; text-align:center; box-shadow:var(--golge)}
.akis-adim span{display:block; font-size:12.5px; font-weight:800; letter-spacing:.08em; color:var(--soluk); text-transform:uppercase}
.akis-adim b{display:block; margin-top:6px; font-size:16px}
.akis-adim.vurgu{background:var(--turuncu-acik); border-color:var(--turuncu-cizgi)}
.akis-adim.vurgu b{color:var(--turuncu)}
.akis-ok{flex:0 0 22px; height:2px; background:var(--turuncu-cizgi); position:relative}
.akis-ok::after{content:""; position:absolute; right:-1px; top:-4px; width:8px; height:8px;
  border-top:2px solid var(--turuncu); border-right:2px solid var(--turuncu); transform:rotate(45deg)}
.etiketler{display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:30px}
.etiketler span{background:var(--turuncu-acik); color:var(--turuncu-koyu); border:1px solid var(--turuncu-cizgi);
  border-radius:999px; padding:9px 16px; font-weight:700; font-size:14.5px}
.bolum h2.ikinci{margin-top:56px}
.gerekler{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:30px}
.gerek{background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:22px 20px; box-shadow:var(--golge)}
.gerek h3{font-size:16.5px; font-weight:700}
.gerek p{color:var(--soluk); font-size:14.5px; margin-top:8px}
@media (max-width:980px){
  .ekranlar.dortlu{grid-template-columns:repeat(2,minmax(0,220px))}
  .akis{flex-wrap:wrap}
  .akis-adim{flex:1 1 40%}
  .akis-ok{display:none}
}
@media (max-width:640px){
  .ekranlar.dortlu{grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
  .ekranlar.dortlu figcaption{font-size:13px}
  .akis-adim{flex:1 1 100%; max-width:none}
  .gerekler{grid-template-columns:1fr}
}

.hero-gorsel.panel img{width:100%; max-width:600px; border-radius:16px; border:1px solid var(--cizgi); filter:none; box-shadow:0 26px 60px rgba(16,24,40,.16)}
.one-cikan{display:flex; flex-wrap:wrap; gap:8px 10px; margin-top:22px}
.one-cikan span{display:inline-flex; align-items:center; gap:7px; background:#fff; border:1px solid var(--cizgi); border-radius:999px; padding:7px 13px; font-size:13.5px; font-weight:700; color:var(--metin)}
.one-cikan svg{width:15px; height:15px; color:var(--yesil)}
.kart-no{display:block; font-size:12.5px; font-weight:800; letter-spacing:.08em; color:var(--turuncu); margin-bottom:10px}
.kart ul{margin:10px 0 0; padding-left:18px; color:var(--soluk); font-size:14px}
.kart ul li{margin-bottom:4px}
.izgara.uclu{grid-template-columns:repeat(3,1fr)}
.izgara.ikili-izgara{grid-template-columns:repeat(2,1fr)}
.ekranlar.genis{grid-template-columns:repeat(2,minmax(0,540px)); gap:30px}
.ekranlar.genis img{border-radius:14px; border:1px solid var(--cizgi); box-shadow:0 18px 40px rgba(16,24,40,.12)}
.paylasim{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:36px}
.paylasim .kutu{background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:26px 24px; box-shadow:var(--golge)}
.paylasim .kutu.vurgu{background:var(--turuncu-acik); border-color:var(--turuncu-cizgi)}
.paylasim h3{font-size:18px; font-weight:800}
.paylasim p{color:var(--soluk); font-size:14.5px; margin-top:6px}
.paylasim .liste{margin:16px 0 0}
.kanallar{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:36px}
.kanal{display:block; background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:22px 20px; box-shadow:var(--golge); text-decoration:none}
.kanal h3{font-size:16.5px; font-weight:700}
.kanal p{color:var(--soluk); font-size:14.5px; margin-top:8px}
.kanal em{display:inline-block; margin-top:12px; font-style:normal; font-weight:700; font-size:14px; color:var(--turuncu)}
a.kanal:hover{border-color:var(--turuncu-cizgi)}
@media (max-width:980px){
  .izgara.uclu{grid-template-columns:repeat(2,1fr)}
  .ekranlar.genis{grid-template-columns:minmax(0,560px)}
  .paylasim,.kanallar{grid-template-columns:1fr}
}
@media (max-width:640px){
  .izgara.uclu,.izgara.ikili-izgara{grid-template-columns:1fr}
  .ekranlar.genis{grid-template-columns:minmax(0,1fr)}
  .one-cikan span{font-size:13px}
}
.metin{margin-top:26px}
.metin p{color:var(--metin); font-size:16.5px; line-height:1.75; margin-bottom:16px}
.metin p:last-child{margin-bottom:0}
.metin strong{font-weight:700}
.metin em{font-style:normal; font-weight:600; color:var(--turuncu-koyu)}
.hero{position:relative; overflow:hidden; background:#fff; padding:76px 0 64px}
.hero::before{content:""; position:absolute; inset:0; background:
  radial-gradient(600px 380px at 85% 20%, rgba(255,96,0,.12), transparent 70%),
  radial-gradient(520px 340px at 0% 100%, rgba(37,99,235,.07), transparent 70%);
  pointer-events:none}
.hero::after{content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(29,36,51,.07) 1px, transparent 1px);
  background-size:22px 22px; -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%); mask-image:linear-gradient(180deg,#000 0%,transparent 85%); pointer-events:none}
.hero .kap{position:relative; z-index:1}
.hero h1{letter-spacing:-.035em}
.sahne{position:relative; min-height:440px; align-items:center}
.canli{position:relative; width:100%; max-width:520px; background:rgba(255,255,255,.92); backdrop-filter:blur(6px);
  border:1px solid var(--cizgi); border-radius:20px; padding:18px; box-shadow:0 30px 70px rgba(16,24,40,.14), 0 2px 6px rgba(16,24,40,.05)}
.canli-ust{display:flex; justify-content:space-between; align-items:center; font-size:13px; color:var(--soluk); font-weight:600}
.canli-ad{display:flex; align-items:center; gap:8px; color:var(--metin); font-weight:800}
.nabiz{width:9px; height:9px; border-radius:50%; background:#16a34a; box-shadow:0 0 0 0 rgba(22,163,74,.5); animation:nabiz 1.8s infinite}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(22,163,74,.45)}70%{box-shadow:0 0 0 9px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.canli-satis b{color:var(--metin); font-size:15px; font-variant-numeric:tabular-nums}
.canli-markalar{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:14px}
.cm{display:flex; align-items:center; gap:8px; background:var(--gri); border-radius:12px; padding:8px 10px; font-size:12.5px; font-weight:700; transition:background .3s}
.cm i,.fis i,.yuzen i{display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:24px; height:24px; border-radius:50%; color:#fff; font-style:normal; font-size:10px; font-weight:800}
.cm span{flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--soluk)}
.cm b{font-variant-numeric:tabular-nums}
.cm.vur{animation:vur .6s ease}
@keyframes vur{0%{background:var(--turuncu-acik); transform:scale(1)}40%{transform:scale(1.04)}100%{background:var(--gri); transform:scale(1)}}
.canli-kolonlar{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:12px}
.ck{background:var(--gri); border-radius:14px; padding:10px 8px; min-height:236px}
.ck h4{display:flex; align-items:center; gap:6px; margin:0 0 8px 2px; font-size:12px; font-weight:800; color:var(--soluk); letter-spacing:.02em}
.kn{width:8px; height:8px; border-radius:50%}
.kn.sari{background:#f59e0b} .kn.mavi{background:#2563eb} .kn.yesil{background:#16a34a}
.ck-liste{display:flex; flex-direction:column; gap:7px}
.fis{display:flex; gap:7px; align-items:flex-start; background:#fff; border:1px solid var(--cizgi); border-left:3px solid var(--m); border-radius:10px; padding:8px 7px; font-size:11.5px; line-height:1.35; box-shadow:0 2px 6px rgba(16,24,40,.05)}
.fis i{width:20px; height:20px; font-size:8.5px}
.fis span{min-width:0; color:var(--soluk)}
.fis span b{display:block; color:var(--metin); font-size:12px}
.fis.gir{animation:gir .45s cubic-bezier(.2,.8,.2,1)}
.fis.cik{animation:cik .45s ease forwards}
@keyframes gir{from{opacity:0; transform:translateY(-10px) scale(.96)}to{opacity:1; transform:none}}
@keyframes cik{to{opacity:0; transform:translateX(16px)}}
.yuzen{position:absolute; z-index:2; display:inline-flex; align-items:center; gap:8px; background:#fff; border:1px solid var(--cizgi); border-radius:999px;
  padding:7px 14px 7px 7px; font-size:13px; font-weight:700; box-shadow:0 12px 30px rgba(16,24,40,.12); animation:yuz 6s ease-in-out infinite}
.yuzen.y1{top:-6px; left:-14px}
.yuzen.y2{bottom:-14px; right:6%; animation-delay:-2s}
.yuzen.y3{bottom:-14px; left:6%; animation-delay:-4s}
@keyframes yuz{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.gorun{opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1)}
.gorun.acik{opacity:1; transform:none}
.kart,.adim,.kanal,.neden,.paylasim .kutu{transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, opacity .7s ease}
.kart:hover,.adim:hover,.kanal:hover,.paylasim .kutu:hover{transform:translateY(-4px); box-shadow:0 18px 40px rgba(16,24,40,.10); border-color:var(--turuncu-cizgi)}
.kart.gorun.acik:hover{transform:translateY(-4px)}
.kart-ikon{transition:transform .3s ease}
.kart:hover .kart-ikon{transform:rotate(-6deg) scale(1.06)}
.akis-ok{overflow:visible}
.akis-ok::before{content:""; position:absolute; top:-3px; left:0; width:8px; height:8px; border-radius:50%; background:var(--turuncu); box-shadow:0 0 10px rgba(255,96,0,.6); animation:akis 2.4s linear infinite}
.akis-ok:nth-of-type(4)::before{animation-delay:.6s}
.akis-ok:nth-of-type(6)::before{animation-delay:1.2s}
.akis-ok:nth-of-type(8)::before{animation-delay:1.8s}
@keyframes akis{0%{left:0; opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 8px); opacity:0}}
.akis-ok{flex-basis:34px}
.vitrin{max-width:980px; margin:36px auto 0}
.vitrin-sekme{display:flex; justify-content:center; flex-wrap:wrap; gap:6px; background:#fff; border:1px solid var(--cizgi); border-radius:999px; padding:5px; width:max-content; max-width:100%; margin:0 auto 22px}
.vitrin-sekme button{border:0; background:transparent; border-radius:999px; padding:9px 16px; font:700 14px/1 inherit; font-family:inherit; color:var(--soluk); cursor:pointer; transition:.2s}
.vitrin-sekme button.on{background:var(--metin); color:#fff}
.vitrin-sekme button:not(.on):hover{color:var(--metin)}
.pencere{background:#fff; border:1px solid var(--cizgi); border-radius:16px; overflow:hidden; box-shadow:0 30px 70px rgba(16,24,40,.13)}
.pencere-ust{display:flex; align-items:center; gap:7px; height:40px; padding:0 14px; border-bottom:1px solid var(--cizgi); background:#fbfbfc}
.pencere-ust span{width:11px; height:11px; border-radius:50%; background:#e5e7eb}
.pencere-ust span:nth-child(1){background:#ff5f57} .pencere-ust span:nth-child(2){background:#febc2e} .pencere-ust span:nth-child(3){background:#28c840}
.pencere-ust em{margin-left:10px; font-style:normal; font-size:12.5px; color:var(--soluk); background:#fff; border:1px solid var(--cizgi); border-radius:8px; padding:3px 12px}
.pencere-ic{position:relative; aspect-ratio:1200/760}
.pencere-ic img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transform:scale(1.015); transition:opacity .6s ease, transform .9s ease}
.pencere-ic img.on{opacity:1; transform:none}
.pencere-ilerleme{height:3px; background:var(--gri)}
.pencere-ilerleme i{display:block; height:100%; width:0; background:var(--turuncu)}
.kapanis{position:relative; overflow:hidden; background:linear-gradient(120deg,#ff6000,#ff8a3d,#ff6000); background-size:200% 200%; animation:akgr 10s ease infinite}
@keyframes akgr{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.dg-turuncu{box-shadow:0 8px 20px rgba(255,96,0,.25)}
.dg-turuncu:hover{transform:translateY(-1px); box-shadow:0 12px 26px rgba(255,96,0,.32)}
@media (max-width:980px){
  .sahne{min-height:0; padding:18px 0}
  .yuzen.y2{right:4%}
  .yuzen.y1{left:0}
}
@media (max-width:640px){
  .canli{padding:12px; border-radius:16px}
  .canli-markalar{gap:5px}
  .cm{padding:6px; font-size:11px; gap:5px}
  .cm span{display:none}
  .cm{justify-content:center}
  .ck{min-height:210px; padding:8px 5px}
  .ck h4{font-size:10.5px}
  .fis{font-size:10.5px; padding:6px 5px; gap:5px}
  .fis i{display:none}
  .yuzen{font-size:11.5px; padding:5px 10px 5px 5px}
  .yuzen i{width:20px; height:20px; font-size:8.5px}
  .yuzen.y2{display:none}
  .vitrin-sekme{border-radius:16px}
  .vitrin-sekme button{padding:8px 11px; font-size:13px}
  .pencere-ust em{display:none}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important; transition:none!important}
  .gorun{opacity:1; transform:none}
}

.kayit-yol{display:grid; grid-template-columns:repeat(2,1fr); gap:22px; margin-top:34px}
.kayit-kart{background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:26px 24px; box-shadow:var(--golge); display:flex; flex-direction:column}
.kayit-kart h3{font-size:19px; font-weight:800; margin:0 0 16px}
.kayit-adim{list-style:none; margin:0 0 22px; padding:0; display:flex; flex-direction:column; gap:16px; flex:1}
.kayit-adim li{display:flex; gap:14px; align-items:flex-start}
.kayit-adim .adim-no{flex:none}
.kayit-adim b{display:block; font-size:15.5px; margin:5px 0 4px}
.kayit-adim p{color:var(--soluk); font-size:14.5px; margin:0}
.kayit-kart .dg{align-self:flex-start}
@media (max-width:980px){.kayit-yol{grid-template-columns:1fr}}

.eko{position:relative;width:100%;max-width:460px;aspect-ratio:1/1;margin:0 auto}
.eko-cizgi{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.eko-yorunge{fill:none;stroke:rgba(255,96,0,.22);stroke-width:1.5;stroke-dasharray:4 7;transform-origin:200px 200px;animation:ekoDon 60s linear infinite}
.eko-yorunge.ic{stroke:rgba(29,36,51,.10);stroke-dasharray:2 6;animation-direction:reverse;animation-duration:40s}
@keyframes ekoDon{to{transform:rotate(360deg)}}
.eko-hat{stroke:url(#ekoG);stroke-width:2}
.eko-paket{fill:#ff6000;filter:drop-shadow(0 0 5px rgba(255,96,0,.7));transform:translate(200px,200px);animation:ekoPaket 3.3s cubic-bezier(.45,0,.55,1) infinite}
@keyframes ekoPaket{0%{transform:translate(200px,200px) translate(var(--x),var(--y));opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(200px,200px);opacity:0}}
.eko-merkez{position:absolute;left:50%;top:50%;width:41%;aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%;background:#fff;display:grid;place-items:center;
  box-shadow:0 30px 60px rgba(255,96,0,.20),0 0 0 10px rgba(255,255,255,.7),0 0 0 11px rgba(255,96,0,.18)}
.eko-merkez img{width:70%;height:auto;position:relative;z-index:1}
.eko-nabiz{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,96,0,.35);animation:ekoNabiz 3s ease-out infinite}
.eko-nabiz.n2{animation-delay:1.5s}
@keyframes ekoNabiz{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.55);opacity:0}}
.eko-dugum{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:7px;animation:yuz 6s ease-in-out infinite}
.eko-dugum i{width:58px;height:58px;border-radius:18px;background:#fff;border:1px solid var(--cizgi);display:grid;place-items:center;color:var(--turuncu);
  box-shadow:0 14px 30px rgba(16,24,40,.12);transition:background .4s,color .4s,transform .4s,box-shadow .4s}
.eko-dugum i svg{width:26px;height:26px}
.eko-dugum span{font-size:12.5px;font-weight:800;background:#fff;border:1px solid var(--cizgi);border-radius:999px;padding:4px 10px;white-space:nowrap;box-shadow:0 6px 14px rgba(16,24,40,.06)}
.eko-dugum.on i{background:linear-gradient(135deg,#ff7a1a,#ff5200);color:#fff;transform:scale(1.1);box-shadow:0 16px 32px rgba(255,96,0,.38)}
.hero .hero-gorsel{display:block}

.kitle{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.kitle-kart{background:#fff;border:1px solid var(--cizgi);border-radius:18px;padding:28px 26px;box-shadow:var(--golge);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s,opacity .7s}
.kitle-kart:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(16,24,40,.10);border-color:var(--turuncu-cizgi)}
.kitle-kart h3{font-size:19px;font-weight:800;margin:16px 0 8px}
.kitle-kart > p{color:var(--soluk);font-size:15px}
.kitle-kart .liste{margin:18px 0 22px;flex:1}
.kitle-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--turuncu);text-decoration:none;font-size:15px}
.kitle-link svg{width:18px;height:18px;transition:transform .2s}
.kitle-link:hover svg{transform:translateX(4px)}

.urunler{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.urun{position:relative;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid var(--cizgi);border-radius:18px;padding:26px 24px;text-decoration:none;box-shadow:var(--golge);transition:transform .25s,box-shadow .25s,border-color .25s,opacity .7s}
.urun::before{content:"";position:absolute;right:-60px;top:-60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,96,0,.12),transparent 70%);transition:transform .4s}
.urun:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(16,24,40,.12);border-color:var(--turuncu-cizgi)}
.urun:hover::before{transform:scale(1.6)}
.urun-ikon{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#ff7a1a,#ff5200);color:#fff;display:grid;place-items:center;box-shadow:0 10px 22px rgba(255,96,0,.3)}
.urun-ikon svg{width:26px;height:26px}
.urun h3{font-size:18px;font-weight:800;margin:18px 0 8px}
.urun p{color:var(--soluk);font-size:14.5px;flex:1}
.urun em{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-style:normal;font-weight:800;font-size:13.5px;color:var(--turuncu)}
.urun em svg{width:16px;height:16px;transition:transform .2s}
.urun:hover em svg{transform:translateX(4px)}

.vitrin-bolum{padding:84px 0;overflow:hidden}
.vitrin-satir{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.vitrin-satir.ters .vitrin-metin{order:2}
.vitrin-etiket{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--turuncu);background:var(--turuncu-acik);border:1px solid var(--turuncu-cizgi);border-radius:999px;padding:6px 14px 6px 6px}
.vitrin-etiket i{width:26px;height:26px;border-radius:50%;background:var(--turuncu);color:#fff;display:grid;place-items:center}
.vitrin-etiket svg{width:15px;height:15px}
.vitrin-metin h2{text-align:left;font-size:clamp(26px,3.2vw,38px);margin:18px 0 14px;letter-spacing:-.03em}
.vitrin-metin > p{color:var(--soluk);font-size:16.5px;line-height:1.7}
.vitrin-metin .liste{margin:20px 0 28px}
.vitrin-gorsel{position:relative}
.vitrin-gorsel::before{content:"";position:absolute;inset:8% 6%;background:radial-gradient(closest-side,rgba(255,96,0,.22),transparent);filter:blur(30px);z-index:0}
.vitrin-gorsel img{position:relative;z-index:1;width:100%;height:auto;border-radius:28px;box-shadow:0 40px 80px rgba(16,24,40,.14);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.vitrin-gorsel:hover img{transform:translateY(-6px) scale(1.01)}
.vitrin-gorsel.gorun{transform:translateY(30px) scale(.97)}
.vitrin-gorsel.gorun.acik{transform:none}

.kurucu{display:grid;grid-template-columns:380px 1fr;gap:56px;align-items:center}
.kurucu-foto{position:relative;margin:0}
.kurucu-foto img{width:100%;height:auto;border-radius:200px 200px 26px 26px;box-shadow:0 40px 80px rgba(16,24,40,.18);border:6px solid #fff}
.kurucu-foto figcaption{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);background:linear-gradient(135deg,#ff7a1a,#ff5200);color:#fff;font-weight:800;font-size:13.5px;border-radius:999px;padding:9px 18px;box-shadow:0 12px 26px rgba(255,96,0,.35);white-space:nowrap}
.kurucu-metin h2{text-align:left;font-size:clamp(28px,3.4vw,42px);margin:16px 0 4px}
.kurucu-metin .unvan{color:var(--turuncu);font-weight:800;margin-bottom:16px}
.kurucu-metin p{color:var(--soluk);font-size:16.5px;line-height:1.75;margin-bottom:12px}

.yol{list-style:none;margin:36px 0 0;padding:0;position:relative}
.yol::before{content:"";position:absolute;left:44px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--turuncu),var(--turuncu-cizgi))}
.yol li{display:flex;gap:22px;align-items:flex-start;margin-bottom:22px;position:relative}
.yol-yil{flex:0 0 90px;height:40px;border-radius:999px;background:#fff;border:2px solid var(--turuncu);color:var(--turuncu);font-weight:800;display:grid;place-items:center;font-size:14.5px;position:relative;z-index:1;box-shadow:0 8px 18px rgba(255,96,0,.15)}
.yol li > div{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:16px 20px;box-shadow:var(--golge);flex:1}
.yol h3{font-size:16.5px;font-weight:800}
.yol p{color:var(--soluk);font-size:14.5px;margin-top:4px}

.ikili-kutu{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.kutu-buyuk{border-radius:22px;padding:36px 32px;background:var(--turuncu-acik);border:1px solid var(--turuncu-cizgi);transition:transform .25s,box-shadow .25s,opacity .7s}
.kutu-buyuk:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(16,24,40,.10)}
.kutu-buyuk h2{text-align:left;font-size:26px;margin:16px 0 10px}
.kutu-buyuk p{color:var(--soluk);margin-bottom:22px}
.kutu-buyuk.koyu{background:linear-gradient(135deg,#1d2433,#111827);border-color:#1d2433;color:#fff}
.kutu-buyuk.koyu p{color:rgba(255,255,255,.75)}
.kutu-buyuk.koyu .kart-ikon{background:rgba(255,255,255,.1);color:#ff8a3d}

.kurumsal-alt{background:#111827;color:rgba(255,255,255,.7);border-top:0;padding:56px 0 26px}
.alt-izgara{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.alt-marka img{height:28px;width:auto;filter:brightness(0) invert(1);opacity:.95}
.alt-marka p{margin-top:14px;font-size:14.5px;line-height:1.7;max-width:34ch}
.kurumsal-alt h4{color:#fff;font-size:14.5px;margin:0 0 14px}
.kurumsal-alt a{display:block;color:rgba(255,255,255,.7);text-decoration:none;margin-bottom:9px;font-size:14.5px}
.kurumsal-alt a:hover{color:#ff8a3d}
.sosyal{display:flex;gap:9px;margin-top:18px}
.sosyal a{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.08);display:grid;place-items:center;margin:0;transition:background .2s,transform .2s}
.sosyal a:hover{background:var(--turuncu);transform:translateY(-2px)}
.sosyal svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.alt-son{border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding-top:20px;font-size:13.5px;text-align:center}

@media (max-width:980px){
  .kitle,.urunler{grid-template-columns:1fr 1fr}
  .vitrin-satir,.vitrin-satir.ters{grid-template-columns:1fr;gap:30px}
  .vitrin-satir.ters .vitrin-metin{order:0}
  .vitrin-gorsel{order:-1}
  .kurucu{grid-template-columns:1fr;gap:40px;justify-items:center}
  .kurucu-foto{max-width:320px}
  .kurucu-metin{text-align:center}
  .kurucu-metin h2{text-align:center}
  .kurucu-metin .dugmeler{justify-content:center}
  .alt-izgara{grid-template-columns:1fr 1fr}
  .eko{max-width:420px}
}
@media (max-width:640px){
  .kitle,.urunler,.ikili-kutu{grid-template-columns:1fr}
  .vitrin-bolum{padding:56px 0}
  .vitrin-gorsel img{border-radius:18px}
  .eko-dugum i{width:46px;height:46px;border-radius:14px}
  .eko-dugum i svg{width:21px;height:21px}
  .eko-dugum span{font-size:11px;padding:3px 8px}
  .yol::before{left:30px}
  .yol-yil{flex-basis:62px;font-size:13px}
  .yol li{gap:14px}
  .kutu-buyuk{padding:28px 22px}
  .alt-izgara{grid-template-columns:1fr}
}

.hero{background:linear-gradient(120deg,#e85400 0%,#ff6a00 45%,#ff8f3a 100%);color:#fff;padding:84px 0 92px}
.hero::before{background:radial-gradient(700px 420px at 85% 10%,rgba(255,255,255,.18),transparent 70%),radial-gradient(520px 360px at 0% 100%,rgba(120,30,0,.25),transparent 70%)}
.hero::after{background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);-webkit-mask-image:linear-gradient(180deg,#000,transparent 90%);mask-image:linear-gradient(180deg,#000,transparent 90%)}
.hero .etiket{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35);color:#fff}
.hero h1{color:#fff}
.hero h1 em{font-style:normal;color:#ffe2bf}
.hero p{color:rgba(255,255,255,.92)}
.hero .dg-turuncu{background:#fff;color:var(--turuncu-koyu);box-shadow:0 12px 26px rgba(120,30,0,.25)}
.hero .dg-turuncu:hover{background:#fff6ef}
.hero .dg-cizgi{background:transparent;border-color:rgba(255,255,255,.6);color:#fff}
.hero .dg-cizgi:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#fff}
.hero .one-cikan span{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(4px)}
.hero .one-cikan svg{color:#ffe2bf}
.hero .eko-yorunge{stroke:rgba(255,255,255,.45)}
.hero .eko-yorunge.ic{stroke:rgba(255,255,255,.25)}
.hero .eko-paket{fill:#fff;filter:drop-shadow(0 0 6px rgba(255,255,255,.9))}
.hero .eko-merkez{box-shadow:0 30px 70px rgba(120,30,0,.35),0 0 0 10px rgba(255,255,255,.18),0 0 0 11px rgba(255,255,255,.35)}
.hero .eko-nabiz{border-color:rgba(255,255,255,.6)}
.hero .eko-dugum i{border-color:transparent;box-shadow:0 16px 34px rgba(120,30,0,.30)}
.hero .eko-dugum span{border-color:transparent;box-shadow:0 8px 18px rgba(120,30,0,.22);color:var(--metin)}
.hero .eko-dugum.on i{background:#111827;color:#ff8a3d;box-shadow:0 16px 34px rgba(17,24,39,.45)}
.kapanis{background:linear-gradient(135deg,#1d2433,#0f172a);animation:none}
.kapanis::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 90% 0%,rgba(255,96,0,.30),transparent 70%);pointer-events:none}
.kapanis .kap{position:relative}
.kapanis .dg-beyaz{background:linear-gradient(135deg,#ff7a1a,#ff5200);color:#fff;box-shadow:0 12px 26px rgba(255,96,0,.35)}
.kapanis .dg-beyaz:hover{background:linear-gradient(135deg,#ff8a3d,#ff6000)}
.eko{max-width:500px}
.eko-merkez{width:31%}
.eko-merkez img{width:76%}
.eko-dugum{gap:6px}
.eko-dugum span{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%)}
@media (max-width:640px){
  .eko{max-width:300px;margin-top:6px;margin-bottom:26px}
  .eko-dugum i{width:42px;height:42px;border-radius:13px}
  .eko-dugum i svg{width:19px;height:19px}
  .eko-dugum span{font-size:10.5px;padding:3px 7px}
}