@font-face{font-family:SiteVazir;src:url('/assets/dashboard-vazirmatn.woff2');font-weight:100 900;font-display:swap}:root{--blue:#1769e8;--navy:#102c4c;--muted:#6a7e97;--line:#deE8f5;--pale:#edf5ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--navy);background:radial-gradient(ellipse at 15% 8%,#ddecff96,transparent 28%),radial-gradient(ellipse at 90% 30%,#eff7ff,transparent 35%),#fcfdff;font:16px SiteVazir,Tahoma,sans-serif;line-height:1.9}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #74b8ff;outline-offset:4px}[hidden]{display:none!important}.wrap{max-width:1160px;margin-inline:auto;padding-inline:26px}svg{width:22px;height:22px;flex:none}h1,h2,h3,p{margin:0}h2{font-size:32px;font-weight:850;line-height:1.8;letter-spacing:-.6px}h3{font-size:19px;line-height:1.8}p{color:var(--muted)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:22px;height:100px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px}.brand>span{font-size:25px;font-weight:900;line-height:1.4;letter-spacing:-.8px}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:0;color:var(--muted);margin-top:3px}.site-header nav{display:flex;gap:28px;padding:12px 25px;border:1px solid #e7edf6;border-radius:16px;background:#ffffffd9;box-shadow:0 7px 25px #294d7f05;font-size:14px}.site-header nav a:hover{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid transparent;border-radius:13px;min-height:48px;padding:11px 23px;font-weight:650;font-size:14px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:#fff;box-shadow:0 8px 22px #1769e822}.button-white{background:#fff;color:var(--navy);border-color:var(--line)}.button-dark{background:#153d68;color:#fff}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:26px}.nav-toggle{display:none}.site-hero{min-height:660px;display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;position:relative;padding-block:45px 55px}.hero-copy{padding-bottom:35px;position:relative;z-index:2}.eyebrow{color:var(--blue);font-size:12px;font-weight:650;padding:5px 12px;border:1px solid #d7e8fc;border-radius:30px;background:#f0f6ff;display:inline-block;margin-bottom:16px}.site-hero h1{font-size:58px;line-height:1.6;letter-spacing:-2px;font-weight:900}.site-hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:17px;line-height:2.1;max-width:455px;margin-top:19px}.hero-notes{display:flex;gap:18px;font-size:11px;color:#7290b0;margin-top:24px}.hero-notes span{display:flex;align-items:center;gap:5px}.hero-notes svg{width:15px;height:15px;color:var(--blue)}.hero-visual{position:relative;display:grid;place-items:center;min-height:530px}.hero-robot{width:100%;max-width:400px;height:540px;object-fit:contain;position:relative;z-index:2;animation:robot-float 7s ease-in-out infinite}.visual-halo{position:absolute;width:95%;height:310px;background:#d7eaff;border-radius:50%;filter:blur(30px);opacity:.7;bottom:55px}.hero-visual:after{content:'';position:absolute;bottom:39px;left:2%;right:2%;height:50px;background:#2476ef;border-radius:60px;transform:rotate(-4deg);box-shadow:0 20px 60px #498ffb33}.floating-badge{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;background:#ffffffee;border:1px solid #e7eff9;box-shadow:0 12px 35px #244e8710;border-radius:17px;padding:12px 18px;animation:robot-float 8s ease-in-out infinite}.floating-badge>svg{color:#2780ee;width:26px;height:26px}.floating-badge b{font-size:19px;display:block}.floating-badge small{font-size:10px;display:block;color:var(--muted)}.badge-one{top:95px;left:-5px}.badge-two{top:220px;left:-30px;animation-delay:-2s}.badge-three{bottom:85px;right:-12px;animation-delay:-4s}.section-heading{text-align:center;margin-bottom:35px}.section-heading p{font-size:14px;margin-top:9px}.preview-section{padding-block:55px 65px}.preview-section:before{content:'';display:block;height:1px;background:linear-gradient(90deg,transparent,#d6e4f5,transparent);margin-bottom:55px}.theme-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:30px}.theme-tabs button{background:#fff;border:1px solid var(--line);color:#6e83a0;border-radius:25px;padding:8px 17px;font-size:12px}.theme-tabs button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.phones-stage{display:flex;justify-content:center;gap:32px;padding:35px 20px 22px;background:linear-gradient(140deg,#e9f3ff,#f7faff);border:1px solid #e3edf9;border-radius:30px;overflow:hidden}.sample-phone{border:7px solid #18324d;border-radius:38px;width:288px;height:550px;background:#fff;position:relative;overflow:hidden;box-shadow:0 16px 30px #183c631c;flex:none}.sample-phone:before{content:'';position:absolute;z-index:5;top:0;width:90px;height:16px;background:#18324d;border-radius:0 0 15px 15px;left:calc(50% - 45px)}.sample-phone iframe{width:100%;height:100%;border:0}.side-phone{transform:scale(.91);opacity:.83}.text-link{display:inline-flex;gap:8px;align-items:center;color:var(--blue);font-size:13px;font-weight:650}.preview-section>.text-link{display:flex;justify-content:center;margin-top:25px}.text-link svg{width:17px;height:17px}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:80px}.split-copy>p{font-size:15px;line-height:2.1;margin:18px 0}.check-list{padding:0;margin:22px 0 28px;list-style:none;font-size:13px;color:#516c8b}.check-list li{display:flex;gap:9px;align-items:center;margin:12px 0}.check-list svg{width:17px;height:17px;color:var(--blue)}.illustration-panel{background:#f0f6ff;border:1px solid #deebfc;border-radius:30px;padding:12px}.illustration-panel img{width:100%;height:auto;display:block}.usecases{padding-block:60px 85px}.usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.usecase-grid article{border:1px solid #dce8f8;background:#fff;border-radius:20px;padding:30px}.usecase-grid article:nth-child(2){background:linear-gradient(150deg,#1769e8,#3889f9);color:#fff;transform:translateY(-8px);box-shadow:0 15px 40px #1769e82a}.usecase-grid article:nth-child(2) p,.usecase-grid article:nth-child(2) .text-link{color:#e2efff}.usecase-grid p{font-size:14px;line-height:2;margin:12px 0 24px}.icon-tile{display:grid;place-items:center;width:48px;height:48px;background:#eaf3ff;color:#2273df;border:1px solid #d9e9ff;border-radius:14px;margin-bottom:18px}.features-section{background:#f0f6ff99;border-top:1px solid #e4eefb;border-bottom:1px solid #e4eefb;padding:70px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-content:start;background:#fff;border:1px solid #e3ecf7;border-radius:17px;padding:22px}.feature-grid .icon-tile{grid-row:1/3;width:42px;height:42px;border-radius:12px;margin:0}.feature-grid h3{font-size:15px}.feature-grid p{font-size:12px;line-height:2;margin-top:5px}.guide{padding-block:85px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.steps article{position:relative;border-top:1px solid #cfe2fc;padding-top:22px}.steps b{font-size:33px;font-weight:800;color:#a7ccfc}.steps h3{margin-top:10px;font-size:18px}.steps p{font-size:13px;line-height:2;margin-top:10px}.qr-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-block:40px 65px}.qr-section>div{padding:30px}.qr-section p{font-size:15px;line-height:2.1;margin-top:18px}.qr-section>img{width:100%;height:auto;display:block}.faq{padding-block:65px}.faq-list{max-width:900px;margin:auto}.faq details{background:#fff;border:1px solid #e0eaf8;box-shadow:0 4px 13px #224a7903;border-radius:13px;margin:11px 0;padding:18px 23px}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--blue);font-size:22px;line-height:1}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;line-height:2.1;padding-top:14px}.bottom-cta{margin-block:35px 70px;padding:32px 38px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(115deg,#155bce,#3187f5);color:#fff;border-radius:23px}.bottom-cta h2{font-size:26px}.bottom-cta p{color:#dcecff;font-size:13px;margin-top:5px}.site-footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-top:25px}.site-footer .brand{margin-bottom:20px}.site-footer p{font-size:13px}.site-footer h3{font-size:14px;margin-bottom:16px}.site-footer>div:not(.footer-brand):not(.footer-bottom)>a,.site-footer>div>button.start{display:block;font-size:12px;color:var(--muted);background:none;border:0;padding:0;margin:10px 0;text-align:right}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);padding:20px 0}.footer-bottom button{width:36px;height:36px;background:#e9f3ff;color:var(--blue);border:0;border-radius:10px;font-size:23px}@keyframes robot-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:1000px){.site-header nav{gap:16px;padding:10px 16px}.site-hero{gap:15px}.site-hero h1{font-size:45px}.hero-robot{max-width:340px}.floating-badge{padding:10px 12px}.badge-two{left:-5px}.badge-three{right:0}.phones-stage{gap:10px}.sample-phone{width:250px;height:510px}.split-section{gap:30px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.wrap{padding-inline:20px}.site-header{height:85px;gap:10px}.brand>span{font-size:21px}.brand small{font-size:8px}.brand img{width:40px;height:40px}.site-header>.start{font-size:11px;padding:8px 12px;min-height:40px}.nav-toggle{display:block;border:1px solid var(--line);background:#fff;color:var(--blue);border-radius:10px;width:38px;height:38px;margin-right:auto}.site-header nav{display:none;position:absolute;top:75px;left:20px;right:20px;background:#fff;box-shadow:0 15px 30px #12386215;flex-direction:column;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:10px}.site-hero{grid-template-columns:1fr;padding-block:30px 15px;gap:0;text-align:center;min-height:0}.hero-copy{padding:0}.site-hero h1{font-size:41px;letter-spacing:-1px}.hero-copy>p{font-size:15px;margin:16px auto;max-width:440px}.actions{justify-content:center;margin-top:22px}.hero-notes{justify-content:center;font-size:10px;gap:14px}.hero-visual{min-height:480px;max-width:450px;width:100%;margin:15px auto 0}.hero-robot{height:450px;max-width:300px}.badge-one{top:90px;left:0}.badge-two{top:200px;left:-4px}.badge-three{right:0;bottom:70px}.floating-badge b{font-size:14px}.floating-badge small{font-size:8px}.floating-badge svg{width:20px;height:20px}.floating-badge{border-radius:12px;padding:8px 10px;gap:6px}.hero-visual:after{bottom:40px;left:0;right:0;height:40px}.section-heading h2,h2{font-size:26px;letter-spacing:-.4px}.section-heading p{font-size:12px}.preview-section{padding-top:15px;padding-bottom:40px}.preview-section:before{margin-bottom:40px}.phones-stage{padding:23px 10px 18px;border-radius:22px;gap:0}.side-phone{display:none}.main-phone{width:min(100%,310px);height:560px}.theme-tabs{gap:7px}.theme-tabs button{padding:7px 13px;font-size:11px}.split-section,.qr-section{grid-template-columns:1fr;gap:30px;padding-block:45px}.split-copy .button{display:flex;width:max-content}.illustration-panel{max-width:520px;margin:auto}.usecases{padding-block:35px 50px}.usecase-grid{grid-template-columns:1fr;gap:16px}.usecase-grid article{padding:25px}.usecase-grid article:nth-child(2){transform:none}.feature-grid{grid-template-columns:1fr}.features-section{padding-block:45px}.feature-grid article{padding:20px}.guide{padding-block:50px}.steps{grid-template-columns:1fr;gap:28px}.steps article{display:grid;grid-template-columns:50px 1fr;gap:0 14px;padding-top:15px}.steps b{grid-row:1/3}.steps h3{margin:0}.steps p{margin-top:4px}.qr-section>div{padding:0}.qr-section>img{max-width:500px;margin:auto}.faq{padding-block:35px}.faq details{padding:16px}.faq summary{font-size:13px}.bottom-cta{margin-inline:20px;display:block;text-align:center;padding:28px 22px}.bottom-cta h2{font-size:23px}.bottom-cta .button{margin-top:20px}.site-footer{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:1/-1}.site-footer .brand{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-robot,.floating-badge{animation:none}.button{transition:none}}
/* Four intentionally composed menu mockups, without nested page scrollbars. */
.phone-gallery{border:1px solid #e1ecfb;border-radius:30px;background:radial-gradient(ellipse at 50% 60%,#dcecff,transparent 70%),#f3f8ff;overflow:hidden;padding:25px 0 18px}.preview-rail{display:flex;gap:36px;direction:ltr;position:relative;overflow-x:auto;overflow-y:hidden;padding:18px max(24px,calc(50% - 151px)) 12px;scrollbar-width:none;scroll-snap-type:x mandatory;cursor:grab;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none;overscroll-behavior-x:contain}.preview-rail::-webkit-scrollbar{display:none}.preview-rail.dragging{cursor:grabbing;scroll-snap-type:none}.showcase-slide{width:302px;flex:none;direction:rtl;scroll-snap-align:center;text-align:center;opacity:.82;transform:scale(.90);transition:transform .4s,opacity .4s}.showcase-slide.is-active{opacity:1;transform:scale(1)}.showcase-slide h3{font-size:14px;color:#6484a9;font-weight:600;margin:12px 0 3px}.device-mockup{position:relative;width:100%;aspect-ratio:880/1800;filter:drop-shadow(0 16px 13px #1c416323)}.device-frame{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.menu-preview-screen{position:absolute;top:2.65%;bottom:3.1%;left:7.05%;right:7.05%;border-radius:34px;overflow:hidden;display:flex;flex-direction:column;padding:0 11px 7px;background:var(--mock-bg);color:var(--mock-text);font-family:SiteVazir,Tahoma,sans-serif;gap:8px;--mock-bg:#fff8ed;--mock-card:#fff;--mock-text:#503b2c;--mock-muted:#897c6e;--mock-accent:#d49538;--mock-line:#e8dcc9;--mock-pill:#f3e9da}.mock-camera{position:absolute;top:3.7%;left:38%;width:24%;height:3.35%;background:#050608;border-radius:30px;z-index:3;pointer-events:none}.mock-camera:after{content:'';width:7px;height:7px;background:#15273c;border:2px solid #10171f;border-radius:50%;position:absolute;right:10px;top:calc(50% - 4px)}.mock-status{height:31px;flex:none;display:flex;direction:ltr;align-items:center;justify-content:space-between;padding:0 4px;font-size:8px;font-weight:650;color:var(--mock-text)}.mock-brand{display:flex;align-items:center;gap:8px;flex:none;min-height:40px;padding-bottom:5px;border-bottom:1px solid var(--mock-line);text-align:right}.mock-brand>img{width:29px;height:29px;border-radius:9px}.mock-brand>div{flex:1}.mock-brand b{display:block;font-size:12px}.mock-brand small{display:block;font-size:7px;color:var(--mock-muted)}.mock-sun{color:var(--mock-accent);font-size:19px;width:26px;height:26px;border:1px solid var(--mock-line);border-radius:9px}.mock-event{height:83px;flex:none;position:relative;border-radius:10px;overflow:hidden;text-align:right;display:flex;align-items:flex-end;padding:10px}.mock-event:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a1425c9,transparent 85%)}.mock-event img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mock-event>span{position:relative;z-index:1;font-size:12px;font-weight:750;color:#fff}.mock-search{height:28px;display:flex;align-items:center;gap:7px;text-align:right;background:var(--mock-card);border:1px solid var(--mock-line);border-radius:8px;color:var(--mock-muted);font-size:8px;padding:0 9px;flex:none}.mock-search>span{font-size:20px;color:var(--mock-accent);line-height:1}.mock-categories{display:flex;gap:5px;flex:none}.mock-categories>*{flex:1;text-align:center;background:var(--mock-pill);border:1px solid var(--mock-line);border-radius:7px;font-size:7px;padding:5px 2px;color:var(--mock-muted)}.mock-categories>b{background:var(--mock-accent);color:var(--mock-bg);border-color:var(--mock-accent)}.mock-menu-title{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;color:var(--mock-text);margin-top:1px}.mock-menu-title small{font-size:6px;font-weight:400;color:var(--mock-muted)}.mock-foods{display:flex;flex-direction:column;gap:7px;flex:none}.mock-food{display:flex;gap:9px;align-items:center;background:var(--mock-card);border:1px solid var(--mock-line);border-radius:10px;padding:7px;text-align:right;min-height:64px}.mock-food>img{width:48px;height:49px;object-fit:cover;border-radius:7px;flex:none}.mock-food>div{min-width:0;flex:1}.mock-food b{display:block;font-size:8px;line-height:1.8;color:var(--mock-text);white-space:nowrap}.mock-food small{display:block;font-size:6px;color:var(--mock-muted);line-height:1.9}.mock-food strong{display:block;color:var(--mock-accent);font-size:8px;margin-top:5px}.mock-food em{font-size:6px;font-weight:400;font-style:normal}.mock-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:auto;flex:none;min-height:47px;padding:4px 2px 0;border-top:1px solid var(--mock-line)}.mock-bottom>img{width:43px;height:43px;object-fit:contain}.mock-bottom>span{text-align:right;flex:1;font-size:6px;line-height:2;color:var(--mock-muted)}.preview-halloween{--mock-bg:#211510;--mock-card:#35231a;--mock-text:#ffe6c8;--mock-muted:#c6ab91;--mock-accent:#f5a154;--mock-line:#62412a;--mock-pill:#39261d}.preview-nowruz{--mock-bg:#f8f9ec;--mock-card:#fffef7;--mock-text:#3f5030;--mock-muted:#85916e;--mock-accent:#6f9347;--mock-line:#e1e6cc;--mock-pill:#edf2dd}.preview-christmas{--mock-bg:#14382b;--mock-card:#204a3a;--mock-text:#fff2ce;--mock-muted:#b7cbb7;--mock-accent:#e8c478;--mock-line:#3d6750;--mock-pill:#244d3d}.preview-summer{--mock-bg:#f0fcfd;--mock-card:#fff;--mock-text:#24535f;--mock-muted:#72969a;--mock-accent:#248c9e;--mock-line:#d4ebed;--mock-pill:#e7f5f5}.gallery-controls{display:flex;direction:ltr;align-items:center;justify-content:center;gap:18px;padding-top:6px}.gallery-controls button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d7e5f8;border-radius:50%;background:#fff;color:#4677b4;font-size:25px;line-height:1}.gallery-dots{display:flex;gap:6px}.gallery-dots i{width:6px;height:6px;border-radius:6px;background:#c7d9ed;transition:width .2s,background .2s}.gallery-dots i.active{width:22px;background:#1769e8}@media(max-width:760px){.phone-gallery{padding-top:12px;border-radius:22px}.preview-rail{padding-inline:max(15px,calc(50% - 132px));gap:19px}.showcase-slide{width:264px}.menu-preview-screen{gap:6px;border-radius:30px;padding-inline:10px}.mock-status{height:28px;font-size:7px}.mock-brand{min-height:35px}.mock-brand b{font-size:11px}.mock-event{height:66px;padding:8px}.mock-event span{font-size:10px}.mock-food{min-height:57px;padding:6px;gap:7px}.mock-food>img{width:41px;height:43px}.mock-food b{font-size:7px}.mock-food small{font-size:5.5px}.mock-food strong{font-size:7px}.mock-bottom{min-height:35px}.mock-bottom>img{width:32px;height:32px}.mock-search{height:25px}.mock-categories>*{padding:4px 2px}.mock-foods{gap:6px}.mock-food em{font-size:5.5px}}@media(prefers-reduced-motion:reduce){.showcase-slide,.gallery-dots i{transition:none}}
/* Fluid blue surfaces and deliberate motion */
:root{--brand-gradient:linear-gradient(115deg,#134fc9 0%,#247af3 55%,#40b5ff 100%)}
body{overflow-x:clip;background:radial-gradient(ellipse at 10% 8%,#dceeff99,transparent 32%),radial-gradient(ellipse at 90% 65%,#e4f3ff99,transparent 35%),#fcfdff}
.button-primary,.button-dark,.theme-tabs button.active,.auth-submit{background:var(--brand-gradient)!important;background-size:150% 150%;transition:background-position .5s,transform .3s,box-shadow .3s}.button-primary:hover,.button-dark:hover{background-position:100% 50%;box-shadow:0 12px 28px #1769e840}.site-hero h1 em{background:var(--brand-gradient);background-clip:text;-webkit-text-fill-color:transparent}.hero-visual:after{background:var(--brand-gradient)}
.menu-preview-screen{left:6.8%;right:6.5%;top:2.55%;bottom:3%;padding-top:35px}.mock-bottom{flex-direction:row-reverse}.mock-bottom>img{width:51px;height:51px}.mock-bottom>span{text-align:right}.device-mockup{background:transparent}.phone-gallery{background:radial-gradient(ellipse at 50% 70%,#cce6ff88,transparent 65%),linear-gradient(125deg,#eef6ff,#f8fcff);box-shadow:inset 0 1px #fff,0 24px 70px #266dcb08}.showcase-slide.is-active .device-mockup{filter:drop-shadow(0 19px 18px #1c416333)}
.steps{position:relative;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-top:25px}.steps-track{position:absolute;top:0;left:8%;right:8%;height:3px;background:#dcecff;border-radius:10px;overflow:hidden}.steps-track i{position:absolute;width:30%;height:100%;right:-30%;border-radius:10px;background:var(--brand-gradient);box-shadow:0 0 12px #318cff;animation:route-flow 7s linear infinite}.steps article{border:1px solid #dfebfc;border-radius:24px;padding:25px 22px;background:linear-gradient(145deg,#fff,#eef6ff);box-shadow:0 12px 35px #2165bb06;transition:transform .4s,box-shadow .4s,border-color .4s;isolation:isolate;overflow:visible}.steps article:before{content:'';position:absolute;top:-31px;right:calc(50% - 7px);width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid #388bfa;box-shadow:0 0 0 5px #e9f3ff}.steps article:after{content:'';position:absolute;z-index:-1;left:0;bottom:0;width:90px;height:90px;border-radius:70% 0 24px 0;background:linear-gradient(140deg,transparent,#d3e9ff80)}.steps article:hover{transform:translateY(-9px);border-color:#89bfff;box-shadow:0 20px 38px #1769e819}.steps b{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;font-size:26px;background:var(--brand-gradient);color:white;box-shadow:0 8px 18px #1769e824;transition:transform .4s}.steps article:hover b{transform:rotate(-8deg) scale(1.06)}.steps h3{font-size:18px;margin-top:22px}.steps p{font-size:14px}.step-link{background:none;border:0;color:#1769e8;font-size:14px;font-weight:700;padding:14px 0 0;display:flex;gap:15px;align-items:center}
.faq details{padding:0;overflow:hidden;border-radius:19px;transition:border-color .3s,box-shadow .3s}.faq details[open]{border-color:#a5ccff;box-shadow:0 10px 30px #216acb09}.faq summary{font-size:18px;padding:23px 25px;align-items:center}.faq summary span{transition:transform .4s}.faq details p{font-size:16px;padding:0 25px 25px;line-height:2.15}.usecase-grid article,.feature-grid article,.illustration-panel{transition:transform .4s,box-shadow .4s}.usecase-grid article:hover,.feature-grid article:hover{transform:translateY(-6px);box-shadow:0 18px 38px #1769e814}.icon-tile{background:linear-gradient(135deg,#e7f2ff,#f8fcff);transition:transform .4s}.feature-grid article:hover .icon-tile{transform:rotate(-6deg)}
.site-footer{max-width:1160px;position:relative;isolation:isolate;overflow:hidden;margin-top:70px;margin-bottom:24px;padding:65px 55px 0;gap:50px;border-radius:36px;background:linear-gradient(120deg,#103c99,#145ccb 55%,#218bdd);color:#fff;box-shadow:0 20px 65px #165cc326}.site-footer:before,.site-footer:after{content:'';position:absolute;z-index:-1;border:1px solid #ffffff18;border-radius:50%;width:390px;height:390px;left:-110px;top:-170px;box-shadow:0 0 0 40px #ffffff04,0 0 0 90px #ffffff03}.site-footer:after{width:240px;height:240px;right:-120px;top:auto;bottom:-170px}.site-footer .brand>span{font-size:32px}.site-footer .brand img{width:58px;height:58px;border:1px solid #ffffff50;border-radius:17px;box-shadow:0 8px 25px #06337535}.site-footer .brand small,.site-footer p{color:#d1e7ff;font-size:14px}.site-footer h3{font-size:19px;margin-bottom:22px}.site-footer>div:not(.footer-brand):not(.footer-bottom)>a,.site-footer>div>button.start{color:#e0efff;font-size:15px;margin:15px 0;transition:color .3s,transform .3s}.site-footer a:hover,.site-footer button.start:hover{color:white;transform:translateX(-4px)}.footer-bottom{border-color:#ffffff30;color:#d0e7ff;font-size:13px;padding:24px 0;margin-top:16px}.footer-orbit{position:absolute;pointer-events:none;inset:0;z-index:-1}.footer-orbit span{position:absolute;font-size:36px;color:#86cfff;opacity:.5}.footer-orbit span:nth-child(1){top:25px;left:28px}.footer-orbit span:nth-child(2){right:38%;bottom:55px;font-size:55px}.footer-orbit span:nth-child(3){top:32px;left:42%;font-size:20px}#back-to-top{position:fixed;z-index:40;left:0;bottom:28px;width:52px;height:54px;border:1px solid #ffffff85;border-left:0;border-radius:0 28px 28px 0;color:white;background:var(--brand-gradient);font-size:27px;box-shadow:0 7px 25px #145dce40;transition:width .3s,box-shadow .3s}#back-to-top:hover{width:63px;box-shadow:0 9px 35px #145dce60}
.reveal-ready{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal-ready.revealed{opacity:1;transform:translateY(0)}
@keyframes route-flow{to{right:100%}}
@media(max-width:1000px){.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.steps article:before{display:none}.site-footer{margin-inline:20px}}
@media(max-width:760px){.menu-preview-screen{padding-top:31px}.mock-bottom>img{width:43px;height:43px}.steps{grid-template-columns:1fr;gap:20px;padding-top:0;padding-right:23px}.steps-track{top:20px;bottom:20px;right:0;left:auto;width:3px;height:auto}.steps-track i{width:100%;height:30%;right:0;top:-30%;animation:route-down 7s linear infinite}.steps article{display:block;padding:23px}.steps article:before{display:block;top:40px;right:-31px}.steps b{font-size:23px;width:50px;height:50px}.steps h3{margin-top:18px}.faq summary{font-size:16px;padding:20px}.faq details p{font-size:15px;padding:0 20px 22px}.site-footer{padding:40px 27px 0;margin:40px 16px 16px;border-radius:28px;gap:30px}.site-footer h3{font-size:17px}.site-footer .brand>span{font-size:28px}.site-footer>div:not(.footer-brand):not(.footer-bottom)>a,.site-footer>div>button.start{font-size:14px}.footer-bottom{font-size:11px}.footer-orbit span:nth-child(3){display:none}#back-to-top{width:46px;height:49px;bottom:20px}}@keyframes route-down{to{top:100%}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;transition:none}.steps-track i{animation:none}.steps article,.steps b,.faq summary span,.feature-grid article,.usecase-grid article{transition:none}}
#back-to-top{display:grid;place-items:center;padding:0;line-height:1;cursor:pointer}
/* Keep the entire old status area covered, including cached frame pixels. */
.menu-preview-screen{top:2.3%;left:6.6%;right:6.3%;padding-top:37px}.mock-status{display:none!important}.mock-sun{display:grid;place-items:center;align-self:center;width:29px;height:29px;flex:0 0 29px;border-radius:10px;background:var(--mock-card);color:var(--mock-accent);line-height:1;padding:5px}.mock-sun .mx-icon{width:18px;height:18px;display:block}.mock-brand{align-items:center}.mock-search svg{width:12px;height:12px}.mx-icon{display:inline-block;vertical-align:middle;flex-shrink:0}#back-to-top svg{width:23px;height:23px}.gallery-controls button{font-family:SiteVazir,Tahoma,sans-serif}@media(max-width:760px){.menu-preview-screen{padding-top:32px}.mock-sun{width:26px;height:26px;flex-basis:26px}.mock-sun svg{width:16px;height:16px}}
.hero-visual .badge-one b{font-size:14px}.hero-visual .badge-one{padding:12px 15px}.feature-grid article{padding:19px 21px}.feature-grid p{font-size:13px}.footer-orbit span{animation:footer-drift 8s ease-in-out infinite;transform-origin:center}.footer-orbit span:nth-child(2){animation-duration:11s;animation-delay:-3s}.footer-orbit span:nth-child(3){animation-duration:9s;animation-delay:-5s}@keyframes footer-drift{0%,100%{transform:translate(0,0) rotate(0deg);opacity:.4}50%{transform:translate(14px,-18px) rotate(35deg);opacity:.85}}
.steps{padding-top:34px}.steps-track{top:7px;left:12%;right:12%;height:4px;overflow:visible;background:#e0edff}.steps-track i{inset:0;width:100%;height:100%;transform-origin:right;animation:steps-fill 12s ease-in-out infinite;box-shadow:none}.steps article{padding-top:30px;margin-top:0}.steps article:before{display:none}.steps h3{margin-top:12px}.step-node{position:absolute;top:-51px;right:calc(50% - 21px);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#78a5d9;border:3px solid #dfedff;box-shadow:0 0 0 6px #f7fbff;animation:step-light 12s linear infinite}.step-node svg{width:19px;height:19px}.steps article:nth-of-type(2) .step-node{animation-delay:3s}.steps article:nth-of-type(3) .step-node{animation-delay:6s}.steps article:nth-of-type(4) .step-node{animation-delay:9s}@keyframes steps-fill{0%,5%{transform:scaleX(0)}28%{transform:scaleX(.333)}51%{transform:scaleX(.666)}74%,93%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes step-light{0%,24%{background:#247af3;color:#fff;border-color:#97caff}25%,100%{background:#fff;color:#78a5d9;border-color:#dfedff}}
@media(max-width:1000px) and (min-width:761px){.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.steps article{padding:22px 13px}.steps h3{font-size:15px}.steps p{font-size:12px}}
@media(max-width:760px){.steps{padding-top:0;padding-right:33px;gap:22px}.steps article{padding:22px}.steps-track{top:25px;bottom:25px;right:12px;left:auto;width:4px;height:auto;overflow:hidden}.steps-track i{width:100%;height:100%;transform-origin:top;animation:steps-fill-vertical 12s ease-in-out infinite}.step-node{top:26px;right:-43px;width:36px;height:36px;border-width:2px;box-shadow:0 0 0 4px #f7fbff}.step-node svg{width:17px;height:17px}.steps h3{margin-top:0}.hero-visual .badge-one b{font-size:11px}}@keyframes steps-fill-vertical{0%,5%{transform:scaleY(0)}28%{transform:scaleY(.333)}51%{transform:scaleY(.666)}74%,93%{transform:scaleY(1)}100%{transform:scaleY(0)}}@media(prefers-reduced-motion:reduce){.footer-orbit span,.step-node,.steps-track i{animation:none}.steps-track i{transform:none}}
.hero-robot{height:540px;max-width:365px;border-radius:38px;object-fit:cover;box-shadow:0 22px 55px #1d62c025}.hero-visual:after{bottom:25px}.hero-visual .badge-one{left:-15px}.hero-visual .badge-two{left:-35px}@media(max-width:760px){.hero-robot{height:430px;max-width:287px;border-radius:30px}.hero-visual .badge-one{left:0}.hero-visual .badge-two{left:0}}
.hero-visual{isolation:isolate}.hero-orbits{position:absolute;inset:0;z-index:-1;pointer-events:none}.hero-orbits i{position:absolute;width:440px;height:440px;left:calc(50% - 220px);top:45px;border:1px dashed #5b9df43b;border-radius:50%;animation:orbit-turn 65s linear infinite}.hero-orbits i:nth-child(2){width:350px;height:350px;left:calc(50% - 175px);top:90px;border-style:solid;animation-direction:reverse}.hero-orbits i:nth-child(3){width:510px;height:510px;left:calc(50% - 255px);top:10px;border-color:#a1ceff35}.hero-orbits i:after{content:'';position:absolute;top:16%;right:13%;width:9px;height:9px;border-radius:50%;background:linear-gradient(120deg,#1a68ed,#80d6ff);box-shadow:0 0 18px #449eff60}.hero-orbits>span{position:absolute;color:#338af0;animation:decor-drift 7s ease-in-out infinite}.hero-orbits>span:nth-of-type(1){top:35px;right:12px}.hero-orbits>span:nth-of-type(2){bottom:85px;left:15px;animation-delay:-2s}.hero-orbits>span:nth-of-type(3){top:100px;left:30px;animation-delay:-4s}.hero-orbits>span svg{width:28px;height:28px}.hero-mini-card{position:absolute;z-index:4;bottom:0;left:15px;display:flex;gap:12px;align-items:center;transform:rotate(-4deg);background:#ffffffed;border:1px solid #d9eaff;border-radius:18px;padding:10px 15px;box-shadow:0 15px 35px #1d65b91a;animation:mini-card-float 8s ease-in-out infinite}.hero-mini-card img{width:50px;height:50px;border-radius:13px;object-fit:cover}.hero-mini-card span{font-size:12px;font-weight:700}.hero-mini-card small{display:block;font-size:10px;font-weight:400;color:#7a93b0;margin-top:3px}.hero-copy .eyebrow:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#338cfa;margin-left:7px;box-shadow:0 0 0 4px #d7eaff;animation:soft-pulse 3s ease-in-out infinite}.floating-badge{transition:box-shadow .35s}.floating-badge:hover{box-shadow:0 18px 40px #1769e825}.illustration-panel{position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#d5eaff80,transparent 70%),linear-gradient(140deg,#edf6ff,#fff)}.illustration-panel img{animation:illustration-float 9s ease-in-out infinite}.event-showcase{padding-block:45px 65px}.visual-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.visual-story-grid article{border:1px solid #dfebfb;border-radius:28px;background:linear-gradient(145deg,#fff,#eef7ff);overflow:hidden;transition:transform .45s,box-shadow .45s}.visual-story-grid article:hover{transform:translateY(-7px);box-shadow:0 20px 45px #1c6cce16}.story-image{height:295px;display:grid;place-items:center;background:radial-gradient(ellipse,#d9edff80,transparent 70%);padding:14px}.story-image img{width:100%;height:100%;object-fit:contain;animation:illustration-float 8s ease-in-out infinite}.visual-story-grid article:nth-child(2) img{animation-delay:-4s}.story-copy{padding:10px 28px 28px;position:relative}.story-copy .icon-tile{width:38px;height:38px;margin-bottom:12px}.story-copy h3{font-size:21px}.story-copy p{font-size:14px;margin:10px 0 18px}.story-copy .text-link svg{width:16px;height:16px}.qr-section>img{animation:illustration-float 10s ease-in-out infinite}.feature-grid article:hover .icon-tile svg{animation:icon-wiggle .7s ease}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes decor-drift{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-14px) rotate(9deg)}}@keyframes mini-card-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-9px) rotate(-1deg)}}@keyframes illustration-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes soft-pulse{50%{box-shadow:0 0 0 7px #d7eaff60}}@keyframes icon-wiggle{25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@media(max-width:760px){.hero-mini-card{bottom:-5px;left:12px;padding:8px 11px}.hero-mini-card img{width:39px;height:39px}.hero-mini-card span{font-size:10px}.hero-mini-card small{font-size:8px}.hero-visual{margin-bottom:22px}.hero-orbits i{max-width:100%;}.hero-orbits i:nth-child(3){display:none}.hero-orbits>span:nth-of-type(2){left:0}.visual-story-grid{grid-template-columns:1fr;gap:20px}.story-image{height:245px}.story-copy{padding:10px 22px 24px}.story-copy h3{font-size:19px}.event-showcase{padding-block:30px 40px}.hero-visual .badge-two b{font-size:12px}}@media(prefers-reduced-motion:reduce){.hero-orbits i,.hero-orbits>span,.hero-mini-card,.illustration-panel img,.story-image img,.qr-section>img,.hero-copy .eyebrow:before{animation:none}.feature-grid article:hover .icon-tile svg{animation:none}}
/* Quiet cafe pattern across the full landing canvas. */
body{background-image:url('/assets/cafe-pattern.svg'),radial-gradient(ellipse at 10% 8%,#dceeff99,transparent 32%),radial-gradient(ellipse at 90% 65%,#e4f3ff99,transparent 35%);background-size:520px 500px,100% 100%,100% 100%;background-repeat:repeat,no-repeat,no-repeat;background-color:#fcfdff}.features-section{background-color:#f0f6ff8c}.phone-gallery{background-color:#f3f8ffd9}

@media(min-width:901px){.visual-story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-story-grid .story-image{height:245px}.visual-story-grid .story-copy{padding:10px 22px 26px}}
.visual-story-grid article:nth-child(3) img{animation-delay:-2s}