/* YUSEM DİJİTAL — premium görsel katman. Renkler, içerik ve tema mantığı site.css'te; bu dosya yalnızca sunumu inceltir.
   Kaldırmak için head.ejs'teki premium.css bağlantısını silmek yeterli. */

/* ---- tokens: existing palette, only depth & light added ---- */
:root{--glow:rgba(61,107,255,.16);--glow2:rgba(139,92,246,.12);--sh1:0 1px 0 rgba(255,255,255,.04) inset,0 24px 60px -32px rgba(0,0,0,.7);
  --sh2:0 1px 0 rgba(255,255,255,.06) inset,0 40px 90px -40px rgba(0,0,0,.85);--hair:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);--ease2:cubic-bezier(.16,1,.3,1)}
/* ---- theme change: soft cross-fade (view transition), manual toggle and auto logic untouched ---- */
::view-transition-old(root),::view-transition-new(root){animation-duration:.55s;animation-timing-function:var(--ease2)}
@view-transition{navigation:auto}
::view-transition-old(root){animation-name:pv-out}::view-transition-new(root){animation-name:pv-in}
@keyframes pv-out{to{opacity:0}}@keyframes pv-in{from{opacity:0}}

/* ---- typography ---- */
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11"}
h1,h2,h3{text-wrap:balance;font-optical-sizing:auto}
h1{letter-spacing:-.035em}h2{letter-spacing:-.025em}
p,li{text-wrap:pretty}
::selection{background:var(--accent);color:#fff}
.eyebrow{display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:18px;height:1px;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.ft .eyebrow::before,.hero .eyebrow::before,.pill .eyebrow::before{display:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}

/* ---- scroll progress (progressive: browsers with scroll timelines) ---- */
@supports (animation-timeline:scroll()){
  body::after{content:"";position:fixed;inset:0 0 auto;height:2px;z-index:60;pointer-events:none;transform-origin:left;transform:scaleX(0);
    background:linear-gradient(90deg,var(--accent),var(--accent2));animation:pv-prog linear both;animation-timeline:scroll(root)}
  @keyframes pv-prog{to{transform:scaleX(1)}}
}

/* ---- header ---- */
.hd.scrolled{backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-color:transparent;box-shadow:0 10px 40px -30px rgba(0,0,0,.6)}
.hd.scrolled::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--hair)}
.nav a::after{height:1.5px;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.mnav{background:radial-gradient(80% 50% at 100% 0,var(--glow),transparent 70%),radial-gradient(60% 40% at 0 100%,var(--glow2),transparent 70%),var(--bg)}
.mnav nav a{transition:padding-left .35s var(--ease2),color .2s}
.mnav nav a:hover,.mnav nav a[aria-current]{padding-left:12px;color:var(--accent)}

/* ---- buttons: light sweep + depth ---- */
.btn,.pill{position:relative;overflow:hidden;isolation:isolate}
.btn::after,.pill::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease2)}
.btn:hover::after,.pill:hover::after{transform:translateX(120%)}
.btn:hover{box-shadow:0 18px 40px -16px rgba(61,107,255,.45)}
.btn:active,.pill:active{transform:translateY(0) scale(.98)}

/* ---- page heads: cinematic ambient light ---- */
.phead{position:relative;isolation:isolate}
.phead::after{content:"";position:absolute;z-index:-2;inset:-120px 0 -40px;pointer-events:none;
  background:radial-gradient(48% 60% at 82% 18%,var(--glow),transparent 70%),radial-gradient(36% 50% at 8% 90%,var(--glow2),transparent 70%)}
.phead h1:not(.sp){animation:pv-rise 1s var(--ease2) both}
.phead p{animation:pv-rise 1s .12s var(--ease2) both}
.phead .eyebrow{animation:pv-rise .9s var(--ease2) both}
@keyframes pv-rise{from{opacity:0;transform:translateY(22px);filter:blur(6px)}}
.closing{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(55% 80% at 50% 115%,var(--glow),transparent 70%),radial-gradient(40% 60% at 15% 0,var(--glow2),transparent 70%),var(--bg)}

