:root{--bg:#f6f7f4;--ink:#12262b;--mut:#5b6b6e;--line:#dfe3dc;--card:#fff;--yellow:#f2b705;--blue:#2f6fed;--coral:#e8553d;--mint:#1fa37a;--r:20px;--w:1120px}@media(prefers-color-scheme:dark){:root{--bg:#0f1a1d;--ink:#eef2ee;--mut:#9bacad;--line:#223136;--card:#162428}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{overflow-x:clip;margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.8 Vazirmatn,system-ui,sans-serif}@view-transition{navigation:auto}a{color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}.wrap{width:min(100% - 2.5rem,var(--w));margin-inline:auto}section{padding-block:5rem}h1,h2,h3{line-height:1.35;margin:0;font-weight:800}h1{font-size:clamp(2.2rem,5.5vw,3.9rem);letter-spacing:-.02em}h2{font-size:clamp(1.6rem,3.4vw,2.4rem)}p{margin:0}.mut{color:var(--mut)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:999px;background:var(--ink);color:var(--bg);text-decoration:none;font-weight:700;border:2px solid var(--ink);transition:transform .15s}.btn:hover{transform:translateY(-2px)}.btn.ghost{background:transparent;color:var(--ink)}.btn.sm{padding:.4rem 1.1rem;font-size:.95rem}header.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px);border-block-end:1px solid var(--line)}header.top .wrap{display:flex;align-items:center;gap:1.5rem;min-height:4rem}.logo{display:flex;align-items:center;gap:.6rem;font-weight:800;text-decoration:none}.logo img{width:1.9rem;height:1.9rem;border-radius:9px;display:block}nav.main{display:flex;gap:1.4rem;margin-inline-start:auto}nav.main a{text-decoration:none;color:var(--mut);font-weight:600}nav.main a:hover{color:var(--ink)}.lang{font-weight:700;text-decoration:none;padding:.2rem .7rem;border:1px solid var(--line);border-radius:999px}@media(max-width:760px){nav.main{display:none}header.top .btn{margin-inline-start:auto}}.hero{padding-block:4rem 5rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;opacity:.55;mask-image:radial-gradient(70% 70% at 50% 40%,#000,transparent)}.hero .wrap{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.hero p.lead{font-size:1.2rem;margin-block:1.2rem 2rem;max-width:34ch;color:var(--mut)}.row{display:flex;gap:.8rem;flex-wrap:wrap}@media(max-width:860px){.hero .wrap{grid-template-columns:1fr}}.yellow{--c:var(--yellow)}.blue{--c:var(--blue)}.coral{--c:var(--coral)}.mint{--c:var(--mint)}.grid{grid-auto-rows:1fr;display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.2rem;margin-top:2.5rem}.feat{padding:1.6rem;border-radius:var(--r);background:color-mix(in srgb,var(--c) 12%,var(--card));border:1px solid color-mix(in srgb,var(--c) 28%,var(--line))}.feat svg{width:2.4rem;height:2.4rem;padding:.55rem;border-radius:12px;background:var(--c);stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:.8rem}.feat h3{font-size:1.2rem;margin-bottom:.4rem}.feat p{color:var(--mut);font-size:1rem;line-height:1.8}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.2rem;margin-top:2.5rem;align-items:stretch}.plan{position:relative;padding:1.8rem;border-radius:var(--r);background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:.9rem}.plan.best{border:2px solid var(--ink);box-shadow:0 20px 40px -24px #12262b80}.plan h3{font-size:1.15rem}.price{font-size:2.1rem;font-weight:800;line-height:1.2}.price small{font-size:.95rem;font-weight:500;color:var(--mut)}.badge{position:absolute;top:-.85rem;inset-inline-start:1.4rem;background:var(--yellow);color:#12262b;font-weight:800;font-size:.85rem;padding:.15rem .8rem;border-radius:999px}.save{color:var(--mint);font-weight:700;font-size:.95rem;min-height:1.7rem}.plan ul{list-style:none;padding:0;margin:0;display:grid;gap:.4rem;color:var(--mut);font-size:.98rem;flex:1}.plan li:before{content:"✓";color:var(--mint);font-weight:800;margin-inline-end:.5rem}.plan .btn{justify-content:center}details{border-block-end:1px solid var(--line);padding-block:1rem;max-width:44rem}summary{cursor:pointer;font-weight:700;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";float:inline-end;transition:transform .2s}details[open] summary:after{transform:rotate(45deg)}details p{margin-top:.5rem;color:var(--mut)}.final{background:var(--ink);color:var(--bg);border-radius:32px;padding:3.5rem 2rem;text-align:center;display:grid;gap:1.5rem;justify-items:center}.final .btn{background:var(--yellow);color:#12262b;border-color:var(--yellow)}footer{padding-block:3rem;color:var(--mut);font-size:.95rem}footer .wrap{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:space-between}footer a{text-decoration:none}.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.4rem;margin-top:2.5rem}.post{text-decoration:none;display:flex;flex-direction:column;border-radius:var(--r);background:var(--card);border:1px solid var(--line);overflow:hidden;transition:transform .2s}.post:hover{transform:translateY(-4px)}.cover{aspect-ratio:16/9;background:linear-gradient(135deg,hsl(var(--h) 80% 62%),hsl(calc(var(--h) + 50) 75% 48%));object-fit:cover;width:100%;display:block}.post div.b{padding:1.2rem;display:grid;gap:.4rem}.post h3{font-size:1.1rem}.meta{font-size:.9rem;color:var(--mut)}article.doc{max-width:42rem;margin-inline:auto;padding-block:3rem 5rem}article.doc h2{margin-block:2.2rem .6rem;font-size:1.5rem}article.doc p{margin-block:.9rem}article.doc .cover{border-radius:var(--r);margin-block:1.5rem 2rem}.hero:after{content:"";position:absolute;width:34rem;height:34rem;border-radius:50%;inset-inline-end:-8rem;top:-6rem;background:radial-gradient(closest-side,color-mix(in srgb,var(--yellow) 45%,transparent),transparent);filter:blur(30px);animation:drift 14s ease-in-out infinite alternate;pointer-events:none}@keyframes drift{to{transform:translate(-3rem,4rem) scale(1.15)}}.stage{position:relative;display:grid;place-items:center;min-height:34rem}.phone{background:#12262b;border-radius:2.1rem;padding:.55rem;box-shadow:0 30px 60px -28px #12262b8c,0 0 0 1px #ffffff0f inset;position:relative}.phone img{display:block;width:100%;height:auto;border-radius:1.6rem;aspect-ratio:640/1338;background:var(--card)}.phone:before{content:"";position:absolute;top:.95rem;inset-inline:0;margin-inline:auto;width:3.2rem;height:.55rem;border-radius:99px;background:#12262b;z-index:2}.hero-phone{width:min(15.5rem,62%);animation:rise 1s cubic-bezier(.2,.9,.3,1) both;transform:rotate(-3deg)}@keyframes rise{0%{opacity:0;transform:translateY(3rem) rotate(-8deg)}}.tag{position:absolute;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:.9rem 1.1rem .8rem;box-shadow:0 18px 36px -20px #12262b73;border-block-start:6px solid var(--c);width:max-content;max-width:9.5rem;animation:pop .6s cubic-bezier(.2,.9,.3,1.3) both,bob 5s ease-in-out infinite;animation-delay:calc(.5s + var(--i)*.2s),calc(1.2s + var(--i)*.4s)}.tag small{color:var(--mut);display:block;line-height:1.4}.tag b{display:block}.tag em{font-style:normal;font-size:.9rem;font-weight:800;filter:brightness(.78);color:var(--c)}.t0{--i:0;top:4%;inset-inline-start:-1%}.t1{--i:1;top:40%;inset-inline-end:-1%}.t2{--i:2;bottom:5%;inset-inline-start:0}@keyframes pop{0%{opacity:0;scale:.7}}@keyframes bob{50%{translate:0 -.6rem}}@media(max-width:560px){.tag{max-width:8rem;padding:.55rem .7rem;font-size:.9rem}.hero-phone{width:58%}}.trialnote{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.4rem;font-weight:700;font-size:.95rem}.trialnote span{width:.6rem;height:.6rem;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 var(--mint);animation:ping 2s infinite}@keyframes ping{70%,to{box-shadow:0 0 0 .7rem transparent}}@property --tint{syntax:"<color>";inherits:true;initial-value:#2f6fed}.tour{overflow-x:clip;--tint:#2f6fed;transition:--tint .7s ease;background:color-mix(in srgb,var(--tint) 7%,var(--bg))}.tour[data-c=yellow]{--tint:#f2b705}.tour[data-c=mint]{--tint:#1fa37a}.tour[data-c=coral]{--tint:#e8553d}.tour[data-c=blue]{--tint:#2f6fed}.tour-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,26rem);gap:3rem;margin-top:1rem}.tour-list{list-style:none;margin:0;padding:0;order:-1}.tour-list li{min-height:68svh;display:grid;grid-template-columns:auto 1fr;gap:1.3rem;align-content:center;cursor:pointer;opacity:.35;transition:opacity .4s}.tour-list li.on{opacity:1}.tour-list .n{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;border:2px solid var(--c);color:var(--ink);font-weight:800;font-size:1.3rem;line-height:1;transition:background .4s,color .4s,scale .4s}.tour-list li.on .n{background:var(--c);color:#fff;scale:1.12}.tour-list li.yellow.on .n{color:#12262b}.tour-list h3{font-size:clamp(1.4rem,2.6vw,2rem);margin-bottom:.4rem}.tour-list p{font-size:1.1rem;max-width:30ch}.tour-stage{position:sticky;top:5rem;align-self:start;height:calc(100svh - 6.5rem);display:grid;place-items:center}.tour-stage:before{content:"";position:absolute;width:min(30rem,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--tint) 38%,transparent),transparent)}.orbit{position:absolute;width:min(27rem,96%);aspect-ratio:1;border-radius:50%;border:2px dashed color-mix(in srgb,var(--tint) 55%,transparent);animation:spin 50s linear infinite}.orbit:after{content:"";position:absolute;top:-.55rem;inset-inline-start:calc(50% - .55rem);width:1.1rem;height:1.1rem;border-radius:50%;background:var(--tint)}@keyframes spin{to{transform:rotate(360deg)}}.phone.big{height:min(40rem,calc(100svh - 8.5rem));aspect-ratio:640/1338;position:relative;z-index:1;box-shadow:0 40px 70px -30px color-mix(in srgb,var(--tint) 60%,#12262b)}.screen{position:relative;height:100%;border-radius:1.6rem;overflow:hidden;background:var(--card)}.screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;opacity:0;scale:1.06;translate:0 1.2rem;transition:opacity .5s,scale .7s cubic-bezier(.2,.8,.2,1),translate .7s cubic-bezier(.2,.8,.2,1)}.screen img.on{opacity:1;scale:1;translate:0 0}@media(max-width:900px){.tour-grid{grid-template-columns:1fr;gap:0}.tour-list{order:0}.tour-stage{top:4.2rem;height:min(23rem,44svh);z-index:3;background:color-mix(in srgb,var(--tint) 7%,var(--bg));border-block-end:1px solid var(--line);overflow:clip;margin-inline:-1.25rem}.tour-stage:before,.orbit{width:min(20rem,90%)}.phone.big{height:calc(min(23rem,44svh) - 1.2rem)}.tour-list li{min-height:46svh;align-content:center}.tour-list li:last-child{min-height:60svh}}.steps{list-style:none;margin:3rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;position:relative;--o:left}[dir=rtl] .steps{--o:right}.steps:before{content:"";position:absolute;inset-inline:15%;top:calc(3.05rem - 2px);height:4px;border-radius:4px;background:linear-gradient(90deg,var(--blue),var(--yellow),var(--mint));transform-origin:var(--o) 50%}[dir=rtl] .steps:before{background:linear-gradient(270deg,var(--blue),var(--yellow),var(--mint))}@supports (animation-timeline:view()){.steps:before{animation:wire linear both;animation-timeline:view();animation-range:entry 10% cover 45%}}@keyframes wire{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.steps li{position:relative;z-index:1;padding:1.6rem;border-radius:var(--r);background:var(--card);border:1px solid var(--line);transition:transform .25s,border-color .25s}.steps li:hover{transform:translateY(-4px);border-color:var(--c)}.steps .n{display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:50%;background:var(--c);color:#fff;font-weight:800;font-size:1.2rem;line-height:1;margin-bottom:1rem;box-shadow:0 0 0 6px var(--card)}.steps .yellow .n{color:#12262b}.steps h3{font-size:1.2rem;margin-bottom:.3rem}@media(max-width:760px){.steps{grid-template-columns:1fr}.steps:before{display:none}}.trial{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;margin-top:2rem;padding:1.3rem 1.6rem;border-radius:var(--r);background:color-mix(in srgb,var(--yellow) 22%,var(--card));border:1px solid color-mix(in srgb,var(--yellow) 55%,var(--line))}.trial div{display:grid}.trial b{font-size:1.2rem}.trial span{color:var(--mut)}@supports (animation-timeline:view()){.feat,.plan,.post{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 35%}}@keyframes reveal{0%{opacity:0;translate:0 2rem}}.plan{transition:transform .25s}.plan:hover{transform:translateY(-5px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}