.elementor-6136 .elementor-element.elementor-element-d3103b0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-1545244 */#aval-app-landing{--ink:#2A353B;--muted:#5f6c74;--bg:#fff;--tile:#f3f6f6;--line:#d5dcde;--teal:#238E87;--teal-h:#053B3A;--teal-text:#1b7a74;--c3:#2CB1A9;--deep:#053B3A;--lime:#79E0D8;--mint:#e4f4f2;--nav-h:0px;--top:var(--aval-sticky-top,0px);--ease:cubic-bezier(.2,.7,.2,1);
position:relative;isolation:isolate;width:100%;max-width:1200px;margin-inline:auto;direction:rtl;text-align:right;background:var(--bg);color:var(--ink);font-family:inherit;font-size:17px;line-height:1.8;-webkit-font-smoothing:antialiased;overflow:visible}
#aval-app-landing,#aval-app-landing *,#aval-app-landing *::before,#aval-app-landing *::after{box-sizing:border-box}
#aval-app-landing :where(h1,h2,h3,p,figure,ol,ul){margin:0;padding:0}
#aval-app-landing :where(h1,h2,h3){font-family:inherit;color:inherit;letter-spacing:normal;text-transform:none}
#aval-app-landing :where(a,button,summary){-webkit-tap-highlight-color:transparent;text-decoration:none;letter-spacing:normal;text-transform:none;box-shadow:none;font-family:inherit}
#aval-app-landing a{color:inherit}
#aval-app-landing img{display:block;max-width:100%;height:auto;border:0}
#aval-app-landing button{cursor:pointer;font:inherit}
#aval-app-landing a:focus-visible,#aval-app-landing button:focus-visible,#aval-app-landing summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px;border-radius:8px}
#aval-app-landing .skip{position:absolute;top:-100px;inset-inline-start:12px;background:#fff;padding:12px 16px;z-index:60;border-radius:10px}#aval-app-landing .skip:focus{top:8px}

/* Type */
#aval-app-landing h1{font-size:clamp(40px,6.4vw,84px);line-height:1.35;font-weight:800}
#aval-app-landing h2{font-size:clamp(30px,4.4vw,56px);line-height:1.4;font-weight:800}
#aval-app-landing h3{font-size:clamp(19px,1.8vw,24px);line-height:1.6;font-weight:700}
#aval-app-landing p{color:var(--muted)}
#aval-app-landing .eyebrow{display:block;font-size:15px;font-weight:700;color:var(--teal-text);margin-bottom:14px;line-height:1.6}
#aval-app-landing .lead{font-size:clamp(18px,2vw,24px);line-height:1.9;color:var(--muted)}
#aval-app-landing .grad{background:linear-gradient(100deg,#238E87,#2CB1A9 55%,#79E0D8);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* Buttons and links */
#aval-app-landing .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 26px;border:0;border-radius:980px;background:var(--teal);color:#fff;font-size:17px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s}
#aval-app-landing .btn:hover{background:var(--teal-h);color:#fff}#aval-app-landing .btn:active{transform:scale(.97)}
#aval-app-landing .btn.sm{min-height:34px;padding:4px 16px;font-size:14px}
#aval-app-landing .btn.ghost{background:transparent;color:var(--teal-text);box-shadow:inset 0 0 0 1.5px var(--teal)}
#aval-app-landing .btn.ghost:hover{background:var(--teal);color:#fff}
#aval-app-landing .btn.light{background:#fff;color:var(--deep)}#aval-app-landing .btn.light:hover{background:var(--lime);color:var(--deep)}
#aval-app-landing .more{display:inline-flex;align-items:center;gap:8px;color:var(--teal-text);font-size:19px;font-weight:600;line-height:1.5;padding-block:10px}
#aval-app-landing .more i{font-style:normal;display:inline-block;transition:transform .25s var(--ease)}
#aval-app-landing .more:hover{color:var(--teal-h)}#aval-app-landing .more:hover i{transform:translateX(-5px)}
#aval-app-landing .on-dark .more{color:var(--lime)}#aval-app-landing .on-dark .more:hover{color:#fff}
#aval-app-landing .actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 28px;margin-top:30px}