/* ---- media cards: cinematic hover ---- */
.pcard-m,.post-m,.vcard-m{position:relative;box-shadow:var(--sh1);transition:box-shadow .6s var(--ease2),transform .6s var(--ease2)}
.pcard-m::after,.post-m::after,.vcard-m::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.38));opacity:0;transition:opacity .6s var(--ease2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.pcard:hover .pcard-m,.post:hover .post-m,.vcard:hover .vcard-m{box-shadow:var(--sh2);transform:translateY(-4px)}
.pcard:hover .pcard-m::after,.post:hover .post-m::after,.vcard:hover .vcard-m::after{opacity:1}
.pcard-m img,.post-m img,.vcard-m img{transition:transform 1.4s var(--ease2),filter .8s}
.pcard:hover img,.post:hover img,.vcard:hover img{transform:scale(1.06);filter:saturate(1.08) contrast(1.03)}
.pcard-t h3,.post h3,.bcard h3{transition:color .3s}
.pcard:hover .pcard-t h3,.post:hover h3,.bcard:hover h3{color:var(--accent)}
.wide{box-shadow:var(--sh2)}
@supports (animation-timeline:view()){
  .wide,.prose img{animation:pv-zoom linear both;animation-timeline:view();animation-range:entry 0% cover 60%}
  @keyframes pv-zoom{from{transform:scale(.94);opacity:.4;filter:saturate(.7)}}
}

/* ---- boxed cards: gradient edge on hover ---- */
.sol,.pkg,.pack,.step,.duo article,.job,.bcard-m{transition:transform .45s var(--ease2),box-shadow .45s var(--ease2),background .3s,color .3s}
.sol,.duo article{background:linear-gradient(180deg,color-mix(in srgb,var(--bg2) 60%,transparent),var(--bg))}
.sol::after,.pkg::after,.duo article::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;transition:opacity .45s var(--ease2);
  background:linear-gradient(135deg,var(--accent),transparent 40%,transparent 60%,var(--accent2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.duo article,.pkg{position:relative}
.sol:hover,.pkg:hover,.duo article:hover{transform:translateY(-6px);box-shadow:var(--sh2)}
.sol:hover::after,.pkg:hover::after,.duo article:hover::after{opacity:1}
.job:hover{box-shadow:0 14px 30px -18px rgba(61,107,255,.6)}
.svc::before{background:linear-gradient(160deg,var(--tx),color-mix(in srgb,var(--tx) 82%,var(--accent)))}

/* ---- chips, filters, pager ---- */
.chips a,.filters a,.pager a{transition:background .25s,color .25s,box-shadow .25s,transform .25s var(--ease2)}
.chips a:hover,.filters a:hover,.pager a:hover{transform:translateY(-2px)}
.filters a[aria-current],.pager a[aria-current]{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 10px 24px -12px rgba(61,107,255,.7)}

/* ---- FAQ ---- */
.faq summary{transition:color .25s,padding-left .35s var(--ease2)}
.faq summary:hover,.faq [open] summary{color:var(--accent)}
.faq [open] summary{padding-left:8px}

/* ---- forms ---- */
.fld input,.fld select,.fld textarea{transition:border-color .25s,box-shadow .25s,background .25s}
.fld input:hover,.fld select:hover,.fld textarea:hover{border-color:color-mix(in srgb,var(--line) 40%,var(--tx))}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent);background:var(--bg)}
.cform{position:relative}

/* ---- prose ---- */
.prose{line-height:1.8}
.prose blockquote{border-left:2px solid var(--accent);font:400 1.3rem/1.5 Display,sans-serif;color:var(--tx)}
.prose a{text-decoration-color:color-mix(in srgb,var(--accent) 60%,transparent);text-underline-offset:3px;transition:color .2s}
.prose a:hover{color:var(--accent)}

/* ---- footer: closing chapter ---- */
.ft{position:relative;isolation:isolate;overflow:hidden}
.ft::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--hair)}
.ft::after{content:"";position:absolute;z-index:-1;left:50%;top:-30%;width:120%;height:70%;transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(50% 50% at 50% 0,var(--glow),transparent 70%)}
.ft-grid li a{position:relative;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:color .2s,background-size .4s var(--ease2)}
.ft-grid li a:hover{background-size:100% 1px}

