/* Tanıtım sitesi — Claude Design tuvalinden aktarıldı (scratchpad/port/donustur.php). Elle değil, kaynak tasarımdan yeniden üretilir. */

body{margin:0}
*{box-sizing:border-box}
h1,h2,h3{text-wrap:balance}
a{color:#5B32F5;text-decoration:none}a:hover{color:#4320D6}
button{font-family:inherit}
.v-wrap{max-width:1240px;margin:0 auto;padding:0 24px}

/* menü */
.v-nl{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 9px;white-space:nowrap;border-radius:10px;color:#1B1B22;font-size:15px;font-weight:500;transition:background-color .2s ease}
.v-nl:hover{background:#F3F3F6;color:#0B0B0F}
.v-dd{position:relative}
.v-mega{position:absolute;left:-12px;top:48px;width:620px;padding:16px;border-radius:18px;background:#FFFFFF;border:1px solid #ECECF1;box-shadow:0 24px 60px -20px rgba(16,12,40,.25);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.v-dd:hover .v-mega,.v-dd:focus-within .v-mega{opacity:1;visibility:visible;transform:none}
.v-mi{display:flex;gap:12px;padding:12px;border-radius:12px;color:#1B1B22}
.v-mi:hover{background:#F6F5FB;color:#1B1B22}
.v-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:12px;font-size:15px;font-weight:600;white-space:nowrap;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
.v-btn:hover{transform:translateY(-1px)}
.v-btn-dark{background:#0B0B0F;color:#FFFFFF}.v-btn-dark:hover{background:#26262E;color:#FFFFFF}
.v-btn-pri{background:#5B32F5;color:#FFFFFF;box-shadow:0 8px 24px -10px rgba(91,50,245,.8)}.v-btn-pri:hover{background:#4320D6;color:#FFFFFF}
.v-btn-line{background:#FFFFFF;color:#0B0B0F;border:1px solid #DCDCE3}.v-btn-line:hover{background:#F6F6F9;color:#0B0B0F}
.v-btn-white{background:#FFFFFF;color:#0B0B0F}.v-btn-white:hover{background:#EFEFF4;color:#0B0B0F}
.v-btn .v-ar{transition:transform .25s ease}.v-btn:hover .v-ar{transform:translateX(3px)}

/* hero */
@keyframes floaty{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-12px) rotate(var(--r))}}
.v-hcard{position:absolute;width:250px;padding:10px;border-radius:20px;background:#FFFFFF;border:1px solid #ECECF1;box-shadow:0 30px 60px -28px rgba(20,14,60,.35);animation:floaty 7s ease-in-out infinite}
.v-hc1{--r:-4deg;left:0;top:30px}
.v-hc2{--r:3deg;left:44px;top:390px;animation-delay:-2s}
.v-hc3{--r:4deg;right:0;top:20px;animation-delay:-4s}
.v-hc4{--r:-3deg;right:40px;top:380px;animation-delay:-1s}
@keyframes livep{0%{box-shadow:0 0 0 0 rgba(255,77,79,.6)}100%{box-shadow:0 0 0 8px rgba(255,77,79,0)}}
.v-live{animation:livep 1.4s ease-out infinite}
@keyframes wave{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
.v-wv span{display:block;width:4px;height:22px;border-radius:2px;background:#B9A6FF;transform-origin:bottom;animation:wave 1s ease-in-out infinite}
.v-wv span:nth-child(2){animation-delay:-.2s}.v-wv span:nth-child(3){animation-delay:-.5s}.v-wv span:nth-child(4){animation-delay:-.7s}.v-wv span:nth-child(5){animation-delay:-.35s}
@keyframes sa1{0%,44%{opacity:1}50%,94%{opacity:0}100%{opacity:1}}
@keyframes sa2{0%,44%{opacity:0}50%,94%{opacity:1}100%{opacity:0}}
.v-s1{animation:sa1 10s ease infinite}.v-s2{animation:sa2 10s ease infinite}
@keyframes vprog{from{width:8%}to{width:92%}}
.v-vprog{animation:vprog 5s linear infinite}
@keyframes stamp{0%,30%{opacity:0;transform:scale(2.2) rotate(-25deg)}40%{opacity:1;transform:scale(.92) rotate(-8deg)}46%,92%{opacity:1;transform:scale(1) rotate(-8deg)}100%{opacity:0;transform:scale(1) rotate(-8deg)}}
.v-stamp{animation:stamp 6s cubic-bezier(.2,.7,.2,1) infinite}
@keyframes linein{0%{width:0}25%,100%{width:var(--w)}}
.v-cl{height:7px;border-radius:4px;background:#E7E5F2;animation:linein 6s ease infinite}
@keyframes pick{0%,35%{background:#FFFFFF;border-color:#ECECF1;color:#3A3A45}42%,90%{background:#F0EBFF;border-color:#5B32F5;color:#2A1A80}100%{background:#FFFFFF;border-color:#ECECF1}}
.v-pick{animation:pick 6s ease infinite}
@keyframes okin{0%,40%{opacity:0;transform:scale(.4)}48%,90%{opacity:1;transform:scale(1)}100%{opacity:0}}
.v-okin{animation:okin 6s ease infinite}
@keyframes qbar{0%{width:20%}45%,100%{width:30%}}
.v-qbar{animation:qbar 6s ease infinite}
@keyframes toast{0%{opacity:0;transform:translateY(16px) scale(.96)}6%,22%{opacity:1;transform:none}28%,100%{opacity:0;transform:translateY(-14px) scale(.96)}}
.v-tst{position:absolute;left:0;right:0;opacity:0;animation:toast 12s cubic-bezier(.2,.7,.2,1) infinite}
.v-tst:nth-child(2){animation-delay:3s}.v-tst:nth-child(3){animation-delay:6s}.v-tst:nth-child(4){animation-delay:9s}
@keyframes livebd{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}100%{box-shadow:0 0 0 7px rgba(34,197,94,0)}}
.v-livebd{animation:livebd 1.6s ease-out infinite}
@keyframes up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.v-up{animation:up .8s cubic-bezier(.2,.7,.2,1) both}
.v-d1{animation-delay:.08s}.v-d2{animation-delay:.18s}.v-d3{animation-delay:.3s}.v-d4{animation-delay:.42s}
.v-phin{display:flex;gap:8px;padding:6px;border-radius:16px;background:#FFFFFF;border:1px solid #DCDCE3;box-shadow:0 10px 30px -18px rgba(20,14,60,.4)}
.v-phin input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:15px;padding:0 12px;background:transparent;color:#0B0B0F}

/* logo ızgarası */
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}.v-mq{position:relative;overflow:hidden;padding:6px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.v-mq-t{display:flex;width:max-content;animation:mq 45s linear infinite}.v-mq:hover .v-mq-t{animation-play-state:paused}.v-mq-i{display:inline-flex;align-items:center;height:64px;font-weight:800;font-size:19px;letter-spacing:.14em;color:#A3A3B2;white-space:nowrap;transition:color .25s ease}.v-mq-i::after{content:"";width:6px;height:6px;margin:0 48px;border-radius:50%;background:#D9D9E2}.v-mq-i:hover{color:#0B0B0F}.v-lg{display:flex;align-items:center;justify-content:center;height:72px;padding:0 12px;border-radius:14px;color:#8A8A99;font-weight:700;font-size:15px;letter-spacing:-.01em;text-align:center;transition:color .25s ease,background-color .25s ease}
.v-lg:hover{color:#0B0B0F;background:#F6F6F9}

/* bento */
.v-bc{position:relative;border-radius:24px;background:#F6F6F9;border:1px solid #EEEEF2;padding:28px;display:flex;flex-direction:column;gap:12px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
.v-bc:hover{transform:translateY(-4px);box-shadow:0 30px 60px -36px rgba(20,14,60,.4)}
.v-stage{position:relative;height:220px;margin-top:auto;border-radius:18px;background:#FFFFFF;border:1px solid #EEEEF2;overflow:hidden}
@keyframes dotin{0%,8%{transform:scale(0);opacity:0}16%,88%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}
.v-dots{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;padding:22px}
.v-dots span{display:block;aspect-ratio:1;border-radius:50%;background:#5B32F5;animation:dotin 7s ease infinite}
@keyframes bub{0%,10%{opacity:0;transform:translateY(10px)}16%,90%{opacity:1;transform:none}100%{opacity:0}}
.v-b1{animation:bub 8s ease infinite}.v-b2{animation:bub 8s ease infinite;animation-delay:.9s}.v-b3{animation:bub 8s ease infinite;animation-delay:2.2s}
@keyframes typing{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.v-typ span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8A8A99;animation:typing 1s ease infinite}
.v-typ span:nth-child(2){animation-delay:.15s}.v-typ span:nth-child(3){animation-delay:.3s}
@keyframes fly{0%{opacity:0;transform:translate(0,0) scale(1)}10%{opacity:1}55%{opacity:1;transform:translate(var(--x),var(--y)) scale(.7)}65%,100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.4)}}
.v-fly{position:absolute;animation:fly 4.5s cubic-bezier(.5,.1,.3,1) infinite}
@keyframes boxp{0%,50%,100%{transform:scale(1)}58%{transform:scale(1.07)}}
.v-boxp{animation:boxp 4.5s ease infinite}

/* koyu panel */
@keyframes draw{0%{stroke-dashoffset:900}60%,100%{stroke-dashoffset:0}}
.v-draw{stroke-dasharray:900;animation:draw 6s ease-in-out infinite}
@keyframes grow{0%{transform:scaleX(0)}55%,100%{transform:scaleX(1)}}
.v-grow{transform-origin:left;animation:grow 6s cubic-bezier(.2,.7,.2,1) infinite}
@keyframes rowin{0%,5%{opacity:0;transform:translateX(-10px)}12%,92%{opacity:1;transform:none}100%{opacity:0}}
.v-rowin{animation:rowin 9s ease infinite}
.v-sbi{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border-radius:10px;color:#A6A6B8;font-size:13.5px}
.v-sbi.v-on{background:#24213A;color:#FFFFFF}

/* özellik kartları */
@keyframes certup{0%,12%{transform:translateY(40px);opacity:0}25%,85%{transform:none;opacity:1}100%{transform:translateY(-20px);opacity:0}}
.v-certup{animation:certup 7s cubic-bezier(.2,.7,.2,1) infinite}
@keyframes coin{0%{transform:translateY(0);opacity:0}15%{opacity:1}60%,100%{transform:translateY(-70px);opacity:0}}
.v-coin{animation:coin 3s ease-in infinite}
@keyframes check{0%,20%{stroke-dashoffset:30}35%,100%{stroke-dashoffset:0}}
.v-chk{stroke-dasharray:30;animation:check 4s ease infinite}

/* kullanım alanları */
.v-tab{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border-radius:16px;border:1px solid transparent;background:transparent;text-align:left;cursor:pointer;transition:background-color .25s ease,border-color .25s ease}
.v-tab:hover{background:#F6F6F9}
@keyframes panelin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.v-panelin{animation:panelin .5s cubic-bezier(.2,.7,.2,1) both}

/* karo bulutu */
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.v-tile{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:#FFFFFF;border:1px solid #EEEEF2;box-shadow:0 10px 24px -16px rgba(20,14,60,.3);color:#5B32F5;animation:bob 6s ease-in-out infinite}
.v-tile.v-g{background:#F6F6F9;box-shadow:none;border-color:#F0F0F4}
.v-tile.v-t{width:auto;padding:0 16px;color:#3A3A45;font-weight:700;font-size:13px}

/* 24 saat yörüngesi */
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes unspin{to{transform:rotate(-360deg)}}
.v-orbit{animation:spin 36s linear infinite}
.v-orbit .v-o{animation:unspin 36s linear infinite}

/* yorumlar */
.v-rtrack{will-change:transform}
@keyframes revbar{from{width:0}to{width:100%}}

/* sss */
.v-fq{border-bottom:1px solid #ECECF1}
.v-fq button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:22px 0;border:0;background:transparent;text-align:left;font-size:18px;font-weight:600;color:#0B0B0F;cursor:pointer}
.v-fq .v-pl{transition:transform .3s ease}

/* sabit iletişim */
.v-fab{position:fixed;right:20px;bottom:20px;z-index:40;display:flex;flex-direction:column;gap:10px}
.v-fabi{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;color:#FFFFFF;box-shadow:0 14px 30px -12px rgba(0,0,0,.45);transition:transform .2s ease}
.v-fabi:hover{transform:scale(1.07);color:#FFFFFF}

/* kaydırınca belirme */
@keyframes rev{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()){.v-reveal{animation:rev linear both;animation-timeline:view();animation-range:entry 0% cover 28%}}

.v-foot a{color:#B4B4C4;transition:color .2s ease}.v-foot a:hover{color:#FFFFFF}.v-ft-h{font-size:12.5px;letter-spacing:.12em;color:#7C7C92;font-weight:700;margin-bottom:4px}.v-ft-l{display:inline-flex;align-items:center;gap:6px;font-size:15px}.v-ft-l svg{opacity:0;margin-left:-20px;transition:opacity .2s ease,margin .2s ease}.v-ft-l:hover svg{opacity:1;margin-left:0}.v-ft-cb{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 20px 0 11px;border-radius:14px;font-size:15px;font-weight:600;border:1px solid #2A2738;background:#16141F;color:#FFFFFF !important;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.v-ft-cb:hover{background:#1F1B30;border-color:#4A4170;transform:translateY(-2px)}.v-ft-ic{display:inline-flex;width:30px;height:30px;border-radius:9px;align-items:center;justify-content:center}@keyframes ftshine{from{background-position:120% 0}to{background-position:-120% 0}}.v-ft-word{display:block;text-align:center;white-space:nowrap;font-weight:800;letter-spacing:-.055em;line-height:.9;font-size:clamp(40px,8.4vw,128px);background:linear-gradient(100deg,#2E2850 35%,#7A5CFF 50%,#2E2850 65%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent 100%);mask-image:linear-gradient(180deg,#000 35%,transparent 100%);animation:ftshine 9s linear infinite;user-select:none}.v-ft-up{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:12px;border:1px solid #2A2738;font-weight:600}@media (max-width:760px){.v-ft-band{flex-direction:column;align-items:flex-start !important}.v-ft-bar{flex-direction:column;align-items:flex-start !important}.v-ft-brand{grid-column:auto !important}}

@media (max-width:1180px){.v-hcard{display:none}.v-herobox{min-height:0 !important;padding-bottom:40px !important}}
@media (max-width:1180px){.v-hide-s{display:none !important}}
@media (max-width:1060px){.v-navlinks{display:none !important}.v-burger{display:inline-flex !important}.v-dark-sb{display:none !important}}
@media (max-width:640px){.v-phin{flex-direction:column}.v-phin .v-btn{width:100%}.v-h1{font-size:40px !important}.v-h2{font-size:32px !important}.v-topbar-ph{display:none !important}}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}.v-tst:first-child{opacity:1}}

/* satır içi stillerden */
.s86caaf8{background: #0B0B0F; color: #FFFFFF}
.sbfa65d7{display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; flex-wrap: wrap; padding-top: 6px; padding-bottom: 6px}
.saefa327{display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 500}
.sfbdecc9{width: 8px; height: 8px; border-radius: 50%; background: #22C55E; flex-shrink: 0}
.s3b17db0{color: #C9B8FF}
.see50d26{display: flex; align-items: center; gap: 18px; font-size: 14px}
.s23b9599{color: #FFFFFF; font-weight: 600; display: inline-flex; align-items: center; gap: 6px}
.sf64eafe{color: #FFFFFF; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: #5B32F5}
.sd165589{position: sticky; top: 0; z-index: 30; background: rgba(255,255,255,.88); backdrop-filter: saturate(1.6) blur(14px); border-bottom: 1px solid #F0F0F4}
.s3a4f286{display: flex; align-items: center; justify-content: space-between; gap: 20px; height: 72px}
.s5efd43f{display: flex; align-items: center; gap: 20px; min-width: 0}
.s623afef{display: inline-flex; align-items: center; gap: 10px; color: #0B0B0F; flex-shrink: 0; white-space: nowrap}
.s8e36e43{display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 10px; background: #0B0B0F; color: #FFFFFF}
.s56d5740{font-weight: 800; font-size: 17px; letter-spacing: -.02em; line-height: 1.05}
.sffdf39a{font-weight: 600; color: #5B32F5}
.sd9bb927{display: flex; align-items: center; gap: 2px}
.sb9f9a44{display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 12px; background: #F0EBFF; color: #5B32F5}
.s3affc1c{display: block; font-size: 14.5px}
.s0096722{font-size: 13px; color: #6A6A78}
.sc6bb62d{display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 12px; background: #FFF0E8; color: #E2561B}
.s0a0e815{display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 12px; background: #E8F3FF; color: #1D6FD8}
.s03b6d8e{display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 12px; background: #E9F7EF; color: #16884A}
.sd00eb5c{display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 12px; background: #F3F3F6; color: #3A3A45}
.s5ae4afb{display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 12px; background: #0B0B0F; color: #FFFFFF}
.s133d27b{display: flex; align-items: center; gap: 10px}
.sae81da4{display: none; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; border: 1px solid #DCDCE3; background: #FFFFFF; color: #0B0B0F}
.sdaad992{position: relative; overflow: hidden; background: #0B0B0F; color: #FFFFFF; padding: 40px 0 0}
.sf14377d{position: absolute; left: 50%; bottom: -320px; width: 1100px; height: 560px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(closest-side, rgba(91,50,245,.28), rgba(91,50,245,0)); pointer-events: none}
.s3523852{position: relative; display: flex; flex-direction: column; gap: 56px}
.s5fe4e34{display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px 32px; border-radius: 24px; background: #121019; border: 1px solid #221F2E}
.s7378a54{display: flex; flex-direction: column; gap: 6px}
.s6bcbd88{font-size: 22px; letter-spacing: -.02em}
.s35459cc{font-size: 15px; color: #9C9CB0}
.scf56381{display: flex; flex-wrap: wrap; gap: 10px}
.s57f9400{background: #5B32F5}
.s970d5cd{background: #16A34A}
.s605b418{background: #2A2738}
.sa5bcfe4{display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 40px 32px}
.s5d2b712{grid-column: span 2; min-width: 0; display: flex; flex-direction: column; gap: 18px; max-width: 420px}
.s76317c4{display: inline-flex; align-items: center; gap: 10px}
.sb0d6936{display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 11px; background: #5B32F5; color: #FFFFFF}
.s208751f{font-size: 18px; letter-spacing: -.02em}
.se7bf1df{margin: 0; font-size: 15px; line-height: 1.6; color: #9C9CB0}
.sbcde11a{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px}
.s15c2b82{display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: #D6D6E2}
.sbb54950{display: flex; flex-direction: column; gap: 12px}
.s7ec1e19{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; padding-top: 24px; border-top: 1px solid #1E1C28; font-size: 13.5px; color: #7C7C92}
.s7f487a3{display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px}
.s44f3976{position: relative; margin-top: 28px; padding-bottom: 6px}
.sb63aebf{background: #0B0B0F}