#hSearchRow{position:fixed;left:0;right:0;z-index:45;display:flex;flex-direction:column;align-items:center;padding:0 1rem;pointer-events:none;
    transition:transform .42s cubic-bezier(.4,0,.2,1), opacity .3s ease;}  
  #hSearchRow.hHide{transform:translateY(-180%);opacity:0;pointer-events:none;}
  
  #hSearchBar{position:relative;width:100%;max-width:600px;height:54px;display:flex;align-items:center;gap:.65rem;padding:0 .5rem 0 .95rem;pointer-events:auto;
    border-radius:16px;color:#2a2622;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.45);cursor:text;
    box-shadow:var(--rail-shadow,0 10px 34px rgba(0,0,0,.10));
    -webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);
    transition:box-shadow .4s ease;}
  html.dark #hSearchBar{color:#efe9e2;background:rgba(18,18,30,.42);border-color:rgba(255,255,255,.10);}
  #hSearchBar.hFocus{box-shadow:var(--rail-shadow-scrolled,0 14px 44px rgba(0,0,0,.16));}
  
  header .rail, #hSearchBar{
    background:rgba(255,255,255,.30) !important;border:1px solid rgba(255,255,255,.55) !important;
    -webkit-backdrop-filter:blur(22px) saturate(185%) !important;backdrop-filter:blur(22px) saturate(185%) !important;
    box-shadow:0 8px 30px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(255,255,255,.18) !important;}
  header .rail.scrolled{background:rgba(255,255,255,.42) !important;}
  html.dark header .rail, html.dark #hSearchBar{
    background:rgba(22,20,30,.30) !important;border-color:rgba(255,255,255,.14) !important;
    box-shadow:0 8px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(255,255,255,.04) !important;}
  html.dark header .rail.scrolled{background:rgba(16,14,22,.44) !important;}
  
  #hSearchBar .hIc{flex:none;width:22px;font-size:1rem;opacity:.5;display:grid;place-items:center}
  
  #hSearchBar .hField{flex:1;min-width:0;position:relative;display:flex;align-items:center;overflow:hidden;height:22px}
  #hSearchBar .hField input{width:100%;border:none;background:none;outline:none;font:inherit;font-size:14.5px;color:inherit;cursor:text}
  #hSearchBar .hField input::placeholder{color:transparent}
  #hSearchBar .hPh{position:absolute;left:0;right:0;font-size:14.5px;opacity:.5;white-space:nowrap;overflow:hidden;pointer-events:none}
  #hSearchBar .hPh .hCw{border-right:2px solid currentColor;animation:hCwb 1s steps(1) infinite;padding-right:1px}
  @keyframes hCwb{50%{border-color:transparent}}
  
  #hSearchBar .hGo{width:40px;height:40px;flex:none;border-radius:12px;cursor:pointer;display:grid;place-items:center;color:inherit;
    background:rgba(255,255,255,.40);border:1px solid rgba(255,255,255,.6);
    -webkit-backdrop-filter:blur(8px) saturate(160%);backdrop-filter:blur(8px) saturate(160%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55);transition:background .2s,transform .2s}
  html.dark #hSearchBar .hGo{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}
  #hSearchBar .hGo:hover{background:rgba(255,255,255,.6)}
  html.dark #hSearchBar .hGo:hover{background:rgba(255,255,255,.14)}
  #hSearchBar .hGo i{font-size:.8rem;opacity:.7}
  
  #hSearchChips{margin-top:.55rem;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;max-width:600px;opacity:0;transform:translateY(-4px);transition:opacity .35s,transform .35s;pointer-events:none}
  #hSearchRow.hOpen #hSearchChips{opacity:1;transform:none;pointer-events:auto}
  #hSearchChips .hChip{font-size:12px;padding:5px 12px;border-radius:12px;cursor:pointer;color:inherit;
    border:1px solid rgba(0,0,0,.10);background:rgba(255,255,255,.45);
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s,border-color .2s}
  #hSearchChips .hChip:hover{background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.18)}
  #hSearchChips .hChip i{margin-right:5px;opacity:.5}
  html.dark #hSearchChips .hChip{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
  html.dark #hSearchChips .hChip:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.22)}
  @media (max-width:767px){#hSearchRow{display:none;}}
  @media (prefers-reduced-motion:reduce){#hSearchRow{transition:none;}}
  
  #hSearchBar{background:rgba(255,255,255,.50) !important;color:#231f1b}
  html.dark #hSearchBar{background:rgba(20,18,28,.52) !important;color:#f4eee7}
  #hSearchBar .hPh{opacity:.9;text-shadow:none}
  html.dark #hSearchBar .hPh{text-shadow:none}
.blob{ filter:blur(70px); border-radius:var(--r-pill); pointer-events:none; }

  
  #zk-bridge .zk-herobg{background:transparent !important}
  #ak-strip .akstrip{background:transparent !important}
  #finalcta{background:transparent !important}
  
  #finalcta > .blob{display:none !important}

  
  @keyframes fadeUp{ from{ opacity:0; transform:translateY(16px);} to{opacity:1; transform:translateY(0);} }
  .fu{ animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) both; }

  
  .sole{
    background:var(--panel); border:1px solid var(--panel-border);
    -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  }

  @media (prefers-reduced-motion: reduce){
    .animate-bounce{ animation:none !important; }
    .fu{ animation:none !important; }
  }

  
  .tb-in{
    width:100%; height:3rem; padding:0 .95rem; border-radius:.85rem;
    background:var(--chip); border:1px solid var(--divider); color:var(--text);
    font-size:.95rem; line-height:1.4; outline:none;
    transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
  }
  textarea.tb-in{ height:auto; padding:.75rem .95rem; }
  .tb-in::placeholder{ color:var(--text-faint); }
  .tb-in:focus{
    border-color:var(--magenta-soft);
    box-shadow:0 0 0 3px rgba(184,71,143,.18);
    background:var(--solid);
  }

  
  #zk-bridge{
    --peach:#fcd9c1; --peach-soft:#fde9d8; --peach-deep:#f5b8a8;
    --powder:#cde4f0; --powder-soft:#e3f0f7; --powder-deep:#a4c8db;
    --sage:#d4e3d0; --sage-soft:#e6efe3; --sage-deep:#a8c0a3;
    --lavender:#e0d4f0; --lavender-soft:#efe8f8; --lavender-deep:#b9a8d2;
    --cream:#faf3e7; --cream-deep:#f0e6d2;
    --zk-ink:#0e0e1a; --zk-ink-soft:#1f1f2c; --zk-slate:#3f3f55; --zk-muted:#5b5b70;
    --zk-hairline:rgba(14,14,26,0.08);
    --zk-canvas:var(--bg); --zk-surface:#ffffff; --zk-surface-alt:#fefcf8; --zk-cell:#faf3e7;
    
    --terracotta:#7a2a5d; --pine:#86245f; --mor:#9e1972; --gece:#ad1a7e;
    --zk-magenta:#9e1972; --magenta-soft:#f7dcee;
    --zk-line:rgba(14,14,26,.1);
    --zk-track:rgba(14,14,26,.08);
    color:var(--zk-ink);
    font-family:'Ubuntu','Ubuntu Yedek',system-ui,sans-serif;
  }
  html.dark #zk-bridge{
    --peach-soft:#3a2a22; --powder-soft:#1c2c38; --sage-soft:#1f2e23; --lavender-soft:#2b2138;
    --cream:#23201a; --cream-deep:#2c281f;
    --zk-ink:#f4f1f7; --zk-ink-soft:#e9e6ef; --zk-slate:#c7c3d4; --zk-muted:#a6a3b8;
    --zk-hairline:rgba(255,255,255,0.10);
    --zk-canvas:var(--bg); --zk-surface:#14141f; --zk-surface-alt:#171723; --zk-cell:#0e0a1b;
    
    --terracotta:#c468a2; --pine:#d2589c; --mor:#e83f9f; --gece:#f44fac;
    --zk-magenta:#e84ca6; --magenta-soft:#331f2c;
    --zk-line:rgba(255,255,255,.12);
    --zk-track:rgba(255,255,255,.10);
    color:var(--zk-ink);
  }
  #zk-bridge h1,#zk-bridge h2,#zk-bridge h3,#zk-bridge h4,#zk-bridge .zk-display{
    font-family:'Ubuntu','Ubuntu Yedek',sans-serif;letter-spacing:-0.02em;
  }

  #zk-bridge #kopru{--era:var(--terracotta)}
  #zk-bridge .tl-stage{min-height:100vh;transition:background-color .2s linear;position:relative;overflow:hidden}
  
  
  #zk-bridge .zk-blobs{display:none !important}
  #zk-bridge .zk-blob{position:absolute;left:50%;top:50%;width:46vw;height:46vw;max-width:620px;max-height:620px;border-radius:50%;transform:translate(-50%,-50%);filter:blur(74px);transition:left 1.15s cubic-bezier(.45,.05,.2,1),top 1.15s cubic-bezier(.45,.05,.2,1),background 1s ease}
  #zk-bridge .zk-blob-c{background:radial-gradient(circle, #b8478f, transparent 66%);opacity:.5}
  #zk-bridge .zk-blob-w{background:radial-gradient(circle, rgba(255,255,255,.95), rgba(255,255,255,0) 66%);opacity:.75}
  html.dark #zk-bridge .zk-blob-c{opacity:.42}
  html.dark #zk-bridge .zk-blob-w{background:radial-gradient(circle, rgba(255,255,255,.16), rgba(255,255,255,0) 66%);opacity:.6}
  #zk-bridge .year-big{font-family:'Ubuntu','Ubuntu Yedek',sans-serif;font-weight:700;letter-spacing:-0.04em;font-size:clamp(5.5rem,10.5vw,10.5rem);line-height:.95;background:linear-gradient(92deg,#f44fac,#e83f9f 28%,#9e1972 58%,#7a1559 82%,#f44fac);background-size:280% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:zkyearflow 6s linear infinite;font-variant-numeric:tabular-nums}
  @keyframes zkyearflow{to{background-position:280% 0}}
  #zk-bridge .bridge-track .zk-playbtn{position:absolute;left:calc(100% + 1rem);top:50%;transform:translate(-50%,-50%);padding:.25rem;border:none;background:none;display:inline-flex;align-items:center;justify-content:center;color:var(--zk-muted);cursor:pointer;transition:color .2s}
  #zk-bridge .zk-playbtn:hover{color:var(--era)}
  #zk-bridge .zk-playbtn i{font-size:.68rem}
  #zk-bridge .bridge-track{position:relative;height:4px;border-radius:var(--r-pill);background:var(--zk-track);margin:.4rem 0 .2rem}
  #zk-bridge .bridge-fill{position:absolute;inset:0;border-radius:var(--r-pill);background:var(--era);transform:scaleX(0);transform-origin:left center;transition:background .8s ease}
  #zk-bridge .bdot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--zk-surface);border:2px solid var(--zk-line);transform:translate(-50%,-50%);transition:background .5s ease,border-color .5s ease}
  #zk-bridge .bdot.on{background:var(--era);border-color:var(--era)}
  #zk-bridge .byear{position:absolute;top:14px;transform:translateX(-50%);font-size:var(--fs-2xs);font-weight:700;letter-spacing:.08em;background:linear-gradient(92deg,#e83f9f,#9e1972 50%,#7a1559);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}
  #zk-bridge .byear.zk-jump[data-era="0"]{transform:translateX(0);margin-left:0;padding-left:0}
  #zk-bridge .byear.zk-jump[data-era="4"]{transform:translateX(-100%);margin-right:0;padding-right:0}
  
  #zk-bridge .zk-jump{cursor:pointer}
  #zk-bridge .byear.zk-jump{padding:5px 9px;margin:-5px -9px;border-radius:8px;transition:color .25s ease}
  #zk-bridge .byear.zk-jump:hover{color:var(--era)}
  #zk-bridge .bdot.zk-jump:hover{box-shadow:0 0 0 5px color-mix(in srgb, var(--era) 22%, transparent)}
  #zk-bridge .zk-jump:focus-visible{outline:2px solid var(--era);outline-offset:3px}
  #zk-bridge .era-text{position:absolute;inset:0;opacity:0;visibility:hidden}
  #zk-bridge .era-text[data-era="0"]{opacity:1;visibility:visible}
  #zk-bridge .era-kicker{font-size:var(--fs-micro);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--era);transition:color .8s ease;display:flex;align-items:center;gap:.5rem}
  #zk-bridge .era-kicker::before{content:'';width:26px;height:2px;border-radius:2px;background:var(--era)}

  
  #zk-bridge .tl-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-auto-flow:dense;gap:.8rem;height:min(74vh,660px)}
  #zk-bridge .tl-cell{position:relative;border-radius:var(--glass-radius);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);overflow:hidden;display:flex;flex-direction:column;padding:1rem 1.1rem;background:var(--glass-bg);transition:background .55s ease;contain:layout;will-change:transform}
  
  html.dark #zk-bridge .tl-cell{border-color:var(--glass-border)}
  
  #zk-bridge .tl-cell.is-hero{grid-column:span 2;grid-row:span 2}
  
  #zk-bridge #zkTlBento[data-grad="flat"] .tl-cell:not(.is-hero){background:var(--csoft)}
  #zk-bridge #zkTlBento[data-grad="center"] .tl-cell:not(.is-hero){background:radial-gradient(circle at 50% 42%, color-mix(in srgb,#fff 45%,var(--csoft)), var(--csoft))}
  #zk-bridge #zkTlBento[data-grad="corner"] .tl-cell:not(.is-hero){background:radial-gradient(140% 140% at 0% 0%, color-mix(in srgb,#fff 32%,var(--csoft)), var(--csoft))}
  #zk-bridge #zkTlBento[data-grad="lr"] .tl-cell:not(.is-hero){background:linear-gradient(90deg, color-mix(in srgb,#fff 38%,var(--csoft)), var(--csoft))}
  #zk-bridge #zkTlBento[data-grad="tb"] .tl-cell:not(.is-hero){background:linear-gradient(180deg, color-mix(in srgb,#fff 38%,var(--csoft)), var(--csoft))}
  #zk-bridge #zkTlBento[data-grad="diag"] .tl-cell:not(.is-hero){background:linear-gradient(135deg, color-mix(in srgb,#fff 38%,var(--csoft)), var(--csoft))}
  #zk-bridge #zkTlBento[data-grad="conic"] .tl-cell:not(.is-hero){background:conic-gradient(from 210deg at 50% 50%, color-mix(in srgb,#fff 30%,var(--csoft)), var(--csoft), color-mix(in srgb,#fff 30%,var(--csoft)))}
  #zk-bridge #zkTlBento[data-grad="glow"] .tl-cell:not(.is-hero){background:radial-gradient(120% 90% at 50% -15%, color-mix(in srgb,#fff 55%,var(--csoft)), var(--csoft))}
  #zk-bridge #zkTlBento[data-grad="spot"] .tl-cell:not(.is-hero){background:radial-gradient(88% 88% at 26% 20%, color-mix(in srgb,#fff 80%,var(--csoft)), color-mix(in srgb,#fff 34%,var(--csoft)))}
  #zk-bridge #zkTlBento[data-grad="mesh"] .tl-cell:not(.is-hero){background:radial-gradient(55% 55% at 18% 18%, color-mix(in srgb,#fff 32%,var(--csoft)), transparent 70%), radial-gradient(55% 55% at 82% 28%, color-mix(in srgb,var(--cdeep) 10%,var(--csoft)), transparent 72%), var(--csoft)}
  #zk-bridge #zkTlBento[data-grad="dotted"] .tl-cell:not(.is-hero){background:radial-gradient(color-mix(in srgb,var(--cdeep) 24%,transparent) 1.2px, transparent 1.5px) 0 0/13px 13px, var(--csoft)}
  #zk-bridge #zkTlBento[data-grad="diagband"] .tl-cell:not(.is-hero){background:repeating-linear-gradient(135deg, var(--csoft) 0 7px, color-mix(in srgb,#fff 30%,var(--csoft)) 7px 14px)}
  
  #zk-bridge #zkTlBento .tl-cell:not(.is-hero){background:var(--glass-bg)!important}
  #zk-bridge .cell-label{font-size:var(--fs-2xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--zk-muted);display:flex;align-items:center;gap:.45rem;position:relative;z-index:2}
  #zk-bridge .cell-label i{font-size:var(--fs-2xs)}
  #zk-bridge .tl-cell .mini{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;text-align:center;transition:opacity .3s ease}
  #zk-bridge .tl-cell .mini i{font-size:var(--fs-lg);color:var(--zk-muted);opacity:.5}
  #zk-bridge .tl-cell .mini .nm{font-weight:300;font-size:clamp(.95rem,1.45vw,1.18rem);font-family:'Ubuntu','Ubuntu Yedek',sans-serif;letter-spacing:-.01em}
  #zk-bridge .tl-cell .mini .ln{font-size:var(--fs-2xs);color:var(--zk-muted)}
  
  #zk-bridge .tl-cell.is-hero .mini{gap:.95rem}
  #zk-bridge .tl-cell.is-hero .mini i{font-size:2.7rem}
  #zk-bridge .tl-cell.is-hero .mini .nm{font-size:2rem;font-weight:300}
  #zk-bridge .tl-cell.is-hero .mini .ln{display:block;font-size:.98rem;max-width:30ch;line-height:1.5;color:var(--zk-muted)}
  #zk-bridge .cell-label{z-index:3}
  
  #zk-bridge .zk-herobg{background:transparent !important}
  html.dark #zk-bridge .zk-herobg{background:transparent !important}
  
  #zk-bridge .tl-cell .cell-label{display:none}
  #zk-bridge .tl-cell .mini .ln{display:none}

  
  #zkTlBento.zk-koridor{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:.8rem;height:min(74vh,660px)}
  #zkTlBento.zk-koridor .tl-hero{grid-column:span 2;grid-row:span 2;position:relative;border-radius:var(--glass-radius);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);overflow:hidden;padding:1.05rem 1.15rem}
  #zkTlBento.zk-koridor .zk-scene{position:absolute;left:1.15rem;right:1.15rem;top:1.05rem;bottom:1.05rem;display:flex;flex-direction:column;min-height:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s ease,transform .55s cubic-bezier(.4,0,.2,1),visibility .5s;pointer-events:none}
  #zkTlBento.zk-koridor .zk-scene.zk-on{opacity:1;visibility:visible;transform:none;pointer-events:auto}
  
  #zkTlBento.zk-koridor .zk-yilbadge{position:absolute;top:.75rem;right:.85rem;z-index:6;display:flex;align-items:baseline;gap:.32rem;background:var(--zk-surface);border:1px solid var(--zk-hairline);border-radius:var(--r-pill);padding:.22rem .6rem;box-shadow:0 6px 16px rgba(14,14,26,.1)}
  #zkTlBento.zk-koridor .zk-yilbadge b{font-family:'Plus Jakarta Sans','Ubuntu','Ubuntu Yedek',sans-serif;font-weight:800;font-size:1.05rem;line-height:1;color:var(--era,var(--zk-magenta))}
  #zkTlBento.zk-koridor .zk-yilbadge i{font-style:normal;font-size:.56rem;font-weight:600;color:var(--zk-muted);max-width:9ch;line-height:1.05}
  
  #zkTlBento.zk-koridor .tl-chip{position:relative;border-radius:var(--glass-radius);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;transition:border-color .45s ease,transform .45s cubic-bezier(.4,0,.2,1)}
  #zkTlBento.zk-koridor .tl-chip i{font-size:1.5rem;color:var(--zk-muted);opacity:.5;transition:color .45s ease,opacity .45s ease}
  #zkTlBento.zk-koridor .tl-chip .nm{font-size:clamp(.84rem,1.1vw,1.05rem);font-weight:300;font-family:'Ubuntu','Ubuntu Yedek',sans-serif;letter-spacing:-.01em;color:var(--zk-ink)}
  #zkTlBento.zk-koridor .tl-chip.zk-on{border-color:var(--era,var(--zk-magenta))}
  #zkTlBento.zk-koridor .tl-chip.zk-on i{color:var(--era,var(--zk-magenta));opacity:1}
  @media (prefers-reduced-motion:reduce){ #zkTlBento.zk-koridor .zk-scene,#zkTlBento.zk-koridor .tl-chip{transition:none} }

  #zk-bridge .metric-ring{position:absolute;width:96px;height:96px;border-radius:50%;border:2px solid var(--terracotta);opacity:.18;animation:zkmring 3.2s ease-in-out infinite}
  #zk-bridge .metric-ring::after{content:'';position:absolute;inset:-9px;border-radius:50%;border:1px dashed var(--terracotta);opacity:.5;animation:zkspin 9s linear infinite}
  @keyframes zkmring{0%,100%{transform:scale(.92);opacity:.12}50%{transform:scale(1.05);opacity:.26}}

  #zk-bridge .browser{background:var(--zk-surface);border:1px solid var(--zk-hairline);border-radius:16px;box-shadow:0 10px 28px rgba(14,14,26,.1);overflow:hidden;flex:1;display:flex;flex-direction:column}
  #zk-bridge .browser-bar{display:flex;align-items:center;gap:.5rem;padding:.55rem .8rem;border-bottom:1px solid var(--zk-hairline);background:var(--cream)}
  #zk-bridge .bdot3{width:9px;height:9px;border-radius:50%}
  #zk-bridge .addr{flex:1;background:var(--zk-surface);border:1px solid var(--zk-hairline);border-radius:var(--r-pill);font-size:.62rem;color:var(--zk-muted);padding:.22rem .7rem;font-family:var(--mono);white-space:nowrap;overflow:hidden}
  #zk-bridge .blink98{animation:zkblink98 1.1s steps(1) infinite}
  @keyframes zkblink98{50%{opacity:0}}
  #zk-bridge .uc-stripe{height:10px;border-radius:6px;background:repeating-linear-gradient(45deg,var(--peach-deep) 0 10px,var(--cream-deep) 10px 20px);background-size:200% 100%;animation:zkstripes 14s linear infinite}
  @keyframes zkstripes{to{background-position:-300px 0}}
  #zk-bridge .counter98{display:inline-flex;gap:2px}
  #zk-bridge .counter98 b{background:var(--zk-ink);color:#9be3a8;font-family:var(--mono);font-size:.7rem;padding:.1rem .3rem;border-radius:4px;font-weight:600}
  html.dark #zk-bridge .counter98 b{background:#05050a}

  #zk-bridge .ide{flex:1;display:grid;grid-template-columns:1.15fr .85fr;gap:.7rem;min-height:0}
  #zk-bridge .ide-editor{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;border:1px solid var(--zk-hairline);background:var(--zk-ink);box-shadow:0 10px 26px rgba(14,14,26,.16)}
  html.dark #zk-bridge .ide-editor{background:#05050a}
  #zk-bridge .ide-bar{display:flex;align-items:center;gap:.45rem;padding:.45rem .65rem;border-bottom:1px solid rgba(255,255,255,.08)}
  #zk-bridge .ide-file{margin-left:.25rem;display:inline-flex;align-items:center;gap:.35rem;font-family:var(--mono);font-size:.58rem;color:#cbb9a6}
  #zk-bridge .ide-file i{color:var(--terracotta);font-size:.58rem}
  #zk-bridge .ide-code{flex:1;margin:0;padding:.55rem .7rem;font-family:var(--mono);font-size:.585rem;line-height:1.55;color:#e7ddd0;white-space:pre-wrap;word-break:break-word;overflow:hidden}
  #zk-bridge .ide-code .tag{color:#e89a6b}
  #zk-bridge .ide-code .atr{color:#86c39a}
  #zk-bridge .ide-code .txt{color:#cdd8e6}
  #zk-bridge .ide-code .cmt{color:#6b7280}
  #zk-bridge .ide-caret{display:inline-block;width:6px;height:.95em;background:var(--terracotta);vertical-align:-2px;border-radius:1px;animation:zkblink98 1s steps(1) infinite}
  #zk-bridge .ide-preview{flex:none}
  #zk-bridge .ide-render{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:.7rem;background:var(--zk-surface-alt);overflow:hidden}
  #zk-bridge .ide-render .r{display:block;border-radius:6px;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}
  #zk-bridge .ide-render .r.in{opacity:1;transform:none}
  #zk-bridge .ide-render .r-h{height:13px;width:78%;background:linear-gradient(90deg,var(--terracotta),var(--peach-deep));border-radius:7px}
  #zk-bridge .ide-render .r-p{height:7px;width:100%;background:var(--zk-line)}
  #zk-bridge .ide-render .r-p.short{width:62%}
  #zk-bridge .ide-render .r-img{flex:1;min-height:26px;background:
      repeating-linear-gradient(45deg,var(--peach-soft) 0 8px,var(--cream-deep) 8px 16px);
    border:1px solid var(--zk-hairline);position:relative}
  #zk-bridge .ide-render .r-img::after{content:'\f03e';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--terracotta);opacity:.55;font-size:.9rem}
  #zk-bridge .ide-render .r-btn{height:18px;width:44%;background:var(--terracotta);border-radius:var(--r-pill);box-shadow:0 4px 12px rgba(125,47,35,.28)}
  @media (max-width:1024px){ #zk-bridge .ide{grid-template-columns:1fr} #zk-bridge .ide-preview{display:none} }

  #zk-bridge .ar-stage{position:relative;flex:1;border-radius:18px;overflow:hidden;border:1px solid var(--zk-hairline);background:
      radial-gradient(120% 90% at 50% 0%,rgba(29,61,43,.12),transparent 60%),
      linear-gradient(135deg,var(--zk-surface),var(--zk-surface-alt));
    box-shadow:0 10px 28px rgba(14,14,26,.1)}
  html.dark #zk-bridge .ar-stage{background:
      radial-gradient(120% 90% at 50% 0%,rgba(134,195,154,.16),transparent 60%),
      linear-gradient(135deg,#0d1611,#0b1310)}
  #zk-bridge .ar-stage::before{content:'';position:absolute;inset:0;
    background-image:linear-gradient(var(--zk-line) 1px,transparent 1px),linear-gradient(90deg,var(--zk-line) 1px,transparent 1px);
    background-size:26px 26px;transform:perspective(280px) rotateX(52deg) scale(1.4);transform-origin:50% 100%;opacity:.5;mask-image:linear-gradient(to top,#000 5%,transparent 70%);-webkit-mask-image:linear-gradient(to top,#000 5%,transparent 70%)}
  #zk-bridge .ar-tag{position:absolute;top:.6rem;left:.6rem;z-index:3;display:inline-flex;align-items:center;gap:.4rem;background:var(--zk-ink);color:#eaf5ee;font-size:.6rem;font-weight:700;letter-spacing:.04em;border-radius:var(--r-pill);padding:.28rem .65rem}
  html.dark #zk-bridge .ar-tag{background:#05050a;color:#eaf5ee}
  #zk-bridge .ar-tag i{font-size:.6rem;color:var(--pine)}
  #zk-bridge .ar-scan{position:absolute;left:0;right:0;height:34px;z-index:2;background:linear-gradient(to bottom,transparent,rgba(134,195,154,.28),transparent);animation:zkarscan 3.4s ease-in-out infinite}
  @keyframes zkarscan{0%,100%{top:8%;opacity:.35}50%{top:62%;opacity:.85}}
  #zk-bridge .ar-cube{position:absolute;left:50%;top:52%;z-index:3;transform:translate(-50%,-50%);width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid var(--sage-deep);background:rgba(134,195,154,.14);box-shadow:0 0 0 6px rgba(134,195,154,.08),0 12px 26px rgba(14,14,26,.18);animation:zkarfloat 4s ease-in-out infinite}
  #zk-bridge .ar-cube i{font-size:1.5rem;color:var(--pine)}
  @keyframes zkarfloat{0%,100%{transform:translate(-50%,-50%) rotate(-6deg)}50%{transform:translate(-50%,-62%) rotate(6deg)}}
  #zk-bridge .ar-recticle{position:absolute;z-index:3;width:16px;height:16px;border:2px solid var(--pine);border-radius:4px;opacity:.8;animation:zkarpulse 2.6s ease-in-out infinite}
  #zk-bridge .ar-recticle::after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--pine)}
  @keyframes zkarpulse{0%,100%{transform:scale(.8);opacity:.4}50%{transform:scale(1.15);opacity:.9}}
  #zk-bridge .ar-hud{position:absolute;bottom:.55rem;left:.6rem;right:.6rem;z-index:3;text-align:center;font-size:.58rem;font-weight:600;color:var(--zk-ink);background:var(--zk-surface);border:1px solid var(--zk-hairline);border-radius:var(--r-pill);padding:.28rem .5rem}

  #zk-bridge .shop{background:var(--zk-surface);border:1px solid var(--zk-hairline);border-radius:16px;box-shadow:0 10px 28px rgba(14,14,26,.1);overflow:hidden;flex:1;display:flex;flex-direction:column}
  #zk-bridge .shop-bar{display:flex;align-items:center;justify-content:space-between;padding:.55rem .8rem;border-bottom:1px solid var(--zk-hairline);background:var(--powder-soft)}
  #zk-bridge .shop-cart{position:relative;color:var(--gece);font-size:.85rem}
  #zk-bridge .shop-badge{position:absolute;top:-7px;right:-9px;min-width:14px;height:14px;padding:0 3px;border-radius:var(--r-pill);background:var(--gece);color:#fff;font-size:.5rem;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:'Ubuntu','Ubuntu Yedek',sans-serif}
  html.dark #zk-bridge .shop-badge{color:#0b0b13}
  #zk-bridge .shop-row{display:flex;align-items:center;gap:.55rem;background:var(--zk-surface);border:1px solid var(--zk-hairline);border-radius:12px;padding:.4rem .5rem}
  #zk-bridge .shop-thumb{width:30px;height:30px;border-radius:8px;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
  #zk-bridge .shop-pay{display:inline-flex;align-items:center;background:var(--gece);color:#fff;font-size:.6rem;font-weight:800;letter-spacing:.02em;border-radius:var(--r-pill);padding:.32rem .85rem;font-family:'Ubuntu','Ubuntu Yedek',sans-serif;position:relative}
  html.dark #zk-bridge .shop-pay{color:#0b0b13}
  
  #zk-bridge .shop-pay::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 3px rgba(22,58,82,.5);animation:zkpaypulse 2.8s ease-in-out infinite;pointer-events:none}
  @keyframes zkpaypulse{0%,100%{transform:scale(.96);opacity:0}50%{transform:scale(1.13);opacity:.5}}
  #zk-bridge .shop-pay.busy::after,#zk-bridge .shop-pay.ok::after{display:none}
  #zk-bridge .shop-pay.ok{background:#1d3d2b}
  #zk-bridge .shop-pay .pspin{display:inline-block;width:9px;height:9px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;margin-right:.4rem;animation:zkspin .7s linear infinite}

  #zk-bridge .phone98{width:108px;margin:0 auto;background:var(--zk-ink);border-radius:22px;padding:7px;flex:1;max-height:100%;display:flex}
  html.dark #zk-bridge .phone98{background:#05050a}
  #zk-bridge .phone98 .scr{flex:1;background:var(--zk-surface);border-radius:16px;overflow:hidden;position:relative}
  #zk-bridge .ar-badge{position:absolute;top:6px;left:6px;z-index:4;display:inline-flex;align-items:center;gap:.3rem;background:var(--zk-ink);color:#eaf5ee;font-size:.5rem;font-weight:800;letter-spacing:.06em;border-radius:var(--r-pill);padding:.2rem .45rem;box-shadow:0 4px 12px rgba(14,14,26,.22)}
  html.dark #zk-bridge .ar-badge{background:#05050a;color:#eaf5ee}
  #zk-bridge .ar-badge i{font-size:.5rem;color:var(--pine)}
  #zk-bridge .scr .ar-cube{top:38%;width:40px;height:40px;border-radius:12px;box-shadow:0 0 0 5px rgba(134,195,154,.08),0 8px 18px rgba(14,14,26,.18)}
  #zk-bridge .scr .ar-cube i{font-size:1.1rem}
  #zk-bridge .scr .ar-scan{height:24px}
  #zk-bridge .notif{position:absolute;left:6px;right:6px;top:8px;background:var(--zk-surface);border:1px solid var(--zk-hairline);border-radius:10px;padding:.35rem .45rem;box-shadow:0 8px 20px rgba(14,14,26,.14);animation:zknotif 5.5s ease-in-out infinite}
  @keyframes zknotif{0%,8%{transform:translateY(-56px)}16%,70%{transform:translateY(0)}82%,100%{transform:translateY(-56px)}}

  #zk-bridge .chat-bubble{max-width:92%;padding:.55rem .8rem;border-radius:16px;font-size:.72rem;line-height:1.5}
  #zk-bridge .chat-user{background:var(--zk-surface);border:1px solid var(--zk-hairline);border-bottom-right-radius:6px;align-self:flex-end;color:var(--zk-slate)}
  #zk-bridge .chat-ai{background:var(--zk-ink);color:#f5f1ea;border-bottom-left-radius:6px;align-self:flex-start}
  html.dark #zk-bridge .chat-ai{background:#05050a;color:#f4f1f7}
  #zk-bridge .cursor{display:inline-block;width:2px;height:1em;background:#f5f1ea;vertical-align:-2px;margin-left:2px;animation:zkblink98 1s steps(1) infinite}
  #zk-bridge .chat-model{display:flex;align-items:center;gap:.45rem;align-self:flex-start}
  #zk-bridge .chat-orb{width:22px;height:22px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.6rem;background:linear-gradient(135deg,var(--zk-magenta),#b8478f);box-shadow:0 0 0 3px rgba(142,42,111,.12)}
  html.dark #zk-bridge .chat-orb{color:#14141f}
  #zk-bridge .chat-badge{margin-left:auto;font-family:var(--mono);font-size:.52rem;font-weight:700;color:var(--zk-magenta);background:var(--lavender-soft);border:1px solid var(--zk-hairline);border-radius:var(--r-pill);padding:.16rem .5rem}
  #zk-bridge .chat-think{display:inline-flex;align-items:center;gap:3px;vertical-align:-1px}
  #zk-bridge .chat-think i{width:5px;height:5px;border-radius:50%;background:#f5f1ea;opacity:.5;animation:zkthink 1.2s ease-in-out infinite}
  html.dark #zk-bridge .chat-think i{background:#f4f1f7}
  #zk-bridge .chat-think i:nth-child(2){animation-delay:.18s}
  #zk-bridge .chat-think i:nth-child(3){animation-delay:.36s}
  @keyframes zkthink{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}

  #zk-bridge .agent{flex:1;display:flex;flex-direction:column;gap:.6rem}
  #zk-bridge .agent-head{display:flex;align-items:center;gap:.55rem;background:var(--zk-surface);border:1px solid var(--zk-hairline);border-radius:14px;padding:.5rem .6rem;box-shadow:0 8px 20px rgba(14,14,26,.08)}
  #zk-bridge .agent-orb{flex-shrink:0;width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;background:linear-gradient(135deg,var(--zk-magenta),#b8478f);box-shadow:0 0 0 4px rgba(142,42,111,.12);position:relative}
  html.dark #zk-bridge .agent-orb{color:#14141f}
  
  #zk-bridge .agent-orb::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 4px rgba(142,42,111,.5);animation:zkorb 3s ease-in-out infinite;pointer-events:none}
  @keyframes zkorb{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.14);opacity:0}}
  #zk-bridge .agent-live{display:inline-flex;align-items:center;gap:.3rem;font-size:.52rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--zk-magenta)}
  #zk-bridge .agent-live-dot{width:6px;height:6px;border-radius:50%;background:var(--zk-magenta);animation:zkpulseDot 1.4s ease-in-out infinite}
  @keyframes zkpulseDot{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
  #zk-bridge .agent-flow{display:flex;align-items:center;justify-content:center;gap:0;padding:.15rem 0}
  #zk-bridge .afn{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;color:var(--zk-magenta);background:var(--lavender-soft);border:1px solid var(--zk-hairline)}
  #zk-bridge .afp{position:relative;flex:1;height:2px;background:var(--zk-track);border-radius:2px;overflow:hidden}
  #zk-bridge .afp::after{content:'';position:absolute;top:0;left:-40%;width:40%;height:100%;border-radius:2px;background:var(--zk-magenta);animation:zkflow 1.8s linear infinite}
  #zk-bridge .afp2::after{animation-delay:.9s}
  @keyframes zkflow{0%{transform:translateX(0)}100%{transform:translateX(350%)}}  
  #zk-bridge .agent-steps{display:flex;flex-direction:column;gap:.35rem;margin-top:auto}
  #zk-bridge .astep{display:flex;align-items:center;gap:.45rem;font-size:.6rem;font-weight:600;color:var(--zk-muted);background:var(--zk-surface);border:1px solid var(--zk-hairline);border-radius:10px;padding:.34rem .5rem;opacity:.55;transition:opacity .35s ease,border-color .35s ease,color .35s ease}
  #zk-bridge .astep .aico{flex-shrink:0;width:13px;height:13px;display:flex;align-items:center;justify-content:center}
  #zk-bridge .astep.done{opacity:1;color:var(--zk-slate)}
  #zk-bridge .astep.done .aico::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;color:#3fa86a;font-size:.6rem}
  html.dark #zk-bridge .astep.done .aico::before{color:#86c39a}
  #zk-bridge .astep.run{opacity:1;color:var(--zk-ink);border-color:var(--zk-magenta)}
  #zk-bridge .astep.run .aico{width:10px;height:10px;border-radius:50%;border:2px solid var(--zk-track);border-top-color:var(--zk-magenta);animation:zkspin .8s linear infinite}
  #zk-bridge .astep.run .atxt::after{content:'…'}
  #zk-bridge .astep.todo .aico::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--zk-line)}
  #zk-bridge .aspin{flex-shrink:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--zk-track);border-top-color:var(--zk-magenta);animation:zkspin .8s linear infinite}
  @keyframes zkspin{to{transform:rotate(360deg)}}

  #zk-bridge .tlm-line{position:absolute;left:13px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--zk-line)}
  #zk-bridge .tlm-dot{position:absolute;left:6px;top:6px;width:16px;height:16px;border-radius:50%;border:3px solid var(--zk-surface);box-shadow:0 2px 8px rgba(14,14,26,.18)}
  #zk-bridge .zk-pill{border-radius:var(--r-pill)}
  #zk-bridge .zk-hl-magenta{box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .12em;border-radius:.35em;background:linear-gradient(transparent 62%,var(--lavender) 62%)}
  html.dark #zk-bridge .zk-hl-magenta{background:linear-gradient(transparent 62%,rgba(184,71,143,.35) 62%)}

  @media (prefers-reduced-motion: reduce){
    #zk-bridge #kopru{display:none!important}
    #zk-bridge #kopru-mobil{display:block!important}
  }

  
  #ak-strip{
    --ak-ink:#0e0e1a; --ak-ink-soft:#1f1f2c; --ak-slate:#3f3f55; --ak-muted:#5b5b70;
    --ak-canvas:var(--bg); --ak-surface:#ffffff; --ak-surface-alt:#fefcf8;
    --ak-hairline:rgba(14,14,26,0.08); --ak-line:rgba(14,14,26,.1); --ak-track:rgba(14,14,26,.08);
    --ak-magenta:#8e2a6f; --ak-magenta-soft:#b8478f; --ak-magenta-deep:#6d1f55;
    --ak-shadow:0 6px 24px rgba(14,14,26,.08);
    --ak-shadow-lift:0 26px 54px -20px rgba(14,14,26,.20),0 4px 12px rgba(14,14,26,.07);
    --ak-p1:#f1e3ec; --ak-p2:#f5e6f0; --ak-p3:#e9e3f2; --ak-p4:#f9e6ef; --ak-p5:#f0e1ea;
    --ak-accent:var(--ak-magenta);
    color:var(--ak-ink);
    font-family:'Ubuntu','Ubuntu Yedek',system-ui,sans-serif;
  }
  html.dark #ak-strip{
    --ak-ink:#f4f1f7; --ak-ink-soft:#e9e6ef; --ak-slate:#c7c3d4; --ak-muted:#a6a3b8;
    --ak-canvas:var(--bg); --ak-surface:#14141f; --ak-surface-alt:#171723;
    --ak-hairline:rgba(255,255,255,0.10); --ak-line:rgba(255,255,255,.12); --ak-track:rgba(255,255,255,.10);
    --ak-magenta:#e07cba; --ak-magenta-soft:#eaa0d2; --ak-magenta-deep:#b8478f;
    --ak-shadow:0 8px 26px rgba(0,0,0,.45);
    --ak-shadow-lift:0 30px 60px -22px rgba(0,0,0,.7),0 4px 12px rgba(0,0,0,.4);
    --ak-p1:#18111d; --ak-p2:#1b0f1b; --ak-p3:#130f20; --ak-p4:#1d0e1b; --ak-p5:#190d16;
    color:var(--ak-ink);
  }
  #ak-strip h1,#ak-strip h2,#ak-strip h3,#ak-strip h4,#ak-strip .ak-display{
    font-family:'Ubuntu','Ubuntu Yedek',sans-serif;letter-spacing:-0.02em;
  }
  #ak-strip .ak-kicker{font-size:var(--fs-micro);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ak-muted)}

  #ak-strip .akstrip{overflow:hidden;background:var(--ak-canvas)}
  #ak-strip .aktrack{display:block}
  body.akh-on #ak-strip .aktrack{display:flex;flex-wrap:nowrap;width:max-content}
  #ak-strip .akpanel{position:relative;padding:4.5rem 0}
  body.akh-on #ak-strip .akpanel{width:100vw;height:100vh;flex-shrink:0;display:flex;align-items:center;padding:0;overflow:hidden}
  #ak-strip .akprogress{display:none}
  body.akh-on #ak-strip .akprogress{display:flex}

  #ak-strip .akpanel[data-p="1"]{background:var(--ak-p1)}
  #ak-strip .akpanel[data-p="2"]{background:var(--ak-p2)}
  #ak-strip .akpanel[data-p="3"]{background:var(--ak-p3)}
  #ak-strip .akpanel[data-p="4"]{background:var(--ak-p4)}
  #ak-strip .akpanel[data-p="5"]{background:var(--ak-p5)}

  #ak-strip .akwrap{max-width:80rem;margin:0 auto;padding:0 1rem;width:100%;display:grid;gap:2rem;align-items:center}
  @media(min-width:1024px){ #ak-strip .akwrap{grid-template-columns:0.82fr 1.45fr;gap:3.2rem;padding:0 1.5rem} }
  #ak-strip .aknum{font-family:'Ubuntu','Ubuntu Yedek',sans-serif;font-weight:700;font-size:4rem;line-height:1;opacity:.22;color:var(--ak-accent)}
  #ak-strip .akttl{font-weight:700;font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.05;margin:.4rem 0 .8rem;color:var(--ak-ink)}
  #ak-strip .aklede{line-height:1.6;color:var(--ak-slate);font-size:var(--fs-base)}
  #ak-strip .akbadge{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.1rem;font-size:var(--fs-micro);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ak-accent)}
  #ak-strip .akbadge .akdot{width:7px;height:7px;border-radius:50%;background:var(--ak-accent);animation:akpulse 1.5s ease-in-out infinite}
  @keyframes akpulse{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.18)}}

  #ak-strip .akbento{position:relative;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--ak-hairline);background:var(--ak-surface);box-shadow:var(--ak-shadow-lift);min-height:340px;display:flex;flex-direction:column}
  @media(min-width:1024px){ #ak-strip .akbento{height:min(56vh,460px)} }
  #ak-strip .akbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.10;z-index:0;pointer-events:none}
  html.dark #ak-strip .akbg{opacity:.16}
  #ak-strip .akbento-in{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding:1.1rem 1.2rem;min-height:0}
  #ak-strip .akbento.is-frame{padding:0}
  #ak-strip .akbento .bento-host{z-index:2}
  #ak-strip .aktag{display:inline-flex;align-items:center;gap:.45rem;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ak-accent)}
  #ak-strip .aklive{margin-left:auto;display:inline-flex;align-items:center;gap:.32rem;font-size:.55rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ak-accent)}
  #ak-strip .aklive .akdot{width:6px;height:6px;border-radius:50%;background:var(--ak-accent);animation:akpulse 1.4s ease-in-out infinite}

  #ak-strip .akgrid2{display:grid;grid-template-columns:1.05fr .95fr;gap:.8rem;flex:1;min-height:0;margin-top:.7rem}
  @media(max-width:1100px){ #ak-strip .akgrid2{grid-template-columns:1fr} }
  #ak-strip .akcard{background:var(--ak-surface);border:1px solid var(--ak-hairline);border-radius:16px;padding:.7rem .75rem;display:flex;flex-direction:column;min-height:0;box-shadow:0 6px 18px rgba(14,14,26,.06)}
  html.dark #ak-strip .akcard{box-shadow:0 6px 18px rgba(0,0,0,.3)}
  #ak-strip .akchat{flex:1;display:flex;flex-direction:column;gap:.45rem;justify-content:flex-end;overflow:hidden;margin-top:.5rem}
  #ak-strip .akbubble{max-width:90%;padding:.45rem .7rem;border-radius:14px;font-size:.7rem;line-height:1.45}
  #ak-strip .akb-user{background:var(--ak-surface-alt);border:1px solid var(--ak-hairline);color:var(--ak-slate);align-self:flex-end;border-bottom-right-radius:5px}
  #ak-strip .akb-ai{background:var(--ak-magenta);color:#fff;align-self:flex-start;border-bottom-left-radius:5px}
  html.dark #ak-strip .akb-ai{background:#6d1f55;color:#fce6f4}
  #ak-strip .akcaret::after{content:'▍';animation:akblink .9s step-end infinite;font-size:.7em}
  @keyframes akblink{50%{opacity:0}}
  #ak-strip .akthink{display:inline-flex;gap:3px;align-items:center}
  #ak-strip .akthink i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.5;animation:akdots 1.2s infinite}
  #ak-strip .akthink i:nth-child(2){animation-delay:.18s}#ak-strip .akthink i:nth-child(3){animation-delay:.36s}
  @keyframes akdots{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}
  #ak-strip .akmodel{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.55rem;font-weight:700;color:var(--ak-accent);background:var(--ak-surface-alt);border:1px solid var(--ak-hairline);border-radius:var(--r-pill);padding:.18rem .55rem}
  #ak-strip .akstep{display:flex;align-items:center;gap:.45rem;font-size:.62rem;font-weight:600;color:var(--ak-muted);border:1px solid var(--ak-hairline);border-radius:10px;padding:.34rem .5rem;margin-top:.4rem;background:var(--ak-surface-alt);opacity:.55;transition:opacity .35s,color .35s,border-color .35s}
  #ak-strip .akstep .akico{flex-shrink:0;width:13px;height:13px;display:flex;align-items:center;justify-content:center}
  #ak-strip .akstep.done{opacity:1;color:var(--ak-slate)}
  #ak-strip .akstep.done .akico::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;color:#3fa86a;font-size:.6rem}
  html.dark #ak-strip .akstep.done .akico::before{color:#86c39a}
  #ak-strip .akstep.run{opacity:1;color:var(--ak-ink);border-color:var(--ak-accent)}
  #ak-strip .akstep.run .akico{width:10px;height:10px;border-radius:50%;border:2px solid var(--ak-track);border-top-color:var(--ak-accent);animation:akspin .8s linear infinite}
  #ak-strip .akstep.todo .akico::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ak-line)}
  @keyframes akspin{to{transform:rotate(360deg)}}

  #ak-strip .akide{flex:1;background:#0d0d16;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--ak-hairline)}
  #ak-strip .akide-bar{display:flex;align-items:center;gap:.4rem;padding:.45rem .7rem;border-bottom:1px solid rgba(255,255,255,.08)}
  #ak-strip .akide-bar .d{width:9px;height:9px;border-radius:50%}
  #ak-strip .akide-file{margin-left:.3rem;font-family:var(--mono);font-size:.56rem;color:#9aa3c0}
  #ak-strip .akcode{flex:1;margin:0;padding:.55rem .75rem;font-family:var(--mono);font-size:.6rem;line-height:1.7;color:#c8cee0;white-space:pre-wrap;word-break:break-word;overflow:hidden}
  #ak-strip .akcode .k{color:#e0a0d0}#ak-strip .akcode .f{color:#88c8e8}#ak-strip .akcode .s{color:#f0b090}#ak-strip .akcode .c{color:#6b7280}#ak-strip .akcode .n{color:#a8d8b0}
  #ak-strip .akide-caret{display:inline-block;width:6px;height:.95em;background:var(--ak-magenta-soft);vertical-align:-2px;border-radius:1px;animation:akblink 1s steps(1) infinite}
  #ak-strip .akprev{display:flex;flex-direction:column;gap:.45rem;padding:.7rem;background:var(--ak-surface-alt);border-radius:14px;border:1px solid var(--ak-hairline);overflow:hidden}
  #ak-strip .akprev .r{opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
  #ak-strip .akprev .r.in{opacity:1;transform:none}
  #ak-strip .akprev .r-h{height:13px;width:74%;background:linear-gradient(90deg,var(--ak-magenta-soft),var(--ak-magenta));border-radius:7px}
  #ak-strip .akprev .r-p{height:7px;border-radius:6px;background:var(--ak-line)}
  #ak-strip .akprev .r-p.s{width:60%}
  #ak-strip .akprev .r-img{flex:1;min-height:30px;border-radius:8px;background:repeating-linear-gradient(45deg,rgba(184,71,143,.14) 0 8px,transparent 8px 16px);border:1px solid var(--ak-hairline);position:relative}
  #ak-strip .akprev .r-img::after{content:'\f03e';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--ak-magenta-soft);opacity:.6;font-size:.85rem}
  #ak-strip .akprev .r-btn{height:18px;width:42%;background:var(--ak-magenta);border-radius:var(--r-pill)}
  #ak-strip .akring{position:relative;width:62px;height:62px;flex-shrink:0}
  #ak-strip .akring svg{transform:rotate(-90deg)}
  #ak-strip .akring .rv{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;color:var(--ak-ink);font-family:'Ubuntu','Ubuntu Yedek',sans-serif}
  #ak-strip .aklh{display:flex;align-items:center;gap:.6rem;margin-top:.6rem;padding:.5rem .6rem;background:var(--ak-surface);border:1px solid var(--ak-hairline);border-radius:12px}

  #ak-strip .akphone{width:142px;margin:0 auto;background:#0d0d16;border-radius:26px;padding:8px;box-shadow:0 22px 46px -16px rgba(14,14,26,.4);flex-shrink:0}
  #ak-strip .akscr{width:100%;height:288px;background:var(--ak-surface-alt);border-radius:20px;overflow:hidden;position:relative;display:flex;flex-direction:column}
  #ak-strip .aknotch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:40px;height:6px;border-radius:var(--r-pill);background:#0d0d16;z-index:5}
  #ak-strip .akapp-top{padding:1.3rem .7rem .5rem;font-weight:700;font-size:.72rem;color:var(--ak-ink);font-family:'Ubuntu','Ubuntu Yedek',sans-serif;display:flex;align-items:center;justify-content:space-between}
  #ak-strip .akfeed{flex:1;overflow:hidden;position:relative;padding:0 .5rem}
  #ak-strip .akpcard{border-radius:12px;padding:.5rem .55rem;margin-bottom:.45rem;font-size:.56rem;font-weight:600;color:var(--ak-ink-soft);display:flex;align-items:center;gap:.45rem;background:var(--ak-surface);border:1px solid var(--ak-hairline)}
  #ak-strip .akpcard i{font-size:.62rem}
  #ak-strip .aknotif{position:absolute;left:.5rem;right:.5rem;top:.5rem;z-index:4;background:var(--ak-surface);border:1px solid var(--ak-hairline);border-radius:12px;padding:.42rem .55rem;font-size:.55rem;display:flex;align-items:center;gap:.45rem;box-shadow:0 10px 24px rgba(14,14,26,.18);transform:translateY(-200%)}
  #ak-strip .aktabs{display:flex;justify-content:space-around;padding:.5rem 0;border-top:1px solid var(--ak-hairline);background:var(--ak-surface)}
  #ak-strip .aktab{font-size:.85rem;color:var(--ak-muted);transition:color .3s,transform .3s}
  #ak-strip .aktab.on{color:var(--ak-accent);transform:translateY(-2px)}
  #ak-strip .akstat{display:flex;flex-direction:column;gap:.55rem;justify-content:center}
  #ak-strip .akstat .v{font-weight:700;font-size:1.5rem;color:var(--ak-ink);font-family:'Ubuntu','Ubuntu Yedek',sans-serif;font-variant-numeric:tabular-nums}

  #ak-strip .akpal{display:flex;gap:.5rem;flex:1;margin-top:.6rem}
  #ak-strip .aksw{flex:1;border-radius:12px;display:flex;align-items:flex-end;padding:.45rem;color:rgba(255,255,255,.92);font-size:.5rem;font-weight:700;font-family:var(--mono);transition:background 1.2s ease}
  #ak-strip .aklogo-stage{display:flex;align-items:center;justify-content:center;gap:.7rem;padding:.4rem 0}
  #ak-strip .aklogo-stage svg path,#ak-strip .aklogo-stage svg circle{stroke:var(--ak-accent)}
  #ak-strip .akspec{font-family:'Ubuntu','Ubuntu Yedek',sans-serif;font-weight:700;line-height:1;color:var(--ak-ink)}
  #ak-strip .akvoice{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
  #ak-strip .akvchip{font-size:.6rem;font-weight:600;padding:.28rem .6rem;border-radius:var(--r-pill);background:var(--ak-surface-alt);border:1px solid var(--ak-hairline);color:var(--ak-slate)}
  #ak-strip .akvchip.on{background:var(--ak-magenta);color:#fff;border-color:transparent}
  html.dark #ak-strip .akvchip.on{background:#6d1f55;color:#fce6f4}

  #ak-strip .akdash{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:.6rem;margin-top:.7rem;min-height:0}
  #ak-strip .akkpi{background:var(--ak-surface);border:1px solid var(--ak-hairline);border-radius:14px;padding:.55rem .65rem}
  #ak-strip .akkpi .l{font-size:.55rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ak-muted)}
  #ak-strip .akkpi .v{font-weight:700;font-size:1.25rem;color:var(--ak-ink);font-family:'Ubuntu','Ubuntu Yedek',sans-serif;font-variant-numeric:tabular-nums}
  #ak-strip .akkpi .v small{font-size:.7rem;color:var(--ak-accent)}
  #ak-strip .akchart{grid-column:span 2;background:var(--ak-surface);border:1px solid var(--ak-hairline);border-radius:14px;padding:.6rem .7rem;display:flex;flex-direction:column;min-height:0}
  #ak-strip .akchart svg{flex:1;width:100%;overflow:visible}
  #ak-strip .akline{fill:none;stroke:var(--ak-magenta);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
  #ak-strip .akarea{fill:url(#akAreaGrad);opacity:.9}
  #ak-strip .akbars{display:flex;align-items:flex-end;gap:6px;height:100%}
  #ak-strip .akbar{flex:1;border-radius:5px 5px 2px 2px;background:var(--ak-magenta-soft);transform-origin:bottom}

  #ak-strip .akprogress{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:20;align-items:center;gap:1rem;padding:.6rem 1.2rem;border-radius:var(--r-pill);background:var(--ak-surface);border:1px solid var(--ak-hairline);box-shadow:var(--ak-shadow)}
  #ak-strip .akprogress .akc{font-family:'Ubuntu','Ubuntu Yedek',sans-serif;font-weight:700;font-size:.85rem;font-variant-numeric:tabular-nums;color:var(--ak-ink)}
  #ak-strip .akprogress .akbar-wrap{width:9rem;height:6px;border-radius:var(--r-pill);overflow:hidden;background:var(--ak-track)}
  #ak-strip .akprogress .akbar-fill{display:block;height:100%;border-radius:var(--r-pill);background:var(--ak-magenta);width:0%}
  #ak-strip .akprogress .akl{font-size:.75rem;font-weight:600;color:var(--ak-muted)}

  #ak-strip .akmob-num{font-family:'Ubuntu','Ubuntu Yedek',sans-serif;font-weight:700;font-size:2.4rem;line-height:1;opacity:.25;color:var(--ak-accent)}

  @media (prefers-reduced-motion: reduce){
    #ak-strip .akbg{display:none}
    #ak-strip .akbadge .akdot,#ak-strip .aklive .akdot{animation:none}
    #ak-strip .akcaret::after,#ak-strip .akide-caret{animation:none}
    #ak-strip .akthink i,#ak-strip .akstep.run .akico{animation:none}
  }

  
  .bento-host.tbs-paused, .bento-host.tbs-paused *{ animation-play-state:paused !important; }
  #zk-bridge.tb-off *, #ak-strip.tb-off *{ animation-play-state:paused !important; }
  body.tb-hidden .bento-host *, body.tb-hidden #zk-bridge *, body.tb-hidden #ak-strip *{ animation-play-state:paused !important; }

  
  .zk-sr{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  #zk-bridge .byear{ pointer-events:none; }

  
  @media (prefers-reduced-motion: reduce){
    #zk-bridge *, #zk-bridge *::before, #zk-bridge *::after,
    #kopru-mobil *, #kopru-mobil *::before, #kopru-mobil *::after,
    #ak-strip *, #ak-strip *::before, #ak-strip *::after,
    .bento-host *, .bento-host *::before, .bento-host *::after,
    .tbs-stage *, .tbs-stage *::before, .tbs-stage *::after{
      animation:none !important;
      transition-duration:.001ms !important;
    }
  }
#tbVideoHero{position:relative;padding:88px 16px 22px}
  @media(min-width:640px){#tbVideoHero{padding:96px 24px 26px}}
  @media(min-width:1024px){#tbVideoHero{padding:87px 24px 32px}}

  #tbVideoHero .hero-card{position:relative;width:100%;height:calc(100dvh - 9.5rem);min-height:440px;border-radius:26px;overflow:hidden;background:#000;box-shadow:0 34px 90px -34px rgba(0,0,0,.55)}
  @media(min-width:1024px){#tbVideoHero .hero-card{height:calc(100dvh - 8.5rem)}}

  
  #tbVideoHero picture{display:contents}  
  #tbVideoHero .hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
  #tbVideoHero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .7s ease}
  #tbVideoHero video.is-playing{opacity:1}
  #tbVideoHero .content{will-change:transform,opacity}
  #tbVideoHero .ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,4,10,.76) 0%,rgba(6,4,10,.32) 30%,transparent 58%)}

  #tbVideoHero .content{position:absolute;left:0;bottom:0;z-index:10;max-width:640px;padding:30px}
  @media(min-width:640px){#tbVideoHero .content{padding:44px}}
  @media(min-width:1024px){#tbVideoHero .content{padding:56px}}

  #tbVideoHero h1,#tbVideoHero .hv-title{font-family:'Ubuntu','Ubuntu Yedek',system-ui,sans-serif;letter-spacing:-.015em;color:#fff;font-weight:800;line-height:1.12;font-size:clamp(2.2rem,5.2vw,3.75rem);margin:0}
  #tbVideoHero .gtext{background:linear-gradient(92deg,#f6c89a 0%,#f3a96b 28%,#e07cba 62%,#f6c89a 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:tbvflow 7s linear infinite}
  @keyframes tbvflow{0%{background-position:0% 50%}100%{background-position:300% 50%}}
  #tbVideoHero p.sub{display:block;color:rgba(255,255,255,.82);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.65;margin:18px 0 0;padding:0;max-width:32rem}
  
  #tbVideoHero .c-cta{display:inline-flex;align-items:center;gap:12px;margin-top:26px;padding:15px 28px;border-radius:999px;font-weight:600;color:#fff;text-decoration:none;background:linear-gradient(to right,#f3a96b,#b8478f);box-shadow:0 12px 32px -8px rgba(184,71,143,.45);transition:box-shadow .3s,transform .2s}
  #tbVideoHero .c-cta:hover{box-shadow:0 16px 44px -8px rgba(184,71,143,.6)}

  #tbVideoHero .fade-up{opacity:0;transform:translateY(20px);animation:tbvfu 1s cubic-bezier(.16,1,.3,1) forwards}
  @keyframes tbvfu{to{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){#tbVideoHero .fade-up{animation:none;opacity:1;transform:none}}

  
  #tbVideoHero .hv-eyebrow{display:inline-flex;align-items:center;gap:.5em;font-size:.76rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.88);margin-bottom:14px}
  #tbVideoHero .hv-since{color:#f6b9d8}
  
  @media(max-width:640px){
    #tbVideoHero .hv-eyebrow{display:block;font-size:.6rem;letter-spacing:.04em;line-height:1.55;margin-bottom:12px}
    #tbVideoHero .hv-since{white-space:nowrap}
  }
  
  #tbVideoHero .content-m{display:none}
#tbVideoHero{position:sticky;top:0;z-index:0}
  #tbVideoHero video{will-change:transform}
  #tbVideoHero .content{will-change:transform}  
  
  #tbVideoHero .content .fade-up{animation:none!important;opacity:1;transform:none}
  #tbVideoHero .content .hv-eyebrow,#tbVideoHero .content p.sub{will-change:opacity}
  #tbVideoHero .content h1{will-change:transform,opacity}

  
  @media(max-width:640px){
    #tbVideoHero{position:relative!important;top:auto!important}          
    #tbVideoHero .content{display:none}                                  
    #tbVideoHero .ov{display:none}                                       
    #tbVideoHero .hero-card{height:auto;min-height:0;aspect-ratio:4/5;clip-path:none!important;-webkit-clip-path:none!important}
    #tbVideoHero .hero-card video{transform:none!important}
    #tbVideoHero .content-m{display:block;max-width:640px;margin:0 auto;padding:22px 2px 2px;text-align:left}
    #tbVideoHero .content-m .hv-eyebrow{display:block;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);margin-bottom:10px}
    #tbVideoHero .content-m .hv-since{color:#cf5aa0;white-space:nowrap}
    html:not(.dark) #tbVideoHero .content-m .hv-since{color:#9e1972}
    #tbVideoHero .content-m h1{font-family:'Ubuntu','Ubuntu Yedek',system-ui,sans-serif;font-weight:800;letter-spacing:-.015em;line-height:1.14;font-size:clamp(2rem,8.5vw,2.7rem);color:var(--text);margin:0}
    #tbVideoHero .content-m h1 .gtext{background:linear-gradient(92deg,#f6c89a,#f3a96b 28%,#e07cba 62%,#f6c89a);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
    html:not(.dark) #tbVideoHero .content-m h1 .gtext{background:linear-gradient(92deg,#b8478f,#8e2a6f 30%,#e07cba 62%,#b8478f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
    /* dar ekran kopyası h1 değil div.hv-title: genel kural onu beyaz yapıyordu; açık modda metin rengi ve açık degrade */
    html:not(.dark) #tbVideoHero .content-m .hv-title{color:var(--text)}
    html:not(.dark) #tbVideoHero .content-m .hv-title .gtext{background:linear-gradient(92deg,#b8478f,#8e2a6f 30%,#e07cba 62%,#b8478f);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
    #tbVideoHero .content-m .sub{color:var(--text-soft);font-size:1rem;line-height:1.6;margin:14px 0 0;padding:0;max-width:34rem}
  }
:root{ --sec-y:clamp(5.25rem,9vh,7rem); }   
  @media(max-width:760px){ :root{ --sec-y:clamp(3rem,6vh,4.2rem); } }   
  #tbKayb{position:relative;z-index:1;padding:var(--sec-y) 24px var(--sec-y);text-align:center}
  #tbKayb .inner{max-width:60rem;margin:0 auto}
  #tbKayb .eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft);margin-bottom:1.1rem}
  #tbKayb h2{font-family:'Ubuntu','Ubuntu Yedek',system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.02;font-size:clamp(2.8rem,8.5vw,6.2rem);color:var(--text);margin:0}
  
  #tbKayb .acc{background:linear-gradient(92deg,#f6c89a 0%,#f3a96b 28%,#e07cba 62%,#f6c89a 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:tbKaybFlow 7s linear infinite}
  html:not(.dark) #tbKayb .acc{background:linear-gradient(92deg,#b8478f 0%,#8e2a6f 30%,#e07cba 62%,#b8478f 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  @keyframes tbKaybFlow{0%{background-position:0 50%}100%{background-position:300% 50%}}
  
  #tbKayb .note{margin:1.7rem auto 0;max-width:44rem;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.7;color:var(--text-soft)}
  #tbKayb .note b{color:var(--text)}
  
  @media(max-width:768px){ #tbKayb{ display:none !important } }
  
  #tbKayb .tbSay{position:relative;display:inline-block;min-width:.66em;height:1.02em;line-height:1.02em;vertical-align:-.14em;text-align:center;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}
  #tbKayb .tbSay .d{position:absolute;left:0;right:0;top:0;will-change:transform,opacity}
  #tbKayb .tbSay .d.acc{color:#e07cba}
  html:not(.dark) #tbKayb .tbSay .d.acc{color:#b8478f}
  #tbKayb .tbSay .d.swap{animation:tbSwap .13s cubic-bezier(.2,.9,.25,1) both}
  @keyframes tbSwap{from{transform:translateY(.3em);opacity:0}to{transform:translateY(0);opacity:1}}
  #tbKayb .tbSay .d.fout{animation:tbFOut .5s ease both}
  #tbKayb .tbSay .d.fin{animation:tbFIn .5s ease both}
  @keyframes tbFOut{from{opacity:1}to{opacity:0}}
  @keyframes tbFIn{from{opacity:0}to{opacity:1}}

  
  
  #tbVid{position:relative;z-index:1;padding:var(--sec-y) 16px var(--sec-y)}
  @media(min-width:640px){#tbVid{padding-left:24px;padding-right:24px}}
  #tbVid .vshell{position:relative;max-width:80rem;width:100%;margin:0 auto;aspect-ratio:21/9;min-height:340px}   
  #tbVid .vcard{position:absolute;inset:0;border-radius:28px;overflow:hidden;background:#0b0710}
  #tbVid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
  
  #tbVid .vov{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,3,8,.9) 0%,rgba(4,3,8,.62) 20%,rgba(4,3,8,.18) 42%,rgba(4,3,8,0) 60%)}
  #tbVid .vmedia{position:absolute;inset:0;overflow:hidden}
  
  #tbVid .vcard{will-change:transform}
  
  #tbVid .vtext{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;padding:clamp(24px,4.5vw,52px)}
  #tbVid .vtext h2{font-family:'Ubuntu','Ubuntu Yedek',system-ui,sans-serif;font-weight:800;letter-spacing:-.015em;line-height:1.1;font-size:clamp(2.1rem,5vw,3.75rem);color:#fff;margin:0;text-shadow:0 2px 30px rgba(0,0,0,.45)}
  
  #tbVid .vtext h2 .gtext{background:linear-gradient(92deg,#f6c89a 0%,#f3a96b 28%,#e07cba 62%,#f6c89a 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:tbvflow 7s linear infinite}
  #tbVid .vsub{display:flex;flex-direction:column;align-items:flex-start;text-align:left;max-width:40rem}
  #tbVid .vtext p{margin:1.1rem 0 0;max-width:26rem;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.65;color:rgba(255,255,255,.82)}
  #tbVid .vtag{position:absolute;left:18px;bottom:13px;z-index:3;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5)}
  
  #tbVid .vshell{width:100%}
  
  @media(max-width:768px){
    #tbVid .vshell{ aspect-ratio:auto; min-height:0; height:auto; }
    #tbVid .vcard{ position:relative; inset:auto; display:flex; flex-direction:column;
      border-radius:22px; background:var(--card,#141019); border:1px solid var(--hairline,rgba(255,255,255,.08)); }
    #tbVid .vmedia{ position:relative; inset:auto; width:100%; aspect-ratio:16/10; overflow:hidden; border-radius:22px 22px 0 0; }
    #tbVid .vov{ background:linear-gradient(to top, rgba(4,3,8,.26), transparent 55%); }
    #tbVid .vtext{ position:relative; inset:auto; padding:1.5rem 1.4rem 1.7rem; background:transparent; align-items:flex-start; }
    #tbVid .vtext h2{ color:var(--text); text-shadow:none; font-size:clamp(1.95rem,7vw,2.5rem); }
    #tbVid .vtext p{ color:var(--text-soft); font-size:1.02rem; max-width:none; }
    html:not(.dark) #tbVid .vtext h2 .gtext{ background-image:linear-gradient(92deg,#b8478f 0%,#8e2a6f 30%,#e07cba 62%,#b8478f 100%); }
    #tbVid .vsub{ max-width:none; }
  }
#h3k{ position:relative; z-index:1; }
    
    #h3k .t-ai,#h3k .t-web,#h3k .t-mobil,#h3k .t-sosyal,#h3k .t-reklam{ --acc:#b8478f }
    html:not(.dark) #h3k .t-ai,html:not(.dark) #h3k .t-web,html:not(.dark) #h3k .t-mobil,html:not(.dark) #h3k .t-sosyal,html:not(.dark) #h3k .t-reklam{ --acc:#8e2a6f }

    
    html:not(.dark) body, html.dark body{ background:var(--bg) !important; }
    body::before, body::after{ display:none !important; }
    #tbKayb, #h3k{ background:var(--bg); }
    #tbVid{ background:var(--bg); }
    
    @media(min-width:861px){ #tbVid{ padding-top:3.5rem !important; padding-bottom:1rem !important; } }      

    
    
    #h3k .h3k-stage{ max-width:80rem;margin:0 auto;padding:3rem 1.5rem 0;
      display:grid;grid-template-columns:minmax(150px,205px) minmax(0,1fr);gap:2rem;align-items:start; }
    
    @media(max-width:860px){ #h3k .h3k-stage{ grid-template-columns:1fr;padding-top:0 } }

    
    #h3k .h3k-menu{ position:sticky;top:var(--h3k-top,18vh);align-self:start;height:var(--h3k-ph,50vh); }
    #h3k .h3k-menu-inner{ position:relative;padding-top:2.2rem; }
    @media(max-width:860px){ #h3k .h3k-menu{ display:none } }
    #h3k .mrow{ position:relative;display:flex;align-items:center;gap:.7rem;min-height:3rem;padding:.25rem 0;white-space:nowrap;cursor:pointer; }
    #h3k .mrow .mi{ flex:none;width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:9px;font-size:.82rem;
      color:var(--acc);background:color-mix(in srgb,var(--acc) 12%,transparent);transition:transform .35s,background .35s;opacity:.7; }
    #h3k .mrow .ttl{ font-weight:700;font-size:1rem;letter-spacing:-.01em;color:var(--text-soft);transition:color .4s,font-size .4s; }
    #h3k .mrow:hover .ttl{ color:var(--text); }
    #h3k .mrow.is-active .mi{ transform:scale(1.16);background:color-mix(in srgb,var(--acc) 28%,transparent);opacity:1; }
    #h3k .mrow.is-active .ttl{ color:var(--text);font-size:1.32rem; }

    
    #h3k .h3k-track{ position:relative; }
    #h3k .h3k-panel{ position:sticky;top:var(--h3k-top);min-height:var(--h3k-ph);overflow:hidden;
      display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:1.5rem; }
    
    @media(max-width:860px){ #h3k .h3k-panel{ position:relative;top:auto;grid-template-columns:1fr;min-height:auto;padding:2.5rem 0 } }
    

    #h3k .p-eyebrow{ display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);margin-bottom:.9rem; }
    #h3k .p-title{ font-family:var(--font-display,inherit);font-size:clamp(1.8rem,4vw,3rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;color:var(--text);margin-bottom:.9rem; }
    #h3k .p-desc{ font-size:clamp(.98rem,1.3vw,1.08rem);line-height:1.6;color:var(--text-soft);max-width:25rem;margin-bottom:1.3rem; }
    #h3k .p-points{ list-style:none;margin:0 0 1.3rem;padding:0;display:flex;flex-direction:column;gap:.65rem;max-width:26rem; }
    #h3k .p-points li{ display:flex;align-items:center;gap:.65rem;font-size:.98rem;color:var(--text-soft); }
    #h3k .p-points li i{ color:var(--acc);font-size:.9rem;flex:none; }
    #h3k .p-chips{ display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem; }
    #h3k .p-chip{ font-size:.78rem;font-weight:600;color:var(--text-soft);padding:.42rem .9rem;border-radius:var(--r-pill,999px);
      background:color-mix(in srgb,var(--acc) 12%,transparent); }
    #h3k .p-cta{ display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:var(--acc);text-decoration:none;transition:gap .25s ease; }
    #h3k .p-cta:hover{ gap:.85rem; }

    
    #h3k .art{ position:relative;align-self:start;width:100%;display:flex;justify-content:center;align-items:flex-start;padding-top:2vh;color:var(--acc); }
    
    #h3k .art-viz{ position:relative;width:min(80%,34vh);aspect-ratio:1;display:grid;place-items:center; }
    #h3k .art-glow{ position:absolute;inset:0;border-radius:50%;
      background:radial-gradient(circle at 50% 50%, color-mix(in srgb,var(--acc) 32%,transparent), transparent 66%);
      filter:blur(4px);animation:h3kGlow 6s ease-in-out infinite; }
    #h3k .art-rings{ position:absolute;inset:0;display:grid;place-items:center; }
    #h3k .art-rings span{ position:absolute;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--acc) 42%,transparent);border-radius:50%; }
    #h3k .art-rings span:nth-child(1){ width:42%;animation:h3kSpin 20s linear infinite; }
    #h3k .art-rings span:nth-child(2){ width:66%;border-style:dashed;opacity:.55;animation:h3kSpin 34s linear infinite reverse; }
    #h3k .art-rings span:nth-child(3){ width:92%;opacity:.26;animation:h3kSpin 52s linear infinite; }
    #h3k .art-orbit{ position:absolute;width:66%;aspect-ratio:1;animation:h3kSpin 15s linear infinite; }
    #h3k .art-orbit i{ position:absolute;width:9px;height:9px;border-radius:50%;background:var(--acc);
      box-shadow:0 0 14px 2px color-mix(in srgb,var(--acc) 55%,transparent); }
    #h3k .art-orbit i:nth-child(1){ top:-4px;left:calc(50% - 4px); }
    #h3k .art-orbit i:nth-child(2){ bottom:8%;right:6%;width:7px;height:7px; }
    #h3k .art-orbit i:nth-child(3){ top:22%;left:4%;width:6px;height:6px;opacity:.8; }
    #h3k .art-core{ position:relative;z-index:2;font-size:clamp(3rem,5.5vw,4.6rem);color:var(--acc);
      filter:drop-shadow(0 8px 24px color-mix(in srgb,var(--acc) 40%,transparent));animation:h3kFloat 5.5s ease-in-out infinite; }
    @keyframes h3kSpin{ to{ transform:rotate(360deg) } }
    @keyframes h3kGlow{ 0%,100%{ opacity:.7;transform:scale(1) } 50%{ opacity:1;transform:scale(1.04) } }
    @keyframes h3kFloat{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-7px) } }
    @media(prefers-reduced-motion:reduce){ #h3k .art-glow,#h3k .art-rings span,#h3k .art-orbit,#h3k .art-core{ animation:none } }
    
    html:not(.dark) #h3k .art-rings span{ border-color:color-mix(in srgb,var(--acc) 60%,transparent); }
    html:not(.dark) #h3k .art-rings span:nth-child(2){ opacity:.72; }
    html:not(.dark) #h3k .art-rings span:nth-child(3){ opacity:.42; }
    html:not(.dark) #h3k .art-glow{ background:radial-gradient(circle at 50% 50%, color-mix(in srgb,var(--acc) 15%,transparent), transparent 70%); }
    html:not(.dark) #h3k .art-orbit i{ box-shadow:0 0 8px 1px color-mix(in srgb,var(--acc) 40%,transparent); }
    html:not(.dark) #h3k .art-core{ filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--acc) 22%,transparent)); }
    @media(max-width:860px){ #h3k .art{ min-height:34vh } }

    
    #h3k .art.has-scene{ padding:0 !important;display:block;align-items:stretch; }
    #h3k .h3k-scene{ display:block;width:100%;height:min(46vh,430px); }
    @media(max-width:860px){ #h3k .h3k-scene{ height:min(58vh,440px) } }

    
    @media(min-width:861px){ #h3kMob{ display:none !important } }
    @media(max-width:860px){ #h3k .h3k-stage{ display:none !important } #h3kMob{ display:block } }
    #h3kMob{ max-width:80rem;margin:0 auto;padding:2.2rem 1.25rem var(--sec-y);--acc:#b8478f; }  
    html:not(.dark) #h3kMob{ --acc:#8e2a6f; }
    
    #h3kMob .h3ms{ position:relative;height:326px;overflow:visible;display:grid;place-items:center;background:transparent;margin-bottom:6px }
    #h3kMob .dev{ position:relative;border:3px solid rgba(184,71,143,.6);border-radius:28px;background:#0b0b14;overflow:hidden;box-shadow:0 16px 40px -18px rgba(0,0,0,.7);width:206px;height:308px;animation:h3kmMorph 20s cubic-bezier(.66,0,.34,1) infinite, h3kmBord 20s ease-in-out infinite }
    @keyframes h3kmMorph{0%{width:206px;height:308px;border-radius:28px}5%{width:342px;height:264px;border-radius:18px}64%{width:342px;height:264px;border-radius:18px}69%{width:210px;height:312px;border-radius:28px}80%{width:210px;height:312px;border-radius:28px}85%{width:342px;height:258px;border-radius:18px}97%{width:342px;height:258px;border-radius:18px}100%{width:206px;height:308px;border-radius:28px}}
    @keyframes h3kmBord{0%,13%{border-color:rgba(184,71,143,.62)}19%,32%{border-color:rgba(124,92,255,.65)}36%,49%{border-color:rgba(77,155,216,.62)}53%,64%{border-color:rgba(43,189,132,.62)}68%,80%{border-color:rgba(95,184,126,.62)}84%,96%{border-color:rgba(224,165,63,.62)}100%{border-color:rgba(184,71,143,.62)}}
    #h3kMob .dev .cam{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.2);z-index:9}
    #h3kMob .scr{position:absolute;inset:9px;border-radius:11px;overflow:hidden;background:#0c0c15}
    #h3kMob .sc{position:absolute;inset:0;opacity:0;display:flex;flex-direction:column}
    #h3kMob .sc-chat{animation:h3kmChat 20s ease-in-out infinite}#h3kMob .sc-code{animation:h3kmCode 20s ease-in-out infinite}#h3kMob .sc-web{animation:h3kmWeb 20s ease-in-out infinite}#h3kMob .sc-cart{animation:h3kmCart 20s ease-in-out infinite}#h3kMob .sc-app{animation:h3kmApp 20s ease-in-out infinite}#h3kMob .sc-ana{animation:h3kmAna 20s ease-in-out infinite}
    @keyframes h3kmChat{0%,15%{opacity:1}19%{opacity:0}96%{opacity:0}100%{opacity:1}}
    @keyframes h3kmCode{0%,15%{opacity:0}19%,32%{opacity:1}36%{opacity:0}100%{opacity:0}}
    @keyframes h3kmWeb{0%,32%{opacity:0}36%,49%{opacity:1}53%{opacity:0}100%{opacity:0}}
    @keyframes h3kmCart{0%,49%{opacity:0}53%,64%{opacity:1}68%{opacity:0}100%{opacity:0}}
    @keyframes h3kmApp{0%,64%{opacity:0}68%,80%{opacity:1}84%{opacity:0}100%{opacity:0}}
    @keyframes h3kmAna{0%,80%{opacity:0}84%,97%{opacity:1}100%{opacity:0}}
    
    #h3kMob .chdr{display:flex;align-items:center;gap:9px;padding:11px 13px;background:linear-gradient(90deg,rgba(184,71,143,.26),rgba(184,71,143,.07));border-bottom:1px solid rgba(240,171,252,.13)}
    #h3kMob .cav{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 40% 34%,#fff,#b8478f);display:grid;place-items:center;color:#3a0f2b;font-size:13px;flex:none}
    #h3kMob .cn{font-size:12.5px;font-weight:800;color:#fff;line-height:1.25}#h3kMob .co{font-size:9px;color:#7ee0a6;margin-top:1px}
    #h3kMob .cbody{flex:1;display:flex;flex-direction:column;gap:9px;padding:14px;justify-content:flex-end}
    #h3kMob .bub{border-radius:15px;padding:9px 13px;font-size:12.5px;color:#fff;max-width:82%;line-height:1.4}
    #h3kMob .bub.u{align-self:flex-end;background:linear-gradient(135deg,#b8478f,#8e2a6f);border-bottom-right-radius:5px}
    #h3kMob .bub.b{align-self:flex-start;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);border-bottom-left-radius:5px}
    #h3kMob .typ{align-self:flex-start;display:inline-flex;gap:5px;padding:10px 14px;border-radius:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09)}
    #h3kMob .typ i{width:6px;height:6px;border-radius:50%;background:#f0abfc;animation:h3kmTdot 1.1s infinite}#h3kMob .typ i:nth-child(2){animation-delay:.16s}#h3kMob .typ i:nth-child(3){animation-delay:.32s}
    @keyframes h3kmTdot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
    
    #h3kMob .sc-code{background:#0d0d13}
    #h3kMob .ctab{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:11px;font-weight:700;color:#cdd3de;background:#17171f;border-bottom:1px solid rgba(255,255,255,.06)}
    #h3kMob .ctab i{color:#61dafb;font-size:13px}
    #h3kMob .ceditor{flex:1;padding:11px 12px 11px 6px;font:500 10px/1.62 ui-monospace,"SF Mono",Menlo,Consolas,monospace;overflow:hidden}
    #h3kMob .clines{counter-reset:ln;animation:h3kmReveal 20s ease-in-out infinite}
    #h3kMob .cl{counter-increment:ln;position:relative;padding-left:24px;white-space:pre;color:#d4d4d4;min-height:1.62em}
    #h3kMob .cl::before{content:counter(ln);position:absolute;left:0;width:16px;text-align:right;color:#4a4a5a;font-size:9px}
    #h3kMob .kw{color:#569cd6}#h3kMob .vr{color:#9cdcfe}#h3kMob .st{color:#ce9178}#h3kMob .fn{color:#4ec9b0}#h3kMob .tg{color:#4ec9b0}#h3kMob .at{color:#9cdcfe}#h3kMob .pn{color:#818890}
    #h3kMob .ccur{display:inline-block;width:6px;height:1em;vertical-align:-2px;background:#e0a53f;animation:h3kmBlink 1s steps(1,end) infinite}
    @keyframes h3kmBlink{50%{opacity:0}}
    @keyframes h3kmReveal{0%,19%{clip-path:inset(0 0 100% 0)}30%,96%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 100% 0)}}
    
    #h3kMob .sc-web{gap:12px;padding:16px 16px 18px;justify-content:flex-start}
    #h3kMob .we{opacity:0;animation:20s ease-in-out infinite}
    #h3kMob .wnav{display:flex;align-items:center;gap:8px;animation-name:h3kmWe1}
    #h3kMob .wnav .wl{width:32px;height:11px;border-radius:5px;background:linear-gradient(90deg,#4d9bd8,#2f7bb8)}
    #h3kMob .wnav .wm{flex:1;display:flex;gap:10px;justify-content:flex-end}#h3kMob .wnav .wm span{width:20px;height:6px;border-radius:3px;background:rgba(255,255,255,.22)}
    #h3kMob .wnav .wb{width:42px;height:17px;border-radius:7px;background:#4d9bd8}
    #h3kMob .whero{display:flex;gap:13px;align-items:center;margin-top:2px}
    #h3kMob .whero .wt{flex:1;display:flex;flex-direction:column;gap:7px;animation:h3kmWe2 20s ease-in-out infinite;opacity:0}
    #h3kMob .whero .wt .h1{height:14px;width:90%;border-radius:6px;background:#e8eef5}#h3kMob .whero .wt .h2{height:8px;width:72%;border-radius:4px;background:rgba(255,255,255,.34)}#h3kMob .whero .wt .h3{height:8px;width:82%;border-radius:4px;background:rgba(255,255,255,.2)}
    #h3kMob .whero .wt .hc{margin-top:5px;height:20px;width:56%;border-radius:8px;background:linear-gradient(90deg,#4d9bd8,#5fb87e)}
    #h3kMob .whero .wi{width:104px;height:92px;border-radius:13px;background:linear-gradient(140deg,#4d9bd8,#8e5ad8 92%);display:grid;place-items:center;color:#fff;font-size:30px;animation:h3kmWe3 20s ease-in-out infinite;opacity:0;flex:none}
    #h3kMob .wcards{display:flex;gap:10px;margin-top:2px}
    #h3kMob .wcards .wc{flex:1;height:56px;border-radius:12px;background:rgba(77,155,216,.12);border:1px solid rgba(77,155,216,.24);display:grid;place-items:center;color:#7fc0ea;font-size:20px;opacity:0;animation:20s ease-in-out infinite}
    #h3kMob .wcards .wc:nth-child(1){animation-name:h3kmWe4}#h3kMob .wcards .wc:nth-child(2){animation-name:h3kmWe5}#h3kMob .wcards .wc:nth-child(3){animation-name:h3kmWe6}
    @keyframes h3kmWe1{0%,36%{opacity:0;transform:translateY(-8px)}39%,49%{opacity:1;transform:none}53%{opacity:0}100%{opacity:0}}
    @keyframes h3kmWe2{0%,37%{opacity:0;transform:translateX(-9px)}40%,49%{opacity:1;transform:none}53%{opacity:0}100%{opacity:0}}
    @keyframes h3kmWe3{0%,38%{opacity:0;transform:scale(.9) translateX(9px)}41%,49%{opacity:1;transform:none}53%{opacity:0}100%{opacity:0}}
    @keyframes h3kmWe4{0%,41%{opacity:0;transform:translateY(10px)}44%,49%{opacity:1;transform:none}53%{opacity:0}100%{opacity:0}}
    @keyframes h3kmWe5{0%,43%{opacity:0;transform:translateY(10px)}46%,49%{opacity:1;transform:none}53%{opacity:0}100%{opacity:0}}
    @keyframes h3kmWe6{0%,45%{opacity:0;transform:translateY(10px)}48%,49%{opacity:1;transform:none}53%{opacity:0}100%{opacity:0}}
    
    #h3kMob .shead{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border-bottom:1px solid rgba(43,189,132,.16)}
    #h3kMob .sh-t{width:64px;height:9px;border-radius:5px;background:rgba(255,255,255,.28)}
    #h3kMob .scart{position:relative;color:#2bbd84;font-size:19px}
    #h3kMob .scart .bdg{position:absolute;top:-7px;right:-10px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#2bbd84;color:#04140c;font-size:10px;font-weight:900;display:grid;place-items:center;transform:scale(0);animation:h3kmBadge 20s ease-in-out infinite}
    @keyframes h3kmBadge{0%,60%{transform:scale(0)}63%{transform:scale(1.4)}66%{transform:scale(1)}68%{transform:scale(1)}100%{transform:scale(0)}}
    #h3kMob .sbody{flex:1;padding:16px 15px 18px;display:flex;flex-direction:column;gap:14px}
    #h3kMob .pcard{display:flex;gap:14px;align-items:center}
    #h3kMob .pimg{width:74px;height:74px;border-radius:14px;background:linear-gradient(140deg,#2bbd84,#178a5f);display:grid;place-items:center;color:#eafff5;font-size:28px;flex:none}
    #h3kMob .pn{height:9px;width:118px;border-radius:5px;background:rgba(255,255,255,.5)}
    #h3kMob .pr{color:#e0a53f;font-size:11px;letter-spacing:2px;margin-top:8px}
    #h3kMob .pp{font-family:'Ubuntu','Ubuntu Yedek',sans-serif;font-size:20px;font-weight:900;color:#2bbd84;margin-top:6px}
    #h3kMob .addb{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:800;color:#04140c;background:linear-gradient(90deg,#2bbd84,#1fa876);border-radius:12px;padding:12px;animation:h3kmBtn 20s ease-in-out infinite}
    @keyframes h3kmBtn{0%,56%{transform:scale(1);filter:brightness(1)}58%{transform:scale(.96);filter:brightness(1.15)}60%,68%{transform:scale(1)}100%{transform:scale(1)}}
    #h3kMob .cfly{position:absolute;left:48px;top:96px;width:24px;height:24px;border-radius:50%;background:#2bbd84;color:#04140c;display:grid;place-items:center;font-size:12px;opacity:0;z-index:5;animation:h3kmFly 20s ease-in-out infinite}
    @keyframes h3kmFly{0%,57%{opacity:0;transform:translate(0,0) scale(.5)}60%{opacity:1;transform:translate(0,0) scale(1)}64%{opacity:1;transform:translate(216px,-74px) scale(.4)}66%,100%{opacity:0}}
    #h3kMob .ctoast{position:absolute;left:50%;top:50px;transform:translateX(-50%) translateY(-10px);white-space:nowrap;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#fff;background:rgba(43,189,132,.96);border-radius:999px;padding:6px 14px;opacity:0;z-index:6;box-shadow:0 12px 26px -8px rgba(43,189,132,.7);animation:h3kmToast 20s ease-in-out infinite}
    @keyframes h3kmToast{0%,63%{opacity:0;transform:translateX(-50%) translateY(-10px)}66%,67%{opacity:1;transform:translateX(-50%) translateY(0)}69%{opacity:0}100%{opacity:0}}
    
    #h3kMob .ahdr{display:flex;align-items:center;justify-content:space-between;padding:12px 15px}
    #h3kMob .ahdr .at{width:78px;height:12px;border-radius:6px;background:rgba(255,255,255,.55)}
    #h3kMob .ahdr i{color:#5fb87e;font-size:15px}
    #h3kMob .abody{flex:1;padding:0 15px;display:flex;flex-direction:column;gap:11px;overflow:hidden}
    #h3kMob .afeat{height:56px;border-radius:13px;background:linear-gradient(120deg,#5fb87e,#2f8a57);display:flex;align-items:center;padding:0 14px;gap:12px;color:#eafff2;opacity:0;animation:h3kmAIn 20s ease-in-out infinite}
    #h3kMob .afeat i{font-size:20px}#h3kMob .afeat .afl{height:8px;width:88px;border-radius:4px;background:rgba(255,255,255,.5)}
    #h3kMob .arow{display:flex;align-items:center;gap:12px;opacity:0;animation:20s ease-in-out infinite}
    #h3kMob .arow .aav{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#5fb87e,#3c7a52);flex:none;display:grid;place-items:center;color:#eafff2;font-size:14px}
    #h3kMob .arow .aln{flex:1;display:flex;flex-direction:column;gap:6px}#h3kMob .arow .aln b{height:7px;border-radius:4px;background:rgba(255,255,255,.34)}#h3kMob .arow .aln b:nth-child(2){width:58%;background:rgba(255,255,255,.18)}
    #h3kMob .arow:nth-of-type(1){animation-name:h3kmAR1}#h3kMob .arow:nth-of-type(2){animation-name:h3kmAR2}#h3kMob .arow:nth-of-type(3){animation-name:h3kmAR3}
    @keyframes h3kmAIn{0%,68%{opacity:0;transform:translateY(9px)}72%,80%{opacity:1;transform:none}82%{opacity:0}100%{opacity:0}}
    @keyframes h3kmAR1{0%,71%{opacity:0;transform:translateY(9px)}74%,80%{opacity:1;transform:none}82%{opacity:0}100%{opacity:0}}
    @keyframes h3kmAR2{0%,73%{opacity:0;transform:translateY(9px)}76%,80%{opacity:1;transform:none}82%{opacity:0}100%{opacity:0}}
    @keyframes h3kmAR3{0%,75%{opacity:0;transform:translateY(9px)}78%,80%{opacity:1;transform:none}82%{opacity:0}100%{opacity:0}}
    #h3kMob .atab{margin-top:auto;display:flex;justify-content:space-around;padding:11px 0 5px;border-top:1px solid rgba(255,255,255,.08)}
    #h3kMob .atab i{font-size:15px;color:rgba(255,255,255,.28)}#h3kMob .atab i.on{color:#5fb87e}
    
    #h3kMob .sc-ana{gap:12px;padding:16px;justify-content:center}
    #h3kMob .akpis{display:flex;gap:16px;justify-content:center}
    #h3kMob .akpi{text-align:center}#h3kMob .akpi b{font-family:'Ubuntu','Ubuntu Yedek',sans-serif;font-size:19px;font-weight:900;color:#e0a53f;display:block;line-height:1}
    #h3kMob .akpi.up b{color:#5fb87e}#h3kMob .akpi i{font-style:normal;font-size:8.5px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.07em;margin-top:2px;display:block}
    #h3kMob .sc-ana svg{width:100%;height:66px;display:block}
    #h3kMob .aarea{fill:url(#h3km_agr);opacity:0;animation:h3kmArea 20s ease-in-out infinite}
    #h3kMob .aline{fill:none;stroke:#e0a53f;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:250;stroke-dashoffset:250;animation:h3kmLine 20s ease-in-out infinite}
    @keyframes h3kmLine{0%,84%{stroke-dashoffset:250}94%,97%{stroke-dashoffset:0}100%{stroke-dashoffset:250}}
    @keyframes h3kmArea{0%,90%{opacity:0}95%,97%{opacity:.9}100%{opacity:0}}
    #h3kMob .adot{fill:#fff;stroke:#e0a53f;stroke-width:2;opacity:0;animation:h3kmDot 20s ease-in-out infinite}
    @keyframes h3kmDot{0%,93%{opacity:0}96%,97%{opacity:1}100%{opacity:0}}
    #h3kMob .abars{display:flex;gap:9px;align-items:flex-end;height:34px;justify-content:center}
    #h3kMob .abars span{width:17px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#e0a53f,#a9752a);transform:scaleY(0);transform-origin:bottom;animation:20s ease-in-out infinite}
    #h3kMob .abars span:nth-child(1){height:50%;animation-name:h3kmB1}#h3kMob .abars span:nth-child(2){height:78%;animation-name:h3kmB2}#h3kMob .abars span:nth-child(3){height:62%;animation-name:h3kmB3}#h3kMob .abars span:nth-child(4){height:100%;animation-name:h3kmB4}#h3kMob .abars span:nth-child(5){height:84%;animation-name:h3kmB5}
    @keyframes h3kmB1{0%,85%{transform:scaleY(0)}91%,97%{transform:scaleY(1)}100%{transform:scaleY(0)}}
    @keyframes h3kmB2{0%,86%{transform:scaleY(0)}92%,97%{transform:scaleY(1)}100%{transform:scaleY(0)}}
    @keyframes h3kmB3{0%,87%{transform:scaleY(0)}93%,97%{transform:scaleY(1)}100%{transform:scaleY(0)}}
    @keyframes h3kmB4{0%,88%{transform:scaleY(0)}94%,97%{transform:scaleY(1)}100%{transform:scaleY(0)}}
    @keyframes h3kmB5{0%,89%{transform:scaleY(0)}95%,97%{transform:scaleY(1)}100%{transform:scaleY(0)}}

    
    
    html:not(.dark) #h3kMob .dev{ background:#f4f1f8; box-shadow:0 16px 40px -18px rgba(70,35,80,.30); }
    html:not(.dark) #h3kMob .scr{ background:#ffffff; }
    html:not(.dark) #h3kMob .dev .cam{ background:rgba(0,0,0,.16); }
    
    html:not(.dark) #h3kMob .chdr{ background:linear-gradient(90deg,rgba(142,42,111,.13),rgba(142,42,111,.035)); border-bottom-color:rgba(142,42,111,.16); }
    html:not(.dark) #h3kMob .cn{ color:#1a1420; }
    html:not(.dark) #h3kMob .co{ color:#177a48; }
    html:not(.dark) #h3kMob .bub.b{ background:rgba(0,0,0,.05); border-color:rgba(0,0,0,.08); color:#1a1420; }
    html:not(.dark) #h3kMob .typ{ background:rgba(0,0,0,.05); border-color:rgba(0,0,0,.08); }
    html:not(.dark) #h3kMob .typ i{ background:#b8478f; }
    
    html:not(.dark) #h3kMob .sc-code{ background:#fbfbfd; }
    html:not(.dark) #h3kMob .ctab{ color:#3a3a48; background:#eeecf3; border-bottom-color:rgba(0,0,0,.06); }
    html:not(.dark) #h3kMob .ctab i{ color:#0a9dd4; }
    html:not(.dark) #h3kMob .cl{ color:#2b2b3a; }
    html:not(.dark) #h3kMob .cl::before{ color:#b7b5c3; }
    html:not(.dark) #h3kMob .kw{ color:#8e2a6f; }
    html:not(.dark) #h3kMob .vr{ color:#0a6ec0; }
    html:not(.dark) #h3kMob .st{ color:#a3272c; }
    html:not(.dark) #h3kMob .fn, html:not(.dark) #h3kMob .tg{ color:#0f7d6b; }
    html:not(.dark) #h3kMob .at{ color:#0a6ec0; }
    html:not(.dark) #h3kMob .pn{ color:#7a7f88; }
    
    html:not(.dark) #h3kMob .wnav .wm span{ background:rgba(0,0,0,.14); }
    html:not(.dark) #h3kMob .whero .wt .h1{ background:#cbd4e0; }
    html:not(.dark) #h3kMob .whero .wt .h2{ background:rgba(0,0,0,.16); }
    html:not(.dark) #h3kMob .whero .wt .h3{ background:rgba(0,0,0,.1); }
    html:not(.dark) #h3kMob .wcards .wc{ background:rgba(77,155,216,.10); border-color:rgba(77,155,216,.28); color:#3f7fb0; }
    
    html:not(.dark) #h3kMob .sh-t{ background:rgba(0,0,0,.16); }
    html:not(.dark) #h3kMob .pn{ background:rgba(0,0,0,.20); }
    
    html:not(.dark) #h3kMob .ahdr .at{ background:rgba(0,0,0,.20); }
    html:not(.dark) #h3kMob .arow .aln b{ background:rgba(0,0,0,.16); }
    html:not(.dark) #h3kMob .arow .aln b:nth-child(2){ background:rgba(0,0,0,.09); }
    html:not(.dark) #h3kMob .atab{ border-top-color:rgba(0,0,0,.08); }
    html:not(.dark) #h3kMob .atab i{ color:rgba(0,0,0,.3); }
    
    html:not(.dark) #h3kMob .akpi i{ color:rgba(0,0,0,.5); }

    
    #h3kMob .h3mcards{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;overscroll-behavior-x:contain;padding:4px 16% 4px 2px;scrollbar-width:none}   
    #h3kMob .h3mcards::-webkit-scrollbar{display:none}
    #h3kMob .h3mc{position:relative;overflow:hidden;flex:0 0 80%;min-height:328px;display:flex;flex-direction:column;border-radius:20px;padding:22px 20px;border:1px solid color-mix(in srgb,var(--acc) 18%,transparent);background:radial-gradient(130% 92% at 88% 96%,color-mix(in srgb,var(--acc) 20%,transparent),transparent 56%),linear-gradient(165deg,rgba(255,255,255,.05),rgba(255,255,255,.012))}
    html:not(.dark) #h3kMob .h3mc{background:radial-gradient(130% 92% at 88% 96%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 56%),linear-gradient(165deg,rgba(0,0,0,.03),rgba(0,0,0,.006))}
    #h3kMob .h3mc-wm{position:absolute;right:-16px;bottom:-20px;font-size:150px;line-height:1;color:var(--acc);opacity:.14;transform:rotate(-10deg);pointer-events:none;z-index:0}
    #h3kMob .h3mc-ey{position:relative;z-index:1;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:13px}
    #h3kMob .h3mc-ey::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--acc);flex:none}
    #h3kMob .h3mc h3{position:relative;z-index:1;margin:0 0 15px;font-family:'Ubuntu','Ubuntu Yedek',sans-serif;font-size:25px;font-weight:800;line-height:1.06;letter-spacing:-.02em;color:var(--text)}
    #h3kMob .h3mc ul{position:relative;z-index:1;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;max-width:90%}
    #h3kMob .h3mc li{display:flex;gap:8px;font-size:13.5px;color:var(--text-soft);line-height:1.38}
    #h3kMob .h3mc li i{color:var(--acc);font-size:11px;margin-top:3px;flex:none}
    #h3kMob .h3mc .h3mc-cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;font-size:15px;font-weight:800;color:var(--acc)}
    #h3kMob .h3mc .h3mc-cta i{font-size:12px}
    @media(prefers-reduced-motion:reduce){#h3kMob .dev,#h3kMob .sc,#h3kMob .sc *{animation:none!important}#h3kMob .sc-chat{opacity:1}}

    
    @media(min-width:861px){
      #h3k{
        --h3k-nav:66px;                                               
        --h3k-top:calc(var(--h3k-nav) + clamp(1.5rem,2.6vw,2.4rem));  
        --h3k-step:22px;                                              
        --h3k-olcek:.14;                                              
        --h3k-ara:48px;                                               
        --h3k-rad:24px;                                               
        --h3k-px:1.4rem;                                              
        --h3k-pt:3.7rem; --h3k-pb:2.6rem;
        
        --h3k-cizgi:var(--divider);
        
        --h3k-cizgi-acc:color-mix(in srgb, var(--magenta-soft) 55%, transparent);
      }
      }

      
      #h3k .h3k-menu{ display:none !important; }
      #h3k .h3k-stage{ grid-template-columns:minmax(0,1fr); }

      #h3k .h3k-panel{
        
        top:calc(var(--h3k-top) + var(--i,0) * var(--h3k-step));
        
        margin:0 calc(var(--h3k-px) * -1) calc(var(--h3k-ara) + var(--rev,0) * var(--h3k-step));
        padding:var(--h3k-pt) var(--h3k-px) var(--h3k-pb);
        min-height:var(--h3k-kart-h, var(--h3k-ph));
        border-radius:var(--h3k-rad);
        border:0;                      
        box-shadow:none;               
        background:var(--bg);          
        transform:scale(var(--s,1));
        transform-origin:50% 0%;
        will-change:transform;
      }

      
      #h3k .p-content, #h3k .art{ position:relative; z-index:7; opacity:var(--ic,1); }
      #h3k .p-content{ padding-right:1.8rem; }

      
      
      #h3k[data-cer="a"] .h3k-panel{ border:1px solid var(--h3k-cizgi); }
      
      #h3k[data-cer="b"] .h3k-panel{ border-top:1px solid var(--h3k-cizgi-acc); }
      
      #h3k[data-cer="c"] .h3k-panel::before{
        content:'';position:absolute;inset:0;z-index:8;pointer-events:none;
        background:
          linear-gradient(var(--h3k-cizgi),var(--h3k-cizgi)) left 0 top 0/26px 1px no-repeat,
          linear-gradient(var(--h3k-cizgi),var(--h3k-cizgi)) left 0 top 0/1px 26px no-repeat,
          linear-gradient(var(--h3k-cizgi),var(--h3k-cizgi)) right 0 top 0/26px 1px no-repeat,
          linear-gradient(var(--h3k-cizgi),var(--h3k-cizgi)) right 0 top 0/1px 26px no-repeat,
          linear-gradient(var(--h3k-cizgi),var(--h3k-cizgi)) left 0 bottom 0/26px 1px no-repeat,
          linear-gradient(var(--h3k-cizgi),var(--h3k-cizgi)) left 0 bottom 0/1px 26px no-repeat,
          linear-gradient(var(--h3k-cizgi),var(--h3k-cizgi)) right 0 bottom 0/26px 1px no-repeat,
          linear-gradient(var(--h3k-cizgi),var(--h3k-cizgi)) right 0 bottom 0/1px 26px no-repeat;
      }
      
      #h3k[data-cer="d"] .h3k-panel{ border:1px solid color-mix(in srgb, var(--h3k-cizgi) 50%, transparent); }

      
      #h3k[data-cer="e"] .h3k-panel{
        border-radius:16px;
        border:1px solid rgba(255,255,255,.55);
        background:rgba(255,255,255,.30);
        box-shadow:0 8px 30px rgba(0,0,0,.10),
                   inset 0 1px 0 rgba(255,255,255,.65),
                   inset 0 -1px 0 rgba(255,255,255,.18);
        -webkit-backdrop-filter:blur(22px) saturate(185%);
                backdrop-filter:blur(22px) saturate(185%);
      }
      
      html.dark #h3k[data-cer="e"] .h3k-panel{
        border-color:rgba(255,255,255,.14);
        background:var(--bg);
        -webkit-backdrop-filter:none; backdrop-filter:none;
        box-shadow:0 8px 30px rgba(0,0,0,.35),
                   inset 0 1px 0 rgba(255,255,255,.12),
                   inset 0 -1px 0 rgba(255,255,255,.04);
      }
      #h3k[data-cer="e"] .h3k-panel::before{
        content:'';position:absolute;left:14%;right:14%;bottom:-1px;height:1px;z-index:8;pointer-events:none;
        background:var(--hairline-grad);opacity:.35;
      }

      
      #h3k[data-cer="f"] .h3k-panel{ border:1px solid var(--h3k-cizgi); }
      #h3k[data-cer="f"] .h3k-panel::before{
        content:'';position:absolute;inset:8px;z-index:8;pointer-events:none;
        border:1px solid color-mix(in srgb, var(--h3k-cizgi) 55%, transparent);
        border-radius:calc(var(--h3k-rad) - 8px);
      }

      
      #h3k[data-cer="g"] .h3k-panel{
        border:1px solid var(--h3k-cizgi);
        border-top:2px solid var(--h3k-cizgi-acc);
      }

      
      
      #h3k .art{ min-height:min(46vh,430px); padding:1.4rem 0; }
      #h3k .art.has-scene{ background:transparent !important; border:0; box-shadow:none; border-radius:0; }

      @media(prefers-reduced-motion:reduce){
        #h3k .h3k-panel{ transform:none }
        #h3k .h3k-menu-inner{ transition:none }
      }
    
#tbFark{ position:relative; z-index:1; background:var(--bg);
      height:calc(var(--fark-n) * 30vh + 22vh);   
      overflow-x:clip;                         
    }
    #tbFark .fark-stage{ position:sticky; top:0; height:100vh; overflow:hidden;
      display:grid; place-items:center; user-select:none; -webkit-user-select:none; }
    
    #tbFark.fark-ready .fark-stage{ cursor:grab; }
    #tbFark.fark-ready .fark-stage a, #tbFark.fark-ready .fark-stage button{ cursor:pointer; }

    
    
    #tbFark .fark-head{ position:absolute; top:0; left:0; right:0; height:auto; z-index:1; display:flex; flex-direction:column;
      align-items:center; justify-content:flex-start; text-align:center; padding:clamp(100px,13vh,132px) 5vw 0; pointer-events:none; }
    
    @media(max-width:760px){ #tbFark .fark-head{ padding-top:clamp(88px,12vh,116px); align-items:flex-start; text-align:left; } #tbFark .fark-eyebrow{ align-self:flex-start; } #tbFark .fark-eyebrow::after{ display:none; } }
    
    
    #tbFark .fark-eyebrow{ display:inline-flex; align-items:center; gap:.6rem; font-size:.7rem; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--eyebrow,var(--magenta-soft)); margin-bottom:0; }
    #tbFark .fark-eyebrow::before,#tbFark .fark-eyebrow::after{ content:""; width:24px; height:1px; background:currentColor; opacity:.55; }
    #tbFark .fark-title{ font-family:'Ubuntu','Ubuntu Yedek',sans-serif; font-weight:800; letter-spacing:-.025em;
      line-height:1.04; font-size:clamp(2.1rem,5.2vw,3.5rem); color:var(--text); margin:.9rem 0 0; }
    #tbFark .fark-title .grad{ background:linear-gradient(92deg,#f6c89a 0%,#f3a96b 28%,#e07cba 62%,#f6c89a 100%);
      background-size:300% 100%; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
      animation:tbvflow 7s linear infinite; }
    html:not(.dark) #tbFark .fark-title .grad{ background:linear-gradient(92deg,#b8478f 0%,#8e2a6f 30%,#e07cba 62%,#b8478f 100%);
      background-size:300% 100%; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
    #tbFark .fark-sub{ margin:1.1rem auto 0; max-width:38rem; font-size:clamp(.98rem,1.5vw,1.13rem); line-height:1.65; color:var(--text-soft); }
    
    #tbFark .fark-hint{ position:absolute; left:50%; bottom:4.5vh; transform:translate(-50%,0); z-index:20; pointer-events:none;
      display:inline-flex; align-items:center; gap:.5rem; font-size:.82rem; font-weight:600; letter-spacing:.02em; color:var(--text-soft);
      animation:farkHint 2.6s ease-in-out infinite; }
    @keyframes farkHint{ 0%,100%{ transform:translate(-50%,0) } 50%{ transform:translate(-50%,5px) } }

    
    #tbFark .fark-card{ --fk-w:min(86vw,348px);
      position:absolute; left:50%; top:50%; z-index:10;
      width:var(--fk-w); min-height:min(444px,64vh); padding:2.2rem 2rem 1.9rem;
      border-radius:26px; will-change:transform,opacity; overflow:hidden;
      transform:translate(-50%,-50%);
      
      background:var(--glass-bg);
      border:1px solid var(--glass-border);
      box-shadow:
        var(--glass-shadow),                                                        
        inset 0 1.5px 0 color-mix(in oklab,#fff 62%,transparent),                   
        inset 1px 0 0 color-mix(in oklab,#fff 22%,transparent),                     
        inset 0 44px 60px -52px color-mix(in oklab,#fff 34%,transparent),           
        inset 0 -64px 84px -60px color-mix(in oklab,var(--magenta,#9E1972) 46%,transparent); 
      -webkit-backdrop-filter:var(--glass-blur) brightness(1.05); backdrop-filter:var(--glass-blur) brightness(1.05);
      display:flex; flex-direction:column; }
    
    #tbFark .fark-card::before{ content:''; position:absolute; z-index:0; top:-40%; right:-30%; width:80%; height:80%;
      border-radius:50%; pointer-events:none;
      background:radial-gradient(circle, color-mix(in oklab,var(--magenta,#9E1972) 34%,transparent), transparent 66%);
      filter:blur(14px); opacity:.7; }
    #tbFark .fark-card::after{ content:''; position:absolute; z-index:1; top:0; left:1.6rem; right:1.6rem; height:1px;
      background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--magenta,#9E1972) 55%,transparent),transparent); }
    
    #tbFark .fark-card .fk-sheen{ position:absolute; inset:0; z-index:1; pointer-events:none; border-radius:inherit;
      background:linear-gradient(125deg, color-mix(in oklab,#fff 28%,transparent) 0%, transparent 34%),
                 radial-gradient(130% 62% at 22% -8%, color-mix(in oklab,#fff 16%,transparent), transparent 55%); }
    @media(prefers-reduced-motion:no-preference){
      #tbFark .fark-card .fk-sheen{ animation:fkSheen 8s ease-in-out infinite; }
      @keyframes fkSheen{ 0%,100%{ opacity:.8; transform:translate(0,0) } 50%{ opacity:1; transform:translate(2%,-1.2%) } }
    }
    #tbFark .fark-card > *{ position:relative; z-index:2; }

    #tbFark .fk-kicker{ display:inline-flex; align-items:center; gap:.5rem; align-self:flex-start;
      font-size:.72rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
      color:var(--magenta,#e07cba); margin-bottom:1.4rem; }
    html.dark #tbFark .fk-kicker{ color:#f0abfc; }
    #tbFark .fk-kicker::before{ content:''; width:20px; height:2px; border-radius:2px;
      background:linear-gradient(90deg,var(--magenta,#e07cba),transparent); }

    
    #tbFark .fk-bgic{ position:absolute; z-index:0; right:-1.4rem; bottom:-2.2rem; line-height:1; pointer-events:none;
      font-size:11rem; transform:rotate(-8deg);
      color:transparent; -webkit-background-clip:text; background-clip:text;
      background-image:linear-gradient(145deg, color-mix(in oklab,var(--magenta,#9E1972) 55%,transparent), color-mix(in oklab,var(--magenta,#9E1972) 12%,transparent));
      filter:drop-shadow(0 10px 26px color-mix(in oklab,var(--magenta,#9E1972) 30%,transparent)); }
    html.dark #tbFark .fk-bgic{ background-image:linear-gradient(145deg, color-mix(in oklab,#f0abfc 42%,transparent), color-mix(in oklab,#f0abfc 8%,transparent)); }
    
    #tbFark .fk-bgic.fa-brands{ -webkit-background-clip:border-box; background-clip:border-box; background-image:none;
      color:color-mix(in oklab,var(--magenta,#9E1972) 40%,transparent); }
    html.dark #tbFark .fk-bgic.fa-brands{ color:color-mix(in oklab,#f0abfc 28%,transparent); }

    #tbFark .fark-card h3{ font-family:'Ubuntu','Ubuntu Yedek',system-ui,sans-serif; font-weight:800; font-size:1.95rem;
      line-height:1.12; letter-spacing:-.015em; color:var(--text); margin:0 0 .8rem; }
    #tbFark .fark-card p{ font-size:1.06rem; line-height:1.6; color:var(--text-soft); margin:0; }
    #tbFark .fk-cta{ margin-top:auto; padding-top:1.6rem; font-size:.94rem; font-weight:800;
      letter-spacing:.02em; color:var(--magenta,#e07cba); display:inline-flex; align-items:center; gap:.55rem;
      align-self:flex-start; transition:gap .25s ease; text-decoration:none; }
    html.dark #tbFark .fk-cta{ color:#f0abfc; }
    #tbFark .fk-cta:hover{ gap:.9rem; }

    

    
    #tbFark.fark-static{ height:auto; overflow:visible; padding:var(--sec-y,5rem) 1.25rem; }
    #tbFark.fark-static .fark-stage{ position:static; height:auto; display:block; overflow:visible; cursor:auto; }
    #tbFark.fark-static .fark-head{ position:static; inset:auto; height:auto; padding:0 1rem 2.5rem; }
    #tbFark.fark-static .fark-hint{ display:none; }
    #tbFark.fark-static .fark-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
      gap:1.1rem; max-width:74rem; margin:0 auto; }
    #tbFark.fark-static .fark-card{ position:static; transform:none !important; opacity:1 !important;
      width:auto; min-height:0; }
    #tbFark:not(.fark-ready):not(.fark-static) .fark-card{ opacity:0; }

    
    @media(max-width:760px){
      #tbFark.fark-static{ padding:var(--sec-y) 0; }
      #tbFark.fark-static .fark-head{ padding:0 1.25rem; align-items:flex-start; text-align:left; }
      #tbFark.fark-static .fark-grid{ display:flex; grid-template-columns:none; width:100%; max-width:100vw; box-sizing:border-box; overflow-x:auto; overflow-y:hidden; touch-action:pan-x pan-y; overscroll-behavior-x:contain; gap:14px;    margin:1.9rem 0 0; padding:0 16% 4px 1.25rem; scrollbar-width:none; }
      #tbFark.fark-static .fark-grid::-webkit-scrollbar{ display:none; }
      #tbFark.fark-static .fark-card{ position:relative; left:auto !important; top:auto !important; overflow:hidden; flex:0 0 80%; min-width:0; min-height:322px; transform:none !important; opacity:1 !important; width:auto; padding:20px 18px; border-radius:20px;
        background:radial-gradient(130% 92% at 88% 96%,color-mix(in srgb,#b8478f 22%,transparent),transparent 56%),linear-gradient(165deg,rgba(255,255,255,.05),rgba(255,255,255,.012)) !important;
        border:1px solid color-mix(in srgb,#b8478f 20%,transparent) !important;
        -webkit-backdrop-filter:none !important; backdrop-filter:none !important; box-shadow:none !important; }
      html:not(.dark) #tbFark.fark-static .fark-card{ background:radial-gradient(130% 92% at 88% 96%,color-mix(in srgb,#8e2a6f 15%,transparent),transparent 56%),linear-gradient(165deg,rgba(0,0,0,.03),rgba(0,0,0,.006)) !important; }
      #tbFark.fark-static .fark-card::before, #tbFark.fark-static .fark-card::after, #tbFark.fark-static .fark-card .fk-sheen{ display:none !important; }
      #tbFark.fark-static .fark-card .fk-bgic{ display:block; right:-16px; bottom:-20px; font-size:148px; transform:rotate(-10deg);
        background:none !important; -webkit-background-clip:border-box; background-clip:border-box; color:#b8478f !important; opacity:.15; filter:none !important; }
      html:not(.dark) #tbFark.fark-static .fark-card .fk-bgic{ color:#8e2a6f !important; }
      #tbFark.fark-static .fk-kicker{ position:relative; z-index:2; margin-bottom:.9rem; }
      #tbFark.fark-static .fark-card h3{ position:relative; z-index:2; font-size:1.5rem; margin-bottom:.7rem; }
      #tbFark.fark-static .fark-card p{ position:relative; z-index:2; font-size:.92rem; line-height:1.5; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
      #tbFark.fark-static .fk-cta{ position:relative; z-index:2; margin-top:auto; padding-top:1rem; }
      #tbFark .fark-hint{ display:none !important; }
    }
#tbRef .ref-inner{ padding:var(--sec-y) 0 0; }   
  #tbRef .ref-head{ text-align:center; max-width:48rem; margin:0 auto clamp(3.4rem,6.5vh,5rem); padding:0 1.5rem; }
  #tbRef .ref-eyebrow{ display:inline-flex; align-items:center; gap:.6rem; font-size:.7rem; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--eyebrow,var(--magenta-soft)); }
  #tbRef .ref-eyebrow::before,#tbRef .ref-eyebrow::after{ content:""; width:24px; height:1px; background:currentColor; opacity:.55; }
  #tbRef .ref-title{ font-family:'Ubuntu','Ubuntu Yedek',sans-serif; font-weight:800; letter-spacing:-.025em; line-height:1.04; font-size:clamp(2.1rem,5.2vw,3.5rem); color:var(--text); margin:.9rem 0 0; }
  
  #tbRef .ref-title .acc, #tbAkademi .aka-title .acc{
    background:linear-gradient(92deg,#f6c89a 0%,#f3a96b 28%,#e07cba 62%,#f6c89a 100%);background-size:300% 100%;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
    animation:tbKaybFlow 7s linear infinite; }
  html:not(.dark) #tbRef .ref-title .acc, html:not(.dark) #tbAkademi .aka-title .acc{
    background:linear-gradient(92deg,#b8478f 0%,#8e2a6f 30%,#e07cba 62%,#b8478f 100%);background-size:300% 100%;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent; }
  #tbRef .ref-sub{ margin:1.1rem auto 0; max-width:38rem; font-size:clamp(.98rem,1.5vw,1.13rem); line-height:1.65; color:var(--text-soft); }
  #tbRef .ref-sub b{ color:var(--text); font-weight:600; }
  
  @media(max-width:640px){
    #tbRef .ref-head{ text-align:left; margin-left:0; margin-right:0; max-width:none; padding:0 1.25rem; }
    #tbRef .ref-eyebrow{ justify-content:flex-start; }
    #tbRef .ref-eyebrow::after{ display:none; }
    #tbRef .ref-sub{ margin-left:0; margin-right:0; max-width:none; }
  }
  #tbRef .ref-rows{ display:flex; flex-direction:column; gap:0;
    -webkit-mask:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);
            mask:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent); }
  #tbRef .ref-row{ overflow:hidden; }
  #tbRef .ref-track{ display:flex; align-items:center; gap:0; width:max-content; will-change:transform; backface-visibility:hidden; position:relative; }
  
  #tbRef .r-a{ animation:tbRefScrollA 42s linear infinite; }
  #tbRef .r-b{ animation:tbRefScrollB 52s linear infinite; }
  @keyframes tbRefScrollA{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
  @keyframes tbRefScrollB{ from{transform:translateX(-50%)} to{transform:translateX(0)} }
  
  #tbRef .rcell{ flex:0 0 auto; width:209px; height:64px; position:relative; box-sizing:content-box;
    padding:clamp(1.2rem,2.1vw,1.9rem) clamp(1.1rem,1.9vw,1.9rem);
    background-image:var(--ref-sprite);
    background-repeat:no-repeat; background-size:2090px 640px; background-origin:content-box; background-clip:content-box;
    filter:grayscale(1) brightness(1.55) contrast(1.05); opacity:.82; transform-origin:center center;
    transition:transform .42s cubic-bezier(.5,0,.25,1), filter .45s ease, opacity .42s ease; will-change:transform; backface-visibility:hidden; }
  html:not(.dark) #tbRef .rcell{ filter:grayscale(1) brightness(.62) contrast(1.15); opacity:.8; }
  
  #tbRef:not(.refin) .rcell{ background-image:none; }
  #tbRef .rcell:hover, html:not(.dark) #tbRef .rcell:hover{ filter:none; opacity:1; } 
  
  #tbRef .ref-ind{ position:absolute; top:50%; left:0; height:100px; width:0;
    transform:translateY(-50%) translateX(0); border-radius:var(--r-md,18px); 
    background:rgba(198,192,220,.07); opacity:0; z-index:-1; pointer-events:none;
    transition:transform .34s cubic-bezier(.34,1.56,.64,1), width .34s cubic-bezier(.34,1.56,.64,1), opacity .3s cubic-bezier(.4,0,.2,1); }
  html:not(.dark) #tbRef .ref-ind{ background:rgba(18,18,30,.045); }
  #tbRef .ref-ind.on{ opacity:1; }
  #tbRef .rcell.flip{ transform:rotateX(90deg); opacity:.1; }
  @media (prefers-reduced-motion: reduce){ #tbRef .r-a,#tbRef .r-b{ animation:none } #tbRef .ref-track{ flex-wrap:wrap; justify-content:center } #tbRef .rcell.flip{ transform:none; opacity:.6 } }
#tbAkademi .aka-wrap{ padding:var(--sec-y) 0; }
    /* kenarlar üst menü çubuğuyla aynı çizgide: çubuğun dış boşluğu (sm:px-6) bölüme, 1280 sınırı içerideki sarmalayıcıda —
       geniş ekranda değişmez, daralınca (dar pencere, sağda sohbet paneli) ızgara kenara yapışmaz */
    @media(min-width:641px){ #tbAkademi{ padding-left:1.5rem; padding-right:1.5rem; } }
    /* hizmet kartları: kartın dış kenarı (içerik − --h3k-px) çubuğun dış kenarına oturur — 1280 + iki yan 24 px sınır, yan boşluk 24 px + kartın taşması */
    @media(min-width:861px){ #h3k .h3k-stage{ max-width:calc(80rem + 3rem); padding-left:calc(1.5rem + var(--h3k-px)); padding-right:calc(1.5rem + var(--h3k-px)); } }
    
    #tbAkademi .aka-eyebrow{ display:flex; justify-content:center; align-items:center; gap:.6rem; font-size:.72rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--eyebrow,var(--magenta-soft)); }
    #tbAkademi .aka-eyebrow::before,#tbAkademi .aka-eyebrow::after{ content:""; width:24px; height:1px; background:currentColor; opacity:.55; }
    #tbAkademi .aka-title{ font-family:'Ubuntu','Ubuntu Yedek',sans-serif; font-weight:800; letter-spacing:-.025em; line-height:1.04; font-size:clamp(2.1rem,5.2vw,3.5rem); color:var(--text); margin:.9rem 0 0; text-align:center; }
    #tbAkademi .aka-sub{ margin:1.1rem auto clamp(2.8rem,5.5vh,4rem); max-width:38rem; font-size:clamp(.98rem,1.5vw,1.13rem); line-height:1.65; color:var(--text-soft); text-align:center; }
    @media(max-width:640px){
      #tbAkademi .aka-wrap{ padding-left:1.25rem; padding-right:1.25rem; }   
      #tbAkademi .aka-sub{ font-size:.95rem; text-align:left; margin-left:0; margin-right:0; max-width:none; }
      #tbAkademi .aka-eyebrow{ justify-content:flex-start; }
      #tbAkademi .aka-eyebrow::after{ display:none; }
      #tbAkademi .aka-title{ text-align:left; }
    }

    
    #tbAkademi{ --aka-glass-bg:rgba(255,255,255,.68); --aka-glass-blur:saturate(190%) blur(22px); --aka-glass-shadow:var(--rail-shadow-scrolled);
      
      --aka-acc:#475569; }
    html.dark #tbAkademi{ --aka-glass-bg:rgba(18,18,30,.42); --aka-acc:var(--eyebrow,#b8478f); }   

    #tbAkademi .aka-grid{ display:grid; grid-template-columns:1fr; gap:20px; margin-top:2.75rem; }
    
    #tbAkademi .aka-card{ position:relative; border-radius:22px; min-height:180px; overflow:hidden;
      background:var(--aka-glass-bg); border:1px solid var(--glass-border);
      -webkit-backdrop-filter:var(--aka-glass-blur); backdrop-filter:var(--aka-glass-blur); box-shadow:none; }
    
    html.dark #tbAkademi .aka-card{ border-color:transparent; }
    html.dark #tbAkademi .aka-card.b,
    html.dark #tbAkademi .aka-card.c,
    html.dark #tbAkademi .aka-card.e{ border-color:rgb(23 15 54); }
    
    @property --akabdeg{ syntax:'<angle>'; initial-value:0deg; inherits:false; }
    #tbAkademi .aka-card::after{ content:''; position:absolute; inset:0; border-radius:inherit; padding:2px; pointer-events:none; z-index:5;
      filter:drop-shadow(0 0 5px var(--magenta-soft));
      background:conic-gradient(from var(--akabdeg), transparent 0deg, var(--magenta-soft) 48deg, var(--magenta) 88deg, transparent 150deg, transparent 360deg);
      -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
              mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite:exclude;
      opacity:0; transition:opacity .35s ease; }
    #tbAkademi .aka-card:hover::after{ opacity:1; animation:akaSpin 5s linear infinite; }
    @keyframes akaSpin{ to{ --akabdeg:360deg; } }
    @media(prefers-reduced-motion:reduce){ #tbAkademi .aka-card:hover::after{ animation:none; } }
    #tbAkademi .aka-card:hover .aka-gcat{ color:var(--magenta-soft); }

    
    #tbAkademi .aka-date{ position:absolute; top:24px; left:24px; z-index:4; display:inline-flex; align-items:center; gap:6px;
      padding:5px 11px; border-radius:999px; font-size:.7rem; font-weight:600; letter-spacing:.01em; color:var(--text);
      background:var(--aka-glass-bg); -webkit-backdrop-filter:var(--aka-glass-blur); backdrop-filter:var(--aka-glass-blur); border:1px solid var(--glass-border);
      opacity:0; transition:opacity .3s var(--ease); pointer-events:none; }
    #tbAkademi .aka-date i{ font-size:.72rem; color:var(--magenta-soft); }
    #tbAkademi .aka-card:hover .aka-date{ opacity:1; }

    #tbAkademi .aka-fav{ position:absolute; top:24px; right:24px; z-index:6; width:38px; height:38px; border-radius:999px; display:grid; place-items:center; cursor:pointer;
      background:var(--aka-glass-bg); -webkit-backdrop-filter:var(--aka-glass-blur); backdrop-filter:var(--aka-glass-blur); border:1px solid var(--glass-border); color:var(--text); font-size:15px;
      opacity:0; transition:opacity .3s var(--ease), color .2s var(--ease), border-color .2s var(--ease); }
    #tbAkademi .aka-card:hover .aka-fav{ opacity:1; }
    #tbAkademi .aka-fav:hover{ color:#ff5a7a; border-color:#ff5a7a; }
    #tbAkademi .aka-fav.is-fav{ opacity:1; color:#ff5a7a; border-color:#ff5a7a; }
    #tbAkademi .aka-fav.is-busy{ pointer-events:none; }
    @media(hover:none){ #tbAkademi .aka-date, #tbAkademi .aka-fav{ opacity:1; } }

    
    #tbAkademi .aka-glink{ position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; justify-content:space-between; padding:24px; text-decoration:none; color:inherit; }
    
    
    #tbAkademi .aka-gicon{ position:absolute; top:24px; left:24px; right:auto; margin:-6px 0 0 -12px; font-size:6.2rem; line-height:1; color:rgba(14,14,26,.12); pointer-events:none; transition:opacity .35s var(--ease); }
    html.dark #tbAkademi .aka-gicon{ color:rgba(255,255,255,.11); }
    #tbAkademi .aka-gicon i.fa-solid{ display:none; }
    #tbAkademi .aka-card:hover .aka-gicon{ opacity:0; }
    #tbAkademi .aka-textblock{ position:relative; display:flex; flex-direction:column; gap:.55rem; text-align:left; margin-top:auto; }
    
    #tbAkademi{ --aka-tgrad:rgba(255,255,255,.62); }
    html.dark #tbAkademi{ --aka-tgrad:rgba(6,4,12,.62); }
    #tbAkademi .aka-textblock::before{ content:''; position:absolute; z-index:-1; left:-24px; right:-24px; bottom:-24px; top:-22px; pointer-events:none;
      background:linear-gradient(to top, var(--aka-tgrad) 0%, transparent 100%); }
    #tbAkademi .aka-gcat{ font-size:.7rem; font-weight:600; letter-spacing:.09em; text-transform:uppercase; color:var(--aka-acc); }
    
    #tbAkademi .aka-gtitle{ font-weight:500; font-size:clamp(1.05rem,1.7vw,1.35rem); line-height:1.45; letter-spacing:.005em; color:var(--text); transition:opacity .25s var(--ease); }
    #tbAkademi .aka-glink:hover .aka-gtitle{ opacity:.72; }

    
    @keyframes akaKen{ 0%{transform:scale(1.05) translate(0,0)} 50%{transform:scale(1.14) translate(-2%,-1.8%)} 100%{transform:scale(1.05) translate(0,0)} }
    #tbAkademi .aka-fullimg img{ animation:akaKen 13s ease-in-out infinite; will-change:transform; }  
    
    #tbAkademi .c .aka-hoverimg img,
    #tbAkademi .d .aka-hoverimg img,
    #tbAkademi .f .aka-hoverimg img{ animation:akaKen 13s ease-in-out infinite; will-change:transform; }
    @media(prefers-reduced-motion:reduce){ #tbAkademi img{ animation:none !important; } }

    
    #tbAkademi .aka-imghalf{ position:absolute; inset:0; overflow:hidden; display:block; z-index:1; }
    #tbAkademi .aka-imghalf img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
    
    #tbAkademi .b .aka-imghalf img{ -webkit-mask-image:linear-gradient(to right,#000 38%,transparent 50%); mask-image:linear-gradient(to right,#000 38%,transparent 50%); }
    #tbAkademi .b .aka-glink{ left:0; right:50%; } 
    
    #tbAkademi .e .aka-imghalf img{ -webkit-mask-image:linear-gradient(to left,#000 38%,transparent 50%); mask-image:linear-gradient(to left,#000 38%,transparent 50%); }
    #tbAkademi .e .aka-glink{ right:50%; }
    
    #tbAkademi .e .aka-gicon{ left:24px; right:auto; margin:-6px 0 0 -12px; }

    
    #tbAkademi .aka-fullimg{ position:absolute; inset:0; display:block; z-index:1; overflow:hidden; }
    #tbAkademi .aka-fullimg img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
    
    
    #tbAkademi .a .aka-scrim{ position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.8) 12%,rgba(0,0,0,.58) 27%,rgba(0,0,0,.34) 43%,rgba(0,0,0,.15) 58%,rgba(0,0,0,.05) 70%,transparent 82%); }
    html:not(.dark) #tbAkademi .a .aka-scrim{ background:linear-gradient(to top,rgba(255,255,255,.92) 0%,rgba(255,255,255,.8) 12%,rgba(255,255,255,.58) 27%,rgba(255,255,255,.34) 43%,rgba(255,255,255,.15) 58%,rgba(255,255,255,.05) 70%,transparent 82%); }
    
    #tbAkademi .a .aka-gtitle{ color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.55); }
    #tbAkademi .a .aka-gcat{ text-shadow:0 1px 2px rgba(0,0,0,.5); }
    html:not(.dark) #tbAkademi .a .aka-gtitle{ color:#0e0e1a; text-shadow:0 1px 2px rgba(255,255,255,.7); }
    html:not(.dark) #tbAkademi .a .aka-gcat{ text-shadow:0 1px 2px rgba(255,255,255,.6); }

    
    #tbAkademi .aka-hoverimg{ position:absolute; inset:0; z-index:1; overflow:hidden; opacity:0; transition:opacity .55s var(--ease); pointer-events:none; }
    #tbAkademi .aka-hoverimg img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
    
    #tbAkademi .aka-hoverimg .aka-hscrim{ position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.74) 0%,rgba(0,0,0,.42) 18%,rgba(0,0,0,.10) 40%,transparent 66%); }
    html:not(.dark) #tbAkademi .aka-hoverimg .aka-hscrim{ background:linear-gradient(to top,rgba(255,255,255,.80) 0%,rgba(255,255,255,.48) 18%,rgba(255,255,255,.14) 40%,transparent 66%); }
    
    #tbAkademi .c:hover .aka-gtitle, #tbAkademi .d:hover .aka-gtitle, #tbAkademi .f:hover .aka-gtitle{ text-shadow:0 1px 3px rgba(0,0,0,.45); }
    html:not(.dark) #tbAkademi .c:hover .aka-gtitle, html:not(.dark) #tbAkademi .d:hover .aka-gtitle, html:not(.dark) #tbAkademi .f:hover .aka-gtitle{ text-shadow:0 1px 2px rgba(255,255,255,.65); }
    #tbAkademi .c:hover .aka-hoverimg, #tbAkademi .d:hover .aka-hoverimg, #tbAkademi .f:hover .aka-hoverimg{ opacity:1; }

    
    @media(max-width:1023px){
      #tbAkademi .aka-grid{ grid-template-columns:1fr 1fr; grid-auto-rows:186px; gap:18px;
        grid-template-areas:"a a" "b c" "e e" "L L" "L L"; }
      #tbAkademi .a{ grid-area:a; } #tbAkademi .b{ grid-area:b; } #tbAkademi .c{ grid-area:c; }
      #tbAkademi .d{ grid-area:d; } #tbAkademi .e{ grid-area:e; } #tbAkademi .f{ grid-area:f; } #tbAkademi .aka-listcard{ grid-area:L; }
      #tbAkademi .a, #tbAkademi .d{ grid-row:span 1; }
      #tbAkademi .aka-card{ min-height:0; }
      
      #tbAkademi .b .aka-imghalf img, #tbAkademi .e .aka-imghalf img{ -webkit-mask-image:none; mask-image:none; }
      #tbAkademi .b .aka-glink, #tbAkademi .e .aka-glink{ left:0; right:0; }
      #tbAkademi .b .aka-imghalf::after, #tbAkademi .e .aka-imghalf::after{ content:""; position:absolute; inset:0; z-index:1;
        background:linear-gradient(to top,rgba(0,0,0,.62) 0%,rgba(0,0,0,.30) 30%,transparent 58%); }
      html:not(.dark) #tbAkademi .b .aka-imghalf::after, html:not(.dark) #tbAkademi .e .aka-imghalf::after{
        background:linear-gradient(to top,rgba(255,255,255,.72) 0%,rgba(255,255,255,.36) 30%,transparent 58%); }
      #tbAkademi .b .aka-gtitle, #tbAkademi .e .aka-gtitle{ color:#fff; }
      html:not(.dark) #tbAkademi .b .aka-gtitle, html:not(.dark) #tbAkademi .e .aka-gtitle{ color:#0e0e1a; }
      
      #tbAkademi .aka-hoverimg{ opacity:1; }
      #tbAkademi .c .aka-gtitle, #tbAkademi .d .aka-gtitle, #tbAkademi .f .aka-gtitle{ color:#fff; }
      html:not(.dark) #tbAkademi .c .aka-gtitle, html:not(.dark) #tbAkademi .d .aka-gtitle, html:not(.dark) #tbAkademi .f .aka-gtitle{ color:#0e0e1a; }
    }

    @media(min-width:1024px){
      #tbAkademi .aka-grid{
        grid-template-columns:1fr 1fr 1fr;
        grid-template-rows:250px 250px 250px;
        grid-template-areas:"a b b" "a c L" "e e L";
        gap:28px;
      }
      #tbAkademi .aka-card{ min-height:0; }
      #tbAkademi .a{ grid-area:a; } #tbAkademi .b{ grid-area:b; } #tbAkademi .c{ grid-area:c; }
      #tbAkademi .d{ grid-area:d; } #tbAkademi .e{ grid-area:e; } #tbAkademi .f{ grid-area:f; } #tbAkademi .aka-listcard{ grid-area:L; }
    }

    
    #tbAkademi{ --aka-tgrad-hover:rgba(255,255,255,.86); }
    html.dark #tbAkademi{ --aka-tgrad-hover:rgba(6,4,12,.86); }
    #tbAkademi .aka-textblock::after{ content:''; position:absolute; z-index:-1; left:-24px; right:-24px; bottom:-24px; top:-26px; pointer-events:none;
      opacity:0; transition:opacity .35s var(--ease);
      background:linear-gradient(to top, var(--aka-tgrad-hover) 0%, transparent 100%); }
    #tbAkademi .aka-card:hover .aka-textblock::after{ opacity:1; }

    
    
    #tbAkademi{ --akl:var(--aka-acc); --akl-h:var(--magenta-soft); --akl-div:linear-gradient(90deg,transparent,rgba(120,116,132,.85) 50%,transparent); --akl-wm:rgba(20,18,30,.06); --akl-wm2:rgba(20,18,30,.10); }
    html.dark #tbAkademi{ --akl-div:linear-gradient(90deg,transparent,rgb(23 15 54) 50%,transparent); --akl-wm:rgba(255,255,255,.055); --akl-wm2:rgba(255,255,255,.10); }   
    #tbAkademi .aka-listcard{ position:relative; overflow:hidden; min-height:0; user-select:none; -webkit-user-select:none; touch-action:pan-y; }
    #tbAkademi .aka-listcard a, #tbAkademi .aka-listcard img, #tbAkademi .aka-listcard i{ -webkit-user-drag:none; user-select:none; }   
    #tbAkademi .aka-listvp{ position:absolute; inset:0; overflow:hidden; -webkit-mask:linear-gradient(180deg,#000 0,#000 82%,transparent 100%); mask:linear-gradient(180deg,#000 0,#000 82%,transparent 100%); }
    #tbAkademi .aka-listtrack{ display:flex; flex-direction:column; will-change:transform; animation:akaLScroll 30s linear infinite; }
    #tbAkademi .aka-listcard:hover .aka-listtrack{ animation-play-state:paused; }
    @keyframes akaLScroll{ from{transform:translateY(0)} to{transform:translateY(-50%)} }
    @media(prefers-reduced-motion:reduce){ #tbAkademi .aka-listtrack{ animation:none; } }
    #tbAkademi .aka-lit{ position:relative; overflow:hidden; display:block; text-decoration:none; color:inherit; padding:15px 12px 15px 16px; transition:background .22s var(--ease); }
    #tbAkademi .aka-lit::before{ content:''; position:absolute; top:0; left:10px; right:10px; height:1px; background:var(--akl-div); }
    #tbAkademi .aka-lit:first-child::before{ display:none; }
    #tbAkademi .aka-lit:hover{ background:color-mix(in srgb,var(--akl-h) 10%,transparent); }
    
    #tbAkademi .aka-listtrack.fx-rail .aka-lit:hover{ background:transparent; }
    #tbAkademi .aka-listtrack .fx-ind{ border-radius:12px; }
    #tbAkademi .aka-lbar{ position:absolute; left:2px; top:12px; bottom:12px; width:3px; border-radius:3px; background:linear-gradient(180deg,transparent,var(--akl-h) 50%,transparent); transform:scaleY(0); transform-origin:center; transition:transform .4s ease; z-index:1; }
    #tbAkademi .aka-lit:hover .aka-lbar{ transform:scaleY(1); }
    #tbAkademi .aka-lwm{ position:absolute; z-index:0; right:12px; top:50%; transform:translateY(-50%); font-size:3rem; line-height:1; color:var(--akl-wm); pointer-events:none; transition:color .3s var(--ease), transform .45s cubic-bezier(.34,1.56,.64,1); }
    #tbAkademi .aka-lit:hover .aka-lwm{ color:var(--akl-wm2); transform:translateY(-50%) scale(1.18) rotate(-8deg); }
    #tbAkademi .aka-lct{ position:relative; z-index:1; display:block; padding-right:52px; }
    #tbAkademi .aka-leye{ display:block; font-size:.6rem; font-weight:700; letter-spacing:.11em; text-transform:uppercase; color:var(--akl); }
    #tbAkademi .aka-ltt{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:3px; font-weight:500; font-size:.98rem; line-height:1.32; color:var(--text); transition:color .25s var(--ease); }
    #tbAkademi .aka-lit:hover .aka-ltt{ color:var(--akl-h); }
    #tbAkademi .aka-lit:hover .aka-leye{ color:var(--akl-h); }
    #tbAkademi .aka-ldt{ display:flex; align-items:center; gap:6px; margin-top:5px; font-size:.68rem; font-weight:300; letter-spacing:.02em; color:var(--text-faint,#8a8a98); }
    #tbAkademi .aka-ldt i{ color:inherit; font-size:.86em; font-weight:300; }
    
    #tbAkademi .aka-lhead{ position:absolute; top:0; left:0; right:0; z-index:4; display:flex; align-items:center; gap:9px; padding:16px 16px 13px; background:var(--bg); text-decoration:none; }
    #tbAkademi .aka-ldot{ flex:none; width:8px; height:8px; border-radius:50%; background:var(--akl); animation:akaLPulse 2s ease-out infinite; }
    @keyframes akaLPulse{ 0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--akl) 55%,transparent)} 70%{box-shadow:0 0 0 7px transparent} 100%{box-shadow:0 0 0 0 transparent} }
    @media(prefers-reduced-motion:reduce){ #tbAkademi .aka-ldot{ animation:none; } }
    #tbAkademi .aka-lhtxt{ font-weight:700; font-size:.86rem; letter-spacing:.005em; color:var(--text); transition:color .25s var(--ease); }
    #tbAkademi .aka-lharrow{ margin-left:auto; color:var(--akl); font-size:.8rem; transition:transform .3s var(--ease); }
    #tbAkademi .aka-lhead:hover .aka-lhtxt{ color:var(--akl-h); }
    #tbAkademi .aka-lhead:hover .aka-lharrow{ transform:translateX(4px); }

    
    #tbAkademi{ --aka-bescrim:rgba(6,4,12,.28); --aka-panel:rgba(16,12,26,.5); }   
    html:not(.dark) #tbAkademi{ --aka-bescrim:rgba(255,255,255,.38); --aka-panel:rgba(252,250,254,.55); }   
    #tbAkademi .aka-bescrim{ display:none; position:absolute; inset:0; z-index:1; pointer-events:none; }
    @media(min-width:1024px){
      
      #tbAkademi.be-full .b .aka-imghalf img,
      #tbAkademi.be-full .e .aka-imghalf img{ -webkit-mask-image:none; mask-image:none; }
      
      #tbAkademi.be-full .b .aka-gicon,
      #tbAkademi.be-full .e .aka-gicon{ display:none; }
      
      #tbAkademi.be-full .b .aka-bescrim,
      #tbAkademi.be-full .e .aka-bescrim{ display:block;
        background:
          linear-gradient(to right, var(--aka-bescrim) 0%, transparent 20%),
          linear-gradient(to left,  var(--aka-bescrim) 0%, transparent 20%); }
      
      #tbAkademi.be-full .aka-grid{ gap:34px; }
      #tbAkademi.be-full .b .aka-glink,
      #tbAkademi.be-full .e .aka-glink{ padding:30px; }
      #tbAkademi.be-full .b .aka-date, #tbAkademi.be-full .e .aka-date{ top:28px; left:28px; }
      #tbAkademi.be-full .b .aka-fav,  #tbAkademi.be-full .e .aka-fav{ top:28px; right:28px; }
      
      #tbAkademi.be-full .b .aka-textblock::before, #tbAkademi.be-full .e .aka-textblock::before,
      #tbAkademi.be-full .b .aka-textblock::after,  #tbAkademi.be-full .e .aka-textblock::after{ display:none; }
      
      #tbAkademi.be-full .b .aka-textblock,
      #tbAkademi.be-full .e .aka-textblock{
        display:block; width:auto; max-width:100%;
        background:none; border:0; box-shadow:none; padding:0; gap:0;
        -webkit-backdrop-filter:none; backdrop-filter:none; }
      
      #tbAkademi.be-full .b .aka-gcat, #tbAkademi.be-full .e .aka-gcat{
        display:block; background:none; padding:0; border-radius:0; margin:0 0 11px; text-shadow:none; }
      
      #tbAkademi.be-full .b .aka-gtitle, #tbAkademi.be-full .e .aka-gtitle{
        display:inline; -webkit-box-decoration-break:slice; box-decoration-break:slice;
        background:var(--aka-panel); padding:2px 0; border-radius:2px; line-height:1.5;
        -webkit-backdrop-filter:blur(10px) saturate(140%); backdrop-filter:blur(10px) saturate(140%); }
      
      #tbAkademi.be-full .b .aka-glink:hover .aka-gtitle,
      #tbAkademi.be-full .e .aka-glink:hover .aka-gtitle{ opacity:1; }
    }
    
    #tbAkademi{ --aka-otc:0,0,0; }                       
    html:not(.dark) #tbAkademi{ --aka-otc:255,255,255; } 
    
    #tbAkademi{ --aka-ot:
      -1px 0 rgba(var(--aka-otc),.68),1px 0 rgba(var(--aka-otc),.68),0 -1px rgba(var(--aka-otc),.68),0 1px rgba(var(--aka-otc),.68),
      -1px -1px rgba(var(--aka-otc),.68),1px -1px rgba(var(--aka-otc),.68),-1px 1px rgba(var(--aka-otc),.68),1px 1px rgba(var(--aka-otc),.68),
      0 2px 6px rgba(var(--aka-otc),.5); }
    
    #tbAkademi .aka-textblock::before,
    #tbAkademi .aka-textblock::after,
    #tbAkademi .a .aka-scrim,
    #tbAkademi .aka-hoverimg .aka-hscrim{ background:none !important; opacity:0 !important; }
    
    #tbAkademi.be-full .b .aka-gtitle,
    #tbAkademi.be-full .e .aka-gtitle{
      background:none !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; padding:2px 0 !important; }
    
    #tbAkademi .a .aka-gtitle,
    #tbAkademi.be-full .b .aka-gtitle,
    #tbAkademi.be-full .e .aka-gtitle,
    #tbAkademi .c:hover .aka-gtitle{
      text-shadow:var(--aka-ot) !important; }
    
    #tbAkademi .a .aka-gcat,
    #tbAkademi.be-full .b .aka-gcat,
    #tbAkademi.be-full .e .aka-gcat,
    #tbAkademi .c:hover .aka-gcat{
      text-shadow:0 1px 2px rgba(var(--aka-otc),.55) !important; }
    
    @media(min-width:1024px){
      
      #tbAkademi.be-full .a .aka-gtitle, #tbAkademi.be-full .a .aka-gcat,
      #tbAkademi.be-full .b .aka-gtitle, #tbAkademi.be-full .b .aka-gcat,
      #tbAkademi.be-full .e .aka-gtitle, #tbAkademi.be-full .e .aka-gcat,
      #tbAkademi.be-full .c:hover .aka-gtitle, #tbAkademi.be-full .c:hover .aka-gcat{
        color:#fff !important;
        text-shadow:0 1px 2px rgba(0,0,0,.78), 0 3px 8px rgba(0,0,0,.52), 0 8px 18px rgba(0,0,0,.36) !important; }
      
      #tbAkademi.be-full .c .aka-gtitle{ color:var(--text) !important;
        text-shadow:0 1px 2px rgba(0,0,0,0), 0 3px 8px rgba(0,0,0,0), 0 8px 18px rgba(0,0,0,0) !important; }
      #tbAkademi.be-full .c .aka-gcat{ color:var(--aka-acc) !important;
        text-shadow:0 1px 2px rgba(0,0,0,0), 0 3px 8px rgba(0,0,0,0), 0 8px 18px rgba(0,0,0,0) !important; }
      
      #tbAkademi.be-full .c .aka-gtitle, #tbAkademi.be-full .c .aka-gcat{
        transition:color .55s var(--ease), text-shadow .55s var(--ease), opacity .25s var(--ease) !important; }
      
      #tbAkademi.be-full .c .aka-glink:hover .aka-gtitle{ opacity:1 !important; }
    }
    
    @media(max-width:1023px){
      #tbAkademi .b .aka-imghalf::after,
      #tbAkademi .e .aka-imghalf::after{ background:none !important; }
      #tbAkademi .aka-gtitle{ text-shadow:var(--aka-ot) !important; }
      #tbAkademi .aka-gcat{ text-shadow:0 1px 2px rgba(var(--aka-otc),.55) !important; }
    }

    
    @media(max-width:640px){
      
      #tbAkademi .aka-grid{ display:flex; grid-template-columns:none; grid-auto-rows:auto; grid-template-areas:none; gap:14px;
        overflow-x:auto; overflow-y:hidden; touch-action:pan-x pan-y; overscroll-behavior-x:contain;   
        padding:0 16% 6px 0; scrollbar-width:none; }
      #tbAkademi .aka-grid::-webkit-scrollbar{ display:none; }
      #tbAkademi .aka-grid > *{ grid-area:auto; }
      
      #tbAkademi .aka-card{ display:flex; flex-direction:column; flex:0 0 76%; min-height:0; height:auto; overflow:hidden; border-radius:20px;
        background:radial-gradient(120% 78% at 90% 100%,color-mix(in srgb,#b8478f 17%,transparent),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012));
        border:1px solid color-mix(in srgb,#b8478f 20%,transparent);
        -webkit-backdrop-filter:none; backdrop-filter:none; }
      html:not(.dark) #tbAkademi .aka-grid .aka-card{ background:radial-gradient(120% 78% at 90% 100%,color-mix(in srgb,#8e2a6f 12%,transparent),transparent 60%),linear-gradient(180deg,rgba(0,0,0,.028),rgba(0,0,0,.006)); }
      html.dark #tbAkademi .aka-grid .aka-card{ border-color:color-mix(in srgb,#b8478f 20%,transparent); }
      
      #tbAkademi .aka-fullimg,
      #tbAkademi .aka-imghalf,
      #tbAkademi .aka-hoverimg{ position:relative; inset:auto; width:100%; aspect-ratio:16/10; opacity:1; }
      #tbAkademi .aka-fullimg img,
      #tbAkademi .aka-imghalf img,
      #tbAkademi .aka-hoverimg img{ position:absolute; inset:0; }
      #tbAkademi .b .aka-imghalf img,
      #tbAkademi .e .aka-imghalf img{ -webkit-mask-image:none; mask-image:none; }
      
      #tbAkademi .aka-glink{ position:relative; inset:auto; padding:14px 16px 16px; }
      #tbAkademi .aka-textblock{ margin-top:0; }
      #tbAkademi .aka-textblock::before{ display:none; }
      #tbAkademi .aka-scrim,
      #tbAkademi .aka-hscrim,
      #tbAkademi .b .aka-imghalf::after,
      #tbAkademi .e .aka-imghalf::after{ display:none; }
      
      #tbAkademi .aka-grid .aka-card .aka-gtitle{ color:var(--text) !important; text-shadow:none !important; position:relative; z-index:1; }
      
      #tbAkademi .aka-grid .aka-card .aka-gcat{ display:inline-flex; align-items:center; gap:.5rem; color:#b8478f; font-weight:700; letter-spacing:.1em; position:relative; z-index:1; }
      html:not(.dark) #tbAkademi .aka-grid .aka-card .aka-gcat{ color:#8e2a6f; }
      #tbAkademi .aka-grid .aka-card .aka-gcat::before{ content:""; width:18px; height:2px; border-radius:2px; background:currentColor; flex:none; }
      
      #tbAkademi .aka-grid .aka-card .aka-gicon{ display:block; position:absolute; right:-6px; bottom:-8px; top:auto; left:auto; margin:0; font-size:80px; line-height:1; color:color-mix(in srgb,#b8478f 15%,transparent); z-index:0; pointer-events:none; opacity:1; }
      html:not(.dark) #tbAkademi .aka-grid .aka-card .aka-gicon{ color:color-mix(in srgb,#8e2a6f 12%,transparent); }
      #tbAkademi .aka-card::after{ display:none; }
      #tbAkademi .aka-date{ top:12px; left:12px; }
      #tbAkademi .aka-fav{ top:12px; right:12px; }
      
      #tbAkademi .aka-listcard{ display:none !important; }
    }