/* HibeRaporu · "Nasıl çalışıyoruz" bölümü (ana sayfa v3 parçası). Yalnız .hrn / .hrn-* sınıfları; global seçici yok.
   Renkler service.css belirteçleri (--ink --green --muted --line --soft) ve ana sayfa motor konsolunun (hv-con) paleti;
   sayfada bu değişkenler yoksa aynı değerler yedek olarak kullanılır. Yazı ailesi sayfadan miras alınır (Manrope),
   vurgu Georgia italik. Site yalnız açık temalıdır.
   Hareket: başlangıç (gizli) durumları yalnız .hrn-js + prefers-reduced-motion: no-preference altında tanımlıdır;
   JS yoksa ya da hareket azaltılmışsa her sahne son karesiyle, durağan görünür. */
.hrn{--hrn-ink:var(--ink,#152c40);--hrn-green:var(--green,#007963);--hrn-muted:var(--muted,#5c696d);--hrn-line:var(--line,#dcded7);
 --hrn-soft:#f1f4ef;--hrn-kart-cizgi:#dfe3dc;--hrn-lime:#d9f28b;--hrn-mint:#3fd1a5;--hrn-amber:#f2c066;--hrn-acik:#e3f1e8;
 --hrn-serif:Georgia,"Times New Roman",serif;--hrn-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"DejaVu Sans Mono",monospace;
 --hrn-egri:cubic-bezier(.22,.7,.25,1);
 position:relative;color:var(--hrn-ink);padding:92px 0;overflow-x:clip}
.hrn *,.hrn *::before,.hrn *::after{box-sizing:border-box}
.hrn :is(h2,h3,p,ul,ol){margin:0}
.hrn svg{display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hrn-ic{max-width:1280px;margin-inline:auto;padding-inline:48px}

/* ------------------------------------------------ başlık */
.hrn-bas{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end;margin-bottom:44px}
.hrn-ust{font-size:10px;letter-spacing:.17em;font-weight:650;line-height:1.6;color:var(--hrn-green);margin-bottom:20px!important}
.hrn-nokta{display:inline-block;width:6px;height:6px;background:var(--hrn-green);border-radius:50%;margin-right:6px;vertical-align:1px}
.hrn-baslik{font-size:46px;letter-spacing:-1.6px;line-height:1.13;font-weight:600;text-wrap:balance}
.hrn-baslik em{font-family:var(--hrn-serif);font-style:italic;font-weight:400;color:var(--hrn-green);letter-spacing:-1.2px}
.hrn-giris{color:var(--hrn-muted);font-size:17px;line-height:1.75;max-width:520px}
.hrn-giris strong{color:var(--hrn-ink);font-weight:600}
.hrn-kucuk{font-size:13px;line-height:1.7;margin-top:12px!important}

/* ------------------------------------------------ akış (masaüstü: 5 sütun) */
.hrn-akis{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr 1.55fr 1fr 1fr;gap:14px}
.hrn-adim{position:relative;display:grid;grid-template-rows:auto 1fr;gap:12px;min-width:0}
.hrn-no{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--hrn-green);
 color:#fff;border:1.5px solid var(--hrn-green);font-size:12px;font-weight:650;line-height:1;font-variant-numeric:tabular-nums;
 transition:background-color .45s,color .45s,border-color .45s}
.hrn-hat{position:absolute;left:42px;right:-6px;top:16px;height:2px;background:var(--hrn-line);border-radius:2px;overflow:hidden}
.hrn-hat i{display:block;width:100%;height:100%;background:var(--hrn-green);transform-origin:0 50%}
.hrn-kart{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--hrn-kart-cizgi);border-radius:12px;padding:12px 12px 18px;
 transition:border-color .5s,box-shadow .5s}
