.hero{background:linear-gradient(135deg,#f0f7ff 0%,#f9fafc 50%,#e8f5e9 100%);padding:80px 0 100px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#2196f314,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-200px;left:-200px}.hero:after{content:"";background:radial-gradient(circle,#4caf500f,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;bottom:-200px;right:-200px}.hero-inner{z-index:1;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.hero-badge{color:#2e7d32;background:#4caf501f;border:1px solid #4caf5040;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.hero-badge .dot{background:#4caf50;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 0 4px #4caf5033}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.hero-title{letter-spacing:-.5px;margin-bottom:20px;font-size:clamp(32px,4.5vw,56px);line-height:1.15}.hero-title .highlight{background:linear-gradient(135deg,#2196f3,#4caf50);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#4a5568;max-width:540px;margin-bottom:32px;font-size:18px;line-height:1.9}.hero-subtitle strong{color:#1a2850;font-family:KalamehWeb,KalamehFaNumB,sans-serif;font-size:20px}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:40px;display:flex}.btn-ghost-dark{color:#1a2850;background:0 0;border:2px solid #cbd3e1}.btn-ghost-dark:hover{color:#2196f3;background:#2196f30d;border-color:#2196f3}.hero-stats{border-top:1px solid #0000000f;align-items:center;gap:20px;padding-top:24px;display:flex}.stat{flex-direction:column;gap:4px;display:flex}.stat strong{color:#1a2850;font-family:KalamehWeb,KalamehFaNumB,sans-serif;font-size:24px;line-height:1}.stat span{color:#8892a8;font-size:12px}.stat-divider{background:#00000014;width:1px;height:32px}.hero-visual{height:400px;position:relative}.cloud-card{backdrop-filter:blur(10px);background:#fff;border:1px solid #fffc;border-radius:24px;width:280px;padding:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 60px #2196f326}.cloud-icon{color:#fff;background:linear-gradient(135deg,#2196f3,#64b5f6);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex;box-shadow:0 12px 24px #2196f34d}.cloud-label{color:#8892a8;margin-bottom:4px;font-size:13px}.cloud-value{color:#1a2850;margin-bottom:16px;font-family:KalamehWeb,KalamehFaNumB,sans-serif;font-size:28px}.cloud-progress{background:#f0f4f8;border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#2196f3,#4caf50);border-radius:4px;width:60%;height:100%;position:relative;overflow:hidden}.progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.cloud-footer{color:#4caf50;text-align:center;border-top:1px dashed #e5e9f2;padding-top:12px;font-size:13px;font-weight:600}.floating-card{color:#1a2850;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:600;animation:4s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 15px 35px #00000014}.floating-1{animation-delay:0s;top:40px;right:20px}.floating-2{animation-delay:2s;bottom:60px;left:10px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.trust-bar{background:#fff;border-top:1px solid #f0f4f8;border-bottom:1px solid #f0f4f8;padding:30px 0}.trust-label{text-align:center;color:#8892a8;margin-bottom:16px;font-size:13px}.trust-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.trust-item{color:#cbd3e1;font-family:KalamehWeb,KalamehFaNumB,sans-serif;font-size:16px;transition:color .3s}.trust-item:hover{color:#4a5568}.section{padding:90px 0}.section.bg-light{background:#f9fafc}.section-head{text-align:center;max-width:720px;margin:0 auto 60px}.section-eyebrow{color:#2196f3;text-transform:uppercase;letter-spacing:1px;background:#2196f31a;border-radius:999px;margin-bottom:12px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.section-head h2{margin-bottom:16px;font-size:clamp(26px,3.5vw,40px)}.section-desc{color:#6b7590;font-size:17px;line-height:1.8}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:#fff;border:1px solid #f0f4f8;border-radius:20px;padding:32px 24px;transition:all .3s}.feature-card:hover{border-color:#2196f333;transform:translateY(-6px);box-shadow:0 20px 40px #2196f31a}.feature-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex}.feature-icon.blue{color:#2196f3;background:#2196f31a}.feature-icon.green{color:#4caf50;background:#4caf501a}.feature-icon.purple{color:#9c27b0;background:#9c27b01a}.feature-icon.orange{color:#ff9800;background:#ff98001a}.feature-icon.cyan{color:#00bcd4;background:#00bcd41a}.feature-icon.pink{color:#e91e63;background:#e91e631a}.feature-card h3{margin-bottom:10px;font-size:19px}.feature-card p{color:#6b7590;font-size:15px;line-height:1.8}.steps-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.step-card{text-align:center;background:#fff;border:1px solid #f0f4f8;border-radius:24px;padding:40px 24px;position:relative}.step-number{color:#fff;background:linear-gradient(135deg,#2196f3,#64b5f6);border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;font-family:KalamehWeb,KalamehFaNumB,sans-serif;font-size:26px;display:inline-flex;box-shadow:0 12px 24px #2196f340}.step-card h3{margin-bottom:12px;font-size:20px}.step-card p{color:#6b7590;line-height:1.8}.pricing-card{background:#fff;border:2px solid #e5e9f2;border-radius:28px;max-width:520px;margin:0 auto;padding:44px 36px;position:relative;box-shadow:0 30px 60px #2196f31a}.pricing-card:before{content:"پیشنهاد ویژه";color:#fff;background:linear-gradient(135deg,#2196f3,#4caf50);border-radius:999px;padding:6px 18px;font-size:12px;font-weight:700;position:absolute;top:-14px;right:32px}.pricing-header{text-align:center;border-bottom:1px solid #f0f4f8;margin-bottom:28px;padding-bottom:24px}.pricing-header h3{margin-bottom:6px;font-size:24px}.pricing-header p{color:#8892a8;font-size:14px}.pricing-price{text-align:center;flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.price-value{color:#1a2850;letter-spacing:-2px;font-family:KalamehWeb,KalamehFaNumB,sans-serif;font-size:60px;line-height:1}.price-unit{color:#2196f3;margin-top:6px;font-family:KalamehWeb,KalamehFaNumB,sans-serif;font-size:20px}.price-period{color:#8892a8;margin-top:6px;font-size:14px}.pricing-features{flex-direction:column;gap:14px;margin-bottom:28px;display:flex}.pricing-features li{color:#2d3748;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;display:flex}.pricing-features svg{flex-shrink:0;margin-top:3px}.pricing-example{color:#4a5568;background:#f9fafc;border-radius:16px;margin-bottom:24px;padding:20px;font-size:14px;line-height:2}.pricing-example strong{color:#1a2850;font-family:KalamehWeb,KalamehFaNumB,sans-serif}.pricing-note{text-align:center;color:#8892a8;margin-top:16px;font-size:13px}.container-narrow{max-width:780px}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-item{background:#fff;border:1px solid #f0f4f8;border-radius:16px;transition:all .3s;overflow:hidden}.faq-item[open]{border-color:#2196f34d;box-shadow:0 10px 30px #2196f314}.faq-item summary{cursor:pointer;color:#1a2850;user-select:none;justify-content:space-between;align-items:center;padding:20px 24px;font-family:KalamehWeb,KalamehFaNumB,sans-serif;font-size:16px;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-chevron{color:#8892a8;flex-shrink:0;transition:transform .3s}.faq-item[open] .faq-chevron{color:#2196f3;transform:rotate(180deg)}.faq-body{color:#4a5568;padding:0 24px 20px;font-size:15px;line-height:1.9}.faq-cta{text-align:center;margin-top:32px}.app-download{background:linear-gradient(135deg,#f0f7ff 0%,#e8f5e9 100%);border-radius:32px;grid-template-columns:1.3fr 1fr;align-items:center;gap:60px;padding:60px 48px;display:grid}.app-content h2{margin:16px 0 20px;font-size:clamp(24px,3vw,36px)}.app-content>p{color:#4a5568;margin-bottom:28px;font-size:16px;line-height:1.9}.app-badges{flex-wrap:wrap;gap:14px;margin-bottom:20px;display:flex}.store-badge{color:#fff;background:#1a2850;border-radius:14px;flex-direction:column;min-width:130px;padding:12px 22px;transition:all .2s;display:flex}.store-badge:hover{transform:translateY(-3px);box-shadow:0 12px 24px #1a285040}.store-badge span{opacity:.7;font-size:11px}.store-badge strong{font-family:KalamehWeb,KalamehFaNumB,sans-serif;font-size:16px}.app-req{color:#8892a8;font-size:13px}.app-visual{justify-content:center;animation:5s ease-in-out infinite float;display:flex}.final-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#2196f3 0%,#0b7dda 100%);padding:80px 20px}.final-cta h2{color:#fff;margin-bottom:16px;font-size:clamp(26px,3.5vw,40px)}.final-cta p{color:#ffffffe6;margin-bottom:32px;font-size:17px;line-height:1.7}.final-cta .btn-light{color:#2196f3;background:#fff;font-weight:700;box-shadow:0 12px 30px #00000026}.final-cta .btn-light:hover{transform:translateY(-3px);box-shadow:0 16px 40px #0003}@media (width<=992px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero-visual{height:320px}.features-grid{grid-template-columns:repeat(2,1fr)}.app-download{grid-template-columns:1fr;padding:40px 28px}.app-visual{display:none}}@media (width<=640px){.hero{padding:50px 0 60px}.section{padding:60px 0}.section-head{margin-bottom:40px}.features-grid,.steps-grid{grid-template-columns:1fr}.trust-logos{gap:20px}.trust-item{font-size:14px}.pricing-card{padding:32px 24px}.price-value{font-size:44px}.hero-stats{flex-direction:column;align-items:flex-start;gap:12px}.stat-divider{display:none}.faq-item summary{padding:16px 18px;font-size:15px}.faq-body{padding:0 18px 16px}}