/* veritral.com v2 — anasayfa (tasarim: SiteHome.dc.html). Mobil < 820px. */
.hh,.mq,.eco,.steps,.offer,.fin{line-height:normal}

/* ---------- hero ---------- */
.hh{--u:min(calc(100vw / 1440),calc(100vh / 960));--hx:max(24px,calc((100% - 1200px) / 2 + 24px));position:relative;height:max(100vh,680px);display:flex;flex-direction:column;background:#020103;overflow:hidden}
.hh-panel{position:relative;flex:3;min-height:0;overflow:hidden}
.hh-layer{position:absolute;inset:-4%;opacity:0;will-change:opacity,transform}
.hh-layer-1{opacity:1;background:radial-gradient(60% 70% at 86% 76%,rgba(79,26,251,.95),transparent 70%),radial-gradient(45% 55% at 32% 105%,rgba(133,76,255,.45),transparent 70%),linear-gradient(180deg,#0e0a24,#1d0f66)}
.hh-layer-2{background:radial-gradient(60% 70% at 86% 76%,rgba(80,76,255,.95),transparent 70%),radial-gradient(45% 55% at 32% 105%,rgba(151,149,255,.4),transparent 70%),linear-gradient(180deg,#0b0c26,#16186a)}
.hh-layer-3{background:radial-gradient(60% 70% at 86% 76%,rgba(133,76,255,.95),transparent 70%),radial-gradient(45% 55% at 32% 105%,rgba(79,26,251,.45),transparent 70%),linear-gradient(180deg,#140a26,#2c0f62)}
.hh-layer-4{background:radial-gradient(60% 70% at 86% 76%,rgba(161,138,255,.8),transparent 70%),radial-gradient(45% 55% at 32% 105%,rgba(201,188,255,.35),transparent 70%),linear-gradient(180deg,#120d22,#261a56)}
.hh-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.18;mix-blend-mode:overlay;pointer-events:none}
.hh-h{position:absolute;left:var(--hx);top:calc(190 * var(--u) + 295.84 * var(--u) * (1 - var(--hs,1)));margin:0;font-size:calc(172 * var(--u) * var(--hs,1));line-height:.86;font-weight:500;letter-spacing:-.032em;color:#fff}
.hh-l1{display:flex;align-items:center;gap:.06em}
.hh-l2{display:block}
.hh-icons{display:grid;width:1.02em;height:1.02em;flex:none}
.hh-icon{grid-area:1/1;width:100%;height:100%;opacity:0;isolation:isolate;will-change:transform,opacity;position:relative}
.hh-icon:first-child{opacity:1}
.hh-icon img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;filter:grayscale(1) brightness(1.1) contrast(1.08) drop-shadow(0 .05em .08em rgba(2,1,3,.35))}
.hh-tint{position:absolute;inset:0;mix-blend-mode:color;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.hh-icon-aggregate .hh-tint{--m:url(/assets/icon-aggregate.webp);background:#7B5BFF}
.hh-icon-launch .hh-tint{--m:url(/assets/icon-launch.webp);background:#6F6CFF}
.hh-icon-bet .hh-tint{--m:url(/assets/icon-bet.webp);background:#A070FF}
.hh-icon-reward .hh-tint{--m:url(/assets/icon-reward.webp);background:#B9A6FF}
.hh-words{display:inline-grid}
.hh-word{grid-area:1/1;opacity:0;white-space:nowrap;will-change:transform,opacity,filter}
.hh-word:first-child{opacity:1}
.hh-row{position:absolute;left:var(--hx);right:var(--hx);top:calc(578 * var(--u));display:flex;align-items:center;gap:clamp(16px,calc(28 * var(--u)),28px);flex-wrap:wrap}
.hh-btns{display:flex;gap:10px;flex-wrap:wrap}
.hh-btn{height:max(48px,calc(58 * var(--u)));padding:0 28px;display:flex;align-items:center;justify-content:center;border-radius:40px;font-size:16px;font-weight:500;white-space:nowrap}
.hh-btn-w{background:#fff;color:#16121E}
.hh-btn-w:hover{background:#504CFF;color:#fff}
.hh-btn-o{border:1.4px solid rgba(255,255,255,.7);color:#fff;background:rgba(255,255,255,var(--flash,0))}
.hh-btn-o.lit{color:#16121E}
.hh-btn-o:hover{background:#fff;color:#16121E}
.hh-lead{margin:0;font-size:max(15px,calc(18.5 * var(--u)));line-height:1.45;color:#fff;max-width:520px}
.hh-strip{position:relative;flex:1;background:#020103;padding:0 clamp(20px,calc(112 * var(--u)),112px);display:flex;align-items:center}
.hh-notch{position:absolute;left:0;bottom:100%;width:100%;height:calc(62 * var(--u));display:block;margin-bottom:-1px}
.hh-hint{position:absolute;right:clamp(20px,calc(112 * var(--u)),112px);bottom:calc(100% + 2px);font-size:max(13px,calc(15 * var(--u)));color:#BDB9D7;white-space:nowrap}
.hh-grid{width:100%;display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr)) auto;gap:clamp(20px,calc(40 * var(--u)),40px);align-items:center}
.hh-st{margin:0;font-size:max(20px,calc(29 * var(--u)));line-height:1.15;font-weight:500;letter-spacing:-.02em}
.hh-stat{display:flex;flex-direction:column;gap:6px}
.hh-sv{font-size:max(32px,calc(54 * var(--u)));font-weight:500;letter-spacing:-.03em;line-height:1}
.hh-sl{font-size:max(13px,calc(16.5 * var(--u)));line-height:1.35;color:#BDB9D7}
.hh-mark{display:block;justify-self:end;width:max(40px,calc(64 * var(--u)));aspect-ratio:403/399.39;background:rgba(161,138,255,.35);-webkit-mask:url(/assets/veritral-mark.svg) center/contain no-repeat;mask:url(/assets/veritral-mark.svg) center/contain no-repeat}

/* ---------- saglayici seridi ---------- */
.mq{position:relative;padding:72px 0 40px;display:flex;flex-direction:column;gap:28px;align-items:center;background:#020103}
.mq-label{margin:0;font-size:14px;color:#BDB9D7;text-align:center;padding:0 20px}
.mq-win{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mq-track{display:flex;gap:64px;width:max-content;animation:vtMarquee 40s linear infinite;font-size:clamp(18px,2vw,24px);font-weight:700;color:#BDB9D7;letter-spacing:-.01em}
.mq-set{display:flex;align-items:center;gap:64px;margin:0;padding:0;list-style:none;white-space:nowrap}
.mq-set li{display:flex;align-items:center;height:48px}
.mq-set img{display:block;height:auto;max-height:42px;width:auto;filter:brightness(0) invert(1);opacity:.62;transition:opacity .25s,filter .25s}
@media (hover:hover){.mq-set li:hover img{filter:none;opacity:1}}
.off .mq-track,.off .ec-sweep,.off .ec-breath{animation-play-state:paused}

/* ---------- ekosistem kartlari ---------- */
.eco{position:relative;overflow:hidden;padding:clamp(64px,9.6vh,110px) 24px clamp(56px,8vh,100px)}
.eco-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 50% 40% at 85% 10%,rgba(79,26,251,.28),transparent 70%),radial-gradient(ellipse 40% 35% at 10% 90%,rgba(133,76,255,.18),transparent 70%)}
.eco-defs{position:absolute;overflow:hidden}
.eco.wait .an{animation-play-state:paused}
.eco-mast{position:relative;width:min(100%,1152px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,clamp(260px,32vw,483px));gap:clamp(16px,3vw,40px);align-items:start}
.eco-h{margin:0;font-size:clamp(28px,3.1vw,47px);font-weight:400;letter-spacing:.015em;line-height:1.223;color:#fff}
.eco-h1{display:flex;align-items:center;flex-wrap:wrap;animation:vtHeadIn .84s cubic-bezier(.16,1,.3,1) .08s both}
.eco-h2{display:block;animation:vtHeadIn .84s cubic-bezier(.16,1,.3,1) .17s both}
.eco-dw{display:inline-block;height:.766em;width:auto;margin-left:.2em;color:#C9BCFF;overflow:visible;transform:translateY(.04em)}
.eco-lead{margin:.34em 0 0;color:#BDB9D7;font-size:clamp(14px,1.36vw,19px);line-height:1.62;letter-spacing:-.01em;animation:vtFadeUp .72s cubic-bezier(.22,1,.36,1) .25s both}
.eco-cards{--g:clamp(12px,1.5vw,23px);--cw:min(calc((100cqw - 2 * var(--g)) / 3),429px);position:relative;width:min(100%,1152px);margin:clamp(32px,7vh,80px) auto 0;container-type:inline-size;display:flex;justify-content:space-between;align-items:center;gap:var(--g)}
.ec{container-type:inline-size;--u:calc(100cqw / 429);--d:0s;position:relative;flex:0 0 auto;width:var(--cw);aspect-ratio:429/554;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:calc(var(--cw) * 17 / 429);color:#fff;background-origin:border-box;box-shadow:0 2px 4px rgba(10,4,30,.4),inset 0 1px 0 rgba(255,255,255,.24);animation:vtCardIn .76s cubic-bezier(.16,1,.3,1) calc(.46s + var(--d)) both}
.ec-2{--d:.12s}.ec-3{--d:.24s}
.ec-1{background:radial-gradient(ellipse 68% 45% at -4% -3%,rgba(201,188,255,.55),transparent 77%),radial-gradient(ellipse 70% 45% at 104% -4%,rgba(161,138,255,.5),transparent 78%),radial-gradient(ellipse 64% 49% at -8% 106%,rgba(133,76,255,.55),transparent 78%),radial-gradient(ellipse 64% 49% at 108% 106%,rgba(151,149,255,.45),transparent 78%),radial-gradient(ellipse 54% 30% at 50% 17%,rgba(20,6,80,.35),transparent 78%),linear-gradient(180deg,#5b2cff 0%,#4F1AFB 38%,#3a14c4 72%,#1f0b74 100%)}
.ec-2{background:radial-gradient(ellipse 43% 42% at -5% 30%,rgba(201,188,255,.5),transparent 78%),radial-gradient(ellipse 43% 42% at 105% 30%,rgba(161,138,255,.5),transparent 78%),radial-gradient(ellipse 70% 48% at 70% 110%,rgba(133,76,255,.55),transparent 77%),radial-gradient(ellipse 78% 25% at 15% 8%,rgba(227,220,255,.45),transparent 79%),linear-gradient(164deg,#9795FF 0%,#6f6cff 29%,#504CFF 64%,#26227a 100%)}
.ec-3{background:radial-gradient(ellipse 54% 14% at 56% 0%,rgba(227,220,255,.2),transparent 76%),radial-gradient(ellipse 46% 30% at 104% 32%,rgba(201,140,255,.45),transparent 74%),radial-gradient(ellipse 80% 36% at 62% 57%,rgba(161,90,255,.55),transparent 72%),radial-gradient(ellipse 60% 32% at 97% 101%,rgba(60,14,140,.5),transparent 76%),linear-gradient(177deg,#7a3cf0 0%,#854CFF 24%,#9a5cff 52%,#6a2fd8 78%,#3d168f 100%)}
.ec-1,.ec-2,.ec-3{background-origin:border-box}
.ec-sheen{position:absolute;inset:0;z-index:1;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(102deg,rgba(255,255,255,.10),transparent 28%,rgba(255,255,255,.08) 62%,transparent 88%),radial-gradient(ellipse 85% 34% at 54% 7%,rgba(255,255,255,.24),transparent 72%)}
.ec-noise{position:absolute;z-index:2;inset:-8%;width:116%;height:116%;max-width:none;opacity:.5;mix-blend-mode:soft-light;pointer-events:none}
.ec-gauge{position:absolute;z-index:2;top:25.5%;left:10.5%;width:79%;height:59%;overflow:visible;animation:vtPanelIn .82s cubic-bezier(.16,1,.3,1) .76s both}
.ec-sweep{transform-origin:163px 163px;animation:vtSweep 3.6s ease-in-out infinite alternate}
.ec-tiles{position:absolute;inset:0;z-index:0;width:100%;height:100%;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 54%,rgba(0,0,0,.2) 62%,transparent 66%);mask-image:linear-gradient(180deg,#000 0%,#000 54%,rgba(0,0,0,.2) 62%,transparent 66%)}
.ec-panel{position:absolute;z-index:3;top:32.4%;left:20.4%;width:59%;height:30.1%;overflow:hidden;border-radius:calc(10 * var(--u));background:linear-gradient(0deg,rgba(255,255,255,.3),rgba(255,255,255,0) 80%),linear-gradient(105deg,rgba(240,236,255,.75) 0%,rgba(161,138,255,.7) 51%,rgba(110,90,255,.85) 100%);box-shadow:0 calc(13 * var(--u)) calc(25 * var(--u)) rgba(20,10,80,.35),inset 0 1px 0 rgba(255,255,255,.2);animation:vtPanelIn .82s cubic-bezier(.16,1,.3,1) .88s both}
.ec-bars{position:absolute;top:12%;left:6.7%;width:87%;display:flex;flex-direction:column;gap:calc(5 * var(--u))}
.ec-bars span{height:calc(22 * var(--u));border-radius:calc(6 * var(--u))}
.ec-bars span:nth-child(1){width:34%;height:calc(6 * var(--u));border-radius:calc(3 * var(--u));background:rgba(255,255,255,.8)}
.ec-bars span:nth-child(2){width:100%;background:linear-gradient(90deg,rgba(255,255,255,.85),rgba(227,220,255,.8) 42%,rgba(201,188,255,.8))}
.ec-bars span:nth-child(3){width:86%;background:linear-gradient(90deg,rgba(255,255,255,.7),rgba(227,220,255,.6));opacity:.64}
.ec-bars span:nth-child(4){width:70%;background:linear-gradient(90deg,rgba(255,255,255,.6),rgba(227,220,255,.5));opacity:.45}
.ec-map{position:absolute;z-index:2;top:21.7%;left:0;width:100%;height:43%;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 50%,rgba(0,0,0,.46) 67%,transparent 96%);mask-image:linear-gradient(180deg,#000 0%,#000 50%,rgba(0,0,0,.46) 67%,transparent 96%);animation:vtMapIn .82s cubic-bezier(.16,1,.3,1) 1s both}
.ec-breath{animation:vtBreath 2.4s ease-in-out infinite;transform-origin:319px 117px}
.ec-t{position:absolute;z-index:4;top:6.1%;left:5%;width:90%;margin:0;color:rgba(255,255,255,.96);font-size:calc(22.95 * var(--u));font-weight:600;line-height:1.48;text-align:center;text-shadow:0 1px 1px rgba(20,6,60,.2);animation:vtTitleIn .62s cubic-bezier(.22,1,.36,1) calc(.6s + var(--d)) both}
.ec-m{position:absolute;z-index:5;top:48.6%;left:0;width:100%;display:flex;align-items:flex-end;justify-content:center;color:rgba(255,255,255,.97);animation:vtMetricIn .66s cubic-bezier(.16,1,.3,1) calc(.94s + var(--d)) both}
.ec-2 .ec-m{top:48%}.ec-3 .ec-m{top:48.5%}
.ec-dots{display:block;width:23%;overflow:visible}
.ec-2 .ec-dots{width:38%}
.ec-u{margin-left:1.3%;font-size:calc(30.5 * var(--u));line-height:1;letter-spacing:calc(-.8 * var(--u));transform:translateY(calc(2 * var(--u)))}
.ec-p{position:absolute;z-index:5;top:65.1%;left:10%;width:80%;margin:0;color:rgba(255,255,255,.87);font-size:calc(19.95 * var(--u));letter-spacing:calc(-.36 * var(--u));line-height:1.45;text-align:center;animation:vtFadeUp .54s cubic-bezier(.22,1,.36,1) calc(1.1s + var(--d)) both}
.ec-a{position:absolute;z-index:6;top:83.75%;left:50%;width:calc(118 * var(--u));height:calc(45 * var(--u));margin-left:calc(-59 * var(--u));display:flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.97);color:#16121E;font-size:calc(14.5 * var(--u));font-weight:500;box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 1px 3px rgba(20,6,60,.12);animation:vtFadeUp .52s cubic-bezier(.16,1,.3,1) calc(1.26s + var(--d)) both}
.ec-a:hover{color:#16121E;box-shadow:0 8px 20px rgba(20,6,60,.3)}
.eco-chips{position:relative;width:min(100%,1152px);margin:clamp(24px,4vh,40px) auto 0;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.chip{padding:12px 20px;border-radius:40px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;font-weight:500}
.chip:hover{color:#fff;background:rgba(255,255,255,.08)}
.chip-w{border:0;background:#fff;color:#16121E}
.chip-w:hover{background:#504CFF;color:#fff}

/* ---------- nasil calisir ---------- */
.steps{max-width:1200px;margin:0 auto;padding:60px 24px;display:flex;flex-direction:column;gap:32px}
.steps-head{display:flex;flex-direction:column;gap:14px}
.steps-eb{font-size:15px;font-weight:500;color:#9795FF}
.steps-h{margin:0;font-size:clamp(2.2rem,5vw,64px);line-height:1.05;font-weight:400;letter-spacing:-.025em}
.steps-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.step{border-radius:24px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);padding:28px;display:flex;flex-direction:column;gap:12px}
.step-tag{font-family:var(--mono);font-size:13px;color:#A18AFF}
.step-t{margin:0;font-size:24px;font-weight:500}
.step-p{margin:0;font-size:15px;line-height:24px;color:#BDB9D7}

/* ---------- lansman teklifi ---------- */
.offer{max-width:1200px;margin:0 auto;padding:60px 24px 20px}
.offer-box{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,rgba(133,76,255,.55),rgba(79,26,251,.35) 45%,rgba(2,1,3,.7));border:1.5px solid rgba(255,255,255,.35);padding:clamp(28px,4vw,56px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:40px;align-items:center;box-shadow:0 4px 32px #4F1AFB44}
.offer-l{display:flex;flex-direction:column;gap:16px}
.offer-badge{align-self:flex-start;padding:6px 12px;border-radius:40px;background:#fff;color:#16121E;font-size:12px;font-weight:700}
.offer-h{margin:0;font-size:clamp(2rem,4vw,52px);line-height:1.05;font-weight:400;letter-spacing:-.025em}
.offer-p{margin:0;font-size:17px;line-height:28px}
.offer-btns,.fin-btns{display:flex;gap:12px;flex-wrap:wrap}
.obtn{padding:16px 28px;border-radius:40px;font-size:16px;font-weight:500}
.obtn-w{background:#fff;color:#16121E}
.obtn-w:hover{background:#020103;color:#fff}
.obtn-o{border:1px solid #fff;color:#fff}
.offer-list{margin:0;display:flex;flex-direction:column;font-size:16px;border-radius:20px;background:rgba(2,1,3,.35);border:1px solid rgba(255,255,255,.2);padding:8px 24px}
.offer-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.offer-row:last-child{border-bottom:0}
.offer-row dt,.offer-row dd{margin:0}

/* ---------- kapanis CTA ---------- */
.fin{position:relative;overflow:hidden;padding:clamp(80px,10vw,140px) 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}
.fin-glow{position:absolute;left:50%;top:40%;width:720px;height:420px;transform:translate(-50%,-50%);border-radius:50%;background:#4F1AFB;filter:blur(150px);opacity:.5;pointer-events:none}
.fin-h{position:relative;margin:0;font-size:clamp(2.6rem,7vw,105px);line-height:1;font-weight:400;letter-spacing:-.035em;max-width:1000px;text-wrap:balance}
.fin-p{position:relative;margin:0;font-size:18px;line-height:29px;color:#BDB9D7;max-width:560px}
.fin-btns{position:relative;justify-content:center}
.fin-w:hover{background:#504CFF;color:#fff}
.fin-o{border:1px solid rgba(255,255,255,.22);color:#fff}

/* ---------- mobil (< 820px) ---------- */
@media (max-width:819.98px){
  .hh{height:auto}
  .hh-panel{flex:none;padding:108px 20px 56px}
  .hh-h{position:relative;left:auto;top:auto;font-size:calc(clamp(46px,14vw,72px) * var(--hs-m,1))}
  .hh-l1{flex-direction:column;align-items:flex-start;gap:.12em}
  .hh-icons{width:1.15em;height:1.15em}
  .hh-row{position:relative;left:auto;right:auto;top:auto;margin-top:32px;flex-direction:column-reverse;align-items:stretch}
  .hh-btns{flex-direction:column}
  .hh-strip{flex:none;padding:28px 20px 36px}
  .hh-notch{height:24px}
  .hh-hint,.hh-mark{display:none}
  .hh-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hh-st{grid-column:1/-1}
  .hh-sv{font-size:26px}
  .hh-sl{font-size:12px}
  .eco-mast{grid-template-columns:minmax(0,1fr)}
  .eco-cards{flex-direction:column;--cw:min(100cqw,429px)}
}
@media (max-width:359.98px){.hh-sv{font-size:22px}}

/* nokta matrisli baslikta gliften yoksun diller (TR, RU, AR…): ayni renkte duz metin */
.dots-txt{display:inline;font-weight:600;letter-spacing:.01em;background:linear-gradient(90deg,#C9BCFF,#854CFF);-webkit-background-clip:text;background-clip:text;color:transparent}

@media (min-width:820px){[dir="rtl"] .hh-h{left:auto;right:var(--hx)}[dir="rtl"] .hh-hint{right:auto;left:clamp(20px,calc(112 * var(--u)),112px)}}

[dir="rtl"] .mq-win{direction:ltr}
.eco-dw.dots-txt,.ec-dots.dots-txt{height:auto;width:auto;overflow:visible;transform:none;vertical-align:baseline;line-height:inherit;padding-bottom:.08em}