@font-face{font-family:IranSans;src:url(/fonts/iransans_regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IranSans;src:url(/fonts/iransans_medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IranSans;src:url(/fonts/iransans_bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:IranSans;src:url(/fonts/iransans_black.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}:root{--accent:#00695c;--accent-dark:#004d40;--title:#0b3d36;--soft:#e0f2f1;--canvas:#f1f7f5;--highlight:#00897b;--text:#12201e;--muted:#5f726e;--border:#c5d6d2;--surface:#fff;--on-accent:#fff;--shadow:0 24px 60px #0b3d3624;--font:"IranSans", "Vazirmatn", Tahoma, sans-serif;--radius:22px;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%}body{font-family:var(--font);color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{min-height:100vh}.landing{position:relative;overflow-x:clip}.atmosphere{background:radial-gradient(ellipse 80% 60% at 15% 10%, #00897b38, transparent 55%), radial-gradient(ellipse 70% 50% at 90% 20%, #00695c2e, transparent 50%), linear-gradient(165deg, #e8f5f2 0%, var(--canvas) 48%, #f7fbf9 100%);z-index:-2;height:100vh;position:absolute;inset:0 0 auto}.atmosphere:after{content:"";opacity:.28;z-index:-1;background-image:linear-gradient(#0b3d360d 1px,#0000 1px),linear-gradient(90deg,#0b3d360d 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 35%,#0000 92%);mask-image:linear-gradient(#000 35%,#0000 92%)}.nav{max-width:var(--max);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:20px 24px 0;display:flex}.nav-brand{color:var(--title);align-items:center;gap:10px;font-size:1.2rem;font-weight:800;display:inline-flex}.nav-icon{border-radius:10px}.nav-links{color:var(--muted);align-items:center;gap:18px;font-size:.95rem;display:flex}.nav-links a:hover{color:var(--accent)}.hero{max-width:var(--max);grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;min-height:calc(100vh - 72px);margin:0 auto;padding:32px 24px 48px;display:grid}.hero-copy{max-width:34rem}.brand-mark{color:var(--accent);letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(3.4rem,8vw,5.6rem);font-weight:900;line-height:1}.hero-title{color:var(--title);margin:0 0 14px;font-size:clamp(1.45rem,3vw,2rem);font-weight:700;line-height:1.45}.hero-lead{color:var(--muted);max-width:30rem;margin:0 0 28px;font-size:1.05rem;line-height:1.9}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.btn{border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:700;transition:transform .2s,background .2s,color .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-dark)}.btn-ghost{color:var(--title);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-store{min-width:180px;font-weight:800}.btn-bazaar{color:#fff;background:#0a8f53}.btn-bazaar:hover{background:#087a46}.btn-myket{background:var(--title);color:#fff}.btn-myket:hover{background:#072e29}.btn-bazaar-light,.btn-myket-light{background:var(--surface);color:var(--accent-dark)}.btn-bazaar-light:hover,.btn-myket-light:hover{background:#f3fffb}.hero-visual{justify-content:center;display:flex}.hero-screenshot{width:min(390px,84vw);height:auto;box-shadow:var(--shadow);border-radius:30px;display:block}.phone{width:min(300px,78vw);box-shadow:var(--shadow);background:linear-gradient(160deg,#1a3d38,#0b3d36 55%,#16352f);border-radius:36px;padding:12px;position:relative}.phone.compact{border-radius:28px;width:min(220px,70vw);padding:10px}.phone-notch{z-index:2;background:#00000059;border-radius:999px;width:86px;height:18px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--canvas);border-radius:28px;min-height:540px;padding:42px 16px 16px;position:relative;overflow:hidden}.phone.compact .phone-screen{border-radius:22px;min-height:380px;padding:28px 12px 12px}.home-brand{color:var(--accent);font-size:2rem;font-weight:900;line-height:1.1}.home-tag{color:var(--muted);margin-top:4px;font-size:.82rem}.home-prayer{background:var(--title);color:var(--soft);border-radius:18px;margin-top:18px;padding:14px}.home-prayer-title{margin-bottom:10px;font-size:.9rem}.home-prayer-row{opacity:.92;justify-content:space-between;font-size:.85rem;display:flex}.home-quick{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.home-quick span,.tools-grid span{background:var(--soft);color:var(--title);text-align:center;border-radius:12px;padding:12px 4px;font-size:.78rem;font-weight:700}.home-tabs{background:var(--surface);border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 4px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.home-tabs span{text-align:center;color:var(--muted);padding:6px 0;font-size:.7rem}.home-tabs .active{color:var(--accent);background:var(--soft);border-radius:10px;font-weight:800}.section{max-width:var(--max);margin:0 auto;padding:72px 24px}.section-head{max-width:36rem;margin-bottom:36px}.section-head h2{color:var(--title);margin:0 0 10px;font-size:clamp(1.7rem,3vw,2.2rem)}.section-head p{color:var(--muted);margin:0;line-height:1.8}.feature-list{grid-template-columns:repeat(4,1fr);gap:28px 22px;margin:0;padding:0;list-style:none;display:grid}.feature-item{border-top:2px solid #00695c2e;padding-top:14px}.feature-item h3{color:var(--title);margin:0 0 8px;font-size:1.15rem}.feature-item p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.7}.intro-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:40px;display:grid}.intro-grid h2{color:var(--title);margin:0 0 14px;font-size:clamp(1.7rem,3vw,2.2rem)}.intro-grid>div>p{color:var(--muted);margin:0 0 14px;line-height:2}.value-list{gap:18px;margin:0;padding:0;list-style:none;display:grid}.value-list li{border-top:2px solid #00695c29;padding:18px 0 0}.value-list h3{color:var(--title);margin:0 0 8px;font-size:1.1rem}.value-list p{color:var(--muted);margin:0;line-height:1.8}.journey-list{grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.journey-list li{align-items:flex-start;gap:14px;display:flex}.journey-step{background:var(--accent);width:36px;height:36px;color:var(--on-accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.journey-list h3{color:var(--title);margin:0 0 6px}.journey-list p{color:var(--muted);margin:0;line-height:1.8}.screen-caption{color:var(--muted);margin:8px 0 0;font-size:.9rem;line-height:1.7}.about-panel{max-width:760px}.about-body p,.rich-content p{color:var(--text);margin:0 0 16px;font-size:1.05rem;line-height:2.05}.rich-content h2,.rich-content h3,.rich-content h4{color:var(--text);margin:0 0 12px;font-weight:700;line-height:1.6}.rich-content ul,.rich-content ol{color:var(--text);margin:0 0 16px;padding-inline-start:1.4rem;line-height:2}.rich-content a{color:var(--brand);text-decoration:underline}.rich-content blockquote{border-inline-start:3px solid var(--brand);color:var(--muted);margin:0 0 16px;padding:8px 14px}.rich-content hr{border:0;border-top:1px solid color-mix(in srgb, var(--muted) 35%, transparent);margin:20px 0}.contact-grid{grid-template-columns:.95fr 1.05fr;align-items:start;gap:36px;display:grid}.contact-points{color:var(--muted);gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.contact-points li{padding-right:14px;line-height:1.7;position:relative}.contact-points li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.7em;right:0}.contact-form{background:var(--surface);border:1px solid var(--border);border-radius:22px;grid-template-columns:1fr 1fr;gap:14px;padding:22px;display:grid}.contact-form label{color:var(--title);gap:8px;font-size:.92rem;font-weight:700;display:grid}.contact-form label.full,.contact-form .btn,.contact-form .form-error,.contact-form .form-success{grid-column:1/-1}.contact-form input,.contact-form textarea{border:1.5px solid var(--border);width:100%;font:inherit;color:var(--text);background:var(--canvas);resize:vertical;border-radius:14px;outline:none;padding:12px 14px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);background:#fff}.contact-form .btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-error{color:#b42318;margin:0}.form-success{color:var(--accent);margin:0}.screens{padding-top:24px}.screen-rail{grid-template-columns:repeat(4,1fr);align-items:end;gap:20px;display:grid}.screen-phone{text-align:center}.screen-screenshot{width:100%;height:auto;box-shadow:var(--shadow);border-radius:24px;display:block}.screen-phone h3{color:var(--title);margin:16px 0 0;font-size:1.05rem}.screen-bar{color:var(--title);margin-bottom:14px;font-weight:800}.chip-row{gap:6px;margin-bottom:16px;display:flex}.chip{text-align:center;background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:999px;flex:1;padding:8px 0;font-size:.72rem}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.list-line{background:var(--surface);border:1px solid var(--border);border-radius:12px;height:42px;margin-bottom:8px}.list-line.short{width:70%}.tools-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.city-pill{background:var(--soft);color:var(--title);border-radius:12px;margin-bottom:14px;padding:8px 12px;font-size:.8rem;display:inline-block}.prayer-lines{gap:8px;display:grid}.prayer-lines>div{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.82rem;display:flex}.prayer-lines strong{color:var(--accent);font-size:1rem}.closing{padding-bottom:40px}.closing-panel{background:radial-gradient(circle at 20% 20%, #ffffff24, transparent 40%), linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:var(--on-accent);text-align:center;border-radius:28px;padding:48px 32px}.closing-panel h2{margin:0 0 10px;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:900}.closing-panel p{opacity:.92;max-width:28rem;margin:0 auto 24px;line-height:1.9}.closing-panel .btn-store{border:none}.footer{max-width:var(--max);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:28px 24px 48px;display:flex}.footer-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px 18px;display:flex}.footer-links a{color:var(--accent);font-weight:700}.footer-links a:hover{color:var(--accent-dark)}.footer-brand{color:var(--title);align-items:center;gap:8px;font-weight:800;display:inline-flex}.footer-brand img{border-radius:8px}.footer p{margin:0}.motion-fade-up{animation:.75s cubic-bezier(.22,1,.36,1) both riseIn}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.18s}.delay-3{animation-delay:.26s}.motion-float{animation:5.5s ease-in-out infinite floatY}@keyframes riseIn{0%{filter:blur(2px);transform:translateY(16px)}to{filter:blur();transform:translateY(0)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.motion-fade-up,.motion-float{filter:none!important;animation:none!important;transform:none!important}}@media (max-width:960px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:24px}.hero-copy{text-align:center;margin:0 auto}.hero-lead{margin-inline:auto}.hero-cta{justify-content:center}.feature-list,.journey-list,.intro-grid,.contact-grid{grid-template-columns:1fr}.screen-rail{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center}.nav-links{flex-wrap:wrap;justify-content:flex-end}}@media (max-width:640px){.screen-rail{grid-template-columns:1fr}.nav-links{gap:10px 12px;font-size:.82rem}.feature-list,.contact-form{grid-template-columns:1fr}.footer{text-align:center;flex-direction:column}.footer-links{justify-content:center}.closing-panel{padding:36px 20px}}
