@font-face{font-family:"Vazirmatn";src:url("/fonts/Vazirmatn.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--navy:#072A1E;--navy2:#0E503A;--deep:#06241A;--deepest:#052017;--abyss:#03140E;
 --g:#05A376;--mint:#5EE6B4;--mint2:#A7F3D0;--pale:#C9F5E6;--pale2:#C3F0E1;--teal:#13A3B5;--blue:#046C94;--gold:#D4B26A;--gold2:#E7C98A;
 --glass:rgba(255,255,255,.06);--gline:rgba(140,220,190,.22);
 --gt:linear-gradient(270deg,#5EE6B4 0%,#05A376 55%,#046C94 100%);
 --f:"Vazirmatn",Tahoma,sans-serif;--mono:ui-monospace,Menlo,Consolas,monospace;--e:cubic-bezier(.22,1,.36,1);--hd:76px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--abyss);-webkit-text-size-adjust:100%}
body{font-family:var(--f);font-size:17px;line-height:1.95;color:#E9FFF8;-webkit-font-smoothing:antialiased;overflow-x:hidden;
 background:linear-gradient(180deg,var(--navy) 0,var(--deep) 12%,var(--navy) 26%,var(--deepest) 40%,var(--deep) 55%,var(--navy) 68%,var(--deepest) 82%,var(--abyss) 100%)}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}ul,ol{list-style:none}img,svg{display:block}
