/* ==========================================================================
   iBoxSoft — Ana sayfa (Synapse tarzı sinematik scroll)
   ========================================================================== */
:root{
  --page:#e9e8ee;
  --ink:#0c0c10;
  --ink2:#55556a;
  --dark:#060609;
  --violet:#7c5cf0;
  --lav:#c9b8ff;
  --gut:14px;
  --rad:22px;
  --fd:'Inter Tight','Inter',system-ui,sans-serif;
  --fb:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fm:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--page);color:var(--ink);font-family:var(--fb);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--fd);font-weight:500}
.mono{font-family:var(--fm);font-size:11px;letter-spacing:.22em;text-transform:uppercase}
:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:6px}

/* ---------- butonlar ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:10px;font-size:14.5px;font-weight:500;white-space:nowrap;transition:transform .25s var(--ease),background .25s,box-shadow .25s}
.btn svg{width:15px;height:15px}
.btn:hover{transform:translateY(-2px)}
.btn-white{background:#fff;color:#1a0d4d;box-shadow:0 10px 30px rgba(20,0,80,.18)}
.btn-glass{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.16)}
.btn-glass:hover{background:rgba(255,255,255,.2)}
.btn-black{background:#0c0c10;color:#fff}
.btn-sm{height:40px;padding:0 16px;font-size:13.5px}

/* ---------- hap menü ---------- */
.pill{position:fixed;top:22px;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:6px;height:48px;padding:0 5px 0 8px;border-radius:999px;background:rgba(22,10,58,.55);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;transition:background .35s,color .35s,border-color .35s,box-shadow .35s}
.pill-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:50%}
.pill-logo img{width:20px;height:20px;object-fit:contain;transition:filter .35s}
.pill-links{display:flex;gap:2px}
.pill-links a{padding:7px 12px;border-radius:999px;font-size:13.5px;color:rgba(255,255,255,.86);transition:background .2s,color .2s}
.pill-links a:hover{background:rgba(255,255,255,.1);color:#fff}
.pill-cta{margin-left:4px;height:38px;display:inline-flex;align-items:center;padding:0 18px;border-radius:999px;background:#fff;color:#0c0c10;font-size:13.5px;font-weight:600;transition:background .35s,color .35s}
.pill-burger{display:none;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.12);cursor:pointer}
.pill-burger span{display:block;width:16px;height:1.5px;background:currentColor;margin:4px auto;transition:transform .3s}
.pill[data-theme="light"]{background:rgba(255,255,255,.82);color:var(--ink);border-color:rgba(12,12,16,.06);box-shadow:0 10px 30px rgba(20,20,40,.08)}
.pill[data-theme="light"] .pill-links a{color:#5a5a6a}
.pill[data-theme="light"] .pill-links a:hover{background:rgba(12,12,16,.05);color:var(--ink)}
.pill[data-theme="light"] .pill-cta{background:#0c0c10;color:#fff}
.pill[data-theme="light"] .pill-logo img{filter:invert(1)}
.pill[data-theme="light"] .pill-burger{background:rgba(12,12,16,.06)}
.mnav{position:fixed;inset:80px 14px auto;z-index:99;display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:20px;background:rgba(14,8,34,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff}
.mnav[hidden]{display:none}
.mnav a{padding:11px 14px;border-radius:12px;font-size:15px}
.mnav a:hover{background:rgba(255,255,255,.08)}
.mnav-cta{margin-top:6px;background:#fff;color:#0c0c10!important;text-align:center;font-weight:600}

/* ---------- ortak panel ---------- */
section{position:relative}
.hero-panel,.car-panel,.bey-panel,.work-panel,.lib-panel,.cta-panel{position:relative;margin:0 var(--gut);border-radius:var(--rad);overflow:hidden}

/* ---------- 1. HERO ---------- */
.hero{padding-top:var(--gut)}
.hero-panel{height:calc(100vh - var(--gut)*2);height:calc(100svh - var(--gut)*2);min-height:620px;color:#fff;background:#2a1182;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1;background:
  radial-gradient(62% 36% at 50% 108%,rgba(232,218,255,.95) 0%,rgba(178,150,245,.55) 40%,rgba(178,150,245,0) 72%),
  radial-gradient(34% 44% at 9% 62%,rgba(120,70,240,.5),rgba(120,70,240,0) 70%),
  radial-gradient(30% 42% at 80% 36%,rgba(170,120,255,.32),rgba(170,120,255,0) 70%),
  radial-gradient(70% 60% at 8% 0%,rgba(140,95,255,.75),rgba(140,95,255,0) 60%),
  radial-gradient(60% 55% at 85% 12%,rgba(90,40,220,.7),rgba(90,40,220,0) 65%),
  linear-gradient(180deg,#3d17b8 0%,#2b1192 42%,#1f0c6c 72%,#24106f 100%)}
.hero-in{position:relative;height:100%;padding:clamp(96px,11vh,128px) clamp(28px,4vw,60px) clamp(28px,4vh,44px)}
.hero-title{font-size:clamp(52px,7.6vw,118px);line-height:.96;letter-spacing:-.048em;font-weight:500}
.hero-title .ln{display:block;overflow:hidden;padding-bottom:.06em}
.hero-title .ln>span{display:inline-block}
.hero-title .dim{color:rgba(214,198,255,.55)}
.hero-foot{position:absolute;left:clamp(28px,4vw,60px);bottom:clamp(28px,4vh,44px);display:flex;flex-direction:column;gap:22px;max-width:470px}
.hero-lead{font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.86)}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap}
.trust{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:5px 14px 5px 5px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);font-size:12.5px;color:rgba(255,255,255,.82)}
.trust-av{display:flex}
.trust-av i{width:26px;height:26px;margin-left:-7px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:8.5px;font-weight:700;color:#fff;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.55),transparent 55%),var(--c);border:2px solid #3a1aa8}
.trust-av i:first-child{margin-left:0}
.hero-side{position:absolute;right:clamp(28px,4vw,60px);bottom:clamp(30px,4.5vh,48px);max-width:300px;text-align:right;font-size:13px;line-height:1.55;color:rgba(255,255,255,.7)}
.hero-slot{position:absolute;right:clamp(60px,9vw,150px);top:50%;width:var(--cw);aspect-ratio:var(--car);transform:translateY(-54%)}

/* ---------- 2. KARUSEL ---------- */
:root{--cw:clamp(200px,24vw,350px);--car:330/460}
.carousel{padding-top:var(--gut)}
.car-panel{height:calc(100vh - var(--gut)*2);height:calc(100svh - var(--gut)*2);min-height:620px;overflow:visible;background:radial-gradient(70% 70% at 50% 45%,#ffffff 0%,#f4f4f7 55%,#ececf1 100%);z-index:3}
.car-panel::before{content:"";position:absolute;inset:0;border-radius:inherit;overflow:hidden}
.car-marquee{position:absolute;inset:0;overflow:hidden;border-radius:inherit;display:flex;align-items:center;pointer-events:none}
.car-text{white-space:nowrap;font-family:var(--fd);font-weight:500;font-size:clamp(84px,12.6vw,200px);letter-spacing:-.055em;line-height:1;color:#0c0c10;padding-left:6vw;will-change:transform;transform:translateY(6%)}
.car-text b{font-weight:300;color:#b9b9c6;margin:0 .18em}
.car-stage{position:absolute;inset:0;perspective:1700px;perspective-origin:50% 45%;pointer-events:none}
.car-ring{position:absolute;left:50%;top:46%;width:var(--cw);aspect-ratio:var(--car);margin-left:calc(var(--cw) / -2);transform-style:preserve-3d;transform:translateY(-50%) rotateX(4deg) rotateZ(-1.5deg)}
.ccard{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:auto;will-change:transform,opacity}
.cc-travel{position:absolute;inset:0;will-change:transform}
.cc-in{position:absolute;inset:0;border-radius:20px;overflow:hidden;padding:16px;display:flex;flex-direction:column;color:#fff;box-shadow:0 40px 70px -20px rgba(30,20,70,.35),inset 0 0 0 1px rgba(255,255,255,.14)}
.cc-top{display:flex;justify-content:space-between;align-items:center;gap:8px;position:relative;z-index:2}
.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:500;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.chip svg{width:11px;height:11px}
.chip.live{font-family:var(--fm);font-size:10px;letter-spacing:.12em;color:rgba(255,255,255,.75)}
.chip.live i{width:6px;height:6px;border-radius:50%;background:#d6f36b;box-shadow:0 0 8px #d6f36b}
.cc-meta{font-size:11px;color:rgba(255,255,255,.62)}
.cc-copy{margin-top:auto;position:relative;z-index:2}
.cc-copy h3{font-size:clamp(20px,1.85vw,27px);line-height:1.08;letter-spacing:-.025em;margin-bottom:8px}
.cc-copy p{font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.72)}
.cc-spark{position:absolute;left:18%;top:52%;width:42px;height:42px;filter:drop-shadow(0 0 14px rgba(255,255,255,.9));z-index:2}

/* canlı kart */
.c-live .cc-in{background:linear-gradient(170deg,#3b1aa6 0%,#2a0f80 40%,#1e0a55 100%)}
.cc-orb{position:absolute;left:30%;top:-6%;width:80%;height:52%;border-radius:50%;background:radial-gradient(closest-side,rgba(246,240,255,.95),rgba(190,160,255,.55) 45%,transparent 75%);pointer-events:none}
.cc-orb2{position:absolute;left:-15%;bottom:-12%;width:85%;height:58%;border-radius:50%;background:radial-gradient(closest-side,rgba(214,90,240,.9),rgba(150,60,220,.45) 50%,transparent 78%);pointer-events:none}
.cc-input{position:relative;z-index:2;margin-top:42%;display:flex;align-items:center;justify-content:space-between;gap:8px;height:44px;padding:0 6px 0 14px;border-radius:12px;background:rgba(14,6,40,.55);border:1px solid rgba(255,255,255,.1);font-size:13px}
.cc-typed{white-space:nowrap;overflow:hidden;text-overflow:clip}
.cc-typed::after{content:"";display:inline-block;width:1px;height:13px;margin-left:2px;vertical-align:-2px;background:#fff;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.cc-send{flex:none;width:30px;height:30px;border-radius:50%;background:#fff;color:#2a0f80;display:grid;place-items:center}
.cc-send svg{width:13px;height:13px}
.cc-prog{position:relative;z-index:2;display:flex;gap:6px;margin-top:10px}
.cc-prog i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.22);overflow:hidden;position:relative}
.cc-prog i::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left;animation:prog 4.5s var(--ease) infinite}
.cc-prog i:nth-child(2)::after{animation-delay:.5s}.cc-prog i:nth-child(3)::after{animation-delay:1s}.cc-prog i:nth-child(4)::after{animation-delay:1.5s}.cc-prog i:nth-child(5)::after{animation-delay:2s}
@keyframes prog{0%{transform:scaleX(0)}25%,80%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
.cc-bottom{position:relative;z-index:2;margin-top:auto}
.cc-bottom b{display:block;font-family:var(--fd);font-size:15px;font-weight:600}
.cc-bottom small{font-size:11.5px;color:rgba(255,255,255,.7)}

.c-silver .cc-in{background:conic-gradient(from 210deg at 62% 58%,#f4f4f8,#9a9aa6,#e9e9ef,#6f6f7c,#f7f7fa,#a8a8b4,#f4f4f8);color:#fff}
.c-silver .cc-copy p{color:rgba(255,255,255,.85)}
.c-silver .cc-copy{text-shadow:0 1px 14px rgba(40,40,60,.35)}
.c-violet .cc-in{background:radial-gradient(70% 55% at 55% 30%,rgba(190,140,255,.9),transparent 70%),radial-gradient(80% 60% at 20% 90%,rgba(110,40,230,.95),transparent 70%),linear-gradient(170deg,#5a2be0,#2b0f86)}
.c-green .cc-in{background:radial-gradient(60% 45% at 25% 78%,rgba(212,240,90,.85),transparent 70%),radial-gradient(70% 60% at 70% 20%,rgba(90,130,110,.55),transparent 70%),linear-gradient(170deg,#28322d,#121614)}
.c-dark .cc-in{background:radial-gradient(70% 45% at 50% 55%,rgba(120,70,200,.75),transparent 70%),linear-gradient(175deg,#1d1530,#0e0a18)}
.c-blue .cc-in{background:repeating-linear-gradient(115deg,rgba(255,255,255,.14) 0 1px,transparent 1px 7px),radial-gradient(80% 60% at 70% 70%,rgba(70,90,230,.95),transparent 75%),linear-gradient(165deg,#b9c4f4 0%,#6c7fe2 45%,#3b45b8 100%)}
.cc-logo{position:absolute;left:50%;top:40%;z-index:2;width:92px;height:92px;transform:translate(-50%,-50%);display:grid;place-items:center;filter:drop-shadow(0 0 18px rgba(255,255,255,.75)) drop-shadow(0 0 40px rgba(170,140,255,.55))}
.cc-logo svg{width:100%;height:100%}
.cc-logo-fb{width:64px;height:100px}
.cc-shot{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden}
.cc-shot img{width:100%;height:100%;object-fit:cover;display:block}
.cc-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,4,16,.35) 0%,rgba(6,4,16,0) 22%,rgba(6,4,16,0) 45%,rgba(6,4,16,.88) 100%)}
.c-green .cc-shot img{object-position:50% 0%}
.c-green .cc-top{display:none}
.c-green .cc-shot::after{background:linear-gradient(180deg,rgba(6,4,16,0) 0%,rgba(6,4,16,0) 70%,rgba(6,4,16,.92) 100%)}
.cc-label h3{font-size:clamp(17px,1.4vw,21px);margin-bottom:2px}
.cc-label p{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.c-blue .cc-in{background:radial-gradient(80% 50% at 50% 100%,rgba(140,110,255,.55),transparent 70%),linear-gradient(175deg,#1b1340,#0d0a1e)}
.c-blue .cc-shot{inset:auto 0 auto 0;top:56px;border-radius:0;box-shadow:0 20px 40px rgba(0,0,0,.45);border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.c-blue .cc-shot img{height:auto;object-fit:contain}
.c-blue .cc-shot::after{display:none}
.cc-dm{position:absolute;left:7%;right:7%;top:15%;z-index:2;display:flex;flex-direction:column;gap:7px}
.dm{max-width:84%;padding:7px 10px;border-radius:12px;font-size:11.5px;line-height:1.35}
.dm.u{align-self:flex-start;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.14);border-bottom-left-radius:4px}
.dm.b{align-self:flex-end;background:#fff;color:#2a0f80;border-bottom-right-radius:4px}
.car-btn{position:absolute;left:50%;bottom:clamp(26px,5vh,48px);transform:translateX(-50%);z-index:5}
.car-btn:hover{transform:translateX(-50%) translateY(-2px)}

/* ---------- 3. BEYOND ---------- */
.beyond{padding-top:var(--gut);z-index:1}
.beyond .bey-panel{clip-path:inset(0 var(--gut) 0 var(--gut) round var(--rad))}
.bey-panel{height:100vh;height:100svh;background:radial-gradient(60% 50% at 50% 48%,#140c2a 0%,#07060c 60%,#050508 100%);color:#fff;margin:0;border-radius:0;will-change:clip-path}
.bey-h{position:absolute;font-size:clamp(60px,9vw,140px);line-height:.95;letter-spacing:-.05em;font-weight:500;white-space:nowrap}
.bey-a{left:clamp(24px,4vw,64px);top:clamp(90px,13vh,130px)}
.bey-b{right:clamp(24px,4vw,64px);bottom:clamp(36px,6vh,64px)}
.bey-star{position:absolute;left:50%;top:50%;width:clamp(110px,11vw,170px);aspect-ratio:1;transform:translate(-50%,-50%)}
.bey-star svg{position:relative;width:100%;height:100%;filter:drop-shadow(0 0 18px rgba(255,255,255,.55))}
.bey-glow{position:absolute;inset:-130%;border-radius:50%;background:radial-gradient(closest-side,rgba(130,90,255,.75),rgba(100,60,230,.3) 45%,transparent 72%)}
.bey-copy{position:absolute;left:clamp(24px,4vw,64px);bottom:clamp(150px,22vh,220px);max-width:400px;display:flex;flex-direction:column;gap:14px;font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.78)}
.bey-stats{position:absolute;right:clamp(24px,4vw,64px);top:34%;margin:0;display:flex;flex-direction:column;gap:30px;text-align:right}
.bey-stats dt{font-family:var(--fd);font-size:clamp(22px,2vw,30px);font-weight:500;letter-spacing:-.02em}
.bey-stats dd{margin:4px 0 0;font-family:var(--fm);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.48)}

/* ---------- 4. SEÇİLİ İŞLER ---------- */
.work{z-index:1}
.work-panel{height:100vh;height:100svh;margin:0;border-radius:0;background:#050507;color:#fff;overflow:hidden}
.work-label{position:absolute;left:clamp(24px,4vw,64px);top:clamp(96px,14vh,130px);color:rgba(255,255,255,.5)}
.work-track{position:absolute;left:0;top:0;height:100%;display:flex;align-items:flex-start;gap:clamp(16px,1.6vw,26px);padding:0 clamp(24px,4vw,64px);will-change:transform}
.wcard{position:relative;flex:none;width:clamp(300px,28vw,420px);height:clamp(300px,46vh,400px);margin-top:clamp(170px,23vh,220px);border-radius:18px;overflow:hidden;background:#0d0d12;border:1px solid rgba(255,255,255,.07);transition:transform .5s var(--ease),border-color .4s}
.wcard:hover{transform:scale(1.025);border-color:rgba(255,255,255,.18)}
.wc-img{position:absolute;inset:0;transition:transform 1.2s var(--ease)}
.wc-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,8,0) 45%,rgba(5,5,8,.82) 100%);pointer-events:none}
.wcard:hover .wc-img{transform:scale(1.06)}
.wc-top{position:absolute;left:14px;right:16px;top:14px;display:flex;justify-content:space-between;align-items:center;z-index:2}
.wc-top .chip{background:rgba(0,0,0,.35);font-size:12px}
.wc-top .chip b{font-family:var(--fm);font-weight:500;font-size:10px;padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.12)}
.wc-top .mono{font-size:10.5px;letter-spacing:.14em;color:rgba(255,255,255,.7)}
.wc-copy{position:absolute;left:20px;bottom:20px;z-index:2}
.wc-copy h3{font-size:clamp(30px,3.2vw,46px);line-height:1;letter-spacing:-.035em;margin-bottom:8px}
.wc-copy p{font-size:12.5px;color:rgba(255,255,255,.66)}
.wc-view{position:absolute;right:18px;bottom:22px;z-index:2;font-size:12.5px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.1);opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s var(--ease)}
.wcard:hover .wc-view{opacity:1;transform:none}
.w6{padding:24px;display:flex;flex-direction:column;gap:14px;justify-content:center;background:linear-gradient(160deg,#16131f,#0b0a10)}
.w6 .mono{font-size:10px;color:rgba(255,255,255,.5)}
.w6 h3{font-size:clamp(26px,2.4vw,34px);line-height:1.05;letter-spacing:-.03em}
.w6 .btn{align-self:flex-start}
.w1 .wc-img{background:#0f1722}
.w1 .wc-img>picture:not(.wc-shot){height:auto;background:transparent}
.w1 .wc-img>picture:not(.wc-shot) img{height:auto;object-fit:contain}
.w1 .wc-img::after{background:linear-gradient(180deg,rgba(15,23,34,0) 55%,rgba(15,23,34,.7) 63%,#0f1722 69%)}
.wc-img>picture:not(.wc-shot){display:block;height:100%;background:#0d0c0b}
.wc-img>picture:not(.wc-shot) img{width:100%;height:100%;object-fit:cover}
.w2 .wc-img>picture img{object-position:50% 22%}
.w3 .wc-img>picture img{object-position:60% 50%}
.w4 .wc-img>picture img{object-position:62% 38%}
.w5 .wc-img{background:radial-gradient(70% 60% at 70% 20%,rgba(150,110,255,.55),transparent 70%),linear-gradient(160deg,#2b1478,#120838 70%)}
.wc-shot{position:absolute;left:8%;right:8%;top:17%;border-radius:10px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.18);transform:perspective(1200px) rotateX(3deg);transform-origin:50% 0;transition:transform 1s var(--ease)}
.wc-shot img{width:100%;height:auto}
.wcard:hover .wc-shot{transform:perspective(1200px) rotateX(0deg) translateY(-6px)}

/* ---------- 5. EKOSİSTEM ---------- */
.lib{z-index:1}
.lib-panel{height:100vh;height:100svh;margin:0;border-radius:0 0 var(--rad) var(--rad);background:#050507;color:#fff}
.lib-field{position:absolute;inset:0}
.lt{position:absolute;left:var(--x);top:var(--y);width:calc(var(--w) * var(--k,1));height:calc(var(--h) * var(--k,1));border-radius:14px;overflow:hidden;will-change:transform;border:1px solid rgba(255,255,255,.06)}
.lt span{position:absolute;left:10px;top:8px;font-size:10.5px;color:rgba(255,255,255,.62)}
.t-silver{background:conic-gradient(from 200deg at 55% 55%,#e8e8ee,#8e8e9a,#d9d9e1,#6b6b78,#f0f0f4,#9d9daa,#e8e8ee)}
.t-silver span{color:rgba(30,30,40,.55)}
.t-lines{background:repeating-linear-gradient(110deg,rgba(255,255,255,.1) 0 1px,transparent 1px 6px),linear-gradient(160deg,#c6cdf2,#6d7ad6 50%,#2c2f8a)}
.t-ember{background:radial-gradient(closest-side at 50% 60%,rgba(240,170,110,.75),transparent 80%),#140c08}
.t-rose{background:radial-gradient(closest-side at 50% 55%,rgba(240,110,150,.7),transparent 80%),#1a0b12}
.t-lime{background:radial-gradient(closest-side at 50% 55%,rgba(210,240,90,.85),rgba(120,160,60,.3) 50%,transparent 85%),#0d120b}
.t-rings{background:radial-gradient(closest-side,rgba(230,235,255,.9),transparent 35%),repeating-radial-gradient(circle,rgba(150,160,230,.35) 0 1px,transparent 1px 7px),#0b0d1a}
.t-violet{background:radial-gradient(closest-side at 50% 55%,rgba(120,90,255,.85),transparent 85%),#0d0a1c}
.t-purple{background:linear-gradient(170deg,#7b4bf0,#3c179e)}
.t-teal{background:radial-gradient(closest-side,rgba(90,210,200,.6),transparent 85%),#071312}
.lib-copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:min(560px,86vw);z-index:3}
.lib-copy h2{font-size:clamp(38px,4.4vw,64px);line-height:1.02;letter-spacing:-.04em;margin-bottom:16px}
.lib-copy p{font-size:14.5px;color:rgba(255,255,255,.66);max-width:380px;margin:0 auto}

/* ---------- 6. CTA ---------- */
.cta{padding-top:var(--gut)}
.cta-panel{min-height:calc(100vh - var(--gut)*2);min-height:calc(100svh - var(--gut)*2);color:#fff;isolation:isolate;display:flex;align-items:center}
.cta-bg{position:absolute;inset:0;z-index:-2;background:
  radial-gradient(50% 45% at 12% 100%,rgba(206,186,255,.95),rgba(150,120,240,.4) 45%,transparent 75%),
  radial-gradient(60% 60% at 70% 30%,rgba(110,60,240,.55),transparent 70%),
  linear-gradient(170deg,#5626e0 0%,#3a17b0 40%,#24107a 80%,#1e0d62 100%)}
.cta-canvas{position:absolute;right:0;top:0;width:68%;height:100%;z-index:-1}
.cta-copy{position:relative;padding:clamp(100px,14vh,140px) clamp(28px,4vw,60px) 60px;display:flex;flex-direction:column;gap:22px;max-width:520px}
.cta-h{display:flex;flex-direction:column;font-size:clamp(52px,6.4vw,100px);line-height:.94;letter-spacing:-.048em}
.cta-h .dim{color:rgba(214,198,255,.55)}
.cta-copy p{font-size:15px;color:rgba(255,255,255,.82);max-width:330px}
.cta-copy .btn{align-self:flex-start}
.cta-copy small{font-size:12.5px;color:rgba(255,255,255,.66)}
.cta-copy small a{text-decoration:underline;text-underline-offset:3px}

/* ---------- FOOTER ---------- */
.foot{padding:clamp(70px,10vh,110px) clamp(28px,4vw,74px) 30px;color:var(--ink)}
.foot-in{display:flex;justify-content:space-between;gap:50px;flex-wrap:wrap}
.foot-brand img{width:30px;height:30px;object-fit:contain;margin-bottom:14px}
.foot-word{font-family:var(--fd);font-weight:600;font-size:clamp(64px,10vw,150px);line-height:.9;letter-spacing:-.06em}
.foot-tag{margin-top:14px;color:var(--ink2);font-size:14px}
.foot-cols{display:flex;gap:clamp(36px,5vw,80px);flex-wrap:wrap;padding-top:20px}
.foot-cols div{display:flex;flex-direction:column;gap:10px;font-size:14px}
.foot-cols .mono{color:#8a8a99;margin-bottom:6px;font-size:10.5px}
.foot-cols a{transition:color .2s}
.foot-cols a:hover{color:var(--violet)}
.foot-legal{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:60px;padding-top:18px;border-top:1px solid rgba(12,12,16,.1);font-size:12px;color:#7a7a88}
.foot-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px;font-size:12.5px;color:#7a7a88}
.foot-bot .mono{font-size:10.5px;letter-spacing:.16em}

/* ---------- JS'siz / azaltılmış hareket ---------- */
.no-anim .car-ring{position:relative;left:auto;top:auto;margin:0;transform:none;display:flex;gap:16px;width:auto;aspect-ratio:auto}
.no-anim .ccard{position:relative;inset:auto;width:var(--cw);aspect-ratio:var(--car);flex:none}

/* ---------- responsive ---------- */
@media (max-width:900px){
  :root{--gut:10px;--rad:18px;--cw:clamp(200px,60vw,270px)}
  .pill{top:14px;padding-right:5px}
  .pill-links{display:none}
  .pill-burger{display:block;color:inherit}
  .hero-panel{min-height:640px}
  .hero-title{font-size:clamp(44px,11vw,72px)}
  .hero-foot{right:24px;max-width:none;gap:16px}
  .hero-lead{font-size:14.5px}
  .hero-side{display:none}
  .hero-slot{right:auto;left:50%;top:50%;width:44vw;transform:translate(-50%,-50%)}
  .trust{font-size:11.5px}
  .car-text{font-size:clamp(64px,19vw,120px)}
  .bey-h{font-size:clamp(46px,13vw,80px)}
  .bey-copy{bottom:150px;right:24px;font-size:13px}
  .bey-copy p+p{display:none}
  .bey-stats{top:auto;bottom:auto;top:30%;gap:18px}
  .bey-stats dt{font-size:20px}
  .w1,.w2,.w3,.w4,.w5,.w6{width:72vw;height:min(52vh,380px);margin-top:28vh}
  .lt{--k:.62}
  .cta-panel{align-items:flex-end}
  .cta-canvas{width:100%;height:58%}
  .cta-copy{padding-top:52vh}
  .foot-in{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* tasarım görselli kartlar (Google Ads / Meta Ads) */
.cc-art{padding:0;background:#f1f2f7}
.cc-art .cc-shot::after{display:none}
.cc-art .cc-shot img{object-fit:cover;object-position:50% 50%}

/* panel kartı: görsel kartın üstüne tam oturur */
.w5 .wc-img{background:linear-gradient(180deg,#1d1046,#120838)}
.w5 .wc-shot{left:0;right:0;top:0;border-radius:0;box-shadow:none;transform:none}
.wcard:hover .w5 .wc-shot,.w5:hover .wc-shot{transform:none}
.w5 .wc-img::after{background:linear-gradient(180deg,rgba(18,8,56,0) 58%,rgba(20,10,62,.7) 66%,#140a3e 72%)}