/* Persian homepage: lightweight visual layer, scoped to preserve inner pages. */
.home-fa{background:#f7f8fc;color:#18233f;font-weight:normal}
.home-fa .header{position:absolute;top:0;inset-inline:0;z-index:10;background:transparent;border-bottom:1px solid #ffffff20}
.home-fa .banner{min-height:720px;min-height: min(850px,100svh);padding:160px 0 80px;align-items:center;background:radial-gradient(ellipse at 15% 35%,#7160d866,transparent 50%),linear-gradient(125deg,#222053,#151b36 75%);overflow:hidden}
.home-fa .banner:before{background:radial-gradient(circle at 90% 0,#7866fb22,transparent 45%);backdrop-filter:none;pointer-events:none}
.home-fa .banner .bg1{position:absolute;left:0;top:20%;width:48%;height:auto;max-height:560px;object-fit:contain;filter:drop-shadow(0 24px 35px #080c2940)}
.home-fa .banner .txt-banner{position:relative;top:auto;z-index:2}
.home-fa .banner .child-txt{width:50%;max-width:570px}
.home-fa .banner .banner-btn{display:inline-block;padding:8px 18px;border:1px solid #ffffff26;background:#ffffff08;font-size:14px;color:#d6d1ff;box-shadow:none}
.home-fa .banner .child-txt h1{font-size:clamp(2rem,3.8vw,3.7rem);line-height:1.55;margin:25px 0 20px;letter-spacing:-1.5px}
.home-fa .banner h1 span{color:#c1b7ff}
.home-fa .banner .child-txt h1:before{display:none}
.home-fa .banner .child-txt p{font-size:17px;line-height:2.1;color:#c9cce0;max-width:460px}
.home-fa .banner .btns-banner{gap:12px;flex-wrap:wrap}
.home-fa .banner .btns-banner .btn{min-height:50px;padding:12px 23px;border-radius:12px;font-weight:bold}
.home-fa .banner .btns-banner .btn-demo{background:#d8f58c;color:#18233f;box-shadow:0 8px 25px #0b102433;margin:0}
.home-fa #go-product{border:1px solid #ffffff40;background:#ffffff08}
.home-fa .sec1{padding:90px 0 70px;background:#f7f8fc}
.home-fa .sec1:before,.home-fa .sec1>.movement{display:none}
.home-fa .title em{color:#6550cf;font-size:14px;font-weight:bold;letter-spacing:0}
.home-fa .title h2{font-size:clamp(1.6rem,2.5vw,2.5rem);font-weight:bold;color:#18233f;line-height:1.7}
.home-fa .sec1 .title{margin-bottom:40px;text-align:center}
.home-fa .sec1 .col-md-6{display:flex;margin-bottom:24px}
.home-fa .card-product{border:1px solid #e4e7f1;border-radius:24px;box-shadow:0 12px 40px #25324f08;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.home-fa .card-product:hover{transform:translateY(-5px);box-shadow:0 20px 45px #25324f12}
.home-fa .card-product img{border-radius:0;aspect-ratio:1.65;object-fit:cover}
.home-fa .card-product .text{padding:0 30px}
.home-fa .card-product .text h3{font-weight:bold;margin-bottom:12px}
.home-fa .card-product .text p{color:#616b80;border-color:#eceef5;padding-bottom:24px;margin-bottom:20px}
.home-fa .card-product ul{padding:0 30px 10px}
.home-fa .card-product ul li i{color:#6550cf}
.home-fa .card-product .btns{padding:25px 30px 30px;gap:12px;flex-wrap:wrap;margin-top:auto}
.home-fa .card-product .btns>*{border-radius:10px}
.home-fa .sec2{background:radial-gradient(ellipse at 90% 10%,#6550cf40 0,transparent 45%),radial-gradient(ellipse at 5% 90%,#416d6626 0,transparent 40%),#151b36;padding:85px 0;isolation:isolate;overflow:hidden}
.home-fa .sec2:before{background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:40px 40px;bottom:0;pointer-events:none}
.home-fa .sec2 .title h2{color:#f5f4ff}
.home-fa .sec2 .title em{background:#d8f58c;color:#18233f;box-shadow:none}
.home-fa .sec2 .title span{color:#c9cce0}
.home-fa .sec2 .box-why{background:#ffffff08;border:1px solid #ffffff20;border-radius:20px;padding:28px;height:100%;box-shadow:0 8px 30px #080c2926;color:#f5f4ff}
.home-fa .sec2 .box-why p{color:#c9cce0}
.home-fa .sec2-items{row-gap:24px}
.home-fa .section-brands{margin-top:50px}
.home-fa .sec-blog{padding:50px 0 80px}
.home-fa .sec-blog .child{border:1px solid #e4e7f1;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #25324f05}
.home-fa .sec-blog img{object-fit:cover;aspect-ratio:1.5;height:auto;width:100%}
.home-fa .sec-blog h3{line-height:1.8}
.home-fa :is(button,a,input,select):focus-visible{outline:3px solid #a18bf4;outline-offset:5px}
.skip-link{position:fixed;top:-100px;right:20px;z-index:10000;background:#fff;padding:12px 20px;border-radius:10px;color:#18233f}
.skip-link:focus{top:15px}
@media(max-width:767px){
 .home-fa .banner{min-height:0;padding:125px 0 40px;display:flex;flex-direction:column}
 .home-fa .banner .txt-banner{order:0}
 .home-fa .banner .child-txt{width:100%;max-width:none;text-align:center}
 .home-fa .banner .child-txt h1{letter-spacing:-.5px}
 .home-fa .banner .child-txt p{margin-inline:auto;font-size:16px}
 .home-fa .banner .btns-banner{justify-content:center}
 .home-fa .banner .bg1{position:relative;order:1;width:90%;max-width:480px;top:auto;left:auto;height:auto;margin:30px auto 0}
 .home-fa .sec1,.home-fa .sec2{padding:55px 0}
 .home-fa .card-product .text{padding:0 22px}
 .home-fa .card-product ul{padding:0 22px}
 .home-fa .card-product .btns{padding:22px}
 .home-fa .sec-blog .item{width:100%;margin-bottom:20px}
}
/* One spacing scale for the content sections; no decorative image backgrounds. */
.home-fa{--section-space:64px;--section-heading-gap:32px}
.home-fa #main-app>:is(.sec1,.sec2,.section-brands,.sec-blog){padding:var(--section-space) 0;margin:0}
.home-fa #main-app>:is(.sec1,.sec2,.sec-blog) .title{margin:0 0 var(--section-heading-gap);padding:0}
.home-fa .sec1 .row{row-gap:24px}
.home-fa #main-app>.sec1 .title{margin-bottom:8px}
.home-fa .sec1 .col-md-6{margin-bottom:0}
.home-fa .sec-blog:before,.home-fa .sec1:before,.home-fa footer .wave-svg{display:none;background:none}
.home-fa .section-brands .container-fluid{height:auto;min-height:0;padding:0 24px;background:#fff}
.home-fa .section-brands .title{margin:0 auto var(--section-heading-gap);align-items:center;gap:24px}
.home-fa .section-brands .brand-sec{max-width:1195px;margin:0 auto}
.home-fa .section-brands .custom-nav button{width:46px;height:46px;background:#ece8fc}
.home-fa .section-brands .custom-nav button i{color:#6550cf}
.home-fa footer{margin-top:0;padding:var(--section-space) 0;min-height:0}
.home-fa footer .container{margin-top:0}
.home-fa footer .top-footer{margin:0 auto 32px;height:auto;min-height:120px;padding:28px 32px;border-radius:24px}
.home-fa footer .copy-right{padding:32px 0 0;gap:16px}
@media(max-width:767px){
 .home-fa{--section-space:40px;--section-heading-gap:24px}
 .home-fa .section-brands .container-fluid{padding-inline:15px}
 .home-fa .section-brands .title{flex-wrap:wrap}
 .home-fa .section-brands .title .right h4{font-size:24px;line-height:1.7}
 .home-fa .sec-blog .item{margin-bottom:0}
 .home-fa .sec-blog .blog-item{row-gap:24px}
 .home-fa footer .container{padding-inline:20px}
 .home-fa footer .top-footer{padding:24px;gap:20px;flex-wrap:wrap}
 .home-fa footer .copy-right{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.home-fa *,.home-fa *:before,.home-fa *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
