@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#070b19;--bg2:#0d142b;--card:#101a34;--line:rgba(171,195,255,.13);--text:#f3f6ff;--muted:#a9b5d2;--blue:#4c9aff;--violet:#9b75ff;--mint:#6de2d4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 70% 32% at 82% 0%,#17275a 0%,transparent 75%),radial-gradient(ellipse 45% 30% at 4% 27%,#23184b 0%,transparent 80%),var(--bg);font-family:Vazirmatn,Tahoma,sans-serif;color:var(--text);line-height:1.95;direction:rtl}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.container{width:min(1160px,calc(100% - 40px));margin:auto}.top{position:sticky;top:0;z-index:30;background:#080d1ddd;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav{min-height:77px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:900;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(140deg,#317cfb,#a063f5);box-shadow:0 8px 30px #3c70ff45;font-weight:900;color:white}.navlinks{display:flex;align-items:center;gap:24px;margin-inline-start:auto}.navlinks a{font-size:.89rem;color:#c3cce3;transition:color .2s}.navlinks a:hover,.navlinks a.active{color:white}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;padding:12px 22px;border-radius:13px;font-weight:700;font-size:.91rem;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(105deg,#3985ff,#8864ef);color:white;box-shadow:0 12px 32px #4b72ff35}.outline{background:#ffffff09;border-color:#ffffff30;color:white}.nav .btn{padding:9px 16px}.menu{display:none;background:transparent;border:1px solid var(--line);border-radius:9px;color:white;padding:6px 12px;font-size:1.3rem}.hero{padding:110px 0 95px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#b7c8ff;background:#557aff17;border:1px solid #7293ff35;border-radius:30px;padding:5px 15px;font-size:.81rem;font-weight:600}.dot{height:7px;width:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px var(--mint)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.35;margin:25px 0}.gradient{background:linear-gradient(100deg,#78b7ff,#b292ff,#81e6ed);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:1.08rem;color:var(--muted);max-width:610px;line-height:2.2}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.mini-stats{display:flex;gap:28px;margin-top:42px;flex-wrap:wrap}.mini-stats div{border-right:2px solid #536bba;padding-right:13px}.mini-stats strong{display:block;font-size:1.04rem}.mini-stats span{font-size:.77rem;color:var(--muted)}.showcase{position:relative;min-height:410px;display:grid;place-items:center}.halo{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#536cff40,transparent 70%);filter:blur(7px)}.phone{width:240px;height:438px;background:linear-gradient(155deg,#182c58,#090f27 70%);border:8px solid #263354;border-radius:37px;box-shadow:20px 25px 75px #0009,-15px -10px 65px #7e6cff25;transform:rotate(-8deg);position:relative;overflow:hidden}.phone:before{content:'';position:absolute;width:85px;height:17px;background:#090e1d;border-radius:0 0 12px 12px;left:50%;transform:translateX(-50%);z-index:2}.sun{position:absolute;width:92px;height:92px;border-radius:50%;background:#ffcb70;top:82px;left:58px;box-shadow:0 0 45px #ffc45caa}.cloud{position:absolute;width:170px;height:55px;top:147px;left:35px;border-radius:50px;background:linear-gradient(#e9edff,#9ab4df);filter:drop-shadow(0 8px 18px #0005)}.cloud:before{content:'';position:absolute;width:95px;height:85px;border-radius:50%;background:#dce6fc;top:-41px;left:42px}.phone-weather{position:absolute;top:235px;right:25px;text-align:right}.phone-weather b{font-size:2.8rem;line-height:1.2}.phone-weather span{display:block;color:#b9cae9;font-size:.86rem}.phone-footer{position:absolute;bottom:22px;right:24px;color:#a9c4f6;font-size:.72rem}.float-card{position:absolute;background:#142344dd;border:1px solid #91adff40;border-radius:17px;padding:15px 20px;box-shadow:0 18px 50px #0008;backdrop-filter:blur(15px);font-size:.86rem}.float-card small{display:block;color:#a7b8d8}.float-one{right:2%;top:65px}.float-two{left:0;bottom:62px}.section{padding:75px 0}.section-heading{max-width:720px;margin:0 auto 37px;text-align:center}.section-heading h2,.pagehead h1{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.5;margin:13px 0}.section-heading p,.pagehead p{color:var(--muted)}.kicker{font-size:.78rem;letter-spacing:.4px;font-weight:800;color:#98a9ff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:linear-gradient(145deg,#131e39dd,#0e162bcf);border:1px solid var(--line);border-radius:22px;padding:27px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:#748df077}.card-icon{display:grid;place-items:center;width:51px;height:51px;border-radius:15px;background:#638bff1f;font-size:1.5rem;margin-bottom:19px}.card h3{font-size:1.15rem;margin-bottom:8px}.card p{color:var(--muted);font-size:.9rem;margin:0}.product{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:linear-gradient(120deg,#192b55,#111936 65%,#1c1841);border:1px solid #6e86e83d;border-radius:28px;padding:40px;overflow:hidden}.product-graphic{height:250px;display:grid;place-items:center;position:relative}.weather-art{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;font-size:5rem;background:radial-gradient(circle at 30% 25%,#7196ff,#3c5fb5 45%,#251e67);box-shadow:0 0 85px #6e72f75b}.product h3{font-size:1.7rem}.product p{color:var(--muted)}.pill{display:inline-block;background:#54e6ca19;color:#85e8d6;border:1px solid #5adfc73a;padding:2px 11px;border-radius:30px;font-size:.75rem}.cta{background:linear-gradient(110deg,#1b3263,#282052);border:1px solid #8499f44d;border-radius:26px;padding:50px;text-align:center}.cta p{color:var(--muted)}.footer{border-top:1px solid var(--line);padding:45px 0 25px;margin-top:50px;background:#080d1b}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer p,.footer a,.copyright{color:#9faac6;font-size:.85rem}.footer a{display:block;margin:7px 0}.footer h4{margin:0 0 12px}.copyright{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;text-align:center}.pagehead{padding:80px 0 38px;text-align:center}.content{max-width:900px;margin:0 auto;padding:10px 0 65px}.content h2{font-size:1.25rem;margin-top:32px}.content p,.content li{color:#c4cee3}.content ul{padding-right:24px}.notice{border:1px solid #638cde60;background:#4160a51c;padding:18px 22px;border-radius:16px;color:#dbe7ff}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-card{background:#111b35;border:1px solid var(--line);padding:24px;border-radius:18px}.contact-link{color:#a6c9ff;word-break:break-word}.small{font-size:.84rem;color:var(--muted)}.empty{border:1px dashed #53678f;padding:22px;border-radius:16px;color:#aab9da;text-align:center}
@media(max-width:800px){.hero{padding:65px 0}.hero-grid,.product,.foot-grid{grid-template-columns:1fr}.hero-grid{gap:25px}.showcase{min-height:430px}.cards{grid-template-columns:1fr 1fr}.nav{gap:12px}.menu{display:block;margin-inline-start:auto}.navlinks{display:none;position:absolute;top:77px;right:0;left:0;padding:18px 24px;background:#0b1226;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.nav .btn{display:none}.product{padding:25px}.float-one{right:7%}.float-two{left:4%}}
@media(max-width:530px){.container{width:min(100% - 30px,1160px)}.cards,.two-col{grid-template-columns:1fr}.hero h1{font-size:2.35rem}.showcase{min-height:400px}.phone{transform:rotate(-5deg) scale(.89)}.float-card{font-size:.73rem}.float-one{right:0}.float-two{left:0}.section{padding:55px 0}.cta{padding:30px 20px}.mini-stats{gap:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Iran Software mobile navigation refinement — 2026-10-19 */
@media(max-width:1100px){
 .top .nav{min-height:70px;position:relative;gap:12px}
 .top .brand{font-size:1rem}
 .top .menu{display:inline-flex;align-items:center;justify-content:center;margin-inline-start:auto;width:44px;height:44px;flex:0 0 44px;font-size:1.45rem;position:relative;z-index:2}
 .top .nav>.btn{display:none}
 .top .navlinks{display:none;position:absolute;top:calc(100% + 1px);right:-20px;left:-20px;background:#0c1429f5;backdrop-filter:blur(22px);border:1px solid #829aff35;border-radius:0 0 20px 20px;box-shadow:0 20px 35px #0009;padding:16px 24px 22px;flex-direction:column;align-items:stretch;gap:4px;margin:0;z-index:10}
 .top .navlinks.open{display:flex}
 .top .navlinks a{display:block;font-size:1rem;line-height:2;padding:9px 14px;border-radius:10px}
 .top .navlinks a:hover,.top .navlinks a.active{background:#5376de25}
}
@media(max-width:800px){
 .hero-grid,.product,.foot-grid{grid-template-columns:1fr}
 .hero h1{font-size:clamp(2.1rem,7.5vw,3.2rem)}
 .hero .lead{font-size:1rem}
 .section-heading h2{font-size:clamp(1.6rem,5vw,2.2rem)}
 .section-heading p{font-size:.91rem}
 .product h3{font-size:1.4rem}
 .footer{margin-top:25px}
}
@media(max-width:530px){
 .top .navlinks{right:-15px;left:-15px}
 .top .brand-mark{width:38px;height:38px}
 .hero{padding-top:45px}
 .hero .actions .btn{flex:1 1 145px}
 .hero .showcase{min-height:380px}
 .mini-stats{margin-top:28px}
 .section{padding:48px 0}
 .card{padding:23px}
 .product-graphic{height:210px}
 .weather-art{width:155px;height:155px;font-size:4rem}
 .pagehead{padding:50px 0 25px}
 .pagehead h1{font-size:1.8rem}
 .content{font-size:.94rem}
}