/* Hero */
#aval-app-landing .hero{position:relative;overflow:hidden;padding:clamp(36px,5vw,64px) 20px 0;text-align:center;background:radial-gradient(70% 45% at 50% 78%,rgba(44,177,169,.2),transparent 70%)}
#aval-app-landing .hero .logo{display:block;width:clamp(160px,20vw,230px);height:auto;margin:0 auto clamp(18px,2.5vw,28px)}
#aval-app-landing .hero h1{max-width:980px;margin-inline:auto;font-size:clamp(30px,5vw,64px)}
#aval-app-landing .hero .lead{max-width:640px;margin:20px auto 0}
#aval-app-landing .hero .actions{position:relative;z-index:2}
#aval-app-landing .hs{position:relative;width:min(100%,1000px);margin:clamp(28px,4vw,48px) auto 0;padding-bottom:clamp(28px,5vw,64px)}
#aval-app-landing .hs::before{content:"";position:absolute;left:8%;right:8%;bottom:clamp(8px,2vw,24px);height:18%;border-radius:50%;background:rgba(5,59,58,.28);filter:blur(34px)}
#aval-app-landing .hs-in{position:relative}
#aval-app-landing .hs-mac{position:relative;display:block;width:100%;height:auto}
#aval-app-landing .hs-phone{position:absolute;right:-3%;bottom:-8%;width:19%;height:auto;filter:drop-shadow(0 24px 30px rgba(5,59,58,.38))}

/* Phone */
#aval-app-landing .phone{position:relative;border-radius:clamp(34px,4vw,48px);padding:clamp(6px,.8vw,10px);background:linear-gradient(145deg,#3a474b,#0b1113 40%,#232d31);box-shadow:inset 0 0 0 1.5px #5f6d72,0 50px 90px -40px rgba(5,59,58,.55),0 20px 40px -24px rgba(0,0,0,.35)}
#aval-app-landing .screen{position:relative;overflow:hidden;border-radius:clamp(27px,3.2vw,39px);background:#e6f1f0}
#aval-app-landing .screen img{width:100%;height:100%;object-fit:contain;object-position:top}

/* Scroll story */
#aval-app-landing .story{position:relative}
#aval-app-landing .story.is-live{height:calc(100svh * 4)}
#aval-app-landing .story-stage{display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(20px,5vw,80px);padding:0 clamp(20px,6vw,88px);min-height:600px}
#aval-app-landing .is-live .story-stage{position:sticky;top:calc(var(--nav-h) + var(--top));height:calc(100svh - var(--nav-h) - var(--top));min-height:0}
#aval-app-landing .story-copy{position:relative;display:grid;align-content:center}
#aval-app-landing .step{grid-area:1/1;opacity:0;transform:translateY(18px);transition:opacity .45s var(--ease),transform .45s var(--ease);pointer-events:none;visibility:hidden}
#aval-app-landing .step.is-active{opacity:1;transform:none;pointer-events:auto;visibility:visible}
#aval-app-landing .step h2{font-size:clamp(28px,3.8vw,50px)}
#aval-app-landing .step p{margin-top:18px;font-size:clamp(16px,1.6vw,20px);max-width:470px}
#aval-app-landing .story-tabs{display:flex;gap:8px;margin-top:34px;flex-wrap:wrap}
#aval-app-landing .story-tabs button{border:0;background:var(--tile);color:#515154;min-height:44px;padding:8px 18px;border-radius:980px;font-size:14px;font-weight:600;transition:background .2s,color .2s}
#aval-app-landing .story-tabs button:hover{background:#e8e8ed}
#aval-app-landing .story-tabs button[aria-pressed=true]{background:var(--ink);color:#fff}
#aval-app-landing .story-device{display:flex;justify-content:center}
#aval-app-landing .story-device .phone{position:relative;height:clamp(380px,calc(100svh - var(--nav-h) - var(--top) - 56px),700px);aspect-ratio:708/1437}
#aval-app-landing .story-device .phone img{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .4s}
#aval-app-landing .story-device .phone img.is-active{opacity:1}
#aval-app-landing .story-progress{position:absolute;inset-inline-end:clamp(8px,2vw,28px);top:50%;transform:translateY(-50%);display:grid;gap:8px}
#aval-app-landing .story-progress i{width:3px;height:28px;border-radius:3px;background:var(--line);transition:background .3s,height .3s}
#aval-app-landing .story-progress i.is-active{background:var(--teal);height:44px}

