*{box-sizing:border-box;margin:0;padding:0}:root{--accent:#4f46e5;--accent-2:#0d9488;--bg:#fafaf9;--fg:#101014;--surface:#fff;--surface-2:#f4f4f5;--border:#e7e5e4;--muted:#71717a;--danger:#dc2626;--success:#059669;--radius:18px;--shadow:0 20px 60px -20px rgba(16,16,20,.18);--font:"Vazirmatn","IRANSans","Segoe UI",Tahoma,sans-serif}[data-theme=dark]{--bg:#0a0a0c;--fg:#f4f4f5;--surface:#141417;--surface-2:#1c1c21;--border:#27272a;--muted:#a1a1aa;--shadow:0 20px 60px -20px rgba(0,0,0,.7)}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--fg);line-height:1.9;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid var(--border)}.site-header .wrap{gap:28px;height:72px}.logo,.site-header .wrap{display:flex;align-items:center}.logo{gap:10px;font-weight:900;font-size:22px}.logo-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#9333ea);display:grid;place-items:center;color:#fff;font-weight:900;font-size:20px;box-shadow:0 8px 24px -8px var(--accent)}.logo small{font-size:12px;color:var(--muted);font-weight:500;letter-spacing:2px}.logo-img{border-radius:12px;-o-object-fit:contain;object-fit:contain}.spin-slow{animation:logoSpin 9s linear infinite}@keyframes logoSpin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.nav{display:flex;gap:22px;font-size:14.5px;color:var(--muted);font-weight:600}.nav a:hover{color:var(--fg)}.header-tools{margin-inline-start:auto;display:flex;align-items:center;gap:10px}.pill-select{border:1px solid var(--border);border-radius:999px;padding:7px 12px;font-size:13px}.btn,.pill-select{background:var(--surface);color:var(--fg);font-family:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:13px 26px;font-weight:800;font-size:15px;border:1px solid var(--border);transition:transform .15s ease,box-shadow .2s ease,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),#7c3aed);border-color:transparent;color:#fff;box-shadow:0 12px 30px -10px var(--accent)}.btn-ghost{background:transparent}.hero{position:relative;padding:90px 0 60px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}@media(max-width:960px){.hero-grid{grid-template-columns:1fr}}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);padding:6px 14px;border-radius:999px;margin-bottom:20px}.hero h1{font-size:clamp(38px,5.4vw,68px);line-height:1.35;font-weight:900;letter-spacing:-.5px;margin-bottom:18px}.hero h1 em{font-style:normal;background:linear-gradient(120deg,var(--accent),#d946ef);-webkit-background-clip:text;background-clip:text;color:transparent}.mask{overflow:hidden;vertical-align:bottom;padding-bottom:.12em;margin-bottom:-.12em}.mask,.mask>span{display:inline-block}.mask>span{opacity:0;animation-duration:.85s;animation-timing-function:cubic-bezier(.16,.8,.24,1);animation-fill-mode:forwards}.rise-up{animation-name:riseUp}.rise-down{animation-name:riseDown}@keyframes riseUp{0%{opacity:0;transform:translateY(-110%)}to{opacity:1;transform:none}}@keyframes riseDown{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:none}}.rise-accent{background:linear-gradient(120deg,var(--accent),#d946ef);-webkit-background-clip:text;background-clip:text;color:transparent}.cursor-dot{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;z-index:200;background:var(--accent);box-shadow:0 0 10px 1px color-mix(in srgb,var(--accent) 75%,transparent)}.hero p.lead{font-size:17px;color:var(--muted);max-width:52ch;margin-bottom:28px}.cta-row{gap:12px;margin-bottom:30px}.cta-row,.trust{display:flex;flex-wrap:wrap}.trust{gap:18px;font-size:13.5px;color:var(--muted)}.trust b{color:var(--fg)}.hero-visual{position:relative}.orb{position:absolute;width:480px;height:480px;border-radius:50%;filter:blur(90px);opacity:.35;pointer-events:none}.orb-a{background:#6366f1;top:-80px;inset-inline-end:-60px}.orb-b{background:#14b8a6;bottom:-100px;inset-inline-start:-40px;opacity:.25}.tour-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);perspective:900px}.tour-card,.tour-screen{overflow:hidden;position:relative}.tour-screen{height:340px;background:radial-gradient(120% 100% at 50% 0,#312e81 0,#0f0f1a 55%,#000 100%);display:flex;align-items:center;justify-content:center}.tour-screen:before{content:"";position:absolute;inset:30px 0;border-top:1px dashed hsla(0,0%,100%,.25);border-bottom:1px dashed hsla(0,0%,100%,.25);border-radius:50%/50%}.pano-ring{width:220px;height:220px;border-radius:50%;border:2px solid hsla(0,0%,100%,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;background:hsla(0,0%,100%,.06);backdrop-filter:blur(4px)}.pano-logo{width:92px;height:92px;-o-object-fit:contain;object-fit:contain;animation:logoSpin 8s linear infinite;filter:drop-shadow(0 8px 18px rgba(0,0,0,.5))}.pano-live{font-size:11px;font-weight:800;letter-spacing:4px;opacity:.9}.hotspot-demo{position:absolute;background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.4);color:#fff;font-size:12px;padding:5px 12px;border-radius:999px;backdrop-filter:blur(6px)}.hs1{top:22%;inset-inline-start:14%}.hs2{top:48%;inset-inline-end:12%}.hs3{bottom:18%;inset-inline-start:30%}.tour-bar{display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid var(--border);flex-wrap:wrap}.chip{font-size:12.5px;font-weight:700;padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;font-family:inherit;color:var(--fg)}.chip.on{background:var(--accent);color:#fff;border-color:transparent}.section{padding:56px 0}.section h2{font-size:clamp(24px,3vw,36px);font-weight:900;margin-bottom:8px}.section .sub{color:var(--muted);margin-bottom:26px}.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:860px){.bento{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:transform .18s ease,box-shadow .25s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card h3{font-size:17px;margin-bottom:8px}.card p{font-size:14.5px;color:var(--muted)}.card .icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:21px;margin-bottom:14px;background:color-mix(in srgb,var(--accent) 12%,transparent)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,.8,.24,1)}.reveal.in{opacity:1;transform:none}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:860px){.steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.steps{grid-template-columns:1fr}}.step{position:relative;padding-top:34px}.step i{position:absolute;top:0;font-style:normal;font-weight:900;font-size:13px;color:#fff;background:var(--accent);width:26px;height:26px;border-radius:50%;display:grid;place-items:center}.stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:linear-gradient(135deg,#131316,#1e1b4b);color:#fff;border-radius:22px;padding:30px}@media(max-width:760px){.stats-band{grid-template-columns:1fr 1fr}}.stats-band b{font-size:30px;display:block}.stats-band span{font-size:13px;opacity:.75}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 20px;margin-bottom:10px;cursor:pointer}.faq summary{font-weight:800;cursor:pointer}.faq p{font-size:14.5px;margin-top:8px}.faq p,.footer{color:var(--muted)}.footer{border-top:1px solid var(--border);padding:34px 0;font-size:14px}.footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.field{width:100%;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:12px;padding:12px 14px;font-size:15px;font-family:inherit}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.viewer{position:relative;height:min(70vh,560px);border-radius:20px;overflow:hidden;background:#000;border:1px solid var(--border)}.viewer-fallback img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vp-overlay{position:absolute;inset:0;pointer-events:none}.vp-hotspot{pointer-events:auto;gap:6px;background:rgba(0,0,0,.55);color:#fff;border:1px solid hsla(0,0%,100%,.3);border-radius:999px;padding:5px 12px;font-size:12px;cursor:pointer;font-family:inherit}.vp-bar,.vp-hotspot{position:absolute;display:flex;align-items:center}.vp-bar{bottom:12px;left:12px;right:12px;gap:8px;justify-content:space-between}.store-head{display:flex;gap:16px;align-items:center;padding:26px 0;flex-wrap:wrap}.store-head img{width:64px;height:64px;border-radius:18px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--border)}.badge{font-size:12px;font-weight:700;padding:3px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2)}.badge.ok{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.skel{border-radius:14px;min-height:180px;background:linear-gradient(90deg,var(--surface-2),var(--border));animation:pl 1.2s infinite}@keyframes pl{50%{opacity:.55}}.empty{padding:48px;color:var(--muted)}.empty,.state{text-align:center}.state{min-height:60vh;display:grid;place-items:center;padding:60px 20px}.menu-btn{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--fg);font-size:20px;cursor:pointer;place-items:center;font-family:inherit}.accent-pick{position:relative}.accent-btn{display:flex!important;align-items:center;gap:7px}.accent-btn i{width:13px;height:13px;border-radius:50%;background:var(--accent);border:2px solid hsla(0,0%,100%,.6);box-shadow:0 0 0 1px var(--border)}.accent-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);min-width:140px;padding:6px;z-index:70}.accent-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 12px;background:none;border:0;border-radius:9px;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--fg)}.accent-menu button:hover{background:var(--surface-2)}.accent-menu button i{width:14px;height:14px;border-radius:50%}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.contact-card{display:flex;align-items:center;gap:14px;padding:20px;border-radius:20px;color:#fff;font-weight:800;box-shadow:var(--shadow);transition:transform .18s ease}.contact-card:hover{transform:translateY(-3px)}.contact-card small{display:block;font-weight:500;opacity:.9;font-size:12.5px}.contact-card .cc-icon{width:48px;height:48px;border-radius:15px;background:hsla(0,0%,100%,.22);display:grid;place-items:center;flex-shrink:0}.contact-card .cc-go{margin-inline-start:auto;font-size:22px;opacity:.85}.cc-ig{background:linear-gradient(45deg,#f9ce34,#ee2a7b 55%,#6228d7)}.cc-tg{background:linear-gradient(135deg,#37aee2,#1e96c8)}.cc-mail{background:linear-gradient(135deg,#4f46e5,#9333ea)}@media(max-width:920px){.site-header .wrap{position:relative;gap:12px;flex-wrap:wrap;height:auto;min-height:72px;padding-top:10px;padding-bottom:10px}.nav{display:none}.nav.open{display:flex;position:absolute;top:100%;inset-inline:0;background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;gap:0;padding:8px 24px 14px;z-index:60}.nav.open a{padding:11px 4px;border-top:1px solid var(--border);font-size:15px}.menu-btn{display:grid}.header-tools{flex-wrap:wrap;gap:8px}.hero{padding:60px 0 44px}}@media(max-width:560px){.btn{padding:12px 18px;font-size:14px}.cta-row .btn{flex:1}.trust{flex-wrap:wrap;gap:10px}.stats-band{grid-template-columns:1fr 1fr;padding:22px}.contact-grid{grid-template-columns:1fr}.pano-ring{width:180px;height:180px}.pano-logo{width:72px;height:72px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.mask>span,.reveal{opacity:1!important;transform:none!important}}