/* ---- logos slider ---- */
.logo-tile{transition:transform .5s var(--ease2),box-shadow .5s var(--ease2)}

/* ---- touch & small screens: tuned, not shrunk ---- */
@media (hover:none){
  .sol:hover,.pkg:hover,.duo article:hover,.pcard:hover .pcard-m,.post:hover .post-m,.vcard:hover .vcard-m{transform:none}
  .btn::after,.pill::after{display:none}
}
@media (max-width:760px){
  h1{letter-spacing:-.03em}
  .phead::after{inset:-80px 0 -20px;background:radial-gradient(80% 50% at 90% 10%,var(--glow),transparent 70%)}
  .phead h1{font-size:clamp(2.4rem,11vw,3.4rem)}
  .eyebrow::before{width:12px}
  .ft::after{width:200%}
}
@media (prefers-reduced-motion:reduce){
  .phead h1,.phead p,.phead .eyebrow,.wide,.prose img{animation:none!important}
  ::view-transition-old(root),::view-transition-new(root){animation:none}
  body::after{display:none}
}

/* ======== GRADIENT CİLASI: yalnızca yüzey, ışık ve gölge; ölçü ve yerleşim aynı ======== */
:root{--g-acc:linear-gradient(135deg,var(--accent),var(--accent2));
  --g-surf:linear-gradient(160deg,color-mix(in srgb,var(--bg2) 92%,var(--accent)) 0%,var(--bg2) 45%,color-mix(in srgb,var(--bg) 70%,var(--bg2)) 100%);
  --g-edge:linear-gradient(135deg,color-mix(in srgb,var(--accent) 55%,transparent),var(--line) 35%,var(--line) 65%,color-mix(in srgb,var(--accent2) 55%,transparent));
  --hi:inset 0 1px 0 rgba(255,255,255,.06)}
/* header */
.hd.scrolled{background:linear-gradient(180deg,var(--hdbg),color-mix(in srgb,var(--hdbg) 85%,transparent))}

/* buttons: same size and text, gradient body + brand fill on hover */
.btn{background:linear-gradient(135deg,var(--tx) 0%,color-mix(in srgb,var(--tx) 84%,var(--accent)) 100%);box-shadow:var(--hi),0 10px 26px -16px color-mix(in srgb,var(--accent) 70%,transparent)}
.btn::after{background:var(--g-acc);transform:translateY(101%);transition:transform .55s var(--ease2)}
.btn:hover::after{transform:none}
.btn:hover{color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 18px 40px -16px color-mix(in srgb,var(--accent2) 70%,transparent)}
.pill{background-image:linear-gradient(135deg,rgba(255,255,255,.08),transparent 60%);box-shadow:var(--hi),0 10px 26px -18px color-mix(in srgb,var(--accent) 70%,transparent)}

