@font-face{font-family:"Montserrat Kade";src:url('/fonts/kade/montserrat-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat Kade";src:url('/fonts/kade/montserrat-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat Kade";src:url('/fonts/kade/montserrat-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat Kade";src:url('/fonts/kade/montserrat-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
html body,html body *{font-family:"Montserrat Kade",Arial,sans-serif!important}
html body [class*="font-bold"][class*="uppercase"],html body [class*="font-bold"][class*="uppercase"] *{font-weight:700!important;letter-spacing:-.04em!important}
span[aria-label^="Sound"],span[aria-label^="Ses"],header span[class*="lg:hidden p-2 uppercase"],header span[class*="hidden lg:inline p-2 uppercase"],header span[class*="lg:bottom-7 lg:left-1/2"],header div[class*="hidden lg:block p-2 shrink-0"]{display:none!important}
/* Fixed palette measured from the live kadenewmedia.com homepage in Chrome. */
:root,html[data-theme="light"]{
  --bg:#fbfaf4;
  --text:#000;
  --muted:rgba(54,54,48,.6);
  --line:rgba(54,54,48,.1);
  --accent:#c0fe04;
  --panel:rgba(54,54,48,.035);
  --background-deep:251,250,244;
  --background-1:rgb(251,250,244);
  --background-elevated:#efede7;
  --label:0,0,0;
  --label-d:54,54,48;
  --label-1:rgba(0,0,0,1);
  --label-2:rgba(54,54,48,.6);
  --label-3:rgba(54,54,48,.32);
  --label-4:rgba(54,54,48,.18);
  --selection-bg:#c0fe04;
  color-scheme:light
}
html.dark,html[data-theme="dark"]{
  --bg:#000;
  --text:#fbfaf4;
  --muted:rgba(251,250,244,.62);
  --line:rgba(251,250,244,.14);
  --accent:#c0fe04;
  --panel:rgba(239,237,231,.08);
  --background-deep:0,0,0;
  --background-1:#000;
  --background-elevated:#24231f;
  --label:251,250,244;
  --label-d:239,237,231;
  --label-1:rgba(251,250,244,1);
  --label-2:rgba(251,250,244,.62);
  --label-3:rgba(251,250,244,.34);
  --label-4:rgba(251,250,244,.18);
  --selection-bg:#c0fe04;
  color-scheme:dark
}
html{background:var(--bg)!important;color:var(--text)!important;transition:background-color .3s ease,color .3s ease}
html body,html .kade-home-static{background-color:var(--bg)!important;color:var(--text)!important}
/* The scroll shell must stay transparent, otherwise it paints over the accent
   glow and the hairline grid that sit behind it on body. */
html .article-shell{background-color:transparent!important;color:var(--text)!important}
html body{transition:background-color .3s ease,color .3s ease}
html body canvas{filter:sepia(.55) saturate(1.5) hue-rotate(-8deg) brightness(1.04)!important;transition:filter .35s ease}
html.dark body canvas{filter:sepia(.55) saturate(1.5) hue-rotate(-8deg) brightness(1.04)!important}
html.dark input,html.dark textarea,html.dark select,html.dark option{
  background-color:#080808!important;
  color:#fbfaf4!important;
  border-color:var(--line)!important;
}
html.dark .card,html.dark .cta,html.dark .gateway,html.dark .empty-state,
html.dark .error-state,html.dark .price-box,html.dark .article-footer{
  background-color:rgba(239,237,231,.08)!important;
  color:var(--text)!important;
}
html.dark .client-card{
  background:color-mix(in srgb,var(--client-color) 10%,#080808)!important;
  color:var(--text)!important;
}
html.dark .client-card::before{opacity:.28}
[data-theme-toggle],[aria-label^="Theme:"]{
  display:inline-grid!important;
  place-items:center;
  width:40px;
  height:40px;
  padding:0!important;
  line-height:1;
  color:inherit;
  transition:opacity .2s ease,color .3s ease!important;
}
html:not([data-kade-loaded]) header.z-50{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
/* Keep the cloned app's loading state functional, but do not cover the page
   with a blank sheet or show a progress bar. */
div[class*="left-1/2"][class*="top-1/2"][class*="z-40"][aria-hidden="true"]{visibility:hidden!important}
html[data-kade-loaded] header.z-50{opacity:1!important;visibility:visible!important}
html[data-kade-loaded] header.z-50 [aria-label^="Theme:"]{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
[data-theme-toggle]::before,[aria-label^="Theme:"]::before{
  content:'';
  display:block;
  position:static!important;
  inset:auto!important;
  width:20px;
  height:20px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.42 1.42M17.65 17.65l1.42 1.42M2 12h2M20 12h2M4.93 19.07l1.42-1.42M17.65 6.35l1.42-1.42'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.42 1.42M17.65 17.65l1.42 1.42M2 12h2M20 12h2M4.93 19.07l1.42-1.42M17.65 6.35l1.42-1.42'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}
html.dark [data-theme-toggle]::before,html.dark [aria-label^="Theme:"]::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79Z'/%3E%3C/svg%3E");
}
[data-theme-toggle]>span,[aria-label^="Theme:"]>span{display:none!important}
[data-theme-toggle]:focus,[aria-label^="Theme:"]:focus,[data-theme-toggle]:focus-visible,[aria-label^="Theme:"]:focus-visible{outline:none!important}
.kade-language-toggle{
  position:relative;
  display:inline-grid!important;
  place-items:center;
  width:40px!important;
  height:40px!important;
  padding:0!important;
  flex:0 0 40px;
  color:inherit;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  cursor:pointer;
}
.kade-language-toggle::before{
  content:'';
  width:21px;
  height:21px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.3 2.5 3.5 5.5 3.5 9S14.3 18.5 12 21c-2.3-2.5-3.5-5.5-3.5-9S9.7 5.5 12 3Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.3 2.5 3.5 5.5 3.5 9S14.3 18.5 12 21c-2.3-2.5-3.5-5.5-3.5-9S9.7 5.5 12 3Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}
.kade-language-toggle span{
  position:absolute;
  right:-3px;
  bottom:1px;
  min-width:18px;
  padding:1px 3px;
  background:var(--bg);
  color:var(--text);
  font-size:8px!important;
  font-weight:700!important;
  line-height:11px!important;
  letter-spacing:.02em!important;
  text-align:center;
}
.kade-language-toggle:hover,[data-theme-toggle]:hover,[aria-label^="Theme:"]:hover{opacity:.55!important}

html.kade-services-open{overflow:hidden!important}
.kade-mobile-controls{display:none}
/* The original header reserved one third of the viewport for four controls.
   After removing sound and the theme label, keep the remaining controls content-sized. */
header.z-50>div:first-child>div:has(>:is([data-theme-toggle],[aria-label^="Theme:"])){
  flex-basis:auto!important;
  width:auto!important;
  flex-wrap:nowrap!important;
  justify-content:flex-end!important;
  gap:clamp(10px,1.25vw,22px)!important;
}
header.z-50>div:first-child>div:has(>:is([data-theme-toggle],[aria-label^="Theme:"]))>button,
header.z-50>div:first-child>div:has(>:is([data-theme-toggle],[aria-label^="Theme:"]))>[role="button"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto;
  height:40px!important;
  line-height:24px!important;
}
header.z-50>div:first-child>div:has(>:is([data-theme-toggle],[aria-label^="Theme:"]))>[aria-label^="Sound"]{display:none!important}
html body div[class*="top-24"][class*="flex-row-reverse"][class*="pointer-events-none"]{display:none!important}
header.z-50>div:first-child>a::before,
header.z-50>div:first-child>div:has(>:is([data-theme-toggle],[aria-label^="Theme:"]))>button::before,
header.z-50>div:first-child>div:has(>:is([data-theme-toggle],[aria-label^="Theme:"]))>[role="button"]::before{
  border:none!important;
  outline:none!important;
}
header.z-50>div:first-child>div:has(>:is([data-theme-toggle],[aria-label^="Theme:"]))>button:nth-child(1){width:112px;padding-left:0!important;padding-right:0!important}
header.z-50>div:first-child>div:has(>:is([data-theme-toggle],[aria-label^="Theme:"]))>button:nth-child(2){width:88px;padding-left:0!important;padding-right:0!important}
.svg-sign[data-kade-signature] .svg-sign__path{stroke-linecap:round!important;stroke-linejoin:round!important}
.hud nav a,.hud nav button,.hud nav a:hover,.hud nav button:hover,.hud nav a:focus,.hud nav button:focus{
  border-color:transparent!important;
  outline:none!important;
}
header.z-50 a[href="/"]>span{display:none!important}
header.z-50 a[href="/"]::after{content:'Kade New Media'}
footer a[href^="mailto:"]{text-transform:none!important}
::selection{background:#c0fe04;color:#000}

@media(max-width:900px){
  header.z-50>div:first-child{
    position:relative;
    z-index:2;
    min-height:72px;
    border-bottom:1px solid var(--line);
    background:var(--bg);
    background:color-mix(in srgb,var(--bg) 92%,transparent);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
  }
  .kade-mobile-controls{
    position:fixed;
    z-index:60;
    top:14px;
    right:8px;
    display:flex;
    align-items:center;
    gap:0;
    height:44px;
    color:var(--text);
  }
  .kade-mobile-controls>button{display:inline-grid!important;place-items:center;width:44px!important;height:44px!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important}
  .kade-mobile-services::before{
    content:'';
    width:20px;
    height:20px;
    background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='black'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='black'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  }
  .kade-language-toggle{width:44px!important;height:44px!important;flex-basis:44px}
  .kade-hero-cta{
    position:absolute;
    z-index:4;
    top:clamp(178px,23dvh,225px);
    left:24px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    max-width:calc(100% - 48px);
    pointer-events:auto;
  }
  .kade-hero-cta a{
    display:inline-flex;
    min-height:44px;
    align-items:center;
    justify-content:center;
    padding:0 16px;
    border:1px solid currentColor;
    background:var(--bg);
    color:var(--text)!important;
    font-family:inherit;
    font-size:11px!important;
    font-weight:700!important;
    letter-spacing:.08em!important;
    line-height:1!important;
    text-transform:uppercase;
    text-decoration:none!important;
  }
  .kade-hero-cta a:last-child{background:var(--accent);color:#101210!important;border-color:var(--accent)}
}
@media(max-width:380px){
  header.z-50>div:first-child{padding-left:12px!important;padding-right:8px!important}
  header.z-50>div:first-child>a{padding-left:4px!important;padding-right:4px!important;font-size:14px!important}
  .kade-hero-cta{left:16px;max-width:calc(100% - 32px)}
}
.kade-hero-cta{display:none}
@media(max-width:900px){.kade-hero-cta{display:flex}}
@media(min-width:600px) and (max-width:900px){.kade-hero-cta{top:clamp(270px,27dvh,310px)}}

/* ── Hizmetler sayfası (services sheet) ───────────────────────────────
   Built from the homepage's own vocabulary: full-bleed hairline column
   grid, mono micro-labels, oversized uppercase display type and the
   dotted outline the header controls already use on hover. */
#kade-services-panel{
  position:fixed;
  inset:0;
  z-index:45;
  display:flex;
  flex-direction:column;
  /* Clears the site header, which stays on top and doubles as the toggle. */
  padding:clamp(96px,8vw,128px) clamp(20px,3.4vw,56px) clamp(20px,2.4vw,32px);
  background-color:var(--bg);
  background-image:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 25%);
  color:var(--text);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .3s ease,visibility 0s linear .3s;
}
#kade-services-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}

.kade-services-panel__bar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:clamp(20px,4vw,64px);
  padding:0 clamp(6px,1vw,14px) clamp(18px,2.4vw,30px);
}
.kade-services-panel__intro>span{
  display:block;
  color:var(--muted);
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
}
.kade-services-panel__intro h2{
  margin:clamp(14px,1.6vw,22px) 0 0;
  max-width:16ch;
  font-size:clamp(26px,3.1vw,50px)!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.05em!important;
}
.kade-services-panel__intro p{
  margin:clamp(10px,1.2vw,16px) 0 0;
  max-width:44ch;
  color:var(--muted);
  font-size:clamp(11px,.85vw,13px)!important;
  font-weight:400!important;
  line-height:1.5!important;
  letter-spacing:0!important;
}

/* Same chip shape as the header controls: no box until you hover it. */
.kade-services-panel__close,
.kade-services-panel__footer a{
  position:relative;
  flex:none;
  padding:10px 12px;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.14em!important;
  line-height:1!important;
  text-decoration:none!important;
  text-transform:uppercase;
  cursor:pointer;
}
.kade-services-panel__close::before,
.kade-services-panel__footer a::before,
.kade-services-panel__grid>a::before{
  content:'';
  position:absolute;
  inset:0;
  border:2px dotted transparent;
  pointer-events:none;
  transition:border-color .2s ease;
}
.kade-services-panel__close:hover::before,
.kade-services-panel__footer a:hover::before,
.kade-services-panel__grid>a:hover::before{border-color:var(--text)}
.kade-services-panel__close i{margin-left:8px;color:var(--muted);font-style:normal}

.kade-services-panel__grid{
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:0;
  border-top:1px solid var(--line);
}
.kade-services-panel__grid>a{
  position:relative;
  display:grid;
  grid-template-columns:clamp(40px,4.4vw,72px) minmax(0,1.4fr) minmax(0,1fr) 30px;
  align-items:center;
  gap:clamp(12px,2vw,28px);
  flex:1 1 0;
  min-height:64px;
  padding:clamp(10px,1.4vw,18px) clamp(6px,1vw,14px);
  border-bottom:1px solid var(--line);
  color:inherit!important;
  text-decoration:none!important;
  opacity:0;
  transform:translateY(16px);
  transition:opacity .4s ease,transform .5s cubic-bezier(.2,.9,.2,1);
}
#kade-services-panel.is-open .kade-services-panel__grid>a{opacity:1;transform:translateY(0)}
#kade-services-panel.is-open .kade-services-panel__grid>a:nth-child(2){transition-delay:.05s}
#kade-services-panel.is-open .kade-services-panel__grid>a:nth-child(3){transition-delay:.1s}
#kade-services-panel.is-open .kade-services-panel__grid>a:nth-child(4){transition-delay:.15s}
#kade-services-panel.is-open .kade-services-panel__grid>a:nth-child(5){transition-delay:.2s}
#kade-services-panel.is-open .kade-services-panel__grid>a:nth-child(6){transition-delay:.25s}
.kade-services-panel__index{
  position:relative;
  color:var(--muted);
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.14em!important;
}
/* The accent only ever appears as a small marker, like the homepage does. */
.kade-services-panel__index::after{
  content:'';
  position:absolute;
  top:50%;
  right:-14px;
  width:6px;
  height:6px;
  margin-top:-3px;
  background:var(--accent);
  transform:scale(0);
  transition:transform .25s cubic-bezier(.2,.9,.2,1);
}
.kade-services-panel__grid>a:hover .kade-services-panel__index::after{transform:scale(1)}
.kade-services-panel__grid strong{
  display:block;
  font-size:clamp(18px,2.1vw,36px)!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  transition:transform .3s cubic-bezier(.2,.9,.2,1);
}
.kade-services-panel__grid>a:hover strong{transform:translateX(10px)}
.kade-services-panel__grid small{
  color:var(--muted);
  font-size:clamp(10px,.8vw,13px)!important;
  line-height:1.45!important;
}
.kade-services-panel__arrow{
  justify-self:end;
  font-size:16px!important;
  transition:transform .3s cubic-bezier(.2,.9,.2,1);
}
.kade-services-panel__grid>a:hover .kade-services-panel__arrow{transform:translate(4px,-4px)}

.kade-services-panel__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(12px,2vw,28px);
  padding-top:clamp(12px,1.6vw,20px);
}

@media(max-width:900px){
  #kade-services-panel{
    padding:72px 16px 20px;
    overflow:auto;
    background-image:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 50%);
  }
  .kade-services-panel__bar{gap:12px;padding-bottom:20px}
  .kade-services-panel__intro h2{font-size:clamp(24px,7.4vw,36px)!important;max-width:12ch}
  .kade-services-panel__intro p{font-size:12px!important}
  .kade-services-panel__close{padding:8px 10px;font-size:10px!important}
  .kade-services-panel__close i{display:none}
  .kade-services-panel__grid{flex:none}
  .kade-services-panel__grid>a{
    grid-template-columns:34px minmax(0,1fr) 22px;
    grid-template-rows:auto auto;
    gap:4px 12px;
    min-height:88px;
    padding:16px 6px;
  }
  .kade-services-panel__index{grid-column:1;grid-row:1/3;align-self:center}
  .kade-services-panel__index::after{right:auto;left:0;top:auto;bottom:-10px;margin:0}
  .kade-services-panel__grid strong{grid-column:2;grid-row:1;font-size:clamp(17px,5.2vw,23px)!important}
  .kade-services-panel__grid>a:hover strong{transform:none}
  .kade-services-panel__grid small{grid-column:2;grid-row:2;font-size:11px!important}
  .kade-services-panel__arrow{grid-column:3;grid-row:1/3;align-self:center}
  .kade-services-panel__footer{flex-direction:column;align-items:flex-start;gap:0;padding-top:14px}
}

/* ── Giriş / kayıt girişi ─────────────────────────────────────────────
   Başlıktaki diğer kontrollerle aynı çip dili: kutu yok, hover'da noktalı
   çerçeve. İkon tek başına belirsiz kaldığı için masaüstünde kısa etiketle,
   mobil kontrol şeridinde yalnız ikonla duruyor. */
.kade-access-trigger{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  font-size:13px!important;
  font-weight:500!important;
  letter-spacing:.02em!important;
  text-transform:uppercase;
  line-height:1!important;
  cursor:pointer;
  pointer-events:auto;
}
.kade-access-trigger::before{
  content:'';
  position:absolute;
  inset:0;
  border:2px dotted transparent;
  pointer-events:none;
  transition:border-color .2s ease;
}
.kade-access-trigger:hover::before,.kade-access-trigger[aria-expanded="true"]::before{border-color:currentColor}
.kade-access-trigger i{
  display:block;
  width:15px;
  height:15px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='M14 3h6v18h-6'/%3E%3Cpath d='M3 12h11'/%3E%3Cpath d='M10 8l4 4-4 4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='M14 3h6v18h-6'/%3E%3Cpath d='M3 12h11'/%3E%3Cpath d='M10 8l4 4-4 4'/%3E%3C/svg%3E") center/contain no-repeat;
}
.kade-access-trigger--icon span{display:none}

.kade-access-panel{
  position:fixed;
  z-index:55;
  top:clamp(58px,6vw,84px);
  right:clamp(14px,3.4vw,52px);
  width:min(330px,calc(100vw - 28px));
  padding:16px 18px 18px;
  border:1px solid var(--line);
  background:var(--bg);
  color:var(--text);
  box-shadow:0 26px 70px rgba(0,0,0,.13);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-6px);
  transition:opacity .2s ease,transform .24s cubic-bezier(.2,.9,.2,1),visibility 0s linear .24s;
}
.kade-access-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
.kade-access-panel__label{
  margin:0 0 14px!important;
  color:var(--muted);
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
}
.kade-access-panel__area{padding:14px 0;border-top:1px solid var(--line)}
.kade-access-panel__area strong{display:block;font-size:15px!important;font-weight:700!important;letter-spacing:-.02em!important}
.kade-access-panel__area small{display:block;margin-top:3px;color:var(--muted);font-size:11px!important;line-height:1.4!important}
.kade-access-panel__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.kade-access-panel__actions a{
  position:relative;
  padding:9px 11px;
  color:inherit!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.1em!important;
  text-transform:uppercase;
  text-decoration:none!important;
  transition:background-color .2s ease,color .2s ease;
}
.kade-access-panel__actions a::before{content:'';position:absolute;inset:0;border:2px dotted transparent;transition:border-color .2s ease}
.kade-access-panel__actions a:hover::before{border-color:currentColor}
.kade-access-panel__actions a[data-kade-primary]{background:var(--accent);color:#101210!important}
.kade-access-panel__actions a[data-kade-primary]:hover{background:var(--text);color:var(--bg)!important}

@media(max-width:900px){
  /* Klon başlığında mobil kontrol şeridi zaten ikonu taşıyor. */
  header.z-50 .kade-access-trigger{display:none}
  .kade-access-panel{top:64px;right:14px}
}
@media(max-width:760px){
  /* Statik başlıkta marka adıyla çakışmasın diye etiket düşer, ikon kalır. */
  .hud nav .kade-access-trigger span{display:none}
  .hud nav .kade-access-trigger{padding:8px 6px!important}
}

/* ── Ana sayfa site footer'ı ──────────────────────────────────────────
   Statik rotalardaki site indeksiyle aynı dil: hairline ızgara, mono
   başlıklar, altı çizilerek açılan bağlantılar. */
.kade-sitefooter{
  position:relative;
  /* Sahne tuvali (z-30) HUD metnini footer'ın üstüne boyuyordu; başlığın (z-50)
     altında kalacak şekilde onun üzerine alındı. */
  z-index:45;
  /* Alt boşluk, sahnenin sabit HUD satırının üstüne binmemesi için. */
  /* Alt boşluk, sahnenin ekran dibine sabitlenmiş telif satırının üstüne
     binmemesi için bilerek geniş. */
  padding:clamp(30px,4vw,56px) clamp(20px,4vw,56px) clamp(96px,9vw,132px);
  border-top:1px solid var(--line);
  background:var(--bg);
  color:var(--text);
}
.kade-sitefooter__grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
}
.kade-sitefooter__col{
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:0 clamp(12px,1.6vw,28px) clamp(20px,2vw,28px) 0;
}
.kade-sitefooter__col strong{
  margin-bottom:8px;
  color:var(--muted);
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.16em!important;
  text-transform:uppercase;
}
.kade-sitefooter__col a{
  position:relative;
  width:fit-content;
  color:inherit!important;
  font-size:13px!important;
  font-weight:500!important;
  text-decoration:none!important;
}
.kade-sitefooter__col a::after{
  content:'';
  position:absolute;
  left:0;
  right:100%;
  bottom:-3px;
  height:1px;
  background:currentColor;
  transition:right .25s cubic-bezier(.2,.9,.2,1);
}
.kade-sitefooter__col a:hover::after{right:0}
.kade-sitefooter__base{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px clamp(18px,2.4vw,34px);
  padding-top:clamp(16px,2vw,24px);
  border-top:1px solid var(--line);
}
.kade-sitefooter__baslik{
  color:var(--muted);
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.16em!important;
}
.kade-sitefooter__social{display:flex;flex-wrap:wrap;gap:10px clamp(14px,2vw,28px)}
.kade-sitefooter__social a{
  position:relative;
  color:inherit!important;
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:.02em!important;
  text-decoration:none!important;
}
.kade-sitefooter__social a::after{
  content:'';
  position:absolute;
  left:0;
  right:100%;
  bottom:-3px;
  height:1px;
  background:currentColor;
  transition:right .25s cubic-bezier(.2,.9,.2,1);
}
.kade-sitefooter__social a:hover::after{right:0}
.kade-sitefooter__col--contact a{font-size:12px!important}
.kade-sitefooter__adres{color:var(--muted);font-size:12px!important;line-height:1.45;max-width:22ch}
.kade-sitefooter__cta{margin-top:4px;font-weight:700!important}
@media(max-width:900px){
  .kade-sitefooter__grid{grid-template-columns:1fr 1fr}
  .kade-sitefooter__col--contact{grid-column:1/-1}
  .kade-sitefooter__base{flex-direction:column;align-items:flex-start;gap:6px}
}
/* Site footer'ı ekrandayken sabit HUD telif satırını gizle (tekrar oluyor). */
html.kade-footer-visible .fixed .tabular-nums,
html.kade-footer-visible footer ~ div .tabular-nums{opacity:0;transition:opacity .25s ease}


