@font-face{font-family:CloudyLalezar;src:url('../fonts/lalezar.ttf') format('truetype');font-display:swap}
@font-face{font-family:CloudyVazir;src:url('../fonts/vazir.ttf') format('truetype');font-display:swap}
:root{--v-bg:#050d1a;--v-panel:#0a1830;--v-text:#f4f8ff;--v-muted:#9db3cf;--v-blue:#57c7ff;--v-violet:#8377ff;--v-line:rgba(151,203,255,.14);--v-ease:cubic-bezier(.22,.8,.24,1)}
body{background:var(--v-bg);font-family:CloudyVazir,Vazir,Tahoma,sans-serif}
.v-page{position:relative;isolation:isolate;padding:0 18px 72px;background:radial-gradient(52rem 34rem at 50% -8%,rgba(63,122,255,.22),transparent 68%),radial-gradient(38rem 28rem at 8% 38%,rgba(42,207,255,.09),transparent 70%),linear-gradient(180deg,#071225 0%,#050d1a 72%);overflow:hidden}
.v-page::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(#000,transparent 90%)}
.v-page::after{content:"";position:absolute;z-index:-1;width:36rem;height:36rem;left:-18rem;top:34rem;border-radius:50%;background:radial-gradient(circle,rgba(111,85,255,.11),transparent 67%)}
.v-wrap{max-width:1180px}
.v-hero{min-height:410px;padding:64px 24px 122px;border-radius:36px;border:1px solid var(--v-line);background:radial-gradient(30rem 22rem at 50% 0,rgba(100,135,255,.24),transparent 70%),linear-gradient(145deg,rgba(16,40,77,.9),rgba(7,19,39,.94));box-shadow:0 32px 100px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)}
.v-hero::before{content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.045);border-radius:26px;pointer-events:none}
.v-hero::after{left:50%;right:auto;bottom:-19rem;width:40rem;height:30rem;transform:translateX(-50%);background:radial-gradient(circle,rgba(78,187,255,.2),transparent 67%)}
.v-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
.v-pill{margin-bottom:18px;padding:8px 14px;color:#dff6ff;background:rgba(80,186,255,.1);border-color:rgba(130,218,255,.2);font-size:.82rem;letter-spacing:.02em}
.v-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:#65dcff;box-shadow:0 0 18px #65dcff}
.v-title{max-width:920px;font-family:CloudyLalezar,Lalezar,sans-serif;font-size:clamp(2.35rem,5.2vw,4.7rem);line-height:1.08;white-space:normal}
.v-title span{background:linear-gradient(120deg,#8ae8ff,#6b9aff 58%,#a394ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.v-desc{max-width:650px;margin-top:16px;color:#b8cce4;font-size:1.04rem;line-height:2}
.v-tip{margin-top:20px;padding:10px 16px;border-radius:14px;color:#ffebb4;background:rgba(255,198,75,.08);border-color:rgba(255,214,120,.14);font-size:.9rem}
.v-tip::before{content:"✓";display:grid;place-items:center;width:21px;height:21px;margin-left:8px;border-radius:7px;background:#ffd15a;color:#111b29;font-weight:1000}
.v-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:-70px;padding:0 22px}
.v-card{--card-accent:#59cfff;grid-column:span 2;min-height:390px;padding:18px;border-radius:26px;border:1px solid color-mix(in srgb,var(--card-accent) 25%,transparent);background:linear-gradient(155deg,color-mix(in srgb,var(--card-accent) 10%,#0b1930),rgba(7,17,34,.96) 58%);backdrop-filter:blur(18px);box-shadow:0 22px 60px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05);transition:transform .24s var(--v-ease),border-color .24s ease,box-shadow .24s ease}
.v-card:nth-child(4){grid-column:2/span 2}
.v-card:nth-child(5){grid-column:4/span 2}
.v-card::before{inset:-7rem auto auto -6rem;width:17rem;height:17rem;background:radial-gradient(circle,color-mix(in srgb,var(--card-accent) 24%,transparent),transparent 68%)}
.v-card::after{content:"";position:absolute;left:18px;right:18px;top:86px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--card-accent) 32%,transparent),transparent)}
.v-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--card-accent) 48%,transparent);box-shadow:0 32px 82px rgba(0,0,0,.38),0 0 40px color-mix(in srgb,var(--card-accent) 8%,transparent)}
.v-card.blue{--card-accent:#56d2ff}.v-card.purple{--card-accent:#8c7cff}.v-card.green{--card-accent:#53e0af}.v-card.orange{--card-accent:#ffba55}.v-card.red{--card-accent:#ff7185}
.v-card-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.v-device-icon{display:grid;place-items:center;width:38px;height:38px;color:var(--card-accent)}
.v-device-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v-ribbon{align-self:auto;margin:0;padding:7px 11px;border:1px solid color-mix(in srgb,var(--card-accent) 24%,transparent);background:color-mix(in srgb,var(--card-accent) 12%,#0c1930)!important;color:var(--card-accent);box-shadow:none;font-size:.74rem}
.v-ribbon:empty{display:none}
.v-card .v-head{margin:0}.v-tags{gap:6px}.v-tag{padding:6px 9px;color:#b8c9df;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.07);font-size:.72rem}
.v-card h2{margin:14px 0 5px;font-family:CloudyLalezar,Lalezar,sans-serif;font-size:1.65rem;line-height:1.4}
.v-sub{margin-bottom:12px;color:#a8bfd9;font-size:.9rem;font-weight:700}
.v-num{position:relative;left:auto;top:auto;align-self:flex-start;display:inline-flex;align-items:center;direction:ltr;width:max-content;margin:4px 0 14px;padding:6px 9px;border-radius:8px;color:var(--card-accent);background:color-mix(in srgb,var(--card-accent) 9%,#0b1930);border:1px solid color-mix(in srgb,var(--card-accent) 18%,transparent);font-size:.72rem}
.v-list{gap:9px;margin-top:10px;color:#d5e3f3;font-size:.88rem;line-height:1.7}
.v-list li{padding-right:24px}.v-list li::before{top:.34rem;width:16px;height:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--card-accent) 18%,transparent);box-shadow:none;color:var(--card-accent);content:"✓";font-size:.67rem;font-weight:1000}
.v-download{height:48px;margin-top:auto;border:1px solid color-mix(in srgb,var(--card-accent) 24%,transparent);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--card-accent) 88%,white 12%),var(--card-accent));color:#06111f;box-shadow:0 14px 34px color-mix(in srgb,var(--card-accent) 15%,transparent);transition:transform .2s var(--v-ease),filter .2s ease}
.v-download::after{content:"↓";margin-right:8px;font-size:1.05rem}.v-download:hover{transform:translateY(-2px);filter:brightness(1.08)}.v-download.disabled{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.09);color:#8294aa;box-shadow:none}.v-download.disabled::after{display:none}
@media(max-width:980px){.v-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px}.v-card,.v-card:nth-child(4),.v-card:nth-child(5){grid-column:auto}.v-card:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 8px);justify-self:center}.v-title{font-size:clamp(2.2rem,7vw,3.8rem)}}
@media(max-width:700px){.v-page{padding:0 9px 42px}.v-hero{min-height:360px;padding:42px 16px 92px;border-radius:25px}.v-hero::before{inset:12px;border-radius:18px}.v-title{font-size:clamp(2rem,11vw,3.15rem)}.v-desc{font-size:.92rem;line-height:1.9}.v-tip{max-width:290px;border-radius:13px;font-size:.8rem;line-height:1.7}.v-grid{grid-template-columns:1fr;gap:12px;margin-top:-54px;padding:0 8px}.v-card,.v-card:nth-child(4),.v-card:nth-child(5),.v-card:last-child:nth-child(odd){grid-column:auto;width:100%;min-height:370px;border-radius:22px}.v-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.v-card,.v-download{transition:none}.v-card:hover,.v-download:hover{transform:none}}