/* Statement */
#aval-app-landing .statement{padding:clamp(48px,7vw,96px) clamp(20px,6vw,88px);text-align:center}
#aval-app-landing .statement p{max-width:1000px;margin-inline:auto;font-size:clamp(28px,4.6vw,60px);line-height:1.65;font-weight:800;color:var(--ink)}
#aval-app-landing .js .statement .w{opacity:.16;transition:opacity .35s}
#aval-app-landing .js .statement .w.on{opacity:1}

/* Services chips */
#aval-app-landing .chips{padding:0 20px clamp(32px,4vw,56px);text-align:center}
#aval-app-landing .chips ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
#aval-app-landing .chips a{display:inline-block;padding:9px 20px;border-radius:980px;background:var(--tile);font-size:15px;font-weight:600;transition:background .2s,color .2s}
#aval-app-landing .chips a:hover{background:var(--teal);color:#fff}
#aval-app-landing .chips small{font-size:15px;color:var(--muted)}

/* Tiles */
#aval-app-landing .tiles{display:grid;gap:14px;padding:0 14px 14px;margin-top:0}
#aval-app-landing .tile{position:relative;overflow:hidden;border-radius:clamp(24px,3vw,36px);background:var(--tile);isolation:isolate}
#aval-app-landing .tile.dark{background:radial-gradient(ellipse at 20% 0,#238E8780,transparent 60%),var(--deep);color:#fff}
#aval-app-landing .tile.dark p{color:#b9d3d0}
#aval-app-landing .tile.dark .eyebrow{color:var(--lime)}
#aval-app-landing .tile.mint{background:radial-gradient(ellipse at 80% 10%,#fff,transparent 55%),var(--mint)}
#aval-app-landing .tile-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:clamp(32px,4.5vw,64px) clamp(24px,6vw,88px)}
#aval-app-landing .tile-split.flip{direction:ltr}#aval-app-landing .tile-split.flip>*{direction:rtl}
#aval-app-landing .tile-split h2{font-size:clamp(28px,3.8vw,50px)}
#aval-app-landing .tile-split .copy p{margin-top:18px;font-size:clamp(16px,1.6vw,20px);max-width:480px}
#aval-app-landing .tile-split .copy .more{margin-top:12px}
#aval-app-landing .bleed{justify-self:center;width:min(100%,320px)}
#aval-app-landing .bleed img{display:block;width:100%;height:auto}
#aval-app-landing .labels{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
#aval-app-landing .labels span{padding:5px 14px;border-radius:980px;background:#009B8733;color:#0d5f5a;font-size:14px;font-weight:600}
#aval-app-landing .note{font-size:13px;margin-top:16px}

/* What's new */
#aval-app-landing .news{padding:clamp(40px,5vw,72px) 14px clamp(24px,3vw,40px)}
#aval-app-landing .news-head{text-align:center;max-width:760px;margin:0 auto clamp(24px,3.5vw,40px)}
#aval-app-landing .news-head p{margin-top:16px;font-size:clamp(16px,1.6vw,20px)}
#aval-app-landing .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
#aval-app-landing .news-card{position:relative;padding:28px 28px 32px;border-radius:28px;background:var(--tile);display:flex;flex-direction:column;gap:10px}
#aval-app-landing .news-card svg{width:34px;height:34px;color:var(--teal);margin-bottom:10px}
#aval-app-landing .news-card p{font-size:16px}
#aval-app-landing .news-card.hot{grid-column:span 2;background:radial-gradient(ellipse at 15% 0,#238E8780,transparent 60%),var(--deep);color:#fff}
#aval-app-landing .news-card.hot p{color:#b9d3d0;font-size:17px;max-width:560px}
#aval-app-landing .news-card.hot svg{color:var(--lime)}
#aval-app-landing .badge{align-self:flex-start;padding:3px 12px;border-radius:980px;background:var(--lime);color:var(--deep);font-size:13px;font-weight:800;line-height:1.7}

