/* صفحات معرفی: خوانایی، ریتم بصری و استفادهٔ راحت روی گوشی */
:root{--ground:#F7F8FC;--sunk:#EEF2FA;--line:#E3E8F2;--ink:#14213D;--ink-2:#40506B;--muted:#61718C}
body{background:var(--ground);line-height:1.8}
.nav{background:rgba(255,255,255,.94);box-shadow:0 6px 24px rgba(20,33,61,.04)}
.nav .wrap{height:auto;min-height:66px;flex-wrap:wrap;padding-block:8px}
.nav nav{max-width:100%}
.hero-band{background:radial-gradient(circle at 86% 18%,var(--v-soft) 0,transparent 40%),linear-gradient(145deg,#F6F7FF,#fff 72%)}
.hero-band::after{display:none}
.hero{gap:clamp(24px,5vw,64px);padding:clamp(38px,6vw,82px) 0 26px}
.hero>div:first-child{max-width:610px}
.hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.3;letter-spacing:-.03em}
.hero .intro{font-size:clamp(.98rem,1.3vw,1.12rem);line-height:2;color:var(--ink-2);max-width:49ch}
.badge{background:var(--v-soft);border-color:var(--v-line);color:var(--v);margin-bottom:20px}
.frame{border:7px solid #fff;border-radius:24px;box-shadow:0 30px 70px -35px rgba(25,39,76,.38);transform:rotate(-1deg)}
.frame .bar{background:#F7F8FC}
.stats{gap:16px;padding-bottom:28px}
.stats div,.step,.card,.who div,.faq details,.more a{box-shadow:0 12px 30px -27px rgba(24,36,72,.35)}
.stats div{border-radius:18px}
.stats b{font-size:1.5rem}
h2{letter-spacing:-.02em}
h2+.sub{max-width:64ch}
.grid{gap:16px}
.card{padding:26px;border-radius:22px}
.card h3{font-size:1.04rem}
.card p{line-height:1.95}
.btn{min-height:48px;justify-content:center}
.btn-p{box-shadow:0 16px 28px -18px var(--v)}
.btn:focus-visible,.nav a:focus-visible,.more a:focus-visible{outline:3px solid var(--v);outline-offset:3px}
.end{box-shadow:0 24px 45px -30px var(--v)}
@media(max-width:880px){.hero{padding-top:36px}.frame{transform:none;max-width:680px}.stats{grid-template-columns:repeat(3,1fr)}.stats div{display:block;text-align:center}}
@media(max-width:620px){.wrap{padding-inline:16px}.nav nav{gap:3px}.nav nav a{padding:7px 9px;font-size:.78rem}.hero{gap:24px}.hero h1{font-size:clamp(1.95rem,8vw,2.6rem)}.hero .intro{font-size:.98rem}.btns{display:grid;grid-template-columns:1fr 1fr;gap:9px}.btn{padding:11px 8px;font-size:.82rem}.stats{grid-template-columns:1fr;gap:8px}.stats div{display:flex;align-items:center;justify-content:space-between;text-align:start;padding:12px 16px}.stats b{font-size:1.2rem}.stats span{font-size:.8rem}.card,.step{padding:20px}.end{padding:30px 18px}}
@media(prefers-reduced-motion:reduce){.frame{transform:none}}