/* boxes: gradient surface + always-on fine gradient edge, brighter on hover */
.sol,.pkg,.duo article,.step,.cform,.job{background-image:var(--g-surf);box-shadow:var(--hi),0 1px 2px rgba(0,0,0,.08),0 20px 46px -34px rgba(0,0,0,.55)}
.sol::after,.pkg::after,.duo article::after{opacity:.55;background:var(--g-edge)}
.sol:hover::after,.pkg:hover::after,.duo article:hover::after{opacity:1;background:linear-gradient(135deg,var(--accent),transparent 45%,transparent 55%,var(--accent2))}
.sol:hover,.pkg:hover,.duo article:hover{box-shadow:var(--hi),0 30px 60px -30px color-mix(in srgb,var(--accent) 45%,transparent)}
.job:hover{background-image:var(--g-acc);color:#fff}
.svc::before{background:linear-gradient(160deg,var(--tx),color-mix(in srgb,var(--tx) 80%,var(--accent)))}

/* media cards: fine light ring + coloured shadow on hover */
.pcard-m::after,.post-m::after,.vcard-m::after{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tx) 8%,transparent)}
.pcard:hover .pcard-m,.post:hover .post-m,.vcard:hover .vcard-m{box-shadow:0 30px 64px -32px color-mix(in srgb,var(--accent) 50%,transparent)}
.bcard-m{background-image:linear-gradient(160deg,#fff,#f3f4f8)}

/* chips, filters, tabs */
.chips a,.filters a{background-image:linear-gradient(180deg,color-mix(in srgb,var(--tx) 4%,transparent),transparent)}
.chips a:hover{background:var(--g-acc);color:#fff}
.ptabs [aria-selected=true],.job-tabs [aria-selected=true]{background:var(--g-acc);color:#fff;box-shadow:0 10px 24px -14px color-mix(in srgb,var(--accent) 80%,transparent)}

/* forms */
.fld input,.fld select,.fld textarea{background-image:linear-gradient(180deg,color-mix(in srgb,var(--tx) 3%,transparent),transparent);box-shadow:var(--hi)}

/* soft colour light in section backgrounds */
.sec:not(.closing):not(.hero):not(.zd):not(.wm):not(.cells-s){background-image:radial-gradient(40% 50% at 100% 0,color-mix(in srgb,var(--accent) 6%,transparent),transparent 70%)}
.sec:nth-of-type(even):not(.closing):not(.hero):not(.zd):not(.wm):not(.cells-s){background-image:radial-gradient(40% 50% at 0 100%,color-mix(in srgb,var(--accent2) 6%,transparent),transparent 70%)}
.ft.zd,footer.zd{background-image:radial-gradient(50% 60% at 85% 0,rgba(61,107,255,.10),transparent 70%),radial-gradient(40% 50% at 0 100%,rgba(139,92,246,.08),transparent 70%)}

/* ---- Hakkımızda: geniş metin, klasik vizyon/misyon, değerler solda / prensipler sağda ---- */
.ab-body{max-width:none;columns:2 420px;column-gap:clamp(32px,5vw,80px)}
.ab-body>*{break-inside:avoid}
.vm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,80px)}
.vm article{position:relative;padding:clamp(28px,3vw,44px) 0 0;border-top:1px solid var(--line)}
.vm article::before{content:"";position:absolute;left:0;top:-1px;width:72px;height:1px;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.vm-n{display:block;font:300 .8rem/1 Display,sans-serif;letter-spacing:.3em;color:var(--mut);margin-bottom:18px}
.vm .eyebrow{margin-bottom:18px}
.vm p{font:300 clamp(1.35rem,2.1vw,1.9rem)/1.45 Display,sans-serif;letter-spacing:-.01em;color:var(--tx);margin:0;max-width:34ch}
.vp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,80px);align-items:start}
.vp .vlist{grid-template-columns:1fr}
@media (max-width:760px){.vm,.vp{grid-template-columns:1fr}.ab-body{columns:1}}

/* ---- Footer düzeni (masaüstü): sağ sütun yatay yayılır, boşluklar kısalır; mobil olduğu gibi ---- */
@media (min-width:1025px){
  .ft{padding-top:clamp(40px,4vw,60px)}
  .ft-top{grid-template-columns:minmax(0,1.05fr) minmax(0,.75fr) minmax(0,1.7fr);gap:clamp(28px,3.5vw,56px);padding-bottom:36px}
  .ft-big a{font-size:clamp(1.05rem,1.35vw,1.3rem);line-height:1.6}
  .ft-c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 1fr;grid-auto-flow:column;column-gap:clamp(24px,3vw,48px);align-content:start}
  .ft-c .mt{margin-top:0}
  .ft-c ul{align-self:start}
  .ft-info{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:16px 48px;padding-block:22px}
  .ft-info ul{display:flex;flex-wrap:wrap;gap:4px 22px}
  .ft-info h2{margin-bottom:8px}
  .ft-legal{margin-left:0;justify-self:end;text-align:right}
  .ft-legal ul{justify-content:flex-end}
  .ft-bottom{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px 32px;padding-block:16px}
  .ft-bottom .sb{display:none}
}