/* Desktop */
#aval-app-landing .desk{padding:clamp(36px,5vw,64px) clamp(16px,5vw,72px) clamp(24px,3vw,40px);text-align:center}
#aval-app-landing .desk-head{max-width:760px;margin-inline:auto}
#aval-app-landing .desk-head p{margin-top:18px;font-size:clamp(16px,1.6vw,20px)}
#aval-app-landing .desk-live{margin-top:clamp(20px,3vw,32px)}
#aval-app-landing .desk-live.is-live{height:calc(100svh * 3.4)}
#aval-app-landing .desk-stage{display:flex;flex-direction:column;align-items:center}
#aval-app-landing .desk-live.is-live .desk-stage{position:sticky;top:calc(var(--top) + 12px)}
#aval-app-landing .mac{position:relative;width:min(100%,1100px,calc((100svh - var(--top) - 120px) * 1.74));aspect-ratio:1600/921;margin-inline:auto}
#aval-app-landing .mac img{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .4s}
#aval-app-landing .mac img.is-on{opacity:1}
#aval-app-landing .desk-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:clamp(20px,3vw,32px)}
#aval-app-landing .desk-tabs button{border:0;background:var(--tile);color:#515154;min-height:44px;padding:8px 20px;border-radius:980px;font-size:15px;font-weight:600;transition:background .2s,color .2s}
#aval-app-landing .desk-tabs button:hover{background:#e6ecec}
#aval-app-landing .desk-tabs{margin-top:clamp(14px,2vw,22px)}
#aval-app-landing .desk-tabs button[aria-pressed=true]{background:var(--ink);color:#fff}
#aval-app-landing .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,56px);margin-top:clamp(24px,3.5vw,44px);text-align:right}
#aval-app-landing .cols p{margin-top:8px;font-size:16px}

/* Install */
#aval-app-landing .install{padding:clamp(40px,5vw,72px) clamp(16px,5vw,72px);text-align:center}
#aval-app-landing .install h2{max-width:820px;margin-inline:auto}
#aval-app-landing .install .lead{max-width:680px;margin:18px auto 0}
#aval-app-landing .steps{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);margin:clamp(24px,3.5vw,40px) 0 0;text-align:right}
#aval-app-landing .steps li{counter-increment:s;padding:28px 28px 32px;border-radius:28px;background:var(--tile)}
#aval-app-landing .steps li::before{content:counter(s,persian);display:block;font-size:56px;line-height:1.2;font-weight:800;color:var(--teal);margin-bottom:12px}
#aval-app-landing .steps strong{display:block;font-size:20px;line-height:1.7}
#aval-app-landing .steps p{margin-top:6px;font-size:16px}

/* Guest */
#aval-app-landing .guest{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:clamp(28px,4vw,48px) clamp(24px,6vw,88px)}
#aval-app-landing .guest h2{font-size:clamp(26px,3.4vw,44px)}
#aval-app-landing .guest p{margin-top:14px;max-width:700px;font-size:clamp(16px,1.6vw,19px)}

/* FAQ */
#aval-app-landing .faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(24px,5vw,80px);padding:clamp(32px,4vw,56px) clamp(20px,6vw,88px) clamp(36px,5vw,64px)}
#aval-app-landing .faq h2{font-size:clamp(28px,3.6vw,46px)}
#aval-app-landing .faq-intro p{margin-top:14px}
#aval-app-landing .faq details{border-bottom:1px solid var(--line)}#aval-app-landing .faq details:first-child{border-top:1px solid var(--line)}
#aval-app-landing .faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding-block:14px;cursor:pointer;font-size:19px;font-weight:700;line-height:1.7}
#aval-app-landing .faq summary::-webkit-details-marker{display:none}
#aval-app-landing .faq summary::after{content:"";flex:0 0 22px;height:22px;background:linear-gradient(var(--ink),var(--ink)) center/100% 2px no-repeat,linear-gradient(var(--ink),var(--ink)) center/2px 100% no-repeat;transition:transform .3s var(--ease)}
#aval-app-landing .faq details[open] summary::after{transform:rotate(45deg)}
#aval-app-landing .faq details p{padding:0 0 22px;font-size:17px;max-width:680px}
#aval-app-landing .faq details[open] p{animation:avfade .35s var(--ease)}
@keyframes avfade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Closing */
#aval-app-landing .closing{margin:0 14px 14px;padding:clamp(40px,6vw,72px) 20px;border-radius:clamp(24px,3vw,36px);text-align:center;background:radial-gradient(ellipse at 50% 0,#238E8790,transparent 65%),var(--deep);color:#fff}
#aval-app-landing .closing p{color:#b9d3d0;margin-top:14px;font-size:clamp(17px,1.8vw,21px)}
#aval-app-landing .closing .actions{margin-top:28px}

