/* صفحه «معرفی نمافر» (/intro، lib/intro.mjs). نوارهای تمام‌عرض یکی در میان سرمه‌ای و روشن؛ همه راست‌به‌چپ. */
.ix{--nv:#1F2340;--nv2:#2B3054;--tq:#39B9C8;--tqd:#1C8A97;overflow:hidden}
.ix-sec{padding:76px 0}
.ix-sec.light{background:var(--ground)}
.ix-sec.dark{background:var(--nv);color:#fff;position:relative}
.ix-sec.dark::before,.ix-hero::before,.ix-close::before{content:'';position:absolute;inset:0;opacity:.06;background:repeating-linear-gradient(45deg,#fff 0 1px,transparent 1px 34px);pointer-events:none}
.ix-sec.dark>.in{position:relative}
.ix-eb{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:14px;font-weight:700;color:var(--tqd)}
.ix-eb::before{content:'';width:28px;height:2px;background:currentColor}
.dark .ix-eb,.ix-hero .ix-eb,.ix-close .ix-eb{color:var(--tq)}
.ix-head h2,.ix-close h2{margin:0;font-size:clamp(26px,3.6vw,40px);line-height:1.45;font-weight:800;text-wrap:balance}
.ix h1 em,.ix h2 em{font-style:normal;color:var(--tqd)}
.dark h2 em,.ix-hero h1 em,.ix-close h2 em{color:var(--tq)}
.ix-lead{margin:10px 0 0;font-size:16px;color:var(--ink2);max-width:640px;line-height:2}
.dark .ix-lead,.ix-close .ix-lead{color:#C9CDE6}
.ix-head{margin-bottom:30px}
.ix-side .ix-head{margin-bottom:20px}
.ix-count{display:flex;flex-direction:column;margin:6px 0 18px}
.ix-count b{font-size:clamp(46px,6vw,68px);font-weight:800;line-height:1.15;color:var(--tqd)}
.dark .ix-count b{color:var(--tq)}
.ix-count span{font-size:15px;color:var(--ink2)}
.dark .ix-count span{color:#C9CDE6}
.ix-more{margin:26px 0 0}
.ix .btn.line{border-color:rgba(57,185,200,.6);color:#fff}

/* جلد */
.ix-hero{position:relative;background:var(--nv);color:#fff;min-height:min(640px,calc(100vh - 60px));display:flex;align-items:center}
.ix-hero-in{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;width:100%}
.ix-hero h1{margin:4px 0 6px;font-size:clamp(34px,4.8vw,56px);line-height:1.3;font-weight:800}
.ix-tag{margin:0;font-size:clamp(17px,2vw,21px);color:#fff;font-weight:600}
.ix-tag::after{content:'';display:block;width:64px;height:3px;background:var(--tq);border-radius:2px;margin:18px 0}
.ix-hl{margin:0 0 26px;color:#C9CDE6;max-width:560px;line-height:2.05}
.ix-cta{display:flex;gap:10px;flex-wrap:wrap}
.ix-collage{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:520px;overflow:hidden;mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}
.ix-collage .cc{display:flex;flex-direction:column;gap:16px;animation:ixdrift 60s linear infinite}
.ix-collage .c1{animation-direction:reverse;margin-top:-80px}
.ix-collage img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;box-shadow:0 18px 40px -20px rgba(0,0,0,.7)}
@keyframes ixdrift{from{transform:translateY(0)}to{transform:translateY(-50%)}}

/* ادعا */
.ix-claim,.ix-ai,.ix-world,.ix-kar{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;align-items:center}
.ix-pills{display:flex;flex-direction:column;gap:14px}
.ix-pill{display:flex;gap:16px;align-items:flex-start;background:var(--surface);border:1px solid var(--hair);border-radius:18px;padding:20px 22px;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s,box-shadow .15s}
.ix-pill:hover{border-color:var(--tq);transform:translateY(-2px);box-shadow:0 14px 30px -20px rgba(31,35,64,.5)}
.ix-pill .pi{flex:none;width:54px;height:54px;border-radius:15px;background:var(--nv2);color:var(--tq);display:grid;place-items:center}
.ix-pill .pb{display:flex;flex-direction:column;gap:3px;min-width:0}
.ix-pill b{font-size:17px;line-height:1.7}
.ix-pill small{font-size:14px;color:var(--tqd);font-weight:600}
.ix-pill .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ix-pill .chips i{font-style:normal;font-size:12.5px;background:var(--ground);border:1px solid var(--hair);border-radius:999px;padding:2px 11px;color:var(--ink2)}

/* دیده‌بان */
.ix-stories{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ix-story{background:#fff;color:var(--ink);border-radius:18px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .15s}
.ix-story:hover{transform:translateY(-3px)}
.ix-story .sh{padding:20px 22px 6px;display:flex;flex-direction:column;gap:4px}
.ix-story .sh b{font-size:18px;line-height:1.7}
.ix-story .sh span{font-size:14px;color:var(--ink2)}
.ix-story .sv{flex:1;padding:14px 22px;display:flex;align-items:flex-end;justify-content:center;gap:34px;min-height:210px}
.ix-story .ss{padding:10px 22px 14px;font-size:12.5px;color:var(--ink3);border-top:1px solid var(--hair)}
.bars2{flex-wrap:wrap}
.bars2>div{display:flex;flex-direction:column;align-items:center;gap:4px;height:170px;justify-content:flex-end}
.bars2 i{display:block;width:72px;height:var(--h);background:var(--nv2);border-radius:8px 8px 3px 3px}
.bars2>div:nth-child(2) i{background:var(--tq)}
.bars2 b{font-size:22px;font-weight:800;line-height:1.2}
.bars2 small{font-size:13px;color:var(--ink3)}
.bars2 p{flex-basis:100%;margin:0;text-align:center;font-size:12.5px;color:var(--ink3)}
.units{align-items:center!important}
.ugrid{display:grid;grid-template-columns:repeat(10,15px);gap:3px}
.ugrid i{width:15px;height:15px;border-radius:3px;background:#E3E6EE}
.ugrid i.a{background:var(--nv2)}.ugrid i.r{background:#E8613C}
.ulg p{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:14px}
.ulg p i{width:14px;height:14px;border-radius:3px;background:#E3E6EE}
.ulg p i.a{background:var(--nv2)}.ulg p i.r{background:#E8613C}
.ulg b{margin-inline-start:6px;font-size:18px}

/* سامانه‌های رصد: قاب مرورگر با اسکرین‌شات کامل که آرام بالا می‌رود */
.ix-frames{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ix-frame{margin:0;background:#fff;border:1px solid var(--hair);border-radius:16px;overflow:hidden;box-shadow:0 20px 40px -26px rgba(31,35,64,.55)}
.ix-frame .fb{height:30px;background:#E9ECF3;display:flex;align-items:center;gap:6px;padding:0 12px;direction:ltr}
.ix-frame .fb i{width:10px;height:10px;border-radius:50%;background:#C8CCD8}
.ix-frame .fb span{margin-inline-start:auto;direction:rtl;font-size:12.5px;color:var(--ink2)}
.ix-frame .fi{height:400px;overflow:hidden;position:relative}
.ix-frame .fi img{width:100%;display:block;animation:ixscroll 40s ease-in-out infinite alternate}
.ix-frame:nth-child(2) .fi img{animation-delay:-12s}
.ix-frame:hover .fi img{animation-play-state:paused}
@keyframes ixscroll{0%,8%{transform:translateY(0)}100%{transform:translateY(calc(-100% + 400px))}}
.ix-frame figcaption{padding:10px 16px;font-size:13.5px;color:var(--ink2);border-top:1px solid var(--hair)}

/* دستیار */
.ix-chat{background:#fff;color:var(--ink);border-radius:20px;padding:22px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 24px 50px -28px rgba(0,0,0,.6)}
.ix-chat .ch{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink3);font-weight:700}
.ix-chat .ch i{width:9px;height:9px;border-radius:50%;background:#3BC48B}
.ix-chat .q{align-self:flex-start;background:var(--nv2);color:#fff;border-radius:16px 16px 16px 4px;padding:10px 16px;font-size:15px}
.ix-chat .a{align-self:flex-end;background:color-mix(in srgb,var(--tq) 12%,#fff);border:1px solid color-mix(in srgb,var(--tq) 30%,transparent);border-radius:16px 16px 4px 16px;padding:14px 18px;font-size:15px;line-height:2.05;max-width:94%}
.ix-chat .cap{font-size:12px;color:var(--ink3)}

/* رصد جهان: نوار عنوان‌های واقعی پایگاه دانش */
.ix-lanes{display:flex;flex-direction:column;gap:14px;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.lane{overflow:hidden;direction:ltr}
.lane .lt{display:flex;gap:12px;width:max-content;animation:ixlane var(--d,120s) linear infinite}
.lane.rev .lt{animation-direction:reverse}
.ix-lanes:hover .lt{animation-play-state:paused}
.lane span{direction:rtl;white-space:nowrap;font-size:15px;background:var(--surface);border:1px solid var(--hair);border-radius:999px;padding:7px 16px;color:var(--ink)}
.lane:nth-child(even) span{background:color-mix(in srgb,var(--tq) 10%,var(--surface))}
@keyframes ixlane{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* مجلس */
.ix-mrcs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ix-mrc{display:flex;flex-direction:column;gap:6px}
.ix-mrc .mc{border-radius:14px;overflow:hidden;background:#fff;aspect-ratio:1/.88;box-shadow:0 18px 36px -22px rgba(0,0,0,.7)}
.ix-mrc .mc img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .3s}
.ix-mrc:hover .mc img{transform:scale(1.04)}
.ix-mrc b{font-size:15.5px;line-height:1.7;margin-top:6px}
.ix-mrc small{font-size:13px;color:#AEB3D2}

/* اطلاع‌نگاشت‌ها */
.ix-ig{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.ix-ig a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink)}
.ix-ig img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:14px;background:var(--sunk);transition:transform .2s}
.ix-ig a:hover img{transform:translateY(-3px)}
.ix-ig span{font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* کارنامه */
.ix-covers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ix-covers a{position:relative;border-radius:14px;overflow:hidden;text-decoration:none;display:block;aspect-ratio:4/3;background:var(--nv2)}
.ix-covers img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.ix-covers span{position:absolute;inset-inline:0;bottom:0;padding:22px 12px 8px;font-size:12.5px;line-height:1.6;color:#fff;background:linear-gradient(transparent,rgba(20,23,44,.88));opacity:0;transition:opacity .2s}
.ix-covers a:hover img{transform:scale(1.05)}
.ix-covers a:hover span,.ix-covers a:focus-visible span{opacity:1}

/* پله‌ها */
.ix-stairs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end}
.ix-stairs li{border-radius:18px 18px 4px 4px;padding:22px 20px;color:#fff;display:flex;flex-direction:column;gap:4px;background:var(--nv2)}
.ix-stairs .s1{min-height:200px}.ix-stairs .s2{min-height:240px;background:#284D72}.ix-stairs .s3{min-height:280px;background:#22708C}.ix-stairs .s4{min-height:320px;background:var(--tqd)}
.ix-stairs .si{width:50px;height:50px;border-radius:14px;background:rgba(255,255,255,.12);display:grid;place-items:center;margin-bottom:auto;color:var(--tq)}
.ix-stairs .s4 .si{color:#fff}
.ix-stairs b{font-size:22px;font-weight:800;margin-top:18px}
.ix-stairs em{font-style:normal;font-size:14px;color:rgba(255,255,255,.75);font-weight:700}
.ix-stairs small{font-size:13.5px;color:rgba(255,255,255,.85);line-height:1.8}

/* پایانی */
.ix-close{position:relative;background:var(--nv);color:#fff;text-align:center;padding:84px 0 70px;border-bottom:1px solid rgba(255,255,255,.08)}
.ix-close .in{position:relative;display:flex;flex-direction:column;align-items:center}
.ix-close .ix-eb::before{display:none}
.ix-close .ix-lead{margin-inline:auto}
.ix-close .ix-cta{justify-content:center;margin-top:24px}
.ix-mail{margin:22px 0 4px;font-size:18px;font-weight:700}
.ix-mail a{color:var(--tq);text-decoration:none;font-family:system-ui,'Segoe UI',sans-serif}
.ix-own{margin:0;font-size:13px;color:#AEB3D2}
/* صفحه معرفی تا پانویس کشیده است */
.ix+script+footer,.ix~footer{margin-top:0}

/* ورود آرام هنگام اسکرول (فقط وقتی intro.js بار شد؛ بی JS همه چیز دیده می‌شود) */
.ix-js .ix .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.ix-js .ix .rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
 .ix-collage .cc,.ix-frame .fi img,.lane .lt{animation:none}
 .ix-js .ix .rv{opacity:1;transform:none;transition:none}
}

@media (max-width:900px){
 .ix-sec{padding:56px 0}
 .ix-hero-in,.ix-claim,.ix-ai,.ix-world,.ix-kar{grid-template-columns:1fr;gap:26px}
 .ix-hero{min-height:0;padding:44px 0 0}
 .ix-collage{height:240px;grid-template-columns:repeat(2,1fr)}
 .ix-collage .cc{flex-direction:row;animation-name:ixdriftx}
 .ix-collage .c1{margin-top:0}
 .ix-collage img{width:200px;flex:none}
 .ix-stories,.ix-frames{grid-template-columns:1fr}
 .ix-mrcs{grid-template-columns:1fr 1fr}
 .ix-ig{grid-template-columns:repeat(4,1fr)}.ix-ig a:nth-child(n+5){display:none}
 .ix-stairs{grid-template-columns:1fr 1fr}
 .ix-stairs li{min-height:0!important}
}
@keyframes ixdriftx{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media (max-width:560px){
 .ix-collage{grid-template-columns:1fr;height:150px}
 .ix-collage .c1{display:none}
 .ix-collage img{width:160px}
 .ix-frame .fi{height:300px}
 @keyframes ixscroll{0%,8%{transform:translateY(0)}100%{transform:translateY(calc(-100% + 300px))}}
 .ix-ig{grid-template-columns:1fr 1fr}
 .ix-covers{grid-template-columns:1fr 1fr}
 .ix-story .sv{gap:18px}
 .ugrid{grid-template-columns:repeat(10,12px)}.ugrid i{width:12px;height:12px}
}