/* عینک آیدین — «وضوح»: سفیدِ روشن، سرمه‌ایِ عمیق، طیفِ منشور (فیروزه‌ای تا بنفش)؛ Alexandria */
/* Persian digits ۰–۹ from a font that draws ۴ correctly (this display font draws it like ۳) */
@font-face{font-family:Alex;font-weight:400;font-display:swap;src:url(/a/fonts/rubik-arabic-400-normal.woff2) format('woff2');unicode-range:U+06F0-06F9}
@font-face{font-family:Alex;font-weight:500 900;font-display:swap;src:url(/a/fonts/rubik-arabic-600-normal.woff2) format('woff2');unicode-range:U+06F0-06F9}
@font-face{font-family:Alex;font-weight:400;font-display:swap;src:url(/a/fonts/alexandria-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06EF,U+06FA-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Alex;font-weight:400;font-display:swap;src:url(/a/fonts/alexandria-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Alex;font-weight:500 600;font-display:swap;src:url(/a/fonts/alexandria-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06EF,U+06FA-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Alex;font-weight:700 900;font-display:swap;src:url(/a/fonts/alexandria-arabic-800-normal.woff2) format('woff2');unicode-range:U+0600-06EF,U+06FA-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Alex;font-weight:600 900;font-display:swap;src:url(/a/fonts/alexandria-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}

:root{--bg:#f7f9fd;--surface:#fff;--ink:#0f1d3a;--muted:#5a6886;--line:#e3e9f5;--brand:#0f2a5c;--brand-ink:#fff;--accent:#7c5cff;
--cyan:#22c3e6;--violet:#7c5cff;--prism:linear-gradient(110deg,#22c3e6,#5b8cff 45%,#7c5cff);--radius:22px;--radius-sm:14px;
--shadow:0 1px 2px rgb(15 42 92/.05),0 18px 44px rgb(15 42 92/.10);--font-body:Alex,Tahoma,sans-serif;--font-display:Alex,Tahoma,sans-serif;
--ft-bg:#0b1a3a;--ft-ink:#e4ecff}
body{line-height:1.95;font-size:15.5px}
h1,h2,h3,.sec__title{font-weight:800;letter-spacing:-.4px}
.hd{background:color-mix(in srgb,#fff 90%,transparent)}
.brand svg{width:44px;height:44px}
.brand__text b{font-size:19px;font-weight:800;color:var(--brand)}
.hd__call{background:var(--brand);color:#fff}
.nav a:hover,.nav a[aria-current=page]{background:#eef2ff;color:var(--violet)}
.btn--brand{background:var(--brand);color:#fff}
.btn--prism{background:var(--prism);color:#fff}
.card{border-radius:22px}
.card__img--art{background:#eef4ff}
.card__price{color:var(--violet)}
.pd__price{background:linear-gradient(120deg,#effbff,#f3efff);border:1px solid #dfe3ff}
.pd__price b{color:var(--brand)}
.pd__coll{color:var(--violet)}
.ft{background:radial-gradient(600px 260px at 15% 0%,rgb(124 92 255/.20),transparent 70%),radial-gradient(500px 240px at 90% 0%,rgb(34 195 230/.14),transparent 70%),var(--ft-bg)}
.ft .brand__text b{color:#fff}

/* ---------- home ---------- */
.a-hero{position:relative;overflow:hidden;background:radial-gradient(700px 420px at 90% 10%,#e9e3ff,transparent 60%),radial-gradient(600px 400px at 0% 90%,#dff7fd,transparent 60%),var(--bg)}
.a-hero__in{display:grid;gap:28px;align-items:center;padding-block:clamp(32px,6vw,80px) clamp(28px,5vw,64px)}
@media (min-width:940px){.a-hero__in{grid-template-columns:1.05fr .95fr;gap:44px}}
.a-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13.5px;color:var(--brand);font-weight:600}
.a-eyebrow i{width:10px;height:10px;border-radius:50%;background:var(--prism)}
.a-hero h1{font-size:clamp(30px,5.2vw,54px);line-height:1.4;margin:16px 0 10px}
.a-hero h1 em{font-style:normal;background:var(--prism);-webkit-background-clip:text;background-clip:text;color:transparent}
.a-hero p{color:var(--muted);max-width:540px}
.a-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}

/* eye chart with a focusing lens */
.a-chart{position:relative;max-width:420px;width:100%;margin-inline:auto;aspect-ratio:4/5;border-radius:28px;background:#fff;box-shadow:var(--shadow);overflow:hidden;display:grid;place-items:center}
.a-chart__rows{display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:800;color:var(--ink);user-select:none;direction:rtl}
.a-chart__rows span{letter-spacing:.35em;line-height:1}
.a-chart__blur{filter:blur(3.5px);opacity:.75}
.a-chart__sharp{position:absolute;inset:0;display:grid;place-items:center;clip-path:circle(22% at 50% 38%);animation:scan 9s ease-in-out infinite}
.a-chart__ring{position:absolute;width:44%;aspect-ratio:1;border-radius:50%;left:28%;top:16%;box-shadow:inset 0 0 0 5px rgb(15 42 92/.9),0 0 0 3px rgb(255 255 255/.8),0 20px 40px rgb(15 42 92/.18);background:radial-gradient(circle at 30% 25%,rgb(255 255 255/.45),transparent 40%);animation:scanring 9s ease-in-out infinite;pointer-events:none}
.a-chart__ring::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:3px solid transparent;background:var(--prism) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8}
@keyframes scan{0%,100%{clip-path:circle(22% at 50% 38%)}33%{clip-path:circle(22% at 38% 58%)}66%{clip-path:circle(22% at 62% 66%)}}
@keyframes scanring{0%,100%{left:28%;top:16%}33%{left:16%;top:36%}66%{left:40%;top:44%}}
@media (prefers-reduced-motion:reduce){.a-chart__sharp,.a-chart__ring{animation:none}}
.a-chart__label{position:absolute;bottom:14px;inset-inline:0;text-align:center;font-size:12.5px;color:var(--muted)}

/* services */
.a-sec-hd{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.a-sec-hd h2{font-size:clamp(22px,3vw,30px)}
.a-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:760px){.a-services{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.a-services{grid-template-columns:repeat(7,minmax(0,1fr))}}
.a-svc{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px 16px;border-radius:22px;background:#fff;border:1px solid var(--line);text-decoration:none;overflow:hidden;transition:transform .2s,box-shadow .2s}
.a-svc::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--prism);opacity:0;transition:opacity .2s}
.a-svc:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.a-svc:hover::before{opacity:1}
.a-svc__ic{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#eef2ff;color:var(--brand)}
.a-svc b{font-size:15.5px}
.a-svc small{color:var(--muted);font-size:13px;line-height:1.7}

/* lens guide */
.a-guide{display:grid;gap:18px;padding:clamp(20px,3.5vw,36px);border-radius:28px;background:#fff;border:1px solid var(--line)}
@media (min-width:960px){.a-guide{grid-template-columns:.9fr 1.1fr;align-items:start}}
.a-guide h2{font-size:clamp(22px,3vw,30px)}
.a-guide p{color:var(--muted)}
.a-idx{display:grid;gap:10px}
.a-idx__row{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--bg)}
.a-idx__lens{position:relative;height:44px;display:grid;place-items:center}
.a-idx__lens i{display:block;height:44px;border-radius:50%/40%;background:linear-gradient(90deg,#c9f0fb,#e3dcff);border:2px solid #b9c6ea}
.a-idx__row b{display:block;font-size:15px}
.a-idx__row small{color:var(--muted);font-size:13px}
.a-types{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.a-types span{padding:8px 12px;border-radius:12px;background:#eef2ff;color:var(--brand);font-size:13.5px;font-weight:600}

/* branches */
.a-branches{display:grid;gap:14px}
@media (min-width:860px){.a-branches{grid-template-columns:1fr 1fr}}
.a-branch{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:24px;background:var(--brand);color:#e4ecff;position:relative;overflow:hidden}
.a-branch::after{content:"";position:absolute;inset:auto -40px -60px auto;width:180px;height:180px;border-radius:50%;background:var(--prism);opacity:.25;filter:blur(10px)}
.a-branch__ic{flex-shrink:0;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:rgb(255 255 255/.1);color:#fff}
.a-branch b{display:block;color:#fff;font-size:17px;margin-bottom:4px}
.a-branch p{font-size:14px;color:#c4d2f2}
.a-branch a{position:relative;z-index:1;display:inline-flex;margin-top:12px;color:#fff;font-weight:700;text-decoration:none;border-bottom:2px solid rgb(255 255 255/.4)}
.a-faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:4px 18px;margin-bottom:10px}
.a-faq summary{cursor:pointer;font-weight:600;min-height:52px;display:flex;align-items:center}
.a-faq p{color:var(--muted);padding-bottom:12px}
@media (max-width:939px){.a-chart{max-width:300px}.a-chart__rows{transform:scale(.78)}}