/* ---------------------------------------------------------------------------
   ANASAYFA SOSYAL SATIRI — metin etiketi yerine marka ikonu
   ---------------------------------------------------------------------------
   Bağlantılar Haoqi şablonunun anlık görüntüsünden geliyor ve yapıları
   `kade-html-transform.mjs` tarafından üretiliyor:

       <a target="_blank" href="…"><span style="opacity:0"><span>Instagram</span></span></a>

   Bu yüzden işaretlemeye sınıf eklenemiyor; eşleştirme href üzerinden yapılır.
   `> span` koşulu şart: iç sayfaların künyesindeki sosyal bağlantılar düz metin
   (`<a …>Instagram ↗</a>`) ve span içermiyor, dolayısıyla onlar etkilenmez.

   İKON DIŞ SPAN'A basılır, iç span'a değil. İki sebep:
     · Dış span'ın `opacity:0` satır içi stili şablonun reveal animasyonuna ait;
       ikon oraya konunca metinle aynı anda, aynı biçimde beliriyor.
     · `data-scramble` betiği iç span'ın metnini yeniden yazıyor; ikon dışarıda
       durduğu için bundan etkilenmiyor.

   `mask` + `currentColor`: ikonlar temanın metin rengini alır, açık temada
   siyah, koyu temada krem olur — ayrıca ikon dosyası tutmaya gerek kalmaz.
   Etiket metni DOM'da kalır (yalnız görsel olarak gizlenir) ki bağlantının
   erişilebilir adı korunsun.
--------------------------------------------------------------------------- */
a[target="_blank"][href*="instagram.com/kadenewmedia"] > span,
a[target="_blank"][href*="tiktok.com/@kadenewmedia"] > span,
a[target="_blank"][href*="www.youtube.com/@kadenewmedia"] > span,
a[target="_blank"][href*="x.com/kadenewmedia"] > span,
a[target="_blank"][href*="www.linkedin.com/company/kadenewmedia"] > span {
  display: block;
  width: 21px;
  height: 21px;
  background-color: currentColor;
  -webkit-mask: var(--kade-social-glyph) center / contain no-repeat;
  mask: var(--kade-social-glyph) center / contain no-repeat;
}

