/* ============================================================
   روکاری برند ۱.۰ — هویت «Rokari Tech Circuit»
   نشان لوگو در هدر/فوتر + هیروی سینمایی شبِ مداری
   فقط transform/opacity متحرک می‌شوند (سبک و GPU-friendly)
   ============================================================ */

/* ---------- هدر و فوتر: نشان لوگوی جدید ---------- */
.rkb-on .brand-symbol{
    background:linear-gradient(140deg,#071830 0%,#0a2647 55%,#0d3a68 100%);
    color:transparent !important;
    font-size:0 !important;
    box-shadow:0 0 0 1px rgba(96,190,220,.24),0 8px 22px rgba(5,20,45,.4);
    transition:box-shadow .25s,transform .25s;
}
.rkb-on .brand-symbol::before{
    content:'';position:absolute;inset:2px;
    background:url('../assets/logo/mark-84.png') center/contain no-repeat;
    filter:drop-shadow(0 0 8px rgba(0,205,222,.75)) drop-shadow(0 0 3px rgba(0,230,240,.5));
    transition:filter .25s;
}
.rkb-on .brand-symbol span{display:none}
.rkb-on a.brand:hover .brand-symbol{
    transform:translateY(-1px);
    box-shadow:0 0 0 1px rgba(96,200,225,.34),0 10px 26px rgba(5,20,45,.46),0 0 18px rgba(0,200,215,.28);
}
.rkb-on a.brand:hover .brand-symbol::before{filter:drop-shadow(0 0 9px rgba(0,225,240,.85))}
.rkb-on .site-footer .brand-symbol{
    background:linear-gradient(140deg,#0a1e3f 0%,#0e3765 100%);
    box-shadow:0 0 0 1px rgba(96,190,220,.22),0 10px 26px rgba(3,12,28,.5);
}
.rkb-on .site-footer .brand-symbol::before{
    background:url('../assets/logo/mark-84.png') center/contain no-repeat;
    filter:drop-shadow(0 0 7px rgba(0,200,215,.5));
}

/* ============================================================
   هیروی صفحهٔ اصلی — «شبِ مداری»
   ============================================================ */

/* پوستهٔ تمام‌عرض تیره: hero + آمار + نوار اعتماد داخل آن می‌نشینند */
.rkb-home .rkb-shell{
    position:relative;
    overflow:hidden;
    color:#eaf2fb;
    background:
        radial-gradient(620px 460px at 84% 4%, rgba(0,196,216,.13), transparent 64%),
        radial-gradient(560px 430px at 4% 88%, rgba(14,143,126,.15), transparent 62%),
        linear-gradient(180deg,#040b1c 0%,#071733 44%,#04101f 100%);
    padding-bottom:30px;
    isolation:isolate;
}
/* شبکهٔ مداری کم‌رنگ با محوشدگی شعاعی */
.rkb-home .rkb-shell::before{
    content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
    background-image:
        linear-gradient(rgba(96,200,225,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(96,200,225,.055) 1px,transparent 1px),
        radial-gradient(rgba(0,210,230,.10) 1.2px,transparent 1.2px);
    background-size:64px 64px,64px 64px,27px 27px;
    -webkit-mask-image:radial-gradient(1300px 780px at 60% 26%,#000 26%,transparent 76%);
    mask-image:radial-gradient(1300px 780px at 60% 26%,#000 26%,transparent 76%);
}
/* لایهٔ مدار متحرک (توسط JS تزریق می‌شود) — فقط transform/opacity متحرک */
.rkb-home .rkb-shell > .rkb-circuit{
    position:absolute;inset:0;width:100%;height:100%;
    z-index:0;pointer-events:none;opacity:.9;
}
.rkb-home .rkb-circuit .rkb-traces path{stroke:rgba(70,190,215,.15);stroke-width:1.5}
.rkb-home .rkb-circuit .rkb-chips rect,
.rkb-home .rkb-circuit .rkb-chips path,
.rkb-home .rkb-circuit .rkb-chips circle{stroke:rgba(70,190,215,.26);stroke-width:1.5}
.rkb-home .rkb-circuit .rkb-pulse{
    stroke:rgba(88,232,244,.8);stroke-width:2;
    stroke-dasharray:110 850;stroke-dashoffset:0;
    filter:drop-shadow(0 0 6px rgba(60,225,240,.7));
    animation:rkbDash 9s linear infinite;
}
.rkb-home .rkb-circuit .p2{animation-duration:12.5s;animation-delay:1.6s}
.rkb-home .rkb-circuit .p3{animation-duration:10s;animation-delay:.8s}
.rkb-home .rkb-circuit .p4{animation-duration:13s;animation-delay:2.2s}
.rkb-home .rkb-circuit .p5{animation-duration:7.5s;animation-delay:.4s}
.rkb-home .rkb-circuit .rkb-nodes circle{
    fill:rgba(130,240,250,.9);
    animation:rkbNode 3.6s ease-in-out infinite;
}
.rkb-home .rkb-circuit .rkb-nodes circle:nth-of-type(2n){animation-delay:1.2s}
.rkb-home .rkb-circuit .rkb-nodes circle:nth-of-type(3n){animation-delay:2.1s}
.rkb-home .rkb-shell > *{position:relative;z-index:2}

/* ورود سینمایی محتوا */
@keyframes rkbUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes rkbIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@keyframes rkbFloat{0%,100%{transform:translate(-44%,-50%)}50%{transform:translate(-44%,-46.5%)}}
@keyframes rkbPulse{0%,100%{opacity:.85}50%{opacity:.45}}
@keyframes rkbDash{to{stroke-dashoffset:-960}}
@keyframes rkbNode{0%,100%{opacity:.25;r:3px}50%{opacity:1;r:4.5px}}
.rkb-home .rkb-shell .hero-copy > *{animation:rkbUp .8s cubic-bezier(.22,.9,.3,1) backwards}
.rkb-home .rkb-shell .hero-copy > *:nth-child(2){animation-delay:.08s}
.rkb-home .rkb-shell .hero-copy > *:nth-child(3){animation-delay:.16s}
.rkb-home .rkb-shell .hero-copy > *:nth-child(4){animation-delay:.24s}
.rkb-home .rkb-shell .hero-viz{animation:rkbIn .9s .25s cubic-bezier(.22,.9,.3,1) backwards}

/* تایپوگرافی روی زمینهٔ تیره */
.rkb-home .hero-v4{padding-top:44px}
.rkb-home .hero-v4 h1{color:#f4f8ff;text-shadow:0 2px 26px rgba(0,60,90,.4)}
.rkb-home .hero-description{color:#a9bbd2}
.rkb-home .lab-eyebrow{
    background:rgba(0,196,216,.09);
    border:1px solid rgba(0,196,216,.30);
    color:#82d9e0;
    box-shadow:inset 0 0 20px rgba(0,196,216,.07),0 4px 16px rgba(0,0,0,.25);
}
.rkb-home .lab-eyebrow .live-pulse{background:#37e0ea}
.rkb-home .lab-eyebrow .live-pulse::after{border-color:rgba(55,224,234,.5)}
.rkb-home .hero-highlight{
    background:linear-gradient(95deg,#2ee2f0 10%,#19cfe0 45%,#0ea896 95%);
    -webkit-background-clip:text;background-clip:text;
    color:transparent;-webkit-text-fill-color:transparent;
    filter:drop-shadow(0 0 16px rgba(30,215,232,.35));
}
.rkb-home .hero-highlight::after{display:none}

/* قطعه‌یاب: شیشهٔ تیره */
.rkb-home .finder{
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.028));
    border-color:rgba(120,200,225,.17);
    box-shadow:0 26px 70px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.09),inset 0 0 0 1px rgba(255,255,255,.02);
}
.rkb-home .finder::before{background:linear-gradient(90deg,transparent,rgba(120,215,235,.30),transparent)}
.rkb-home .finder-model{
    background:rgba(3,12,26,.60);
    border-color:rgba(120,200,225,.24);
}
.rkb-home .finder-model:focus-within{border-color:rgba(0,205,222,.65);box-shadow:0 0 0 4px rgba(0,196,216,.14)}
.rkb-home .finder-model input{color:#f2f8ff}
.rkb-home .finder-model input::placeholder{color:#6e85a3}
.rkb-home .finder-model>svg{color:#7fd6dd}
.rkb-home .finder-model .model-count{
    background:rgba(0,196,216,.10);
    border-color:rgba(0,196,216,.28);
    color:#8fdde4;
}
.rkb-home .finder-caption{background:rgba(255,255,255,.06);color:#9fb3cf}
.rkb-home .chip{
    background:rgba(255,255,255,.045);
    border-color:rgba(140,200,225,.16);
    color:#c9d8ec;
}
.rkb-home .chip:hover{border-color:rgba(0,205,222,.5);background:rgba(0,196,216,.11);color:#eafcff}
.rkb-home .chip.is-active{
    background:linear-gradient(180deg,rgba(0,196,216,.24),rgba(0,196,216,.10));
    border-color:rgba(20,210,228,.6);
    color:#e2fbff;
    box-shadow:0 0 16px rgba(0,196,216,.22);
}
.rkb-home .finder-all{color:#93d7de}
.rkb-home .finder-all:hover{color:#c7f1f6}
.rkb-home .finder-card{
    background:rgba(255,255,255,.06);
    border-color:rgba(140,200,225,.14);
}
.rkb-home .finder-card:hover{border-color:rgba(0,205,222,.5)}
.rkb-home .finder-card .fc-name{color:#eef5fd}
.rkb-home .finder-card .fc-icon{background:rgba(0,196,216,.10);color:#7fd6dd}
.rkb-home .finder-card img{background:rgba(255,255,255,.08)}
.rkb-home .finder-loading{color:#8fa6c2}

/* سمت بصری: واترمارک لوگوی درخشان + گوشی + چیپ‌ها */
.rkb-home .hero-viz::before{
    content:'';position:absolute;top:50%;left:50%;
    width:min(545px,94%);height:auto;
    aspect-ratio:1106/541;
    transform:translate(-44%,-50%);
    background:url('../assets/logo/mark-hero.png') center/contain no-repeat;
    filter:drop-shadow(0 0 30px rgba(0,205,220,.32)) drop-shadow(0 0 90px rgba(0,160,190,.2));
    animation:rkbFloat 7.5s ease-in-out infinite;
    z-index:1;pointer-events:none;
}
.rkb-home .viz-grid{background-image:radial-gradient(rgba(0,210,230,.14) 1.2px,transparent 1.2px)}
.rkb-home .viz-phone{
    background:linear-gradient(165deg,#0d2c56,#061529);
    border-color:rgba(0,196,216,.38);
    box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 46px rgba(0,196,216,.14),inset 0 1px 0 rgba(255,255,255,.10);
}
.rkb-home .viz-notch{background:#03101f}
.rkb-home .viz-chip{
    background:rgba(8,24,44,.72);
    border-color:rgba(120,200,225,.20);
    box-shadow:0 14px 34px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.07);
}
.rkb-home .viz-chip:hover{border-color:rgba(0,205,222,.55)!important}
.rkb-home .viz-thumb{background:rgba(255,255,255,.08)}
.rkb-home .viz-thumb svg{color:#7fd6dd}
.rkb-home .viz-meta strong{color:#f0f6fd}
.rkb-home .viz-meta small{color:#93a8c4}
.rkb-home .viz-meta b{color:#4fdce8}
.rkb-home .vs-pill{background:rgba(255,255,255,.10);border-color:rgba(120,200,225,.25);color:#cfeef4;box-shadow:none}
.rkb-home .viz-toggle{
    background:rgba(8,24,44,.72);
    border-color:rgba(120,200,225,.22);
    color:#cfe4f2;
}
.rkb-home .viz-toggle:hover{border-color:rgba(0,205,222,.5);background:rgba(0,196,216,.12)}
.rkb-home .viz-toggle[aria-pressed=true]{background:#0d3050;border-color:rgba(0,205,222,.6);color:#7fe6ee}
.rkb-home .viz-status{background:rgba(8,24,44,.72);border-color:rgba(120,200,225,.20);color:#9fb6d0}

/* آمار و نوار اعتماد روی زمینهٔ تیره */
.rkb-home .hero-stats{
    background:rgba(255,255,255,.05);
    border-color:rgba(120,200,225,.15);
    box-shadow:0 20px 50px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07);
}
.rkb-home .hero-stat{border-inline-start-color:rgba(120,200,225,.14)}
.rkb-home .hero-stat strong{
    background:linear-gradient(120deg,#5fe6f2,#19cfe0 55%,#0e8f7e);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    filter:drop-shadow(0 0 10px rgba(30,215,232,.25));
}
.rkb-home .hero-stat span{color:#93a9c6}
.rkb-home .trust-strip>div{
    background:rgba(255,255,255,.045);
    border-color:rgba(120,200,225,.14);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.rkb-home .trust-strip>div:hover{box-shadow:0 14px 34px rgba(0,0,0,.4)}
.rkb-home .trust-strip span{color:#e6eef8}
.rkb-home .trust-strip small{color:#8fa6c2}
.rkb-home .trust-strip svg{color:#7fd6dd}

/* جلوگیری از دوباره‌کاری پس‌زمینه وقتی پوستهٔ JS فعال شد */
.rkb-ready .hero-v4::before{display:none}

/* حالت بدون JS: هیرو همچنان تیره تمام‌عرض می‌شود (بدون آمار) */
.rkb-home:not(.rkb-ready) .hero-v4::before{
    content:'';position:absolute;top:-34px;bottom:-10px;
    left:50%;transform:translateX(-50%);width:100vw;z-index:-1;
    background:
        radial-gradient(620px 460px at 84% 4%, rgba(0,196,216,.13), transparent 64%),
        linear-gradient(180deg,#040b1c 0%,#071733 46%,#0a1c33 100%);
    border-radius:0 0 30px 30px;
    box-shadow:0 30px 70px rgba(4,14,30,.45);
}
.rkb-home:not(.rkb-ready) .hero-v4{isolation:isolate}

/* احترام به کاهش انیمیشن */
@media (prefers-reduced-motion:reduce){
    .rkb-home .rkb-shell .hero-copy > *,
    .rkb-home .rkb-shell .hero-viz,
    .rkb-home .hero-viz::before{animation:none !important}
    .rkb-home .rkb-circuit *{animation:none !important}
}

/* موبایل */
@media (max-width:768px){
    .rkb-home .hero-viz::before{width:min(320px,96%);top:46%}
    .rkb-home .hero-v4{padding-top:34px}
}