@font-face{font-family:Vazirmatn;src:url(../fonts/vazirmatn.woff2) format("woff2-variations"),url(../fonts/vazirmatn.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#F5F6FB;--bg2:#fff;--txt:#16123F;--muted:#6B6890;--line:#e3e4f0;--cobalt:#4B5BFF;--mint:#2fd9b3;--lav:#E7E5FF;--card:#fff;--hdr:rgba(245,246,251,.78);--sh:0 30px 60px -30px rgba(22,18,63,.3);--r:22px}
[data-theme=dark]{--bg:#0C0A24;--bg2:#141133;--txt:#EDEBFF;--muted:#9C98C9;--line:#26225a;--lav:#211d52;--card:#15123a;--hdr:rgba(12,10,36,.75);--sh:0 30px 60px -30px rgba(0,0,0,.7)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Vazirmatn,Tahoma,sans-serif;background:var(--bg);color:var(--txt);line-height:1.9;overflow-x:hidden;transition:background .4s,color .4s}
a{color:inherit;text-decoration:none}img{max-width:100%}
.wrap{max-width:1180px;margin:auto;padding:0 22px}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:6px}
::selection{background:var(--mint);color:#16123F}
.blobs{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.blobs i{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(90px);opacity:.35;animation:float 18s ease-in-out infinite}
.blobs i:nth-child(1){background:var(--cobalt);top:-180px;left:-120px}
.blobs i:nth-child(2){background:var(--mint);bottom:-200px;right:-150px;animation-delay:-9s;opacity:.25}
@keyframes float{50%{transform:translate(80px,60px) scale(1.15)}}
.prog{position:fixed;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--mint),var(--cobalt));z-index:100;width:0}
header{position:sticky;top:0;z-index:50;background:var(--hdr);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.logo{font-weight:900;font-size:23px;display:flex;align-items:center;gap:10px}
.logo i{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--cobalt),#16123F);position:relative;display:block}
.logo i::after{content:"";position:absolute;inset:9px;border:3px solid var(--mint);border-radius:50%;border-left-color:transparent;animation:spin 3s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.menu{display:flex;gap:6px;font-weight:600;font-size:15px}
.menu a{padding:7px 14px;border-radius:999px;transition:.25s}
.menu a:hover,.menu a.cur{background:var(--lav);color:var(--cobalt)}
[data-theme=dark] .menu a.cur,[data-theme=dark] .menu a:hover{color:var(--mint)}
.tools{display:flex;gap:10px;align-items:center}
.tgl{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--card);cursor:pointer;display:grid;place-items:center;font-size:18px;color:var(--txt);transition:transform .5s}
.tgl:hover{transform:rotate(180deg)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:999px;font-weight:800;font-size:15px;border:0;cursor:pointer;font-family:inherit;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}
.btn:hover{transform:translateY(-3px)}
.b1{background:var(--cobalt);color:#fff;box-shadow:0 14px 30px -12px var(--cobalt)}
.b2{background:var(--mint);color:#16123F;box-shadow:0 14px 30px -12px var(--mint)}
.b3{border:2px solid var(--txt);color:var(--txt);background:none}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.45),transparent 70%);transform:translateX(120%);transition:.7s}
.btn:hover::after{transform:translateX(-120%)}
.tabbar{display:none}
.hero{padding:60px 0 90px;display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center}
.pill{display:inline-flex;gap:8px;align-items:center;background:var(--card);border:1px solid var(--line);padding:6px 8px 6px 16px;border-radius:999px;font-size:13px;font-weight:600;margin-bottom:20px}
.pill b{background:var(--mint);color:#16123F;border-radius:999px;padding:2px 10px}
.hero h1{font-size:clamp(34px,5.4vw,66px);font-weight:900;line-height:1.3;letter-spacing:-1px}
.rot{display:inline-block;background:linear-gradient(90deg,var(--cobalt),var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent}
.rot.out{animation:out .35s forwards}.rot.in{animation:in .45s}
@keyframes out{to{opacity:0;transform:translateY(-20px)}}@keyframes in{from{opacity:0;transform:translateY(20px)}}
.hero p{font-size:18px;color:var(--muted);margin:20px 0 32px;max-width:480px}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
.mini{display:flex;gap:34px;margin-top:40px}
.mini b{font-size:30px;font-weight:900;display:block}
.mini span{font-size:13px;color:var(--muted)}
.stage{position:relative;perspective:1200px}
.browser{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;border:1px solid var(--line);transform:rotateY(-8deg) rotateX(4deg);transition:transform .2s}
.bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:var(--lav);direction:ltr}
.bar i{width:11px;height:11px;border-radius:50%;background:#ff6b6b}.bar i:nth-child(2){background:#ffc94d}.bar i:nth-child(3){background:#3ddc84}
.bar span{margin-left:14px;background:var(--card);border-radius:8px;padding:3px 14px;font-size:12px;color:var(--muted);flex:1}
.canvas{height:360px;padding:22px;display:grid;grid-template-rows:auto auto 1fr;gap:16px}
.blk{border-radius:12px;opacity:0;transform:scale(.85) translateY(20px);transition:.6s cubic-bezier(.2,.9,.3,1.4)}
.on .blk{opacity:1;transform:none}
.c-nav{height:26px;background:var(--lav);transition-delay:.2s}
.c-hero{height:120px;background:linear-gradient(120deg,#16123F,var(--cobalt));transition-delay:.9s;position:relative;overflow:hidden}
.c-hero::after{content:"";position:absolute;right:20px;top:28px;width:45%;height:14px;border-radius:7px;background:rgba(255,255,255,.85);box-shadow:0 26px 0 -2px rgba(255,255,255,.4),0 50px 0 -4px var(--mint)}
.c-hero::before{content:"";position:absolute;left:24px;top:22px;width:76px;height:76px;border-radius:50%;background:var(--mint);opacity:.8;animation:pulse 2.4s infinite}
@keyframes pulse{50%{transform:scale(.8);opacity:.4}}
.c-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.c-grid div{background:var(--bg);border:1px solid var(--line)}
.c-grid div:nth-child(1){transition-delay:1.6s}.c-grid div:nth-child(2){transition-delay:1.8s}.c-grid div:nth-child(3){transition-delay:2s}
.code{position:absolute;bottom:-34px;right:-26px;width:250px;background:#16123F;color:#c9c6ff;border-radius:16px;padding:16px 18px;font:13px/1.8 ui-monospace,Consolas,monospace;direction:ltr;text-align:left;box-shadow:0 20px 40px -15px rgba(0,0,0,.6);border:1px solid #2A2466;min-height:120px;animation:bob 5s ease-in-out infinite}
.code em{color:var(--mint);font-style:normal}
.code::after{content:"▌";animation:blink 1s steps(1) infinite;color:var(--mint)}
@keyframes blink{50%{opacity:0}}
.score{position:absolute;top:-22px;left:-22px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 18px;box-shadow:var(--sh);display:flex;gap:12px;align-items:center;font-size:13px;font-weight:600;animation:bob 6s ease-in-out infinite -3s}
@keyframes bob{50%{transform:translateY(-12px)}}
.ring{width:46px;height:46px;border-radius:50%;background:conic-gradient(var(--mint) 0 98%,var(--line) 0);display:grid;place-items:center}
.ring b{width:36px;height:36px;border-radius:50%;background:var(--card);display:grid;place-items:center;font-weight:900}
.marq{overflow:hidden;border-block:1px solid var(--line);padding:22px 0;background:var(--bg2)}
.marq div{display:flex;gap:60px;width:max-content;animation:mq 25s linear infinite;font-weight:900;font-size:22px;color:var(--muted)}
.marq span::before{content:"✦ ";color:var(--mint)}
@keyframes mq{to{transform:translateX(50%)}}
section{padding:100px 0}
.head{max-width:640px;margin-bottom:50px}
.head.c{margin-inline:auto;text-align:center}
.head h2{font-size:clamp(28px,3.8vw,46px);font-weight:900;line-height:1.4}
.head p{color:var(--muted);margin-top:10px;font-size:17px}
.pagehero{padding:80px 0 40px;text-align:center}
.pagehero h1{font-size:clamp(34px,5vw,60px);font-weight:900;line-height:1.35}
.pagehero p{color:var(--muted);font-size:18px;max-width:560px;margin:14px auto 0}
.crumb{font-size:13px;color:var(--muted);margin-bottom:12px}.crumb a{color:var(--cobalt)}
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svc article{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:34px 28px;position:relative;overflow:hidden;transition:transform .35s,border-color .35s}
.svc article::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(var(--cobalt),transparent 70%);opacity:0;top:var(--y,50%);left:var(--x,50%);transform:translate(-50%,-50%);transition:opacity .3s;pointer-events:none}
.svc article:hover::before{opacity:.18}
.svc article:hover{border-color:var(--cobalt);transform:translateY(-6px)}
.ic{width:56px;height:56px;border-radius:16px;background:var(--lav);display:grid;place-items:center;margin-bottom:20px;font-size:26px;transition:transform .4s}
.svc article:hover .ic{transform:rotate(-10deg) scale(1.12)}
.svc h3{font-size:21px;font-weight:800;margin-bottom:8px}
.svc p{color:var(--muted);font-size:15px}
.svc ul{list-style:none;margin-top:14px;font-size:14px;font-weight:600}
.svc li::before,.sdet li::before,.price li::before{content:"✓ ";color:var(--mint)}
.more{display:inline-block;margin-top:16px;font-weight:800;color:var(--cobalt);font-size:14px}
[data-theme=dark] .more{color:var(--mint)}
.dark{background:#16123F;color:#fff;border-radius:40px;margin:0 14px;position:relative;overflow:hidden}
.dark .head p{color:#a9a6d6}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:s}
.steps div{border-top:2px solid #2A2466;padding-top:22px;position:relative}
.steps div::after{content:"";position:absolute;top:-2px;right:0;height:2px;width:0;background:var(--mint);transition:width 1s}
.steps.vis div::after{width:100%}
.steps div:nth-child(2)::after{transition-delay:.4s}.steps div:nth-child(3)::after{transition-delay:.8s}.steps div:nth-child(4)::after{transition-delay:1.2s}
.steps div::before{counter-increment:s;content:counter(s,persian);font-size:46px;font-weight:900;color:var(--mint);display:block;line-height:1}
.steps h4{font-size:19px;margin:12px 0 6px}
.steps p{color:#a9a6d6;font-size:15px}
.filters{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;justify-content:center}
.filters button{font-family:inherit;border:1px solid var(--line);background:var(--card);color:var(--txt);padding:8px 20px;border-radius:999px;cursor:pointer;font-weight:600;transition:.25s}
.filters button.act{background:var(--cobalt);color:#fff;border-color:var(--cobalt)}
.works{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.work{border-radius:var(--r);overflow:hidden;background:var(--card);border:1px solid var(--line);transition:transform .35s,box-shadow .35s}
.work:hover{transform:translateY(-8px);box-shadow:var(--sh)}
.work.hide{display:none}
.shot{aspect-ratio:4/3;position:relative;overflow:hidden;background:var(--bgc)}
[data-theme=dark] .shot{filter:saturate(.8) brightness(.8)}
.shot div{position:absolute;inset:20px 20px 0;background:#fff;border-radius:12px 12px 0 0;transition:transform .6s;box-shadow:0 10px 30px -10px rgba(0,0,0,.25)}
.work:hover .shot div{transform:translateY(-14px) rotate(-1deg)}
.shot div::before{content:"";position:absolute;inset:14px 14px auto;height:55%;border-radius:8px;background:var(--c);opacity:.2}
.shot div::after{content:"";position:absolute;right:28px;top:30px;width:50%;height:12px;border-radius:6px;background:var(--c);box-shadow:0 22px 0 -2px #ddd,0 40px 0 -2px #ddd,0 80px 0 4px #eee}
.info{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.info h4{font-size:17px}.info small{color:var(--muted)}
.tag{font-size:12px;background:var(--lav);padding:4px 12px;border-radius:999px;font-weight:600;white-space:nowrap}
.trust{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}
.quotes{display:grid}
.quote{grid-area:1/1;background:var(--card);border-radius:var(--r);padding:34px;border:1px solid var(--line);opacity:0;transform:translateX(-30px);transition:.6s;pointer-events:none}
.quote.act{opacity:1;transform:none;pointer-events:auto}
.quote p{font-size:18px}
.who{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:14px}
.av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--cobalt),var(--mint));color:#fff;display:grid;place-items:center;font-weight:900;flex-shrink:0}
.stars{color:#F5B400;letter-spacing:2px}
.dots{display:flex;gap:8px;margin-top:14px}
.dots button{width:10px;height:10px;border-radius:999px;border:0;background:var(--line);cursor:pointer;transition:.3s}
.dots button.act{width:28px;background:var(--cobalt)}
.guar{display:grid;gap:14px}
.guar>div{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:18px;background:var(--lav);transition:transform .3s}
.guar>div:hover{transform:translateX(-8px)}
.guar em{font-style:normal;font-size:26px}
.guar b{display:block;font-size:17px}.guar span{font-size:14px;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.split p{color:var(--muted);margin-bottom:16px;font-size:17px}
.nums{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.nums div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:30px}
.nums b{font-size:42px;font-weight:900;color:var(--cobalt);display:block;line-height:1.2}
.nums div:nth-child(2),.nums div:nth-child(3){background:#16123F;color:#fff;border-color:#2A2466}
.nums div:nth-child(2) b,.nums div:nth-child(3) b{color:var(--mint)}
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.team div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px;text-align:center}
.team .av{width:84px;height:84px;font-size:30px;margin:0 auto 14px;transition:transform .4s}
.team div:hover .av{transform:scale(1.1) rotate(8deg)}
.team small{color:var(--muted)}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.values div{padding:30px;border-radius:var(--r);background:var(--lav)}
.values h4{font-size:19px;margin-bottom:6px}.values p{color:var(--muted);font-size:15px}
.sdet{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:50px 0;border-bottom:1px solid var(--line)}
.sdet:nth-child(even) .sv{order:-1}
.sdet h3{font-size:30px;font-weight:900;margin-bottom:10px}
.sdet p{color:var(--muted);margin-bottom:14px}
.sdet ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-weight:600;font-size:15px}
.sv{aspect-ratio:4/3;border-radius:28px;background:linear-gradient(135deg,var(--cobalt),#16123F);display:grid;place-items:center;font-size:90px;position:relative;overflow:hidden}
.sv::before,.sv::after{content:"";position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.15);animation:spin 20s linear infinite}
.sv::before{width:70%;aspect-ratio:1;border-style:dashed}.sv::after{width:110%;aspect-ratio:1}
.sv span{animation:bob 4s ease-in-out infinite}
.price{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.price div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:32px;display:flex;flex-direction:column}
.price div.pop{background:#16123F;color:#fff;transform:scale(1.04);border-color:var(--cobalt)}
.price h4{font-size:20px}.price b{font-size:28px;font-weight:900;margin:10px 0}
.price ul{list-style:none;flex:1;margin-bottom:20px;font-size:15px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;padding:0 22px}
.faq summary{cursor:pointer;font-weight:800;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:22px;transition:.3s;color:var(--cobalt)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);padding-bottom:18px}
.contact{display:grid;grid-template-columns:1fr 1.2fr;border-radius:32px;overflow:hidden;box-shadow:var(--sh);border:1px solid var(--line)}
.cinfo{background:#16123F;color:#fff;padding:46px;position:relative;overflow:hidden}
.cinfo::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:var(--cobalt);filter:blur(80px);opacity:.5;bottom:-120px;left:-100px}
.cinfo h2{font-size:30px;font-weight:900;line-height:1.5}
.cinfo p{color:#a9a6d6;margin:10px 0 26px}
.cinfo a,.cinfo address{display:block;font-style:normal;padding:14px 0;border-bottom:1px solid #2A2466;position:relative;z-index:1;transition:padding .3s}
.cinfo a:hover{padding-right:10px;color:var(--mint)}
.cinfo small{display:block;color:#a9a6d6;font-size:12px}
form{background:var(--card);padding:46px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.full{grid-column:1/-1}
label{font-size:13px;font-weight:600;display:block;margin-bottom:6px}
input,select,textarea{width:100%;font-family:inherit;font-size:16px;padding:13px 16px;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);color:var(--txt);transition:.25s}
input:focus,select:focus,textarea:focus{border-color:var(--cobalt);outline:none;box-shadow:0 0 0 4px rgba(75,91,255,.15)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{margin:0;cursor:pointer}.chips input{display:none}
.chips span{display:inline-block;padding:7px 16px;border-radius:999px;border:1.5px solid var(--line);font-size:14px;font-weight:600;transition:.25s}
.chips input:checked+span{background:var(--cobalt);color:#fff;border-color:var(--cobalt);transform:scale(1.05)}
.ok{display:none;background:rgba(47,217,179,.15);color:#13a383;padding:12px 16px;border-radius:12px;font-weight:700;animation:in .5s}
.map{margin-top:30px;border-radius:var(--r);height:260px;background:repeating-linear-gradient(45deg,var(--lav) 0 2px,transparent 2px 22px),var(--card);border:1px solid var(--line);display:grid;place-items:center;font-weight:800}
.map span{background:var(--cobalt);color:#fff;padding:10px 20px;border-radius:999px;animation:bob 3s infinite}
.cta{background:linear-gradient(120deg,var(--cobalt),#16123F);color:#fff;border-radius:36px;padding:60px;text-align:center;position:relative;overflow:hidden}
.cta h2{font-size:clamp(26px,3.6vw,42px);font-weight:900;position:relative}
.cta p{color:#d5d3ff;margin:10px 0 26px;position:relative}
.cta::before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;border:60px solid rgba(47,217,179,.2);top:-200px;right:-120px;animation:spin 30s linear infinite}
footer{padding:60px 0 calc(30px + env(safe-area-inset-bottom,0px));color:var(--muted);font-size:14px;border-top:1px solid var(--line);margin-top:40px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.fgrid h5{color:var(--txt);font-size:15px;margin-bottom:12px}
.fgrid a{display:block;padding:3px 0}.fgrid a:hover{color:var(--cobalt)}
.copy{margin-top:40px;text-align:center}
.rv{opacity:0;transform:translateY(40px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}
.rv.vis{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}
.glow{position:fixed;width:400px;height:400px;border-radius:50%;background:radial-gradient(rgba(75,91,255,.12),transparent 70%);pointer-events:none;z-index:-1;transform:translate(-50%,-50%)}
.fab{position:fixed;left:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;background:var(--mint);display:grid;place-items:center;z-index:60;font-size:24px;animation:pulse2 2.5s infinite}
@keyframes pulse2{0%{box-shadow:0 0 0 0 rgba(47,217,179,.6)}70%{box-shadow:0 0 0 18px rgba(47,217,179,0)}}
@media(max-width:960px){
 .menu,.tools .btn{display:none}
 .hero,.trust,.split,.contact,.sdet{grid-template-columns:1fr}
 .sdet .sv,.sdet:nth-child(even) .sv{order:-1}
 .svc,.works,.team,.values,.price,.steps{grid-template-columns:1fr 1fr}
 .fgrid{grid-template-columns:1fr 1fr}
 .stage{margin:10px 12px 50px}.browser{transform:none}
 .price div.pop{transform:none}
 .tabbar{display:flex;position:fixed;bottom:0;right:0;left:0;z-index:70;background:var(--hdr);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));justify-content:space-around}
 .tabbar a{display:flex;flex-direction:column;align-items:center;font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;color:var(--muted);transition:.25s}
 .tabbar a span{font-size:20px;line-height:1.3}
 .tabbar a.cur{color:var(--cobalt);background:var(--lav)}
 [data-theme=dark] .tabbar a.cur{color:var(--mint)}
 body{padding-bottom:76px}
 .fab{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 .glow{display:none}
}
@media(max-width:600px){
 .svc,.works,.steps,form,.values,.price,.sdet ul{grid-template-columns:1fr}
 section{padding:64px 0}.dark{border-radius:28px;margin:0 8px}
 .hero{padding:36px 0 60px}.hero p{font-size:16px}
 .ctas .btn{flex:1}
 .canvas{height:280px}.code{width:190px;right:-4px;font-size:11px;bottom:-40px}.score{left:-4px;top:-28px;padding:8px 12px}
 .cinfo,form{padding:28px 20px}.mini{gap:20px}.mini b{font-size:24px}
 .cta{padding:40px 22px;border-radius:28px}.nums b{font-size:32px}.nums div{padding:22px}
 .pagehero{padding:50px 0 20px}.sdet h3{font-size:24px}.sv{font-size:70px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
[data-lucide],svg.lucide{width:1em;height:1em;stroke-width:2}
.ic svg{width:28px;height:28px;color:var(--cobalt)}[data-theme=dark] .ic svg{color:var(--mint)}
.sv svg{width:96px;height:96px;color:#fff;stroke-width:1.5}
.guar em svg,.values h4 svg{width:26px;height:26px;color:var(--cobalt);vertical-align:-5px}
.tabbar a span svg{width:22px;height:22px}.fab svg{width:26px;height:26px;color:#16123F}.tgl svg{width:20px;height:20px}
.map span svg{vertical-align:-3px}
.speed{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;background:linear-gradient(135deg,#16123F,#2A2466);color:#fff;border-radius:36px;padding:56px;position:relative;overflow:hidden}
.speed::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-60deg,transparent 0 40px,rgba(47,217,179,.06) 40px 42px);animation:stripes 8s linear infinite}
@keyframes stripes{to{background-position:0 400px}}
.speed>*{position:relative}
.speed h2{font-size:clamp(28px,3.6vw,46px);font-weight:900;line-height:1.35}
.speed p{color:#c9c6ff;margin-top:12px;font-size:17px}
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sgrid div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:20px;font-weight:700}
.sgrid b{display:block;font-size:48px;font-weight:900;color:var(--mint);line-height:1.1}
.sgrid small{display:block;color:#a9a6d6;font-weight:400}
.road{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;position:relative}
.road::before{content:"";position:absolute;top:34px;right:5%;left:5%;height:2px;background:repeating-linear-gradient(90deg,var(--cobalt) 0 8px,transparent 8px 16px)}
.road div{text-align:center;position:relative;font-size:14px}
.road span{width:68px;height:68px;border-radius:50%;background:var(--card);border:2px solid var(--cobalt);display:grid;place-items:center;margin:0 auto 10px;transition:.35s}
.road span svg{width:28px;height:28px;color:var(--cobalt)}
.road div:hover span{background:var(--cobalt);transform:scale(1.12)}.road div:hover span svg{color:#fff}
.badge{position:absolute;top:-14px;right:24px;background:var(--mint);color:#16123F;font-size:12px;font-weight:900;padding:4px 14px;border-radius:999px}
.price div{position:relative}
.svc{grid-template-columns:repeat(3,1fr)}
@media(max-width:960px){.speed{grid-template-columns:1fr;padding:40px 26px}.road{grid-template-columns:repeat(4,1fr);row-gap:24px}.road::before{display:none}}
@media(max-width:600px){.road{grid-template-columns:repeat(2,1fr)}.sgrid b{font-size:38px}.speed{border-radius:28px}}
/* v3 */
.hero{grid-template-columns:1.1fr 1fr}
.hero h1{font-size:clamp(28px,3.4vw,46px);line-height:1.5;letter-spacing:0}
.sub-h{font-size:clamp(20px,2.2vw,30px);font-weight:900;margin-top:8px;color:var(--muted)}
.split-in .w{display:inline-block;opacity:0;transform:translateY(30px) rotate(4deg);filter:blur(6px);animation:wIn .7s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes wIn{to{opacity:1;transform:none;filter:none}}
#stars{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.6}
.head h2{position:relative;display:inline-block}
.head h2::after{content:"";position:absolute;bottom:-6px;right:0;height:5px;width:0;border-radius:5px;background:linear-gradient(90deg,var(--mint),var(--cobalt));transition:width 1s .3s cubic-bezier(.2,.8,.2,1)}
.head.vis h2::after{width:70px}.head.c h2::after{right:50%;transform:translateX(50%)}
.rv.zoom{transform:scale(.9)}.rv.zoom.vis{transform:none}
.rv.side{transform:translateX(60px)}.rv.side.vis{transform:none}
.work{transform-style:preserve-3d;will-change:transform}
.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.5);transform:scale(0);animation:rip .6s linear;pointer-events:none}
@keyframes rip{to{transform:scale(4);opacity:0}}
.ic{animation:icf 4s ease-in-out infinite}.svc article:nth-child(2n) .ic{animation-delay:-2s}
@keyframes icf{50%{transform:translateY(-5px)}}
.road span{animation:pulseB 3s infinite}.road div:nth-child(2) span{animation-delay:.4s}.road div:nth-child(3) span{animation-delay:.8s}.road div:nth-child(4) span{animation-delay:1.2s}.road div:nth-child(5) span{animation-delay:1.6s}.road div:nth-child(6) span{animation-delay:2s}.road div:nth-child(7) span{animation-delay:2.4s}
@keyframes pulseB{0%,100%{box-shadow:0 0 0 0 rgba(75,91,255,.4)}50%{box-shadow:0 0 0 10px rgba(75,91,255,0)}}
.road::before{animation:dash 1.5s linear infinite}@keyframes dash{to{background-position:-32px 0}}
.price div.pop::before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--a,0deg),var(--mint),var(--cobalt),var(--mint));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rotA 4s linear infinite}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes rotA{to{--a:360deg}}
.logo:hover i{transform:rotate(-12deg) scale(1.1);transition:.3s}
header.sm{box-shadow:0 10px 30px -20px rgba(0,0,0,.4)}
@media(max-width:960px){.hero{grid-template-columns:1fr}}
/* v4 */
.ico{width:1em;height:1em;flex-shrink:0}
.ic .ico{width:28px;height:28px;color:var(--cobalt)}[data-theme=dark] .ic .ico{color:var(--mint)}
.sv .ico{width:96px;height:96px;color:#fff;stroke-width:1.5}
.guar em .ico,.values h4 .ico{width:26px;height:26px;color:var(--cobalt);vertical-align:-5px}
.guar>div>div{display:block}.guar b{margin-bottom:2px}
.tabbar a span .ico{width:22px;height:22px}.fab .ico{width:26px;height:26px;color:#16123F}.tgl .ico{width:20px;height:20px}
.road span .ico{width:28px;height:28px;color:var(--cobalt)}.road div:hover span .ico{color:#fff}
.tgl .lucide-sun{display:none}[data-theme=dark] .tgl .lucide-sun{display:block}[data-theme=dark] .tgl .lucide-moon{display:none}
.rate{margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.rbig{display:flex;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px dashed var(--line)}
.rbig b{font-size:56px;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--cobalt),var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent}
.rbig .stars{font-size:22px;display:block}.rbig small,.rmini small{color:var(--muted);font-size:13px;display:block}
.rmini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:18px;text-align:center}
.rmini b{font-size:30px;font-weight:900;color:var(--cobalt)}[data-theme=dark] .rmini b{color:var(--mint)}
.chk{list-style:none;display:grid;gap:8px;font-weight:600;margin-top:10px}
.chk li{display:flex;gap:10px;align-items:center}.chk li::before{content:"✓";width:24px;height:24px;border-radius:50%;background:var(--mint);color:#16123F;display:grid;place-items:center;font-size:13px;font-weight:900;flex-shrink:0}
.tg{max-width:380px;margin:auto;background:#17212b;border-radius:30px;overflow:hidden;box-shadow:var(--sh);border:8px solid #0e1621;color:#fff}
.tg-top{display:flex;gap:12px;align-items:center;padding:14px 18px;background:#232e3c}
.tg-av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#2AABEE,#229ED9);display:grid;place-items:center}.tg-av .ico{width:22px;height:22px}
.tg-top small{display:block;color:#6ab2f2;font-size:12px}
.tg-body{height:390px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;overflow:hidden;background:radial-gradient(circle at 30% 20%,#1e2c3a,#0e1621)}
.msg{max-width:85%;background:#182533;border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:14px;line-height:1.8;align-self:flex-end;animation:mIn .4s cubic-bezier(.2,.9,.3,1.3)}
.msg b{color:var(--mint)}.msg.me{align-self:flex-start;background:#2b5278;border-radius:16px 16px 4px 16px}
.msg .btns{display:flex;gap:6px;margin-top:8px}.msg .btns span{flex:1;text-align:center;background:rgba(255,255,255,.08);border-radius:8px;padding:4px;font-size:12px}
@keyframes mIn{from{opacity:0;transform:translateY(16px) scale(.9)}}
.typing{align-self:flex-end;background:#182533;border-radius:16px;padding:12px 16px;display:flex;gap:4px}
.typing i{width:7px;height:7px;border-radius:50%;background:#6ab2f2;animation:tdot 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tdot{50%{transform:translateY(-5px);opacity:.4}}
.sdet .tg{width:100%}
.calc{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;align-items:start}
.cpick{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:30px}
.cpick h4{margin:4px 0 12px}.cpick h4:not(:first-child){margin-top:24px}
.opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.opts label{margin:0;cursor:pointer}.opts input{position:absolute;opacity:0}
.opts span{display:flex;align-items:center;gap:8px;padding:14px;border:1.5px solid var(--line);border-radius:14px;font-weight:600;font-size:14px;transition:.25s;height:100%}
.opts span .ico{width:20px;height:20px;color:var(--cobalt)}
.opts input:checked+span{border-color:var(--cobalt);background:var(--lav);transform:translateY(-2px)}
.opts input:focus-visible+span{outline:3px solid var(--cobalt)}
.cres{position:sticky;top:100px;background:linear-gradient(150deg,#16123F,#2A2466);color:#fff;border-radius:var(--r);padding:30px}
.cres small{color:#a9a6d6}.cres>b{display:block;font-size:34px;font-weight:900;color:var(--mint);margin:4px 0}
.cres p{color:#c9c6ff;font-size:14px}.cres .chk{margin:18px 0 22px;font-size:14px}
#ctot{display:inline-block;transition:transform .3s}#ctot.bump{transform:scale(1.2)}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .35s,box-shadow .35s}
.post:hover{transform:translateY(-8px);box-shadow:var(--sh)}
.pimg{aspect-ratio:16/9;display:grid;place-items:center;color:#fff}.pimg .ico{width:54px;height:54px;transition:transform .5s}.post:hover .pimg .ico{transform:scale(1.2) rotate(-6deg)}
.pg0{background:linear-gradient(135deg,var(--cobalt),#16123F)}.pg1{background:linear-gradient(135deg,#13a383,#16123F)}.pg2{background:linear-gradient(135deg,#7a3ef0,#16123F)}
.pin{padding:20px 22px}.pin h3{font-size:18px;margin:10px 0;line-height:1.7}.pin small{color:var(--muted);display:flex;align-items:center;gap:6px}
.cshot .browser{transform:none;max-width:980px;margin:auto}.cshot .shot div{inset:30px 60px 0}
.cmeta{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}
.cmeta div{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 22px}.cmeta small{color:var(--muted);display:block}
.case{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.case>div{background:var(--lav);border-radius:var(--r);padding:28px}.case h3{margin:10px 0 6px}.case p{color:var(--muted)}
.cn{background:var(--cobalt);color:#fff;font-size:12px;font-weight:800;padding:3px 12px;border-radius:999px}
.e404{text-align:center;padding:90px 22px}.e404 b{font-size:clamp(100px,20vw,200px);font-weight:900;line-height:1;background:linear-gradient(135deg,var(--cobalt),var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent;display:block;animation:bob 4s infinite}
.e404 p{color:var(--muted);margin:10px 0 26px}
.badges{display:flex;gap:10px;margin-top:12px}.bdg{display:flex!important;flex-direction:column;align-items:center;gap:4px;width:76px;padding:10px!important;border:1px solid var(--line);border-radius:14px;background:var(--card);font-size:12px}.bdg .ico{width:26px;height:26px;color:var(--cobalt)}
.tgsec .split{gap:50px}
.marq div{animation-duration:35s}
@media(max-width:960px){.calc,.case,.cmeta{grid-template-columns:1fr}.posts{grid-template-columns:1fr 1fr}.cres{position:static}.opts{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.posts{grid-template-columns:1fr}.opts{grid-template-columns:1fr}.tg-body{height:340px}.rbig b{font-size:46px}.cshot .shot div{inset:16px 16px 0}.cpick,.cres{padding:22px}}
/* demos */
.note{text-align:center;color:var(--muted);font-size:14px;margin-top:-60px;padding-bottom:40px}
.dm{aspect-ratio:4/3;border-radius:28px;background:radial-gradient(circle at 80% 10%,#2A2466,#0f0c2b);border:1px solid #2A2466;box-shadow:var(--sh);padding:22px;color:#fff;position:relative;overflow:hidden;font-size:13px;display:flex;flex-direction:column;gap:10px}
.dm *{transition:all .5s cubic-bezier(.2,.9,.3,1.2)}
.dm .win{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px}
.dm .ttl{font-weight:800;font-size:14px;display:flex;justify-content:space-between;align-items:center}
.dm .mut{color:#9C98C9;font-size:12px}
.dm .mint{color:var(--mint)}
.dm .pop{opacity:0;transform:translateY(14px) scale(.95)}.dm .pop.on{opacity:1;transform:none}
.dm .bars{display:flex;align-items:flex-end;gap:8px;height:110px}
.dm .bars i{flex:1;background:linear-gradient(var(--mint),var(--cobalt));border-radius:6px 6px 0 0;height:4%}
.dm .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dm .kpis b{font-size:20px;display:block}
.dm .wb{flex:1;display:grid;grid-template-rows:20px 70px 1fr;gap:10px;background:#fff;border-radius:12px;padding:12px;transition:background .6s}
.dm .wb.dk{background:#1b1840}
.dm .wb>*{border-radius:8px;background:#E7E5FF;opacity:0;transform:scale(.85)}.dm .wb>.on{opacity:1;transform:none}
.dm .wb .h{background:linear-gradient(120deg,#16123F,var(--cobalt))}
.dm .wb .g{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:none}.dm .wb .g i{background:#eef0fa;border-radius:8px}
.dm .wb.dk>*:not(.h):not(.g),.dm .wb.dk .g i{background:#2A2466}
.dm .prod{display:flex;gap:14px;align-items:center}
.dm .pimg2{width:90px;height:110px;border-radius:14px;background:linear-gradient(160deg,#4B5BFF,#7a3ef0);position:relative}
.dm .pimg2::after{content:"";position:absolute;inset:14px 26px;border-radius:12px;border:3px solid rgba(255,255,255,.7)}
.dm .addb{background:var(--mint);color:#16123F;font-weight:800;border-radius:10px;padding:8px 14px;display:inline-block;margin-top:8px}
.dm .addb.prs{transform:scale(.9);background:#fff}
.dm .cart{position:absolute;top:18px;left:18px;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:20px}
.dm .cart b{position:absolute;top:-6px;right:-6px;background:#ff5d7a;border-radius:999px;font-size:11px;min-width:20px;height:20px;display:grid;place-items:center}
.dm .cart.bmp{transform:scale(1.25) rotate(-10deg)}
.dm .toast{background:#13a383;border-radius:12px;padding:10px 14px;font-weight:700}
.dm .lg{display:flex;align-items:center;gap:14px;justify-content:center;flex:1}
.dm .mk{width:80px;height:80px;position:relative}
.dm .mk i{position:absolute;inset:0;border-radius:50%;background:var(--cobalt);transform:scale(0)}
.dm .mk i:nth-child(2){inset:18px;background:var(--mint);border-radius:6px;transform:scale(0) rotate(0)}
.dm .mk.on i{transform:scale(1)}.dm .mk.on i:nth-child(2){transform:scale(1) rotate(45deg);border-radius:12px}
.dm .lgn{font-size:30px;font-weight:900;min-width:4ch}
.dm .sw{display:flex;gap:8px;justify-content:center}.dm .sw i{width:38px;height:38px;border-radius:10px;transform:scale(0)}.dm .sw i.on{transform:scale(1)}
.dm .srch{background:#fff;color:#16123F;border-radius:999px;padding:9px 16px;font-weight:600;min-height:38px}
.dm .srch::after{content:"▌";color:var(--cobalt);animation:blink 1s steps(1) infinite}
.dm .res{position:relative;height:190px}
.dm .r{position:absolute;right:0;left:0;height:30px;border-radius:8px;background:rgba(255,255,255,.06);padding:4px 12px;display:flex;align-items:center;gap:8px;font-size:12px}
.dm .r.you{background:var(--mint);color:#16123F;font-weight:800;z-index:2}
.dm .ed{flex:1;background:#fff;color:#16123F;border-radius:12px;padding:14px;font-size:13px;line-height:2;overflow:hidden}
.dm .ed h5{font-size:15px;margin-bottom:4px}
.dm .ring2{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--mint) calc(var(--p)*1%),rgba(255,255,255,.1) 0)}
.dm .ring2 b{width:50px;height:50px;border-radius:50%;background:#16123F;display:grid;place-items:center}
.dm .row{display:flex;gap:12px;align-items:center}
.dm .dom{display:flex;justify-content:space-between;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.06)}
.dm .ok2{color:var(--mint);font-weight:800}.dm .no{color:#ff7a90;font-weight:800}
.dm .pb{height:10px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden}.dm .pb i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mint),var(--cobalt))}
.dm .bigN{font-size:38px;font-weight:900;color:var(--mint);line-height:1}
.dm .dots3{display:flex;gap:4px}.dm .dots3 i{width:8px;height:8px;border-radius:50%;background:var(--mint);animation:tdot 1s infinite}
@media(max-width:600px){.dm{padding:16px;font-size:12px;aspect-ratio:auto;min-height:290px}.dm .res{height:170px}}
.hphone{display:flex;align-items:center;gap:8px;font-weight:900;font-size:16px;padding:10px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);transition:.25s;white-space:nowrap}
.hphone .ico{width:18px;height:18px;color:var(--mint);animation:ring 2s infinite}
.hphone:hover{border-color:var(--mint);color:var(--mint)}
@keyframes ring{0%,60%,100%{transform:none}10%,30%{transform:rotate(-15deg)}20%,40%{transform:rotate(15deg)}}
@media(max-width:960px){.tools .hphone{display:flex;padding:8px 12px;font-size:14px}}
@media(max-width:400px){.tools .hphone{font-size:12px;padding:7px 10px}}
.num{unicode-bidi:isolate;direction:ltr;display:inline-block}
/* chat widget */
button.fab{border:0;cursor:pointer;font-family:inherit}
.fdot{position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:50%;background:#ff5d7a;border:2px solid var(--bg)}
.fab.open .fdot{display:none}
.chatw{position:fixed;left:20px;bottom:calc(88px + env(safe-area-inset-bottom,0px));width:370px;max-width:calc(100vw - 24px);height:560px;max-height:calc(100dvh - 120px);background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:0 40px 80px -20px rgba(0,0,0,.45);z-index:90;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(30px) scale(.9);transform-origin:bottom left;pointer-events:none;transition:.35s cubic-bezier(.2,.9,.3,1.2)}
.chatw.open{opacity:1;transform:none;pointer-events:auto}
.cw-top{display:flex;gap:12px;align-items:center;padding:16px 18px;background:linear-gradient(135deg,#16123F,var(--cobalt));color:#fff}
.cw-av{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.15);display:grid;place-items:center}.cw-av .ico{width:22px;height:22px}
.cw-top small{display:flex;align-items:center;gap:6px;color:#d5d3ff;font-size:12px}
.live{width:8px;height:8px;border-radius:50%;background:var(--mint);animation:pulse2 2s infinite}
.cw-x{margin-right:auto;background:rgba(255,255,255,.12);border:0;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;display:grid;place-items:center}.cw-x .ico{width:18px;height:18px}
.cw-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}
.cm{max-width:82%;padding:10px 14px;border-radius:18px 18px 18px 6px;background:var(--card);border:1px solid var(--line);font-size:14px;line-height:1.8;align-self:flex-end;animation:mIn .35s}
.cm.u{align-self:flex-start;background:var(--cobalt);color:#fff;border-color:var(--cobalt);border-radius:18px 18px 6px 18px}
.cm small{display:block;font-size:10px;opacity:.6;margin-top:2px}
.cw-q{display:flex;gap:6px;padding:8px 12px;overflow-x:auto;background:var(--bg)}
.cw-q button{flex-shrink:0;font-family:inherit;font-size:12px;font-weight:600;border:1px solid var(--cobalt);color:var(--cobalt);background:var(--card);border-radius:999px;padding:6px 12px;cursor:pointer}
[data-theme=dark] .cw-q button{color:var(--mint);border-color:var(--mint)}
.cw-in{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line);background:var(--card)}
.cw-in input{border-radius:999px;padding:10px 16px;font-size:15px}
.cw-in button{width:44px;height:44px;border-radius:50%;border:0;background:var(--cobalt);color:#fff;cursor:pointer;display:grid;place-items:center;flex-shrink:0}.cw-in button .ico{width:18px;height:18px;transform:scaleX(-1)}
.cw-alt{display:flex;border-top:1px solid var(--line)}.cw-alt a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;font-size:13px;font-weight:700;color:var(--muted)}.cw-alt a:hover{color:var(--cobalt)}.cw-alt .ico{width:16px;height:16px}
.typing2{align-self:flex-end;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 16px;display:flex;gap:4px}.typing2 i{width:7px;height:7px;border-radius:50%;background:var(--cobalt);animation:tdot 1s infinite}.typing2 i:nth-child(2){animation-delay:.15s}.typing2 i:nth-child(3){animation-delay:.3s}
@media(max-width:600px){.chatw{left:12px;right:12px;width:auto;bottom:calc(150px + env(safe-area-inset-bottom,0px));height:auto;max-height:calc(100dvh - 230px)}}
.tools .btn{padding:9px 18px;font-size:13px}
.hphone{padding:7px 13px;font-size:14px;gap:6px}.hphone .ico{width:16px;height:16px}
.tools .tgl{width:38px;height:38px}
.marq{margin-bottom:10px}
/* v6 */
.tgl.lang{font-weight:900;font-size:13px;font-family:inherit}.tools .tgl .ico{width:18px;height:18px}
.gband{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;background:var(--card);border:2px solid var(--mint);border-radius:30px;padding:34px 40px;position:relative;overflow:hidden}
.gband::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(47,217,179,.12),transparent 60%);animation:shine 4s infinite}
@keyframes shine{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.gband h2{font-size:clamp(22px,2.6vw,32px);font-weight:900}.gband p{color:var(--muted);margin-top:6px}
.gseal{width:110px;height:110px;border-radius:50%;background:conic-gradient(var(--mint),var(--cobalt),var(--mint));display:grid;place-items:center;position:relative;animation:spin 12s linear infinite}
.gseal::before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--card)}
.gseal .ico{position:absolute;width:76px;height:76px;color:var(--mint);opacity:.25;animation:spin 12s linear infinite reverse}
.gseal b{position:relative;font-size:26px;font-weight:900;animation:spin 12s linear infinite reverse}
.cmp{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:26px;padding:10px}
.cmp table{width:100%;border-collapse:collapse;min-width:560px}
.cmp th,.cmp td{padding:16px;text-align:center;border-bottom:1px solid var(--line)}.cmp td:first-child,.cmp th:first-child{text-align:right;font-weight:600}
.cmp tr:last-child td{border:0}
.cmp .me2{background:rgba(75,91,255,.08)}.cmp th.me2{background:var(--cobalt);color:#fff;border-radius:16px 16px 0 0}
.cmp .y,.cmp .n{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center}.cmp .y{background:var(--mint);color:#16123F}.cmp .n{background:rgba(255,93,122,.15);color:#d6336c}.cmp .ico{width:16px;height:16px}
.cmp .p{font-size:12px;color:var(--muted);font-weight:700}
.cmp tbody tr{transition:background .2s}.cmp tbody tr:hover{background:var(--bg)}
.price b small{font-size:14px;font-weight:600;opacity:.7}
.vid{max-width:960px;margin:auto}
.vposter{aspect-ratio:16/9;border-radius:30px;background:linear-gradient(135deg,#16123F,var(--cobalt) 60%,#13a383);position:relative;overflow:hidden;display:grid;place-items:center;box-shadow:var(--sh)}
.vposter::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 60px,rgba(255,255,255,.04) 60px 61px),repeating-linear-gradient(0deg,transparent 0 60px,rgba(255,255,255,.04) 60px 61px)}
.vplay{width:96px;height:96px;border-radius:50%;border:0;background:#fff;color:var(--cobalt);display:grid;place-items:center;cursor:pointer;position:relative;animation:pulse2 2s infinite}.vplay .ico{width:38px;height:38px;fill:currentColor;transform:scaleX(-1)}
.vplay:hover{transform:scale(1.1)}
.vtxt{position:absolute;bottom:24px;right:28px;color:#fff}.vtxt b{display:block;font-size:22px}.vtxt small{opacity:.7}
.book{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;align-items:start}
.bk,.refbox{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px}
.bk h4{display:flex;align-items:center;gap:10px;margin:22px 0 12px}.bk h4:first-child{margin-top:0}
.bn2{width:28px;height:28px;border-radius:50%;background:var(--cobalt);color:#fff;display:grid;place-items:center;font-size:14px}
.days{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}
.days button,.slots button{font-family:inherit;border:1.5px solid var(--line);background:var(--bg);color:var(--txt);border-radius:16px;cursor:pointer;transition:.25s}
.days button{min-width:78px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px}.days button b{font-size:22px}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.slots button{padding:10px;font-weight:700}
.days button.act,.slots button.act{background:var(--cobalt);color:#fff;border-color:var(--cobalt);transform:translateY(-3px)}
.slots button:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}
.bkf{border-radius:24px;border:1px solid var(--line);display:block;position:sticky;top:100px}.bkf h4{margin-bottom:10px}.bkf label{margin-top:10px}
.sum{background:var(--lav);border-radius:14px;padding:12px 14px;font-weight:700;font-size:14px}
.bkf .ok{margin-top:12px}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}
.steps3>div{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px;text-align:center}
.steps3 span{width:70px;height:70px;border-radius:22px;background:linear-gradient(135deg,var(--cobalt),var(--mint));color:#fff;display:grid;place-items:center;margin:0 auto 14px;animation:icf 4s ease-in-out infinite}.steps3 .ico{width:32px;height:32px}
.steps3 p{color:var(--muted)}
.refbox{max-width:640px;margin:auto;display:block;text-align:center}.refbox h3{margin-bottom:16px}
.rrow{display:flex;gap:10px}.rcode{display:none;margin-top:18px;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:var(--lav);border-radius:16px;padding:16px;animation:in .5s}
.rcode b{font-size:26px;letter-spacing:4px;font-family:ui-monospace,monospace;color:var(--cobalt)}.btn.sm{padding:9px 16px;font-size:13px}.btn .ico{width:16px;height:16px}
@media(max-width:960px){.gband{grid-template-columns:1fr;text-align:center;justify-items:center;padding:30px 22px}.book{grid-template-columns:1fr}.bkf{position:static}.steps3{grid-template-columns:1fr}}
@media(max-width:600px){.rrow{flex-direction:column}.tools{gap:6px}.tools .tgl{width:34px;height:34px}.tools .hphone{display:none}}
[dir=ltr] body{font-family:Vazirmatn,system-ui,sans-serif}
[dir=ltr] .hero h1{letter-spacing:-.5px}
[dir=ltr] .score{left:auto;right:-22px}[dir=ltr] .code{right:auto;left:-26px}
@media(max-width:600px){[dir=ltr] .score{right:-4px}[dir=ltr] .code{left:-4px}}
/* ===== v7: header consult + mobile UX ===== */
html{touch-action:manipulation;-webkit-text-size-adjust:100%}
body{-webkit-tap-highlight-color:transparent}
.hphone.cons{display:flex;align-items:center;gap:10px;padding:5px 6px 5px 16px;border:1.5px solid var(--cobalt);background:var(--card);border-radius:999px;line-height:1.25}
[dir=ltr] .hphone.cons{padding:5px 16px 5px 6px}
.hpi{width:34px;height:34px;border-radius:50%;background:var(--cobalt);display:grid;place-items:center;flex-shrink:0}
.hphone.cons .ico{width:16px;height:16px;color:#fff}
.hpt small{display:block;font-size:11px;font-weight:800;color:var(--cobalt)}[data-theme=dark] .hpt small{color:var(--mint)}
.hpt bdi{font-size:14px;font-weight:900}
.hphone.cons:hover{background:var(--cobalt);color:#fff}.hphone.cons:hover small{color:#fff}
.mdots{display:none}
@media(max-width:960px){
 .tools .hphone.cons{display:flex}
}
@media(max-width:600px){
 /* header */
 nav{height:62px}.logo{font-size:20px}.logo i{width:30px;height:30px}
 .tools>a.tgl{display:none}
 .tools .hphone.cons{display:flex;padding:4px 4px 4px 12px;gap:7px}
 .hpi{width:30px;height:30px}.hpt small{font-size:10px}.hpt bdi{font-size:12px}
 /* hero */
 .hero{padding:26px 0 40px;gap:26px;text-align:center}
 .pill{font-size:11px;margin-bottom:14px}
 .hero h1{font-size:27px;line-height:1.6}
 .sub-h{font-size:19px}
 .hero p{font-size:15px;margin:14px auto 22px;max-width:none}
 .ctas{flex-direction:column;gap:10px}.ctas .btn{width:100%;padding:14px}
 .mini{justify-content:space-between;gap:8px;margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px 10px}
 .mini>div{flex:1}.mini>div+div{border-right:1px solid var(--line)}
 .mini b{font-size:22px}.mini span{font-size:11px}
 .stage{margin:0 6px 20px}.canvas{height:200px;padding:14px;gap:10px}.c-hero{height:80px}.c-hero::before{width:50px;height:50px;top:15px}
 .code{width:160px;font-size:10px;padding:10px 12px;min-height:96px;bottom:-30px;right:-2px}
 .score{top:-20px;left:-2px;font-size:11px;padding:6px 10px;gap:8px}.ring{width:36px;height:36px}.ring b{width:28px;height:28px;font-size:12px}
 /* sections */
 section{padding:54px 0}
 .head{margin-bottom:26px}.head h2{font-size:24px}.head p{font-size:15px}
 .wrap{padding:0 16px}
 /* carousels */
 .svc,.works,.road,.posts,.price{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:6px 16px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .svc::-webkit-scrollbar,.works::-webkit-scrollbar,.road::-webkit-scrollbar,.posts::-webkit-scrollbar,.price::-webkit-scrollbar{display:none}
 .svc>*,.works>*,.posts>*,.price>*{flex:0 0 84%;scroll-snap-align:center}
 .road>*{flex:0 0 30%;scroll-snap-align:start}.road::before{display:none}
 .work.hide{display:none}
 .svc article{padding:24px 20px}
 .mdots{display:flex;justify-content:center;gap:6px;margin-top:4px}
 .mdots i{width:7px;height:7px;border-radius:9px;background:var(--line);transition:.3s}.mdots i.on{width:22px;background:var(--cobalt)}
 /* speed / steps */
 .speed{padding:30px 18px;gap:22px}.speed h2{font-size:22px}.speed p{font-size:14px}
 .sgrid{gap:8px}.sgrid div{padding:14px;font-size:13px}.sgrid b{font-size:32px}
 .steps{gap:14px}.steps div{display:grid;grid-template-columns:auto 1fr;column-gap:14px;padding-top:14px}.steps div::before{grid-row:span 2;font-size:36px}.steps h4{margin:0}
 .dark{margin:0 8px;border-radius:26px}
 /* split sections */
 .split{gap:28px}.tg-body{height:300px}.msg{font-size:13px}
 .gband{gap:16px;padding:26px 18px;border-radius:24px}.gseal{width:84px;height:84px}.gseal b{font-size:20px}
 .cmp{border-radius:20px;padding:4px;margin:0 -4px}.cmp th,.cmp td{padding:12px 8px;font-size:13px}
 .cmp td:first-child,.cmp th:first-child{position:sticky;right:0;background:var(--card);z-index:1;min-width:130px}
 .trust{gap:20px}.quote{padding:22px}.quote p{font-size:15px}.guar>div{padding:16px}
 .cta{padding:32px 18px}.cta h2{font-size:22px}
 .marq{padding:14px 0}.marq div{font-size:16px;gap:34px}
 footer{padding-top:36px}.fgrid{grid-template-columns:1fr 1fr;gap:22px}.fgrid>div:first-child{grid-column:1/-1}
 .pagehero h1{font-size:28px}.pagehero p{font-size:15px}
 .sdet{gap:22px;padding:34px 0}.sdet ul{grid-template-columns:1fr 1fr;font-size:13px}
 .fab{width:52px;height:52px;left:14px}
 .rv{transform:translateY(24px)}
}
@media(max-width:380px){.hero h1{font-size:24px}.hpt small{display:none}.tools .hphone.cons{padding:4px 4px 4px 10px}}
:root{color-scheme:light}[data-theme=dark]{color-scheme:dark}
.menu a{white-space:nowrap}
@media(max-width:1280px) and (min-width:961px){.menu{gap:2px}.menu a{padding:7px 9px;font-size:14px}.tools>a.tgl{display:none}}
.book>*{min-width:0}
.days button{flex-shrink:0}
.bkf input,.bkf select{width:100%}
.wrap{max-width:1340px}@media(min-width:1600px){.wrap{max-width:1440px}}
.ok.bad{background:rgba(255,93,122,.12);color:#d6336c}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.shot.img{background:var(--bgc)}.shot img{position:absolute;inset:14px 14px 0;width:calc(100% - 28px);height:calc(100% - 14px);object-fit:cover;object-position:top;border-radius:10px 10px 0 0;transition:transform .6s}.work:hover .shot img{transform:translateY(-10px)}
.pimg img{width:100%;height:100%;object-fit:cover}
.cimg{display:block;width:100%}
.fab.new .fdot{display:block}.fdot{display:none}
.article{max-width:820px;margin:auto}.acover{width:100%;border-radius:24px;margin-bottom:26px}
.abody{font-size:17px;line-height:2.1}.abody h2{font-size:24px;margin:30px 0 10px}.abody h3{font-size:20px;margin:24px 0 8px}.abody p{margin-bottom:14px}.abody img{border-radius:16px;margin:14px 0}.abody ul,.abody ol{margin:0 24px 16px}.abody a{color:var(--cobalt);text-decoration:underline}