a[target="_blank"][href*="instagram.com/kadenewmedia"] > span > span,
a[target="_blank"][href*="tiktok.com/@kadenewmedia"] > span > span,
a[target="_blank"][href*="www.youtube.com/@kadenewmedia"] > span > span,
a[target="_blank"][href*="x.com/kadenewmedia"] > span > span,
a[target="_blank"][href*="www.linkedin.com/company/kadenewmedia"] > span > span {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip-path: inset(50%);
  white-space: nowrap;
}

a[target="_blank"][href*="instagram.com/kadenewmedia"] > span {
  --kade-social-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06zm0 3.678a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm7.846-10.405a1.44 1.44 0 11-2.88 0 1.44 1.44 0 012.88 0z'/%3E%3C/svg%3E");
}

a[target="_blank"][href*="tiktok.com/@kadenewmedia"] > span {
  --kade-social-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3C/svg%3E");
}

a[target="_blank"][href*="www.youtube.com/@kadenewmedia"] > span {
  --kade-social-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E");
}

a[target="_blank"][href*="x.com/kadenewmedia"] > span {
  --kade-social-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932zm-1.291 19.49h2.039L6.486 3.24H4.298z'/%3E%3C/svg%3E");
}

a[target="_blank"][href*="www.linkedin.com/company/kadenewmedia"] > span {
  --kade-social-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0z'/%3E%3C/svg%3E");
}