.ic{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wrap{width:min(1180px,100% - 64px);margin-inline:auto;position:relative}
.skip{position:absolute;right:16px;top:-60px;z-index:300;background:var(--mint);color:var(--navy);padding:10px 16px;border-radius:10px}.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:6px}
.kicker{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:700;color:var(--mint2);margin-bottom:20px}
.kicker::before{content:"";width:36px;height:4px;border-radius:4px;background:linear-gradient(270deg,#EBD39C,#B88E45)}
.gt{background:linear-gradient(270deg,#7CF0C5 0%,#5EE6B4 30%,#05A376 75%,#13A3B5 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-bottom:.06em}
h1,h2{font-weight:900;color:#fff;letter-spacing:-.01em}
h2{font-size:clamp(34px,4.3vw,58px);line-height:1.4}
h3{font-size:19px;font-weight:800;line-height:1.6;color:#fff}
.lead{font-size:19px;line-height:2;color:var(--pale)}
.head{max-width:780px;margin-bottom:64px}.head>p:not(.kicker){margin-top:22px;font-size:18px;line-height:2;color:var(--pale);max-width:640px}
.head.center{text-align:center;margin-inline:auto}.head.center>p:not(.kicker){margin-inline:auto}
.sec{position:relative;padding:clamp(100px,11vw,150px) 0}
.glass{background:var(--glass);border:1px solid var(--gline);border-radius:22px;padding:30px;transition:transform .5s var(--e),border-color .5s,background .5s}
.glass:hover{border-color:rgba(140,220,190,.4);background:rgba(255,255,255,.08)}
.glass p{color:var(--pale2);font-size:15.5px;line-height:1.95;margin-top:8px}
.ico{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(94,230,180,.18),rgba(19,163,181,.22));color:var(--mint2);margin-bottom:20px}
.ico .ic{width:24px;height:24px}
.ticks{display:grid;gap:12px}
.ticks li{position:relative;padding-inline-start:26px;color:var(--pale2);font-size:16px;line-height:1.9}
.ticks li::before{content:"";position:absolute;right:0;top:.62em;width:12px;height:12px;border-radius:50%;background:var(--gt)}
.ticks b{color:#fff}
.more{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--mint);margin-top:24px}.more .ic{transition:transform .4s var(--e)}.more:hover .ic{transform:translateX(-5px)}
.btn{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 28px;border-radius:14px;font-weight:700;font-size:16px;white-space:nowrap;transition:transform .4s var(--e),box-shadow .4s,background .3s}
.btn .ic{width:18px;height:18px;transition:transform .4s var(--e)}.btn:hover .ic{transform:translateX(-4px)}
.btn-p{background:linear-gradient(135deg,#5EE6B4,#05A376 70%);color:#04231A;box-shadow:0 14px 34px -14px rgba(94,230,180,.55)}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 20px 40px -14px rgba(94,230,180,.7)}
.btn-o,.btn-g{color:#fff;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--gline)}.btn-o:hover,.btn-g:hover{background:rgba(255,255,255,.1)}
.btn.sm{height:42px;padding:0 20px;font-size:14.5px;border-radius:12px}
.hd{position:fixed;inset:0 0 auto;z-index:100;height:var(--hd);transition:background .4s,height .4s var(--e),box-shadow .4s}
.hd.solid{height:66px;background:rgba(5,32,23,.78);backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px);box-shadow:0 1px 0 rgba(140,220,190,.12)}
.hd-in{height:100%;display:flex;align-items:center;gap:40px}
.brand{display:flex;align-items:center;gap:10px}.brand img{width:36px;height:36px;border-radius:10px}
.brand b{display:block;font-size:18px;font-weight:900;line-height:1.2;color:#fff}.brand small{display:block;font-size:9px;letter-spacing:.3em;color:var(--mint2);font-weight:600;direction:ltr;text-align:right}
.hd-nav{display:flex;align-items:center;gap:30px;font-size:15px;color:rgba(233,255,248,.75)}
.hd-nav>a:hover,.dd-t:hover{color:#fff}
.dd{position:relative}.dd-t{display:flex;align-items:center;gap:6px}.dd-t svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .3s}
.dd-p{position:absolute;top:calc(100% + 16px);right:-24px;width:540px;display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:10px;border-radius:20px;background:#06241A;border:1px solid var(--gline);box-shadow:0 30px 60px -20px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.3s var(--e)}
.dd:hover .dd-p,.dd.open .dd-p,.dd:focus-within .dd-p{opacity:1;visibility:visible;transform:none}.dd:hover .dd-t svg{transform:rotate(180deg)}
.dd-p a{padding:12px 14px;border-radius:12px}.dd-p a:hover{background:rgba(255,255,255,.05)}
.dd-p b{display:block;font-size:14.5px;color:#fff}.dd-p small{display:block;font-size:12.5px;color:var(--pale2);opacity:.75;line-height:1.7}
.hd-acts{margin-inline-start:auto;display:flex;align-items:center;gap:22px;font-size:15px;font-weight:600}
.burger{display:none;margin-inline-start:auto;width:44px;height:44px;border-radius:12px;place-items:center;box-shadow:inset 0 0 0 1px var(--gline)}.burger .ic{width:22px;height:22px}
.mnav{position:fixed;inset:66px 0 0;background:var(--deepest);padding:20px 24px 40px;overflow:auto;display:flex;flex-direction:column}.mnav[hidden]{display:none}
.mnav>a{padding:14px 0;border-bottom:1px solid rgba(140,220,190,.12);font-size:17px}
.mnav-acts{display:grid;gap:10px;margin-top:24px}.mnav-acts .btn{justify-content:center}
.js .r{opacity:0;transform:translateY(22px);transition:opacity .9s var(--e) var(--d,0s),transform 1.1s var(--e) var(--d,0s)}
.js .r.in{opacity:1;transform:none}
.hero{position:relative;min-height:max(760px,100svh);padding:calc(var(--hd) + 60px) 0 80px;display:flex;align-items:center;overflow:hidden;background:var(--navy)}
.hero-bg{position:absolute;inset:0;background:image-set(url(/img/hero-silk.webp) type("image/webp"),url(/img/hero-silk.jpg) type("image/jpeg")) center 70%/cover no-repeat;animation:drift 24s ease-in-out infinite alternate}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,26,18,.75) 0%,rgba(3,26,18,.15) 45%,rgba(7,42,30,.2) 75%,var(--navy) 100%),linear-gradient(270deg,rgba(4,26,19,.65),rgba(4,26,19,0) 60%)}
@keyframes drift{to{transform:scale(1.06) translateX(-1.5%)}}
.hero-g{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
h1{font-size:clamp(42px,5.4vw,78px);line-height:1.42}
.hero .lead{margin-top:26px;max-width:34em}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}
.hero-v{position:relative;height:540px}
.glass-sheet{position:absolute;top:50%;left:50%;width:360px;height:470px;margin:-235px 0 0 -180px;border-radius:18px;background:linear-gradient(160deg,rgba(201,245,230,.16),rgba(94,230,180,.06) 50%,rgba(19,163,181,.08));border:1px solid rgba(167,243,208,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 40px 80px -30px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.18)}
.glass-sheet.back{transform:translate(-46px,24px) rotate(-7deg);opacity:.55}
.glass-sheet.main{padding:30px 30px 24px;display:flex;flex-direction:column;animation:float 8s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-10px)}}
.gs-top{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--mint2)}
.gs-top span{display:flex;align-items:center;gap:7px;font-weight:800;color:#fff}.gs-top img{border-radius:5px}.gs-top code{font:11px var(--mono);direction:ltr;opacity:.7}
.gs-title{margin-top:24px;font-size:18px;font-weight:800;color:#fff}
.gs-lines{display:grid;gap:11px;margin-top:22px}.gs-lines i{height:6px;border-radius:3px;background:rgba(201,245,230,.18)}
.gs-sign{position:relative;margin-top:auto;height:120px;border-radius:14px;border:1px dashed rgba(167,243,208,.35);background:rgba(3,26,18,.25)}
.gs-sign svg{position:absolute;inset:20px 16px 10px 90px;width:calc(100% - 106px);height:calc(100% - 30px)}
.sig{fill:none;stroke:#E9FFF8;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 6px rgba(167,243,208,.6));animation:sig 4.3s var(--e) infinite}
.seal{position:absolute;left:10px;top:50%;width:84px;height:84px;margin-top:-42px;color:var(--mint);animation:seal 4.3s infinite;filter:drop-shadow(0 0 10px rgba(94,230,180,.5))}
.seal svg{width:100%;height:100%}
.gs-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:12.5px}
.gs-foot .ok{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--mint);animation:fade 4.3s infinite}
.gs-foot code{font:11px var(--mono);color:var(--mint2);opacity:.7;direction:ltr;animation:fade 4.3s infinite}
.pill{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:99px;background:rgba(5,32,23,.75);border:1px solid var(--gline);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.pill .ic{color:var(--mint);width:18px;height:18px}
.p1{top:40px;right:0;animation:t1 4.3s var(--e) infinite}.p2{bottom:50px;left:-10px;animation:t2 4.3s var(--e) infinite}
@keyframes sig{0%,10%{stroke-dashoffset:1;opacity:1}42%,92%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes seal{0%,46%{opacity:0;transform:scale(1.7) rotate(-30deg)}53%{opacity:1;transform:scale(.94) rotate(-12deg)}57%,92%{opacity:1;transform:rotate(-12deg)}100%{opacity:0;transform:rotate(-12deg)}}
@keyframes fade{0%,58%{opacity:0}64%,92%{opacity:1}100%{opacity:0}}
@keyframes t1{0%,4%{opacity:0;transform:translateY(10px)}10%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes t2{0%,26%{opacity:0;transform:translateY(10px)}32%,92%{opacity:1;transform:none}100%{opacity:0}}
.hero.off *{animation-play-state:paused!important}
.vals{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.vals b{display:inline-block;font-size:30px;font-weight:900;line-height:1.4}
.art{position:absolute;left:0;right:0;pointer-events:none;z-index:0}
.art img{width:100%;height:100%;object-fit:cover}
.art-flow{top:0;height:520px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,#000 55%,transparent);mask-image:linear-gradient(180deg,transparent,#000 25%,#000 55%,transparent);opacity:.7}
#how .wrap{padding-top:120px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.steps .n{display:inline-block;font-size:40px;font-weight:900;line-height:1.2;margin-bottom:14px}
.feat-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin-bottom:56px}
.feat-top .head{margin-bottom:0}
.art-card{border-radius:24px;overflow:hidden;border:1px solid var(--gline);aspect-ratio:9/5;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.art-card img{width:100%;height:100%;object-fit:cover}
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.art-chain{top:40px;height:560px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 60%,transparent);mask-image:linear-gradient(180deg,transparent,#000 20%,#000 60%,transparent)}
.legal-in{padding-top:330px}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.law{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 34px;border-radius:22px;background:linear-gradient(135deg,#0E503A,#1F7A5C)}
.law b{font-size:18px;color:#fff}.law p{color:var(--pale);margin-top:4px}.law .more{margin:0;color:#fff;white-space:nowrap}
.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}
.split .head{margin-bottom:36px}
.art-sq{border-radius:28px;overflow:hidden;aspect-ratio:1;border:1px solid var(--gline);-webkit-mask-image:radial-gradient(75% 75% at 50% 50%,#000 60%,transparent);mask-image:radial-gradient(75% 75% at 50% 50%,#000 60%,transparent);border:0}
.art-sq img{width:100%;height:100%;object-fit:cover}
.dep{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dc{padding:34px;display:flex;flex-direction:column}
.dc-h{display:flex;gap:16px;align-items:center}.dc-h .ico{margin:0}.dc-h p{margin-top:0;font-size:15px}
.dia{width:100%;height:auto;margin:26px 0;border-radius:16px;background:rgba(3,20,14,.45);border:1px solid rgba(140,220,190,.12)}
.dia .z{fill:rgba(94,230,180,.03);stroke:rgba(140,220,190,.3);stroke-dasharray:4 5}.dia .z.on{fill:rgba(5,163,118,.1);stroke:rgba(94,230,180,.5);stroke-dasharray:none}
.dia text{fill:var(--mint2);font:600 11px var(--f);text-anchor:middle;opacity:.8}
.dia .ln{fill:none;stroke:rgba(94,230,180,.35);stroke-width:1.4;stroke-dasharray:3 5}
.dia .pk{fill:var(--mint);filter:drop-shadow(0 0 4px var(--mint))}
.dia .nd{fill:#06241A;stroke:rgba(94,230,180,.5);stroke-width:1.4}.dia .nd.on{fill:var(--g);stroke:var(--mint)}
.dc .more{margin-top:auto;padding-top:20px}
.inds{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ind{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:3/2;border:1px solid var(--gline);isolation:isolate}
.ind img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--e)}
.ind::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,32,23,.92) 8%,rgba(5,32,23,0) 60%)}
.ind span{position:absolute;inset:auto 0 0;padding:22px 24px;z-index:1}
.ind b{display:block;font-size:19px;font-weight:800;color:#fff}.ind small{display:block;font-size:14px;color:var(--pale2)}
.ind:hover img{transform:scale(1.06)}
.teams{margin-top:32px;color:var(--pale2);font-size:15px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.teams span{padding:5px 14px;border-radius:99px;background:rgba(19,163,181,.18);color:#D7FFF2;font-weight:700;font-size:14px}
.faq-s{align-items:start}
.faq details{border-bottom:1px solid rgba(140,220,190,.16)}.faq details:first-child{border-top:1px solid rgba(140,220,190,.16)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:18px;font-weight:700;cursor:pointer;color:#fff}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{width:22px;height:22px;color:var(--mint);transition:transform .4s var(--e)}.faq details[open] summary .ic{transform:rotate(45deg)}
.faq .a p{color:var(--pale2);padding-bottom:24px;font-size:16px;line-height:2}
.cta{position:relative;padding:clamp(130px,14vw,200px) 0;text-align:center;overflow:hidden}
.cta canvas{position:absolute;inset:0;width:100%;height:100%}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 50%,rgba(3,20,14,.55),transparent 75%);z-index:1}
.cta-in{z-index:2}.cta h2{font-size:clamp(34px,4.6vw,62px)}
.cta .lead{margin:22px auto 0;max-width:32em;font-size:18px}.cta .acts{justify-content:center}
.ft{padding:0 0 40px;font-size:15px;background:var(--abyss)}
.ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-top:56px;border-top:1px solid rgba(140,220,190,.14)}
.ft-brand p{color:#8CC9B5;margin:16px 0;max-width:24em;font-size:14.5px}
.ft-c{display:grid;gap:6px}.ft-c li{display:flex;align-items:center;gap:8px;color:var(--pale2)}.ft-c .ic{color:var(--mint)}
.enamad{margin-top:18px;display:inline-block;background:#fff;border-radius:12px;padding:6px}.enamad img{width:68px;height:auto}
.ft nav{display:grid;gap:10px;align-content:start}.ft nav p{font-weight:800;margin-bottom:6px;color:#fff}.ft nav a{color:#8CC9B5;font-size:14.5px}.ft nav a:hover{color:var(--mint)}
.ft-b{display:flex;justify-content:space-between;margin-top:56px;padding-top:24px;border-top:1px solid rgba(140,220,190,.14);color:#8CC9B5;font-size:13.5px}
@media(max-width:1120px){.hd-nav,.hd-acts{display:none}.burger{display:grid}}
@media(max-width:1020px){.hero-g,.feat-top,.split{grid-template-columns:1fr}.hero-v{height:520px}
 .vals{grid-template-columns:1fr 1fr}.steps,.feats,.inds{grid-template-columns:1fr 1fr}.trio,.dep{grid-template-columns:1fr}
 .ft-grid{grid-template-columns:1fr 1fr}.ft-brand{grid-column:1/-1}.legal-in{padding-top:260px}.art-sq{max-width:520px}}
@media(max-width:640px){body{font-size:16px}.wrap{width:min(1180px,100% - 40px)}
 .hero{min-height:0;padding-top:calc(66px + 44px)}h1{font-size:clamp(32px,9vw,46px)}.lead{font-size:17px}.acts .btn{flex:1;justify-content:center}
 .hero-v{height:440px}.glass-sheet{width:290px;height:390px;margin:-195px 0 0 -145px}.glass-sheet.main{padding:22px}.gs-sign{height:96px}.seal{width:66px;height:66px;margin-top:-33px}.gs-sign svg{inset:16px 12px 8px 76px;width:calc(100% - 88px)}
 .p1{right:0;top:6px}.p2{left:0;bottom:16px}.pill{font-size:12.5px;padding:8px 13px}
 .sec{padding:88px 0}.head{margin-bottom:44px}.head>p:not(.kicker){font-size:16.5px}
 .vals,.steps,.feats,.inds{grid-template-columns:1fr}.glass{padding:24px}
 .art-flow{height:300px}#how .wrap{padding-top:70px}.legal-in{padding-top:170px}.art-chain{height:320px;top:30px}
 .law{flex-direction:column;align-items:flex-start;padding:24px}
 .ft-grid{grid-template-columns:1fr}.ft-b{flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){.sig,.seal,.gs-foot .ok,.gs-foot code,.p1,.p2{animation-duration:11s}.glass-sheet.main,.hero-bg{animation:none}.js .r{transform:none;transition-duration:.5s}}
@media(min-width:1021px){.hero-g{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}h1{font-size:clamp(40px,4.3vw,62px)}}
.p1{top:-6px;right:-30px}
.art-chain{top:0}.legal-in{padding-top:400px}
.cta{background:radial-gradient(60% 70% at 50% 60%,rgba(14,80,58,.55),transparent 70%)}
@media(max-width:1020px){.legal-in{padding-top:300px}}
@media(max-width:640px){.legal-in{padding-top:200px}.p1{right:0}}
@media(min-width:641px){.p2{bottom:6px;left:-30px}}
.sec>.wrap{z-index:1}
.art-waves{top:auto;bottom:-40px;height:560px;opacity:.55;-webkit-mask-image:linear-gradient(180deg,transparent,#000 35%,#000 65%,transparent);mask-image:linear-gradient(180deg,transparent,#000 35%,#000 65%,transparent)}
.tex-nodes{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(167,243,208,.16) 1.2px,transparent 1.6px);background-size:34px 34px;-webkit-mask-image:radial-gradient(60% 55% at 30% 70%,#000,transparent 75%);mask-image:radial-gradient(60% 55% at 30% 70%,#000,transparent 75%)}
.tex-nodes::after{content:"";position:absolute;inset:0;background:radial-gradient(700px 420px at 80% 20%,rgba(19,163,181,.10),transparent 70%),radial-gradient(600px 400px at 20% 80%,rgba(94,230,180,.08),transparent 70%)}
.art-net{inset:0;opacity:.42;-webkit-mask-image:radial-gradient(75% 70% at 50% 55%,#000 30%,transparent 80%);mask-image:radial-gradient(75% 70% at 50% 55%,#000 30%,transparent 80%)}
.tex-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}
.tex-links path{fill:none;stroke:rgba(94,230,180,.18);stroke-width:1;stroke-dasharray:3 7;animation:dash 6s linear infinite}
.tex-links circle{fill:rgba(167,243,208,.35)}
.tex-links .hub{fill:none;stroke:rgba(94,230,180,.3)}
@keyframes dash{to{stroke-dashoffset:-100}}
.tex-contour{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent)}
.tex-contour path{fill:none;stroke:rgba(94,230,180,.10);stroke-width:1;vector-effect:non-scaling-stroke}
.tex-contour path.g{stroke:rgba(231,201,138,.09)}
.art-faq{top:50%;height:600px;transform:translateY(-50%);opacity:.5;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent),linear-gradient(90deg,#000 40%,transparent 85%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);}
@media(prefers-reduced-motion:reduce){.tex-links path{animation-duration:20s}}
.art-net{opacity:.28;-webkit-mask-image:radial-gradient(80% 60% at 50% 75%,#000 25%,transparent 80%);mask-image:radial-gradient(80% 60% at 50% 75%,#000 25%,transparent 80%)}
.art-faq{opacity:.32}
.tex-nodes{background-image:radial-gradient(circle,rgba(167,243,208,.22) 1.2px,transparent 1.6px)}
.ltr{direction:ltr;unicode-bidi:isolate}
.hp{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}
.pg{position:relative;overflow:hidden}
.pg-hero{position:relative;padding:calc(var(--hd) + 70px) 0 80px;overflow:hidden;isolation:isolate}
.pg-art{position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.25),#000 30%,#000 60%,transparent),linear-gradient(90deg,#000 30%,rgba(0,0,0,.35));-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,rgba(0,0,0,.25),#000 30%,#000 60%,transparent);opacity:.75}
.pg-art img{width:100%;height:100%;object-fit:cover;object-position:center 60%}
.pg-art.art-secure img{object-fit:contain;object-position:12% 50%}
.pg-art::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(5,32,23,.92) 0%,rgba(5,32,23,.55) 45%,rgba(5,32,23,.1) 80%)}
.pg-hero .wrap{max-width:1180px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;font-size:13.5px;color:#8CC9B5;margin-bottom:26px}
.crumbs li+li::before{content:"‹";margin-inline-end:8px;opacity:.6}
.crumbs a:hover{color:var(--mint)}
.pg-hero h1{font-size:clamp(34px,4.4vw,58px);line-height:1.45;max-width:17em}
.pg-hero h1 em{font-style:normal}
.pg-hero .lead{margin-top:22px;max-width:40em;font-size:18.5px}
.post-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:14px;color:#8CC9B5}
.post-meta>*+*::before{content:"•";margin-inline-end:22px;color:var(--gold)}
.pg>.wrap{position:relative;z-index:1}
.pg::before{content:"";position:absolute;inset:620px 0 0;z-index:0;pointer-events:none;opacity:.9;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900' viewBox='0 0 1600 900'%3E%3Cg fill='none' stroke='%235EE6B4' stroke-opacity='.07'%3E%3Cpath d='M0 300C300 220 500 380 800 300S1300 200 1600 290'/%3E%3Cpath d='M0 330C300 250 500 410 800 330S1300 230 1600 320'/%3E%3Cpath d='M0 360C300 280 500 440 800 360S1300 260 1600 350'/%3E%3Cpath d='M0 390C300 310 500 470 800 390S1300 290 1600 380'/%3E%3Cpath d='M0 420C300 340 500 500 800 420S1300 320 1600 410'/%3E%3Cpath d='M0 450C300 370 500 530 800 450S1300 350 1600 440'/%3E%3Cpath d='M0 480C300 400 500 560 800 480S1300 380 1600 470' stroke='%23E7C98A'/%3E%3Cpath d='M0 510C300 430 500 590 800 510S1300 410 1600 500'/%3E%3Cpath d='M0 540C300 460 500 620 800 540S1300 440 1600 530'/%3E%3C/g%3E%3C/svg%3E") center top/1600px 900px repeat-y,
 radial-gradient(circle,rgba(167,243,208,.10) 1px,transparent 1.4px) 0 0/36px 36px;
 -webkit-mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent)}
.pg::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 600px at 85% 40%,rgba(19,163,181,.08),transparent 70%),radial-gradient(800px 600px at 10% 70%,rgba(94,230,180,.07),transparent 70%)}
.pg-body{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:56px;align-items:start;padding:20px 0 40px}
.prose{max-width:46em;font-size:17.5px;line-height:2.15;color:var(--pale2)}
.prose>*+*{margin-top:18px}
.prose h2{font-size:clamp(25px,2.4vw,32px);line-height:1.6;color:#fff;margin-top:56px;padding-top:6px;scroll-margin-top:100px}
.prose h2:first-child{margin-top:0}
.prose h2::before{content:"";display:block;width:36px;height:4px;border-radius:4px;background:linear-gradient(270deg,#EBD39C,#B88E45);margin-bottom:16px}
.prose h3{font-size:20px;margin-top:34px;color:#fff}
.prose strong,.prose b{color:#fff;font-weight:700}
.prose a{color:var(--mint);text-decoration:underline;text-decoration-color:rgba(94,230,180,.4);text-underline-offset:5px}
.prose a:hover{text-decoration-color:var(--mint)}
.prose ul,.prose ol:not(.steps-v){padding:0;display:grid;gap:10px}
.prose ul>li{position:relative;padding-inline-start:26px}
.prose ul>li::before{content:"";position:absolute;right:0;top:.85em;width:10px;height:10px;border-radius:50%;background:var(--gt)}
.prose ol:not(.steps-v){counter-reset:o}.prose ol:not(.steps-v)>li{counter-increment:o;position:relative;padding-inline-start:34px}
.prose ol:not(.steps-v)>li::before{content:counter(o,persian);position:absolute;right:0;top:0;font-weight:800;color:var(--mint)}
.prose blockquote{border-inline-start:4px solid var(--mint);padding:6px 22px;font-size:19px;color:#fff;font-weight:600}
.tbl{overflow-x:auto;border-radius:18px;border:1px solid var(--gline);background:rgba(255,255,255,.04)}
.tbl table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.9;min-width:520px}
.tbl th{background:rgba(94,230,180,.10);color:#fff;font-weight:800;text-align:start;padding:14px 18px}
.tbl td{padding:13px 18px;border-top:1px solid rgba(140,220,190,.12);vertical-align:top}
.tbl tr:hover td{background:rgba(255,255,255,.02)}
.steps-v{list-style:none;padding:0;counter-reset:s;display:grid;gap:12px}
.steps-v>li{counter-increment:s;position:relative;padding:18px 22px 18px 22px;padding-inline-start:74px;border-radius:18px;background:var(--glass);border:1px solid var(--gline)}
.steps-v>li::before{content:counter(s,persian);position:absolute;right:20px;top:16px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900;color:#04231A;background:linear-gradient(135deg,#5EE6B4,#05A376)}
.note{padding:18px 22px;border-radius:18px;background:linear-gradient(135deg,rgba(14,80,58,.85),rgba(31,122,92,.6));border:1px solid var(--gline);color:var(--pale);font-size:16px}
.note.warn{background:rgba(212,178,106,.08);border-color:rgba(231,201,138,.35)}
.note b{color:#fff}
.inline-cta{margin:36px 0!important;padding:26px 28px;border-radius:22px;background:linear-gradient(135deg,#0E503A,#1F7A5C);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.inline-cta p{color:#fff;font-weight:600;margin:0;max-width:30em;line-height:1.9}
.inline-cta .acts{margin:0}
.btn-g{color:#fff;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--gline)}
.toc{position:relative;padding:24px;border-radius:22px;background:var(--glass);border:1px solid var(--gline)}
.toc>b{display:flex;align-items:center;gap:10px;color:#fff;font-size:15px;margin-bottom:12px}
.toc>b::before{content:"";width:24px;height:4px;border-radius:4px;background:linear-gradient(270deg,#EBD39C,#B88E45)}
.toc ol{list-style:none;display:grid;gap:4px;margin-bottom:18px}
.toc ol a{display:block;padding:7px 10px;border-radius:10px;font-size:14px;line-height:1.8;color:var(--pale2)}
.toc ol a:hover{background:rgba(255,255,255,.05);color:#fff}
.toc .btn{width:100%;justify-content:center;height:46px}
.pg-sec{position:relative;padding:56px 0}
.pg-sec>h2{font-size:clamp(26px,2.8vw,38px);margin-bottom:26px;line-height:1.5}
.pg-sec>h2::before{content:"";display:block;width:36px;height:4px;border-radius:4px;background:linear-gradient(270deg,#EBD39C,#B88E45);margin-bottom:16px}
.pg-sec>p{color:var(--pale2);margin:-10px 0 24px;max-width:46em}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.prose .cards{margin-top:22px}
.card{display:flex;flex-direction:column;gap:6px;padding:24px;border-radius:20px;background:var(--glass);border:1px solid var(--gline);transition:transform .5s var(--e),border-color .4s,background .4s;text-decoration:none!important;color:inherit}
a.card:hover{transform:translateY(-4px);border-color:rgba(140,220,190,.45);background:rgba(255,255,255,.08)}
.card>.ic{width:46px;height:46px;padding:11px;box-sizing:border-box;border-radius:14px;background:linear-gradient(135deg,rgba(94,230,180,.18),rgba(19,163,181,.22));color:var(--mint2);margin-bottom:8px}
.card b{color:#fff;font-size:17px;line-height:1.7}
.card span{color:var(--pale2);font-size:15px;line-height:1.9}
.card time{font-size:13px;color:var(--gold2)}
.post-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:20px}
.post-list .card{padding:28px}.post-list .card b{font-size:19px}
.rel-posts ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.rel-posts li{padding:22px;border-radius:18px;background:var(--glass);border:1px solid var(--gline);display:grid;gap:6px}
.rel-posts li a{color:#fff;font-weight:800;line-height:1.8}.rel-posts li a:hover{color:var(--mint)}
.rel-posts li span{color:var(--pale2);font-size:14.5px;line-height:1.9}
.rel-all{margin-top:18px}.rel-all a{color:var(--mint);font-weight:700}
.pg .faq{border-radius:22px;background:var(--glass);border:1px solid var(--gline);padding:4px 26px}
.pg .faq details{border-bottom:1px solid rgba(140,220,190,.14)}.pg .faq details:last-child{border-bottom:0}.pg .faq details:first-child{border-top:0}
.pg .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;font-size:17px;font-weight:700;color:#fff}
.pg .faq summary::-webkit-details-marker{display:none}
.pg .faq summary::after{content:"+";font-size:24px;line-height:1;color:var(--mint);transition:transform .35s var(--e);flex:none}
.pg .faq details[open] summary::after{transform:rotate(45deg)}
.pg .faq .a{color:var(--pale2);padding-bottom:22px;font-size:16px;line-height:2.05}
.pg .faq .a a{color:var(--mint)}
.faq-group+.faq-group{margin-top:44px}.faq-group h2{margin-bottom:18px}
.pg-cta{position:relative;overflow:hidden;margin:40px 0 100px;padding:clamp(60px,7vw,96px) 32px;border-radius:32px;text-align:center;border:1px solid var(--gline);
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-width='1'%3E%3Cpath d='M0 260C200 180 400 330 600 250S1000 150 1200 230' stroke='%235EE6B4' stroke-opacity='.35'/%3E%3Cpath d='M0 270C200 195 400 340 600 262S1000 165 1200 242' stroke='%235EE6B4' stroke-opacity='.25'/%3E%3Cpath d='M0 280C200 210 400 350 600 274S1000 180 1200 254' stroke='%2313A3B5' stroke-opacity='.3'/%3E%3Cpath d='M0 290C200 225 400 360 600 286S1000 195 1200 266' stroke='%2313A3B5' stroke-opacity='.22'/%3E%3Cpath d='M0 300C200 240 400 370 600 298S1000 210 1200 278' stroke='%23E7C98A' stroke-opacity='.22'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat,
 radial-gradient(70% 80% at 50% 110%,rgba(5,163,118,.35),transparent 70%),linear-gradient(135deg,#0B4633,#06241A 60%)}
.pg-cta h2{font-size:clamp(28px,3.4vw,46px);line-height:1.5;max-width:20em;margin-inline:auto}
.pg-cta p{color:var(--pale);margin:16px auto 0;max-width:38em}
.pg-cta .acts{justify-content:center}
.dform{margin-top:24px;padding:30px;border-radius:24px;background:var(--glass);border:1px solid var(--gline)}
.dgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.fld{display:grid;gap:7px}.fld.full{grid-column:1/-1}
.fld label{font-size:14.5px;font-weight:700;color:#fff}.req{color:var(--gold2)}
.fld input,.fld select,.fld textarea{width:100%;font:inherit;font-size:16px;color:#fff;background:rgba(3,20,14,.55);border:1px solid rgba(140,220,190,.25);border-radius:14px;padding:12px 14px;transition:border-color .3s,box-shadow .3s}
.fld select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#A7F3D0 50%),linear-gradient(135deg,#A7F3D0 50%,transparent 50%);background-position:18px 50%,12px 50%;background-size:6px 6px;background-repeat:no-repeat;padding-left:34px}
.fld select option{background:#06241A;color:#fff}
.fld input::placeholder,.fld textarea::placeholder{color:rgba(201,245,230,.4)}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--mint);box-shadow:0 0 0 3px rgba(94,230,180,.18)}
.fld [aria-invalid=true]{border-color:#FF8A9A}
.err{color:#FFB3BE;font-size:13px;min-height:0}.err:empty{display:none}
.dact{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px}
.dnote{font-size:13.5px;color:#8CC9B5;margin:0!important;flex:1;min-width:220px;line-height:1.9}
.dmsg{margin-top:16px;border-radius:14px;font-size:15px;line-height:2}.dmsg:empty{display:none}
.dmsg.ok{padding:14px 16px;border:1px solid rgba(94,230,180,.45);background:rgba(94,230,180,.08);color:#fff}
.dmsg.bad{padding:14px 16px;border:1px solid rgba(255,138,154,.45);background:rgba(255,138,154,.08);color:#fff}
.dfb{margin-top:14px;padding:16px;border:1px solid rgba(231,201,138,.4);background:rgba(212,178,106,.07);border-radius:14px;font-size:14.5px;line-height:2}.dfb[hidden]{display:none}
.dfb-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.cbox{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;padding:0!important}
.cbox li{display:flex;gap:14px;align-items:center;padding:20px!important;border-radius:18px;background:var(--glass);border:1px solid var(--gline)}
.cbox li::before{display:none}
.cbox .ic{width:44px;height:44px;padding:11px;box-sizing:border-box;border-radius:13px;background:linear-gradient(135deg,rgba(94,230,180,.18),rgba(19,163,181,.22));color:var(--mint2)}
.cbox b{display:block;color:#fff;font-size:15px}.cbox a,.cbox span{color:var(--pale2);text-decoration:none!important}
.pg-hero:only-child{min-height:80vh;display:flex;align-items:center}
@media(max-width:1020px){.pg-body{grid-template-columns:1fr}.toc{order:-1}}
@media(max-width:640px){.pg-hero{padding:calc(66px + 40px) 0 56px}.pg-hero .lead{font-size:16.5px}.prose{font-size:16.5px;line-height:2.05}.dgrid{grid-template-columns:1fr}.dform{padding:20px}.pg-cta{margin:24px 0 70px;padding:56px 20px;border-radius:24px}.inline-cta{padding:22px}.pg .faq{padding:2px 18px}.steps-v>li{padding-inline-start:66px}}

/* ===== v6 fixes (no visual change) ===== */
/* Mobile menu: backdrop-filter on .hd made it the containing block of the fixed .mnav (menu collapsed to a 60px strip).
   The blur + tint now live on a pseudo-element, so .mnav is positioned against the viewport again. Same look. */
.hd::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:rgba(5,32,23,.78);-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);opacity:0;transition:opacity .4s}
.hd.solid{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.hd.solid::before{opacity:1}
.mnav{overscroll-behavior:contain;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}
/* Home H1 kicker (same look as the old <p class="kicker">, now part of the H1) */
.hero h1 .kicker{display:flex;width:fit-content;font-size:14px;line-height:1.95;font-weight:700;letter-spacing:normal;margin-top:4.36px;margin-bottom:20px}
@media(max-width:640px){.hero h1 .kicker{margin-top:3.36px}}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Performance: above-the-fold hero content is visible on first paint (keeps the slide-in, no fade from 0) */
.js .hero .r,.js .pg-hero .r{opacity:1}

/* ===== v6.1 mobile layout fixes (no visual change on desktop) ===== */
/* Root cause: on ≤1020px .pg-body used "grid-template-columns:1fr" (= minmax(auto,1fr)); the comparison tables
   (.tbl table{min-width:520px}) forced the single grid column to ~522px, so the article and TOC were pushed
   off the LEFT edge (RTL) and cut off. The column may now shrink; tables scroll inside their own .tbl box. */
.pg-body>*{min-width:0}
@media(max-width:1020px){.pg-body{grid-template-columns:minmax(0,1fr)}}
/* Card grids: never demand more than the available width on very small phones */
.cards{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}
.post-list{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
/* Long tokens (e-mail, URLs, Latin words) wrap instead of widening their box */
.prose,.card,.toc,.ft,.pg-hero{overflow-wrap:break-word}
.tbl{max-width:100%}
/* "On-Premise" never breaks into "On-" / "Premise". Custom elements (no other rule matches them, e.g. ".card span"),
   zs-t keeps a flex container's text as one flex item. */
zs-nw{white-space:nowrap}
/* Safety net (in addition to the root fixes): clip horizontal overflow without creating a scroll container */
@supports (overflow:clip){html,body{overflow-x:clip}}

/* v6.2: single Rahkaran card on home, kept card-sized */
.rk-card{max-width:440px}