.hrn-adim.is-simdi .hrn-kart{border-color:#a9cdbd;box-shadow:0 18px 50px #152c4014}
.hrn-yazi{padding-inline:4px;min-width:0}
.hrn-yazi h3{font-size:16.5px;line-height:1.3;font-weight:650;letter-spacing:-.25px;margin-bottom:7px;text-wrap:balance}
.hrn-metin{font-size:13.5px;line-height:1.6;color:var(--hrn-muted)}
.hrn-yetenek{list-style:none;padding:0;margin-top:12px!important;display:grid;gap:6px}
.hrn-yetenek li{font-size:12.5px;line-height:1.45;color:var(--hrn-ink);padding:6px 9px 6px 11px;background:var(--hrn-soft);border-left:2px solid var(--hrn-green);border-radius:0 5px 5px 0}
.hrn-yetenek b{font-weight:650}

/* ------------------------------------------------ sahne kutusu */
.hrn-sahne{position:relative;height:188px;border-radius:9px;background:var(--hrn-soft);overflow:hidden;margin-bottom:16px;font-size:11px;line-height:1.2;
 -webkit-user-select:none;user-select:none}
.hrn-tik{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--hrn-green);color:#fff;flex:none}
.hrn-tik svg{width:12px;height:12px;stroke-width:2.4}

/* 1 · arama */
.hrn-dalga{position:absolute;left:50%;top:76px;width:96px;height:96px;margin:-48px 0 0 -48px;border:1.5px solid var(--hrn-green);border-radius:50%;opacity:0}
.hrn-tel-kap{position:absolute;left:50%;top:12px;width:74px;margin-left:-37px}
.hrn-tel{height:128px;border:2px solid var(--hrn-ink);border-radius:15px;background:#fff;display:flex;flex-direction:column;align-items:center;padding:6px 6px 9px;
 transform-origin:50% 60%;box-shadow:0 10px 24px #152c401a}
.hrn-tel-cent{width:20px;height:3px;border-radius:3px;background:var(--hrn-line);margin-bottom:8px}
.hrn-tel-ust{font-size:7.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--hrn-muted)}
.hrn-tel-av{width:28px;height:28px;border-radius:50%;background:var(--hrn-ink);color:#fff;display:grid;place-items:center;font-size:9.5px;font-weight:700;letter-spacing:.02em;margin:7px 0 5px}
.hrn-tel-ad{font-size:9.5px;font-weight:700}
.hrn-tel-dur{font-size:8.5px;color:var(--hrn-green);margin-top:1px}
.hrn-tel-tus{display:flex;gap:16px;margin-top:auto}
.hrn-tel-tus i{width:15px;height:15px;border-radius:50%;background:#d9534f}
.hrn-tel-tus i.is-yesil{background:var(--hrn-green)}
.hrn-numara{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;height:30px;padding:0 6px 0 10px;
 background:#fff;border:1px solid var(--hrn-kart-cizgi);border-radius:30px;white-space:nowrap;box-shadow:0 6px 16px #152c400f}
.hrn-numara>svg{width:14px;height:14px;color:var(--hrn-green)}
.hrn-numara-yazi{font:600 11px/1 var(--hrn-mono);letter-spacing:.02em;color:var(--hrn-ink)}

/* 2 · belgeler */
.hrn-kanal{position:absolute;top:10px;display:inline-flex;align-items:center;gap:4px;height:23px;padding:0 7px;border-radius:24px;background:#fff;
 border:1px solid var(--hrn-kart-cizgi);font-size:10px;font-weight:600;white-space:nowrap}
.hrn-kanal--wa{left:8px}.hrn-kanal--ep{right:8px}
.hrn-kanal--wa i{width:8px;height:8px;border-radius:50%;background:#25a35a}
.hrn-kanal svg{width:13px;height:13px;color:var(--hrn-green)}
.hrn-tepsi{position:absolute;left:50%;bottom:12px;width:150px;height:96px;margin-left:-75px}
.hrn-tepsi-arka{position:absolute;left:6px;right:6px;bottom:30px;height:14px;border-radius:6px 6px 0 0;background:#dbe2d9}
.hrn-belge{--x:0px;--r:0deg;--dx:-60px;--dy:-96px;--r0:-18deg;position:absolute;left:50%;bottom:20px;width:46px;height:58px;margin-left:-23px;
 display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding-top:6px;background:#fff;border:1px solid #cfd6cd;border-radius:5px;
 box-shadow:0 4px 10px #152c4014;color:var(--hrn-ink);transform:translateX(var(--x)) rotate(var(--r))}
.hrn-belge svg{width:18px;height:18px;color:var(--hrn-green)}
.hrn-belge b{font-size:7.5px;font-weight:650;white-space:nowrap}
.hrn-belge--1{--x:-38px;--r:-9deg}
.hrn-belge--2{--x:0px;--r:0deg;--dx:60px;--r0:18deg;z-index:1;bottom:23px}
.hrn-belge--3{--x:38px;--r:9deg;--dx:-40px;--r0:-28deg}
.hrn-tepsi-on{position:absolute;z-index:2;left:0;right:0;bottom:0;height:38px;display:flex;align-items:center;justify-content:center;gap:7px;
 background:var(--hrn-ink);color:#fff;border-radius:6px 6px 10px 10px;font-size:10.5px}
.hrn-tepsi-on b{font-weight:600}
.hrn-tepsi-on .hrn-tik{background:var(--hrn-mint);color:var(--hrn-ink)}

/* 3 · okuyucu (koyu, motor konsolu paleti) */
.hrn-s3{color:#dff4ec;border:1px solid #1d5552;
 background:radial-gradient(120% 90% at 85% 0%,#14494c 0%,#0c3134 50%,#0a2629 100%)}
.hrn-kon-bas{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;gap:8px;padding:10px 12px 0;
 font:600 9px/1.2 var(--hrn-mono);letter-spacing:.08em;color:#9fd9c8;white-space:nowrap}
.hrn-kon-bas span:first-child{display:inline-flex;align-items:center;gap:6px;color:var(--hrn-mint)}
.hrn-kon-bas span:last-child{font-weight:400;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis}
.hrn-led{width:6px;height:6px;border-radius:50%;background:var(--hrn-mint);box-shadow:0 0 0 3px #3fd1a526}
.hrn-kagit{position:absolute;left:12px;top:32px;width:64px;height:110px;border-radius:3px;background:#f4f2ea;overflow:hidden;box-shadow:0 8px 20px #0000003d}
.hrn-kg{position:absolute;height:3px;border-radius:2px;background:#c6ccc4}
.hrn-kg--logo{left:6px;top:8px;width:18px;height:6px;background:#3e5966}
.hrn-kg--tarih{right:6px;top:9px;width:20px}
.hrn-kg--a{left:6px;top:23px;width:40px}
.hrn-kg--b{left:6px;top:30px;width:30px}
.hrn-kg--kalem{left:6px;right:6px;top:47px}
.hrn-kg--c{left:6px;top:55px;width:34px}
.hrn-kg--top{right:6px;top:78px;width:26px;height:5px;background:#8b9894}
.hrn-kg--dvz{right:6px;top:94px;width:16px}
.hrn-isaret{position:absolute;border:1.5px solid var(--hrn-mint);border-radius:2px;background:#3fd1a51f}
.hrn-isaret--1{right:3px;top:5px;width:26px;height:11px}
.hrn-isaret--2{left:3px;right:3px;top:43px;height:11px}
.hrn-isaret--3{right:3px;top:74px;width:32px;height:13px}
.hrn-isaret--4{right:3px;top:90px;width:22px;height:11px}
.hrn-tara{position:absolute;left:0;right:0;top:0;height:16px;opacity:0;background:linear-gradient(180deg,#3fd1a500,#3fd1a555 70%,#3fd1a5)}
.hrn-alanlar{position:absolute;left:88px;right:12px;top:32px;list-style:none;padding:0;display:grid;gap:4px}
.hrn-alanlar li{display:grid;grid-template-columns:40px minmax(0,1fr) 7px;align-items:center;gap:4px;height:24px;padding:0 7px;border-radius:4px;
 background:#ffffff0a;box-shadow:inset 0 0 0 1px #78dcc329}
.hrn-alanlar span{font-size:9.5px;color:#9fd9c8}
.hrn-alanlar b{font-size:12px;font-weight:650;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hrn-alanlar i{width:7px;height:7px;border-radius:50%;background:var(--hrn-mint)}
.hrn-uyari{position:absolute;left:12px;right:12px;bottom:10px;height:28px;display:flex;align-items:center;gap:7px;padding:0 9px;border-radius:5px;
 background:#f2c0661c;box-shadow:inset 0 0 0 1px #f2c06670;color:#f8dca4;font-size:10.5px;font-weight:600;white-space:nowrap;overflow:hidden}
.hrn-uyari i{flex:none;width:15px;height:15px;border-radius:50%;background:var(--hrn-amber);color:#0a2629;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:10px}

/* 4 · dosya + uzman + başvuru */
.hrn-dosya{position:absolute;left:10px;right:10px;top:12px;max-width:210px;margin-inline:auto;padding:10px 11px 9px;background:#fff;border:1px solid var(--hrn-kart-cizgi);
 border-radius:8px;box-shadow:0 8px 20px #152c400f}
.hrn-dosya-bas{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;padding-bottom:7px;margin-bottom:6px!important;border-bottom:1px solid #edf0ea}
.hrn-dosya-bas svg{width:14px;height:14px;color:var(--hrn-green)}
.hrn-dosya ul{list-style:none;padding:0;display:grid;gap:5px}
.hrn-dosya li{display:flex;align-items:center;gap:7px;font-size:10.5px;color:var(--hrn-ink);white-space:nowrap}
.hrn-kutu{flex:none;width:14px;height:14px;border-radius:3px;background:var(--hrn-green);color:#fff;display:grid;place-items:center}
.hrn-kutu svg{width:11px;height:11px;stroke-width:2.6;stroke-dasharray:15;stroke-dashoffset:0}
.hrn-muhur{position:absolute;right:7px;top:96px;width:50px;height:50px;border-radius:50%;border:2px solid var(--hrn-green);background:#fffffff2;
 display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--hrn-green);transform:rotate(-12deg);
 box-shadow:0 0 0 3px #fff,0 0 0 4px #00796333}
.hrn-muhur b{font-size:8px;letter-spacing:.12em;font-weight:800;line-height:1}
.hrn-muhur small{font-size:7px;letter-spacing:.04em;margin-top:2px;line-height:1}
.hrn-muhur svg{width:14px;height:14px;stroke-width:2.6;margin-top:2px}
.hrn-gonder{position:absolute;left:10px;bottom:12px;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 8px;border-radius:28px;
 background:var(--hrn-ink);color:#fff;font-size:10px;font-weight:600;white-space:nowrap}
.hrn-gonder svg{width:13px;height:13px;color:var(--hrn-lime)}

/* 5 · hesap */
.hrn-para{position:absolute;left:50%;top:10px;width:26px;height:26px;margin-left:-13px;border-radius:50%;background:var(--hrn-lime);color:var(--hrn-ink);
 display:grid;place-items:center;font-size:13px;font-weight:800;box-shadow:inset 0 0 0 1.5px #b6cf6a;opacity:0;z-index:2}
.hrn-hesap{position:absolute;left:10px;right:10px;top:40px;max-width:220px;margin-inline:auto;padding:10px;background:#fff;border:1px solid var(--hrn-kart-cizgi);
 border-radius:9px;box-shadow:0 8px 20px #152c400f}
.hrn-hesap-bas{display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding-bottom:8px;margin-bottom:8px!important;border-bottom:1px solid #edf0ea;white-space:nowrap}
.hrn-hesap-bas b{font-size:10.5px;font-weight:700}
.hrn-hesap-bas span{font:9px/1 var(--hrn-mono);color:var(--hrn-muted);overflow:hidden;text-overflow:ellipsis}
.hrn-hareket{display:flex;align-items:center;gap:7px;padding:6px 7px;border-radius:6px;background:var(--hrn-acik)}
.hrn-ok{flex:none;width:22px;height:22px;border-radius:50%;background:var(--hrn-green);color:#fff;display:grid;place-items:center}
.hrn-ok svg{width:13px;height:13px;stroke-width:2.2}
.hrn-hareket-ad{display:flex;flex-direction:column;min-width:0}
.hrn-hareket-ad b{font-size:10.5px;font-weight:650;white-space:nowrap}
.hrn-hareket-ad small{font-size:8.5px;color:var(--hrn-muted)}
.hrn-ucret{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 8px;
 border-radius:28px;background:var(--hrn-ink);color:#fff;font-size:10px;font-weight:600;white-space:nowrap}
.hrn-ucret svg{width:14px;height:14px;color:var(--hrn-lime)}

/* ------------------------------------------------ alt satır */
.hrn-alt{display:flex;justify-content:space-between;align-items:center;gap:16px 28px;flex-wrap:wrap;margin-top:22px}
.hrn-not{font-size:11px;line-height:1.7;color:var(--hrn-muted);max-width:640px}
.hrn-alt-sag{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.hrn-tekrar{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px 0 10px;border:1px solid var(--hrn-line);border-radius:30px;background:#fff;
 color:var(--hrn-ink);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.hrn-tekrar[hidden]{display:none}
.hrn-tekrar svg{width:14px;height:14px}
.hrn-tekrar:hover{border-color:var(--hrn-ink)}
.hrn-cta{font-size:13px;font-weight:600;color:var(--hrn-ink);text-decoration:none;border-bottom:1px solid #b2c7bd;padding-block:5px}
.hrn-cta:hover{color:var(--hrn-green)}
.hrn :is(a,button):focus-visible{outline:3px solid var(--hrn-green);outline-offset:4px}

/* ------------------------------------------------ duyarlı yerleşim */
@media(max-width:1239px){
 .hrn-ic{padding-inline:32px}
 .hrn-akis{grid-template-columns:1fr;gap:16px}
 .hrn-adim{grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto;gap:0 12px}
 .hrn-hat{left:16px;top:42px;bottom:-16px;right:auto;width:2px;height:auto}
 .hrn-hat i{transform-origin:50% 0}
 .hrn-kart{display:grid;grid-template-columns:290px minmax(0,1fr);gap:0 24px;align-items:center;padding:12px}
 .hrn-sahne{margin-bottom:0}
 .hrn-yazi{padding-block:6px}
 .hrn-yazi h3{font-size:18px}
 .hrn-metin{font-size:14px}
}
@media(max-width:850px){.hrn{padding:65px 0 78px}.hrn-bas{grid-template-columns:1fr;gap:20px;margin-bottom:34px}.hrn-baslik{font-size:42px}}
@media(max-width:680px){
 .hrn-kart{display:flex;align-items:stretch;padding:12px 12px 18px}
 .hrn-sahne{margin-bottom:16px}
 .hrn-yazi{padding-block:0}
 .hrn-yazi h3{font-size:17px}
 .hrn-metin{font-size:13.5px}
}
@media(max-width:520px){
 .hrn{padding:50px 0 78px}.hrn-ic{padding-inline:22px}
 .hrn-baslik{font-size:35px;letter-spacing:-1.3px}
 .hrn-giris{font-size:16px}
 .hrn-alt{flex-direction:column;align-items:flex-start}
}

/* ------------------------------------------------ hareket (yalnız JS varsa ve hareket azaltılmamışsa) */
@media (prefers-reduced-motion: no-preference){
 /* oynamadan önceki durum */
 .hrn-js .hrn-adim:not(.is-oynadi) .hrn-no{background:#fff;color:var(--hrn-muted);border-color:var(--hrn-line)}
 .hrn-js .hrn-adim:not(.is-oynadi) .hrn-hat i{transform:scaleX(0)}
 .hrn-js .hrn-adim:not(.is-oynadi) :is(.hrn-numara,.hrn-tel-kap,.hrn-numara .hrn-tik,.hrn-belge,.hrn-tepsi-on b,.hrn-tepsi-on .hrn-tik,
  .hrn-isaret,.hrn-alanlar b,.hrn-alanlar i,.hrn-uyari,.hrn-kutu svg,.hrn-muhur,.hrn-gonder,.hrn-hareket,.hrn-ucret){opacity:0}
 .hrn-js .hrn-adim:not(.is-oynadi) .hrn-numara-yazi{clip-path:inset(0 100% 0 0)}
 .hrn-js .hrn-adim:not(.is-oynadi) .hrn-kutu{background:#fff;box-shadow:inset 0 0 0 1.5px #c9d2cc}

 @media(max-width:1239px){.hrn-js .hrn-adim:not(.is-oynadi) .hrn-hat i{transform:scaleY(0)}}
 .hrn-adim.is-oynadi .hrn-hat i{transition:transform 1.1s .55s cubic-bezier(.4,0,.2,1)}

 /* 1 · arama */
 .is-oynadi .hrn-numara{animation:hrn-belir-x .4s var(--hrn-egri) both}
 .is-oynadi .hrn-numara-yazi{animation:hrn-yaz .75s steps(14,end) .3s both}
 .is-oynadi .hrn-numara .hrn-tik{animation:hrn-pop .35s 1.05s both}
 .is-oynadi .hrn-tel-kap{animation:hrn-belir .5s var(--hrn-egri) 1.15s both}
 .is-oynadi .hrn-tel{animation:hrn-cal 1s ease-in-out 1.55s 2}
 .is-oynadi .hrn-dalga{animation:hrn-dalga 1.3s ease-out 1.55s 3}
 .is-oynadi .hrn-dalga--2{animation-delay:2.2s;animation-iteration-count:2}
 .is-oynadi .hrn-tel-dur{animation:hrn-yanson 1s 1.55s 2}

 /* 2 · belgeler */
 .is-oynadi .hrn-belge{animation:hrn-uc .85s var(--hrn-egri) .15s both}
 .is-oynadi .hrn-belge--2{animation-delay:.55s}
 .is-oynadi .hrn-belge--3{animation-delay:.95s}
 .is-oynadi .hrn-kanal--wa{animation:hrn-nabiz .5s .1s,hrn-nabiz .5s .9s}
 .is-oynadi .hrn-kanal--ep{animation:hrn-nabiz .5s .5s}
 .is-oynadi .hrn-tepsi-on b{animation:hrn-op .4s 1.75s both}
 .is-oynadi .hrn-tepsi-on .hrn-tik{animation:hrn-pop .35s 1.95s both}

 /* 3 · okuyucu */
 .is-oynadi .hrn-led{animation:hrn-led .5s 0s 5}
 .is-oynadi .hrn-tara{animation:hrn-tara 1.55s cubic-bezier(.45,0,.55,1) .15s both}
 .is-oynadi .hrn-isaret{animation:hrn-isaret .3s ease-out both}
 .is-oynadi .hrn-isaret--1{animation-delay:.3s}
 .is-oynadi .hrn-isaret--2{animation-delay:.75s}
 .is-oynadi .hrn-isaret--3{animation-delay:1.2s}
 .is-oynadi .hrn-isaret--4{animation-delay:1.45s}
 .is-oynadi .hrn-alanlar li{animation:hrn-yan .9s ease-out both}
 .is-oynadi .hrn-alanlar :is(b,i){animation:hrn-sag .35s var(--hrn-egri) both}
 .is-oynadi .hrn-alanlar li:nth-child(1),.is-oynadi .hrn-alanlar li:nth-child(1) :is(b,i){animation-delay:.42s}
 .is-oynadi .hrn-alanlar li:nth-child(2),.is-oynadi .hrn-alanlar li:nth-child(2) :is(b,i){animation-delay:.87s}
 .is-oynadi .hrn-alanlar li:nth-child(3),.is-oynadi .hrn-alanlar li:nth-child(3) :is(b,i){animation-delay:1.32s}
 .is-oynadi .hrn-alanlar li:nth-child(4),.is-oynadi .hrn-alanlar li:nth-child(4) :is(b,i){animation-delay:1.57s}
 .is-oynadi .hrn-uyari{animation:hrn-belir .45s var(--hrn-egri) 2s both,hrn-amber 1s 2.45s}

 /* 4 · dosya */
 .is-oynadi .hrn-kutu svg{animation:hrn-tikciz .4s ease-out both}
 .is-oynadi .hrn-dosya li:nth-child(1) .hrn-kutu svg{animation-delay:.25s}
 .is-oynadi .hrn-dosya li:nth-child(2) .hrn-kutu svg{animation-delay:.6s}
 .is-oynadi .hrn-dosya li:nth-child(3) .hrn-kutu svg{animation-delay:.95s}
 .is-oynadi .hrn-kutu{animation:hrn-kutu .4s ease-out both}
 .is-oynadi .hrn-dosya li:nth-child(1) .hrn-kutu{animation-delay:.25s}
 .is-oynadi .hrn-dosya li:nth-child(2) .hrn-kutu{animation-delay:.6s}
 .is-oynadi .hrn-dosya li:nth-child(3) .hrn-kutu{animation-delay:.95s}
 .is-oynadi .hrn-muhur{animation:hrn-muhur .5s cubic-bezier(.3,.6,.3,1.2) 1.4s both}
 .is-oynadi .hrn-gonder{animation:hrn-gonder .55s var(--hrn-egri) 2.05s both}

 /* 5 · hesap */
 .is-oynadi .hrn-para{animation:hrn-para 1.1s ease-in-out .15s both}
 .is-oynadi .hrn-hareket{animation:hrn-belir .45s var(--hrn-egri) .95s both,hrn-flas 1.1s 1.2s}
 .is-oynadi .hrn-ucret{animation:hrn-belir-c .5s var(--hrn-egri) 1.85s both}
}
@keyframes hrn-op{from{opacity:0}to{opacity:1}}
@keyframes hrn-belir{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes hrn-belir-x{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%)}}
@keyframes hrn-sag{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
@keyframes hrn-belir-c{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%)}}
@keyframes hrn-yaz{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes hrn-pop{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.18)}100%{opacity:1;transform:scale(1)}}
@keyframes hrn-cal{0%,55%,100%{transform:rotate(0)}8%{transform:rotate(-8deg)}16%{transform:rotate(8deg)}24%{transform:rotate(-7deg)}32%{transform:rotate(7deg)}40%{transform:rotate(-4deg)}48%{transform:rotate(3deg)}}
@keyframes hrn-dalga{0%{opacity:.55;transform:scale(.62)}100%{opacity:0;transform:scale(1.75)}}
@keyframes hrn-yanson{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes hrn-uc{0%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r0)) scale(.5)}25%{opacity:1}100%{opacity:1;transform:translateX(var(--x)) rotate(var(--r))}}
@keyframes hrn-nabiz{0%,100%{transform:scale(1);box-shadow:0 0 0 0 #00796300}40%{transform:scale(1.08);box-shadow:0 0 0 4px #00796322}}
@keyframes hrn-led{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes hrn-tara{0%{opacity:0;transform:translateY(-16px)}12%{opacity:1}88%{opacity:1}100%{opacity:0;transform:translateY(110px)}}
@keyframes hrn-isaret{from{opacity:0;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}
@keyframes hrn-yan{0%{background:#ffffff0a;box-shadow:inset 0 0 0 1px #78dcc329}25%{background:#3fd1a538;box-shadow:inset 0 0 0 1px #3fd1a5,0 0 14px #3fd1a540}100%{background:#ffffff0a;box-shadow:inset 0 0 0 1px #78dcc329}}
@keyframes hrn-amber{0%,100%{box-shadow:inset 0 0 0 1px #f2c06670}40%{box-shadow:inset 0 0 0 1px #f2c066,0 0 14px #f2c06655}}
@keyframes hrn-tikciz{from{opacity:1;stroke-dashoffset:15}to{opacity:1;stroke-dashoffset:0}}
@keyframes hrn-kutu{from{background:#fff;box-shadow:inset 0 0 0 1.5px #c9d2cc}to{background:var(--hrn-green);box-shadow:inset 0 0 0 1.5px var(--hrn-green)}}
@keyframes hrn-muhur{0%{opacity:0;transform:scale(1.7) rotate(-2deg)}65%{opacity:1;transform:scale(.93) rotate(-13deg)}100%{opacity:1;transform:scale(1) rotate(-12deg)}}
@keyframes hrn-gonder{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
@keyframes hrn-para{0%{opacity:0;transform:translateY(-30px)}30%{opacity:1;transform:translateY(0)}62%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(46px) scale(.55)}}
@keyframes hrn-flas{0%,100%{background:var(--hrn-acik);box-shadow:none}30%{background:#c4e6d2;box-shadow:0 0 0 3px #00796322}}
@media (prefers-reduced-motion: reduce){.hrn *{animation:none!important;transition:none!important}}
@media print{.hrn-tekrar{display:none}}
@media (forced-colors: active){.hrn-sahne{border:1px solid CanvasText}}