/* ---- Renkler: daha net ve canlı (aynı palet) ---- */
:root{--glow:rgba(61,107,255,.30);--glow2:rgba(139,92,246,.24);
  --g-acc:linear-gradient(120deg,#3d6bff 0%,#5a5cff 45%,#8b5cf6 100%);
  --g-edge:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 25%,var(--line)) 30%,var(--line) 50%,color-mix(in srgb,var(--accent2) 25%,var(--line)) 70%,var(--accent2))}
.btn{background:linear-gradient(120deg,var(--tx) 0%,color-mix(in srgb,var(--tx) 72%,var(--accent)) 100%)}
.btn:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 18px 44px -14px rgba(91,92,255,.65)}
.sol::after,.pkg::after,.duo article::after{opacity:.8}
.eyebrow::before{width:22px;height:2px;border-radius:2px;background:var(--g-acc)}
.filters a[aria-current],.pager a[aria-current],.ptabs [aria-selected=true],.job-tabs [aria-selected=true],.chips a:hover,.job:hover{background:var(--g-acc)}
.nav a::after{height:2px;border-radius:2px;background:var(--g-acc)}
.sec:not(.closing):not(.hero):not(.zd):not(.wm):not(.cells-s){background-image:radial-gradient(45% 55% at 100% 0,color-mix(in srgb,var(--accent) 11%,transparent),transparent 70%)}
.sec:nth-of-type(even):not(.closing):not(.hero):not(.zd):not(.wm):not(.cells-s){background-image:radial-gradient(45% 55% at 0 100%,color-mix(in srgb,var(--accent2) 11%,transparent),transparent 70%)}
.ft.zd{background-image:radial-gradient(50% 70% at 90% 0,rgba(61,107,255,.16),transparent 70%),radial-gradient(40% 60% at 0 100%,rgba(139,92,246,.13),transparent 70%)}
.ft::before{height:2px;background:linear-gradient(90deg,transparent,#3d6bff,#8b5cf6,transparent)}
.vm article::before{height:2px;background:var(--g-acc)}

/* ---- Gündüz modu: saf beyaz yerine markanın mavisinden türetilmiş "porselen" ton; gece modu aynı ---- */
/* ---- Doygun degradeler (iki mod) ---- */
:root{--g-acc:linear-gradient(120deg,#2f5dff 0%,#5b4dff 50%,#8b5cf6 100%)}
.btn::after{background:var(--g-acc)}
.eyebrow::before,.nav a::after,.vm article::before{background:var(--g-acc)}
/* featured package keeps its dark card, with a deep brand gradient */
.pkg.hi{background-image:radial-gradient(80% 60% at 100% 0,rgba(91,77,255,.35),transparent 70%),linear-gradient(160deg,#141a33 0%,#0a0b0e 70%)}

/* ======== GÜNDÜZ MODU = SICAK KREM: beyaz yerine krem/kum; gece modu aynı ======== */
[data-theme=light]{--bg:#f6f5f1;--bg2:#edebe5;--bg3:#e2dfd7;--line:rgba(30,28,24,.13);--tx:#121214;--mut:#62625f;--soft:#34343a;--hdbg:rgba(246,245,241,.88);
  --glow:rgba(61,107,255,.16);--glow2:rgba(139,92,246,.14);--hi:inset 0 1px 0 rgba(255,255,255,.7);
  --g-surf:linear-gradient(160deg,#fbfaf7 0%,#f1efea 55%,#e9e6df 100%)}
[data-theme=light] .btn{background:linear-gradient(120deg,#16130f 0%,#1d2550 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 28px -14px rgba(47,93,255,.5)}
[data-theme=light] .sol,[data-theme=light] .pkg:not(.hi),[data-theme=light] .duo article,[data-theme=light] .step,[data-theme=light] .cform,[data-theme=light] .job{box-shadow:var(--hi),0 1px 2px rgba(46,36,20,.06),0 22px 46px -32px rgba(46,36,20,.3)}
[data-theme=light] .sec:not(.closing):not(.hero):not(.zd):not(.wm):not(.cells-s){background-image:radial-gradient(45% 55% at 100% 0,rgba(61,107,255,.10),transparent 70%)}
[data-theme=light] .sec:nth-of-type(even):not(.closing):not(.hero):not(.zd):not(.wm):not(.cells-s){background-image:radial-gradient(45% 55% at 0 100%,rgba(139,92,246,.10),transparent 70%)}
/* ======== BELİRGİN DEGRADELER (iki mod) ======== */
:root{--glow:rgba(61,107,255,.38);--glow2:rgba(139,92,246,.32)}
[data-theme=light]{--glow:rgba(61,107,255,.26);--glow2:rgba(139,92,246,.22)}
.phead::after{background:radial-gradient(50% 65% at 85% 15%,var(--glow),transparent 70%),radial-gradient(40% 55% at 5% 95%,var(--glow2),transparent 70%)}
.sec:not(.closing):not(.hero):not(.zd):not(.wm):not(.cells-s),[data-theme=light] .sec:not(.closing):not(.hero):not(.zd):not(.wm):not(.cells-s){background-image:radial-gradient(50% 60% at 100% 0,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%)}
.sec:nth-of-type(even):not(.closing):not(.hero):not(.zd):not(.wm):not(.cells-s),[data-theme=light] .sec:nth-of-type(even):not(.closing):not(.hero):not(.zd):not(.wm):not(.cells-s){background-image:radial-gradient(50% 60% at 0 100%,color-mix(in srgb,var(--accent2) 20%,transparent),transparent 70%)}
.sol::after,.pkg::after,.duo article::after{opacity:1;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 30%,transparent) 35%,color-mix(in srgb,var(--accent2) 30%,transparent) 65%,var(--accent2))}
.sol,.duo article,.step,.cform,.job{background-image:linear-gradient(160deg,color-mix(in srgb,var(--bg2) 82%,var(--accent)) 0%,var(--bg2) 50%,color-mix(in srgb,var(--bg2) 88%,var(--accent2)) 100%)}
.pkg:not(.hi){background-image:linear-gradient(160deg,color-mix(in srgb,var(--bg2) 82%,var(--accent)) 0%,var(--bg2) 50%,color-mix(in srgb,var(--bg2) 88%,var(--accent2)) 100%)}
.ft.zd{background-image:radial-gradient(55% 75% at 90% 0,rgba(61,107,255,.26),transparent 70%),radial-gradient(45% 65% at 0 100%,rgba(139,92,246,.22),transparent 70%)}
.closing{background:radial-gradient(60% 85% at 50% 115%,var(--glow),transparent 70%),radial-gradient(45% 65% at 12% 0,var(--glow2),transparent 70%),var(--bg)}
/* ======== SİTE GENELİ DEGRADE ZEMİN: her sayfada arkada sabit, belirgin mavi‑mor ışık ======== */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(38% 45% at 100% 0%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 70%),
             radial-gradient(34% 42% at 0% 100%,color-mix(in srgb,var(--accent2) 24%,transparent),transparent 70%),
             radial-gradient(28% 30% at 55% 50%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 70%)}
[data-theme=light] body::before{background:radial-gradient(38% 45% at 100% 0%,rgba(61,107,255,.20),transparent 70%),radial-gradient(34% 42% at 0% 100%,rgba(139,92,246,.18),transparent 70%),radial-gradient(28% 30% at 55% 50%,rgba(61,107,255,.06),transparent 70%)}
.logos{background-color:transparent}
.trackband,.packs{background:linear-gradient(120deg,color-mix(in srgb,var(--bg2) 80%,var(--accent)) 0%,var(--bg2) 45%,color-mix(in srgb,var(--bg2) 82%,var(--accent2)) 100%)}
.trackband,.packs{position:relative}
.trackband::after,.packs::after{content:"";position:absolute;inset:0 0 auto;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--accent),var(--accent2),transparent);opacity:.7}
.band{background:var(--g-acc);border:0}
.hero .slide-t b,.hero .slide-t strong{background:linear-gradient(120deg,#fff 0%,#c9d4ff 45%,#b9a4ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec-h h2 b,.sec-h h2 strong,.sec-h h2 em,.phead h1 em{font-style:normal;background:var(--g-acc);-webkit-background-clip:text;background-clip:text;color:transparent}
.how .step,.how li{transition:color .3s}

/* ======== HEADER: aşağı kaydırınca gizlenir, yukarı kaydırınca geri gelir ======== */
.hd{transition:transform .45s var(--ease2),background .35s,border-color .35s,color .35s,box-shadow .35s}
.hd.hd-hide{transform:translateY(-102%)}

/* ======== MENÜ PANELİ: düzenli, numaralı, hizalı (mobil + web) ======== */
.mnav nav{counter-reset:m}
.mnav nav a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:clamp(1.45rem,6vw,2.1rem);padding:13px 0;padding-left:0!important}
.mnav nav a::after{counter-increment:m;content:counter(m,decimal-leading-zero);font:600 .68rem/1 Body,sans-serif;letter-spacing:.2em;color:var(--mut)}
.mnav nav a[aria-current]{color:var(--accent)}
.mnav nav a[aria-current]::after{color:var(--accent)}
.mnav-s{display:grid;gap:14px;padding-top:6px}
.mnav-s .pill{justify-self:start}
.mnav-s .sb{display:flex;gap:10px;flex-wrap:wrap}
@media (min-width:900px){
  .mnav:not([hidden]){display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:clamp(40px,6vw,110px);align-content:center;padding-top:120px}
  .mnav nav a{font-size:clamp(1.8rem,2.6vw,2.6rem);padding:10px 0}
  .mnav-s{align-self:end;padding:28px;border-radius:18px;background:var(--g-surf);box-shadow:var(--hi),0 24px 60px -40px rgba(0,0,0,.5);border:1px solid var(--line)}
}

/* ======== MOBİL: paketler ve son yazılar yana kaydırılır ======== */
@media (max-width:760px){
  .pgrid3:not([hidden]),.sec-blog .bloggrid{display:flex!important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    margin-inline:calc(-1 * var(--gut));padding:4px var(--gut) 18px;scroll-padding-inline:var(--gut);scrollbar-width:none}
  .pgrid3::-webkit-scrollbar,.sec-blog .bloggrid::-webkit-scrollbar{display:none}
  .pgrid3>.pkg,.sec-blog .bloggrid>*{flex:0 0 84%;max-width:340px;scroll-snap-align:start;margin:0}
  .ptabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin-inline:calc(-1 * var(--gut));padding-inline:var(--gut);scrollbar-width:none}
  .ptabs button{flex:none}
}

/* ======== KUTULARDA METİN KAYMASI: uzun kelimeler kırılır, satırlar taşmaz ======== */
.pkg,.sol,.job,.cell,.step,.duo article,.vm article,.post,.pcard-t,.bcard,.fld,.ticks li{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.ticks li{line-height:1.45}
.pill,.btn{white-space:nowrap}

/* ======== MOBİL FOOTER: boşluklar kapandı, sıralı ve kompakt ======== */
.ft-bottom .sb{display:none!important}
@media (max-width:1000px){
  .ft{padding-top:36px}
  .ft-top{gap:28px;padding-bottom:24px}
  .ft-a .sb{margin-top:16px}
  .ft-big{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px}
  .ft-big a{font-size:1.05rem;line-height:1.5;padding:4px 0}
  .ft-c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 1fr;grid-auto-flow:column;column-gap:18px}
  .ft-c .mt{margin-top:0}
  .ft-c li,.ft-info li{font-size:.84rem;padding:2px 0}
  .ft-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-block:20px}
  .ft-info>div:nth-child(2):not(.ft-legal){grid-column:1/-1}
  .ft-bottom{display:flex;flex-direction:row!important;flex-wrap:wrap;align-items:center!important;justify-content:space-between;gap:10px 16px;padding-block:14px 90px}
  .ft-bottom>span:first-child{flex:1 1 100%}
}
.ft .ft-c h2.mt{margin-top:0}.ft-c ul{align-self:start}

/* ======== HEADER: renk değiştirmez, her yerde aynı koyu cam görünüm ======== */
.hd.zd,.hd.zd.scrolled{background:rgba(10,11,14,.8);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4)}
.hd.zd.hd-top{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.hd.zd.hd-top::after{display:none}

/* ======== MOBİL: başlık altındaki kart sıraları yana kaydırılır + "kaydır" ipucu ======== */
.swipe-hint{display:none}
@media (max-width:760px){
  .cells-s .cells,.sec-h ~ :is(.cells,.pgrid,.vgrid,.bgrid,.bloggrid),.pgrid3:not([hidden]){display:flex!important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    margin-inline:calc(-1 * var(--gut));padding:4px var(--gut) 14px;scroll-padding-inline:var(--gut);scrollbar-width:none;border:0}
  .cells-s .cells::-webkit-scrollbar,.sec-h ~ :is(.cells,.pgrid,.vgrid,.bgrid,.bloggrid)::-webkit-scrollbar{display:none}
  .cells-s .cells>*,.sec-h ~ :is(.cells,.pgrid,.vgrid,.bgrid,.bloggrid)>*,.pgrid3>.pkg{flex:0 0 82%;max-width:340px;scroll-snap-align:start;margin:0;grid-column:auto!important}
  .cells-s .cells>.cell,.sec-h ~ .cells>.cell{min-height:260px;border:1px solid var(--line);border-radius:var(--r)}
  .swipe-hint{display:flex;align-items:center;justify-content:center;gap:10px;margin:2px 0 0;font:600 .7rem/1 Body,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);transition:opacity .5s}
  .swipe-hint i{font-style:normal;color:var(--accent);animation:pv-nudge 1.4s ease-in-out infinite}
  .swipe-hint .sh-l{animation-direction:reverse;opacity:.5}
  .swipe-hint.done{opacity:0;pointer-events:none}
  .pgrid3[hidden] + .swipe-hint{display:none}
  @keyframes pv-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
}

.ft-areas p{color:var(--soft);font-size:.86rem;line-height:1.7;max-width:46ch;margin:0}@media (min-width:1025px){.ft-info{grid-template-columns:auto minmax(0,1fr) auto}}@media (max-width:1000px){.ft-areas{grid-column:1/-1}}

/* ======== UZUN METİNLER: kısa önizleme + "Devamını oku" (metin sayfada kalır, SEO bozulmaz) ======== */
.ab-body{columns:auto!important;max-width:72ch}
.ab-body>p:first-child,.prose[data-more]>p:first-child{font-size:clamp(1.12rem,1.4vw,1.28rem);line-height:1.65;color:var(--tx)}
.prose[data-more] p,.tf-bio p{line-height:1.75}
.rm{position:relative;max-height:15.5em;overflow:hidden;transition:max-height .6s var(--ease2)}
.rm::after{content:"";position:absolute;inset:auto 0 0;height:5.5em;pointer-events:none;background:linear-gradient(180deg,transparent,var(--bg) 90%)}
.tf-bio.rm::after{background:linear-gradient(180deg,transparent,var(--bg2) 90%)}
.rm.open{max-height:none}
.rm.open::after{display:none}
.rm-btn{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:10px 20px;border-radius:999px;font:600 .74rem/1 Body,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--g-acc);box-shadow:0 10px 24px -14px rgba(61,107,255,.8);cursor:pointer;border:0}
.rm-btn::after{content:"↓";transition:transform .3s}
.rm-btn[aria-expanded=true]::after{transform:rotate(180deg)}
@media (max-width:760px){.rm{max-height:13em}}

/* ---- Teşekkürler: talep numarası + kopyala ---- */
.tno-box{display:inline-flex;align-items:center;gap:6px;margin:6px 0 18px;padding:6px 6px 6px 20px;border-radius:999px;background:var(--g-surf);border:1px solid var(--line);box-shadow:var(--hi),0 16px 36px -24px rgba(61,107,255,.6)}
.tno-box .tno{font:600 clamp(1.15rem,3.6vw,1.6rem)/1 Display,sans-serif;letter-spacing:.06em;background:var(--g-acc);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:all}
.tno-copy{border:0;cursor:pointer;padding:12px 20px;border-radius:999px;font:700 .72rem/1 Body,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--g-acc);transition:transform .2s,filter .2s}
.tno-copy:hover{transform:translateY(-1px);filter:brightness(1.08)}
.tno-copy.ok{background:linear-gradient(120deg,#16a34a,#22c55e)}