@font-face{font-family:Vazirmatn;src:url('assets/brand/Vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--navy:#1f1957;--pink:#f63b66;--cream:#f4f7e6;--ink:#19143f;--line:#dde1cc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}
.site-header{position:sticky;z-index:50;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1240px;margin:18px auto 0;padding:13px 18px;border:1px solid rgba(31,25,87,.12);border-radius:18px;background:rgba(244,247,230,.88);box-shadow:0 12px 35px rgba(31,25,87,.08);backdrop-filter:blur(16px)}.brand{justify-self:start}.brand img{display:block;width:145px;height:auto}.site-header nav{display:flex;gap:28px;font-size:14px;font-weight:700}.site-header nav a{transition:.2s}.site-header nav a:hover{color:var(--pink)}.buy-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:13px;background:var(--pink);color:#fff;font-weight:850;box-shadow:4px 5px 0 var(--navy);transition:transform .2s,box-shadow .2s}.buy-button:hover{transform:translate(-2px,-2px);box-shadow:6px 7px 0 var(--navy)}.buy-button.small{justify-self:end;min-height:42px;padding:0 18px;font-size:13px;box-shadow:3px 4px 0 var(--navy)}
.hero{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:70px;max-width:1280px;min-height:760px;margin:0 auto;padding:90px 24px 120px}.hero:before{position:absolute;z-index:-1;top:-120px;left:-120px;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,#f63b6622 0 38%,transparent 39%);content:''}.hero-copy{position:relative}.eyebrow{display:inline-flex;padding:8px 15px;border-radius:999px;background:#fff0f3;color:#d92b54;font-size:13px;font-weight:850}.hero h1{margin:20px 0 17px;color:var(--navy);font-size:clamp(52px,6vw,82px);line-height:1.1;letter-spacing:-3px}.hero h1 em{color:var(--pink);font-style:normal}.hero-copy>p{max-width:560px;margin:0;color:#625c7c;font-size:18px;line-height:2}.hero-actions{display:flex;gap:15px;margin-top:30px}.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:2px solid var(--navy);border-radius:13px;color:var(--navy);font-weight:800}.hero-points{display:flex;gap:22px;margin:28px 0 0;padding:0;list-style:none;color:#69627f;font-size:13px}.hero-points li:before{margin-left:7px;color:var(--pink);content:'●'}.hero-visual{position:relative;min-width:0;padding:42px 12px 35px}.hero-visual:before{position:absolute;inset:-8px -20px 5px;border:2px dashed #f63b6640;border-radius:45% 55% 46% 54%;content:'';transform:rotate(3deg)}.visual-orbit{position:absolute;border-radius:50%;background:var(--pink);box-shadow:0 10px 24px #f63b6655}.orbit-one{top:8px;left:18%;width:20px;height:20px}.orbit-two{right:-3px;bottom:90px;width:13px;height:13px}.logo-card{position:absolute;z-index:5;top:-15px;right:-18px;display:grid;width:105px;height:105px;place-items:center;border:7px solid var(--cream);border-radius:29px;background:linear-gradient(145deg,#f63b66,#b12b8e);box-shadow:0 18px 35px rgba(31,25,87,.25);transform:rotate(5deg)}.logo-card img{width:76px}.browser-frame{position:relative;z-index:2;overflow:hidden;border:2px solid var(--navy);border-radius:25px;background:#fff;box-shadow:14px 16px 0 var(--navy),0 30px 60px rgba(31,25,87,.18);transform:rotate(-1.2deg)}.browser-bar{display:flex;align-items:center;gap:7px;height:40px;padding:0 15px;background:var(--navy);color:#fff;font-size:11px}.browser-bar i{width:8px;height:8px;border-radius:50%;background:var(--pink)}.browser-bar span{margin-right:auto;opacity:.7}.browser-frame>img{display:block;width:100%;height:auto}.floating-card{position:absolute;z-index:6;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #d9dcc9;border-radius:16px;background:#fff;box-shadow:0 16px 35px #1f19572b}.floating-card b,.floating-card small{display:block;white-space:nowrap}.floating-card b{color:var(--navy);font-size:12px}.floating-card small{margin-top:2px;color:#78718b;font-size:10px}.float-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;font-weight:900}.check-icon{background:#dcf8e9;color:#168753}.calendar-icon{background:#fff0f3;color:var(--pink);font-size:12px}.task-float{right:-45px;bottom:18px;transform:rotate(2deg)}.calendar-float{left:-44px;top:95px;transform:rotate(-3deg)}.team-float{position:absolute;z-index:6;left:25px;bottom:5px;display:flex;direction:ltr;align-items:center}.team-float span,.team-float b{display:grid;width:36px;height:36px;margin-left:-8px;place-items:center;border:3px solid var(--cream);border-radius:50%;background:var(--navy);color:#fff;font-size:10px}.team-float span:nth-child(2){background:#f63b66}.team-float span:nth-child(3){background:#9d5ad4}.team-float b{background:#fff;color:var(--navy)}
.demo-section{padding:100px 24px 120px;background:var(--navy);color:#fff;text-align:center}.section-heading{max-width:720px;margin:0 auto}.section-heading>span{color:#ff7595;font-size:13px;font-weight:850}.section-heading h2{margin:10px 0 12px;font-size:clamp(34px,5vw,54px);letter-spacing:-1.5px}.section-heading p{margin:0;color:rgba(255,255,255,.65);font-size:16px}.demo-tabs{display:flex;justify-content:center;gap:9px;margin:35px 0 25px}.demo-tabs button{padding:11px 19px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer}.demo-tabs button.active{border-color:var(--pink);background:var(--pink)}.demo-stage{max-width:1000px;margin:0 auto;padding:15px;border:1px solid rgba(255,255,255,.15);border-radius:25px;background:rgba(255,255,255,.07);box-shadow:0 28px 70px rgba(0,0,0,.28)}.demo-stage img{display:block;width:100%;border-radius:14px}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto;margin:10px}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-points{justify-content:center}.hero-visual{max-width:680px;margin:20px auto 0}.demo-tabs{flex-wrap:wrap}}
@media(max-width:560px){.brand img{width:115px}.buy-button.small{padding:0 12px}.hero{padding-inline:18px;gap:45px}.hero h1{font-size:48px}.hero-actions{flex-direction:column}.hero-points{gap:10px;font-size:11px}.logo-card{right:2px;width:82px;height:82px;border-width:5px}.logo-card img{width:60px}.demo-section{padding-inline:14px}.demo-tabs button{padding:9px 12px;font-size:12px}}
.section-heading.dark{color:var(--navy)}.section-heading.dark p{color:#6a6481}.features-section{padding:110px 24px 120px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1180px;margin:50px auto 0}.feature-card{min-height:245px;padding:26px 22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:4px 5px 0 rgba(31,25,87,.07);transition:.2s}.feature-card:hover{transform:translateY(-5px);box-shadow:7px 10px 0 rgba(31,25,87,.08)}.feature-card i{display:grid;width:47px;height:47px;place-items:center;border-radius:14px;background:#fff0f3;color:var(--pink);font-style:normal;font-size:21px;font-weight:900}.feature-card h3{margin:22px 0 9px;color:var(--navy);font-size:18px}.feature-card p{margin:0;color:#706a85;font-size:13px;line-height:1.9}
.workflow-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center;padding:110px max(24px,calc((100% - 1160px)/2));background:var(--pink);color:#fff}.workflow-copy h2{margin:18px 0;font-size:clamp(38px,5vw,62px);line-height:1.25;letter-spacing:-2px}.workflow-copy p{max-width:500px;color:rgba(255,255,255,.82);line-height:2}.ghost-button.light{margin-top:18px;border-color:#fff;color:#fff}.workflow-steps{display:grid;gap:13px;margin:0;padding:0;list-style:none}.workflow-steps li{display:flex;align-items:center;gap:17px;padding:17px;border-radius:17px;background:#fff;color:var(--navy);box-shadow:5px 6px 0 var(--navy)}.workflow-steps b{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:var(--navy);color:#fff}.workflow-steps strong,.workflow-steps span{display:block}.workflow-steps strong{font-size:16px}.workflow-steps span{margin-top:3px;color:#78728e;font-size:12px}
.playground{padding:110px 24px 125px;background:var(--navy);color:#fff;text-align:center}.mini-board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1180px;margin:45px auto 0;text-align:right}.mini-column{min-height:320px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.06)}.mini-column h3{display:flex;align-items:center;gap:8px;margin:0 0 15px;font-size:14px}.mini-column h3 i{width:8px;height:8px;border-radius:50%;background:var(--pink)}.mini-column h3 b{margin-right:auto}.mini-task{display:block;width:100%;margin-bottom:12px;padding:16px;border:0;border-radius:13px;background:#fff;color:var(--navy);text-align:right;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.12);transition:.2s}.mini-task:hover{transform:translateY(-3px)}.mini-task strong,.mini-task span,.mini-task em{display:block}.mini-task span{margin-top:7px;color:#756f8b;font-size:11px}.mini-task em{margin-top:12px;color:var(--pink);font-size:10px;font-style:normal}
.audience-section{padding:110px 24px 120px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:50px auto 0}.audience-grid article{padding:35px 28px;border:2px solid var(--navy);border-radius:24px;background:#fff;box-shadow:8px 9px 0 var(--navy)}.audience-grid i{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;background:var(--pink);color:#fff;font-style:normal;font-size:26px}.audience-grid h3{margin:24px 0 10px;color:var(--navy);font-size:21px}.audience-grid p{margin:0;color:#6d6783;font-size:14px;line-height:1.9}.faq-section{padding:110px 24px;background:#fff0f3;text-align:center}.faq-section .section-heading{color:var(--navy)}.faq-list{display:grid;gap:12px;max-width:850px;margin:45px auto 0;text-align:right}.faq-list details{padding:20px 23px;border:1px solid rgba(31,25,87,.13);border-radius:16px;background:#fff}.faq-list summary{color:var(--navy);font-weight:850;cursor:pointer}.faq-list p{margin:13px 0 0;color:#706a85;font-size:14px;line-height:1.9}
.site-footer{display:grid;justify-items:center;padding:100px 24px 35px;background:var(--navy);color:#fff;text-align:center}.site-footer img{width:190px;filter:brightness(0) invert(1)}.site-footer h2{margin:32px 0 13px;font-size:clamp(40px,5vw,62px);line-height:1.25}.site-footer p{color:rgba(255,255,255,.68)}.footer-buy{margin:25px 0 70px;box-shadow:5px 6px 0 #fff}.site-footer small{width:100%;padding-top:25px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.48)}
@media(max-width:1000px){.feature-grid{grid-template-columns:repeat(2,1fr)}.workflow-section{grid-template-columns:1fr;gap:45px}.mini-board{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.audience-grid{grid-template-columns:1fr}.audience-grid article{max-width:650px;width:100%;margin-inline:auto}}
@media(max-width:560px){.feature-grid,.mini-board{grid-template-columns:1fr}.feature-card{min-height:0}.workflow-section{padding-inline:18px}.playground,.features-section,.audience-section,.faq-section{padding-inline:14px}}
.value-story{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;max-width:1180px;margin:0 auto;padding:120px 24px 135px}.story-copy h2{margin:18px 0;color:var(--navy);font-size:clamp(40px,5vw,62px);line-height:1.25;letter-spacing:-2px}.story-copy h2 em{color:var(--pink);font-style:normal}.story-copy>p{color:#69627f;font-size:16px;line-height:2.1}.story-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.story-metrics div{padding:16px 10px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:center}.story-metrics b,.story-metrics span{display:block}.story-metrics b{color:var(--pink);font-size:23px}.story-metrics span{margin-top:4px;color:#716b85;font-size:10px}.story-art{position:relative;min-height:480px;border-radius:48% 52% 44% 56%;background:radial-gradient(circle at 35% 30%,#f63b66 0 10%,transparent 10.5%),linear-gradient(145deg,#2a1b65,#17103f);box-shadow:20px 24px 0 #f63b6620}.story-art:before{position:absolute;inset:28px;border:1px dashed #ffffff35;border-radius:inherit;content:''}.story-board{position:absolute;top:100px;right:65px;width:390px;height:260px;padding:35px 22px 20px;border:1px solid #ffffff29;border-radius:26px;background:#ffffff14;box-shadow:0 30px 55px #0007;transform:rotate(4deg);backdrop-filter:blur(8px)}.story-board:before{position:absolute;top:17px;right:20px;width:75px;height:7px;border-radius:5px;background:#fff;content:''}.story-board span{display:inline-block;width:29%;height:180px;margin:0 1.5%;border-radius:13px;background:#120c32}.story-board i{position:absolute;width:90px;height:48px;border-radius:9px;background:#fff;box-shadow:0 8px 15px #0004}.story-board i:nth-of-type(1){top:75px;right:35px}.story-board i:nth-of-type(2){top:95px;right:148px}.story-board i:nth-of-type(3){top:145px;left:29px}.story-board i:before{position:absolute;top:13px;right:12px;width:50px;height:6px;border-radius:4px;background:#29205c;content:''}.story-board i:after{position:absolute;right:12px;bottom:10px;width:28px;height:4px;border-radius:4px;background:var(--pink);content:''}.story-calendar{position:absolute;z-index:3;top:58px;left:36px;width:100px;padding:17px;border-radius:22px;background:#fff;color:var(--navy);text-align:center;box-shadow:0 18px 35px #0006;transform:rotate(-7deg)}.story-calendar b,.story-calendar small{display:block}.story-calendar b{color:var(--pink);font-size:32px}.story-calendar small{font-size:10px}.story-progress{position:absolute;z-index:3;right:25px;bottom:25px;display:grid;width:118px;height:118px;place-items:center;border:15px solid var(--pink);border-left-color:#ffffff25;border-radius:50%;background:var(--navy);color:#fff;box-shadow:0 18px 35px #0006}.story-progress b,.story-progress span{position:absolute}.story-progress b{top:25px;font-size:23px}.story-progress span{bottom:23px;font-size:9px}.story-avatars{position:absolute;z-index:4;left:45px;bottom:50px;display:flex;direction:ltr;padding:8px 12px;border-radius:22px;background:#fff;box-shadow:0 15px 30px #0006}.story-avatars i{display:grid;width:36px;height:36px;margin-left:-7px;place-items:center;border:3px solid #fff;border-radius:50%;background:var(--navy);color:#fff;font-size:10px;font-style:normal}.story-avatars i:nth-child(2){background:var(--pink)}.story-avatars i:nth-child(3){background:#9d5ad4}
.feature-card{position:relative;overflow:hidden;padding-top:145px}.feature-card:before{position:absolute;top:0;right:0;width:100%;height:120px;background:linear-gradient(145deg,#fff0f3,#f2edff);content:''}.feature-visual{position:absolute;z-index:2;top:22px;right:50%;width:120px;height:78px;transform:translateX(50%)}.feature-visual span,.feature-visual i{position:absolute;display:block}.feature-visual span{width:34px;height:58px;padding:7px;border-radius:9px;background:#fff;box-shadow:0 8px 17px #1f195725}.feature-visual span:after{display:block;width:20px;height:4px;margin-top:8px;border-radius:3px;background:var(--pink);content:''}.feature-visual span:nth-child(1){right:4px;transform:rotate(5deg)}.feature-visual span:nth-child(2){right:43px;top:8px}.feature-visual span:nth-child(3){left:4px;transform:rotate(-5deg)}.feature-visual i{right:45px;bottom:-5px;display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:var(--pink);color:#fff;font-style:normal}.fv-calendar span{width:86px;height:66px;right:17px!important;transform:none!important}.fv-calendar span:before{display:block;height:12px;margin:-7px -7px 8px;border-radius:8px 8px 0 0;background:var(--pink);content:''}.fv-calendar span:after{width:58px;height:30px;margin:0;background:repeating-linear-gradient(90deg,#ddd 0 8px,transparent 8px 12px),repeating-linear-gradient(#ddd 0 5px,transparent 5px 9px)}.fv-calendar span:nth-child(n+2){display:none}.fv-calendar i:after{content:'۳۱'}.fv-check i:after{content:'✓'}.fv-mention i:after{content:'@'}.fv-file i:after{content:'⌁'}.fv-history i:after{content:'↻'}.fv-bell i:after{content:'●'}.fv-team i:after{content:'+۳'}.fv-board i:after{content:'↔'}
.visual-showcases{padding:120px 24px;background:#fff}.showcase{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px;align-items:center;max-width:1180px;margin:0 auto 130px}.showcase:last-child{margin-bottom:0}.showcase-copy>span{color:var(--pink);font-size:13px;font-weight:850}.showcase-copy h2{margin:12px 0;color:var(--navy);font-size:clamp(38px,4.5vw,56px);line-height:1.3}.showcase-copy p{color:#6c6681;line-height:2}.showcase-copy ul{display:grid;gap:9px;margin:25px 0 0;padding:0;list-style:none}.showcase-copy li{padding:11px 14px;border-radius:12px;background:#f4f7e6;color:var(--navy);font-size:13px;font-weight:700}.showcase-copy li:before{margin-left:9px;color:var(--pink);content:'✓'}.showcase-screen{position:relative;padding:14px;border:2px solid var(--navy);border-radius:26px;background:#fff;box-shadow:12px 14px 0 var(--navy),0 25px 55px #1f19571f}.showcase-screen img{display:block;width:100%;border-radius:14px}.date-badge{position:absolute;top:-36px;left:-26px;padding:14px 21px;border:7px solid #fff;border-radius:22px;background:var(--pink);color:#fff;text-align:center;box-shadow:0 15px 30px #1f19572c;transform:rotate(-5deg)}.date-badge b,.date-badge span{display:block}.date-badge b{font-size:27px}.date-badge span{font-size:10px}.collaboration-showcase{grid-template-columns:1.18fr .82fr}.collaboration-showcase .showcase-copy{order:2}.message-badge{position:absolute;right:-45px;bottom:-38px;display:flex;align-items:center;gap:10px;padding:13px 15px;border:7px solid #fff;border-radius:18px;background:var(--navy);color:#fff;box-shadow:0 15px 30px #1f19572c}.message-badge i{display:grid;width:35px;height:35px;place-items:center;border-radius:11px;background:var(--pink);font-style:normal;font-weight:900}.message-badge b,.message-badge small{display:block;white-space:nowrap}.message-badge b{font-size:11px}.message-badge small{margin-top:3px;opacity:.65;font-size:9px}
@media(max-width:900px){.value-story,.showcase,.collaboration-showcase{grid-template-columns:1fr}.story-art{width:100%;max-width:600px;margin:auto}.collaboration-showcase .showcase-copy{order:0}.visual-showcases{padding-inline:30px}.showcase{gap:50px}}
@media(max-width:560px){.value-story{padding-inline:14px;gap:55px}.story-art{min-height:360px}.story-board{right:35px;top:90px;transform:scale(.72) rotate(4deg);transform-origin:right top}.story-calendar{left:15px}.story-metrics{grid-template-columns:1fr}.visual-showcases{padding-inline:14px}.showcase{margin-bottom:100px}.message-badge{right:0}.feature-card{padding-top:140px}}
.static-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1120px;margin:44px auto 0}.static-demo-grid figure{margin:0;padding:11px;border:1px solid #ffffff21;border-radius:22px;background:#ffffff0b;box-shadow:0 25px 55px #0004}.static-demo-grid img{display:block;width:100%;border-radius:13px}.static-demo-grid figcaption{padding:13px 8px 4px;font-size:14px;font-weight:800}.site-footer>div{display:grid;justify-items:center}.site-footer>div img{width:190px}.site-footer>div p{margin:0;color:#ffffffaa}.workflow-copy .eyebrow{background:#ffffff1c;color:#fff}
@media(max-width:720px){.static-demo-grid{grid-template-columns:1fr}.floating-card{display:none}.hero-visual{padding-inline:5px}.feature-grid{gap:14px}}
.hero .logo-card{border-color:var(--cream);background:#fff;box-shadow:0 18px 35px rgba(31,25,87,.24)}.hero .logo-card img{width:78px}.hero .calendar-float{top:-18px;left:28px;transform:rotate(-2deg)}