/* Reveal */
#aval-app-landing .js [data-r]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
#aval-app-landing .js [data-r].in{opacity:1;transform:none}

/* Responsive */
@media(max-width:900px){
#aval-app-landing .story-stage{grid-template-columns:1fr;grid-template-rows:auto auto;gap:14px;padding-inline:20px;text-align:center;align-content:center;padding-top:12px}
#aval-app-landing .story-device{order:-1}
#aval-app-landing .story-device .phone{height:clamp(240px,calc(100svh - var(--top) - 380px),520px)}
#aval-app-landing .step p{margin-inline:auto;font-size:15px;margin-top:10px}
#aval-app-landing .step h2{font-size:26px}
#aval-app-landing .story-tabs{justify-content:center;margin-top:18px}
#aval-app-landing .story-progress{display:none}
#aval-app-landing .tile-split,#aval-app-landing .tile-split.flip{grid-template-columns:1fr;direction:rtl;text-align:center;padding-inline:22px}
#aval-app-landing .tile-split .copy p{margin-inline:auto}
#aval-app-landing .labels{justify-content:center}
#aval-app-landing .bleed{width:min(78%,300px)}
#aval-app-landing .cols,#aval-app-landing .steps,#aval-app-landing .news-grid{grid-template-columns:1fr}#aval-app-landing .news-card.hot{grid-column:auto}
#aval-app-landing .guest{grid-template-columns:1fr;text-align:center;justify-items:center}
#aval-app-landing .faq{grid-template-columns:1fr}
}
@media(max-width:520px){#aval-app-landing .hs-phone{width:26%;right:-2%;bottom:-6%}#aval-app-landing .hero h1{font-size:clamp(26px,7.8vw,34px)}#aval-app-landing .news-card,#aval-app-landing .steps li{padding:22px 22px 26px}#aval-app-landing .faq summary{font-size:17px}#aval-app-landing .desk-tabs button{flex:1 1 auto;padding-inline:14px;font-size:14px}#aval-app-landing .btn{font-size:16px;padding-inline:22px}#aval-app-landing .tiles{padding:0 10px 10px}#aval-app-landing .closing{margin-inline:10px}}
@media(max-height:620px){#aval-app-landing .desk-live.is-live{height:auto}#aval-app-landing .desk-live.is-live .desk-stage{position:relative;top:auto}#aval-app-landing .desk-live.is-live{height:auto}#aval-app-landing .desk-live.is-live .desk-stage{position:relative;top:auto}#aval-app-landing .story.is-live{height:auto}#aval-app-landing .is-live .story-stage{position:relative;height:auto;top:auto;padding-block:32px}}
@media(prefers-reduced-motion:reduce){
#aval-app-landing .story.is-live{height:auto}#aval-app-landing .is-live .story-stage{position:relative;height:auto;top:auto;padding-block:32px}
#aval-app-landing .js [data-r]{opacity:1;transform:none;transition:none}#aval-app-landing .js .statement .w{opacity:1;transition:none}
#aval-app-landing *{transition:none!important;animation:none!important}
}
@media(prefers-contrast:more){#aval-app-landing .tile,#aval-app-landing .steps li,#aval-app-landing .chips a{box-shadow:inset 0 0 0 1px #6e6e73}#aval-app-landing p{color:#3a3a3c}}/* End custom CSS */