/* سافت نیک — صفحه اصلی (چیدمان آماده): مدار برندها، نوار متحرک، مانیفست، بنتو، فهرست خدمات */
.sn-home{overflow-x:clip}

/* ===== هیرو با مدار برندها ===== */
.sn-hero--orbit{position:relative;overflow:hidden}
.sn-hero__glow{position:absolute;inset-block-start:-18%;inset-inline-end:-14%;width:72vw;max-width:780px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--p) 36%,transparent),transparent 66%);filter:blur(24px);pointer-events:none}
.sn-hero--orbit .sn-hero__in{position:relative;align-items:center}
.sn-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0}
.sn-tags li{padding:6px 14px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--muted);font-size:13px;font-weight:700}
.sn-orbit{position:relative;width:min(100%,470px);aspect-ratio:1;margin-inline:auto}
.sn-orbit__ring{position:absolute;border-radius:50%;border:1px dashed color-mix(in srgb,var(--p) 48%,transparent);animation:snSpin var(--dur,60s) linear infinite;animation-direction:var(--dir,normal)}
.sn-orbit__ring--3{inset:0;border:1px solid var(--line);--dur:120s}
.sn-orbit__ring--2{inset:9%;--dur:80s;--dir:reverse;--cdir:normal}
.sn-orbit__ring--1{inset:24%;--dur:56s;--dir:normal;--cdir:reverse}
.sn-orbit__node{position:absolute;width:0;height:0}
.sn-orbit__up{position:absolute;display:grid;place-items:center;animation:snSpin var(--dur) linear infinite;animation-direction:var(--cdir,reverse)}
.sn-orbit__node--ico .sn-orbit__up{width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:15px;background:var(--surface);border:1px solid var(--line);color:var(--ac);box-shadow:var(--sh)}
.sn-orbit__brand{grid-auto-flow:column;gap:9px;width:128px;height:46px;margin:-23px 0 0 -64px;padding:5px 14px 5px 5px;border-radius:99px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh);color:var(--head);font-weight:800;font-size:13px;justify-content:start;white-space:nowrap}
.sn-orbit__brand b{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--chip);color:var(--ac);overflow:hidden;font-weight:900}
.sn-orbit__brand b img{width:100%;height:100%;object-fit:cover}
.sn-orbit__brand i{font-style:normal;overflow:hidden;text-overflow:ellipsis}
.sn-orbit__core{position:absolute;inset:39%;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--p),#4c1d95);color:#fff;font-size:clamp(30px,8vw,54px);font-weight:900;line-height:1;box-shadow:0 0 0 10px color-mix(in srgb,var(--p) 16%,transparent),0 0 70px color-mix(in srgb,var(--p) 55%,transparent);animation:snPulse 4.5s ease-in-out infinite}
.sn-orbit:hover *{animation-play-state:paused}
.sn-scroll{display:none}
@keyframes snSpin{to{transform:rotate(360deg)}}
@keyframes snPulse{50%{transform:scale(1.06)}}
@media(max-width:560px){
.sn-orbit__brand{width:46px;margin-left:-23px;padding:5px;justify-content:center}
.sn-orbit__brand i{display:none}
.sn-orbit__node--ico .sn-orbit__up{width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:12px}
}
@media(min-width:1000px){
.sn-scroll{position:absolute;inset-inline:0;bottom:14px;margin-inline:auto;display:block;width:26px;height:42px;border:2px solid var(--line);border-radius:14px}
.sn-scroll span{position:absolute;top:8px;left:50%;width:4px;height:8px;margin-left:-2px;border-radius:4px;background:var(--p);animation:snScroll 2s ease-in-out infinite}
}
@keyframes snScroll{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}

/* ===== نوار متحرک نام برندها و خدمات ===== */
.sn-marquee{overflow:hidden;direction:ltr;padding:16px 0;border-block:1px solid var(--line);background:var(--surface2)}
.sn-marquee__track{display:flex;width:max-content;animation:snMarq 46s linear infinite}
.sn-marquee:hover .sn-marquee__track{animation-play-state:paused}
.sn-marquee__set{display:flex;flex:none;align-items:center;gap:30px;padding-inline-end:30px;direction:rtl}
.sn-marquee__set span{font-size:clamp(28px,5.4vw,58px);font-weight:900;line-height:1.5;white-space:nowrap;color:var(--head)}
.sn-marquee__set span:nth-of-type(even){color:var(--p)}
.sn-marquee__set i{font-style:normal;font-size:clamp(18px,3vw,28px);color:var(--ac);opacity:.7}
@keyframes snMarq{to{transform:translateX(-50%)}}

/* ===== مانیفست: کلمه‌ها با اسکرول روشن می‌شوند ===== */
.sn-manifesto{max-width:1000px;margin:6px 0 0;font-size:clamp(24px,5.2vw,50px);font-weight:900;line-height:1.85;color:var(--head)}
.sn-home.is-js .sn-manifesto span{opacity:.15;transition:opacity .45s ease}
.sn-home.is-js .sn-manifesto span.is-on{opacity:1}

/* ===== برندها: چیدمان بنتو + نور زیر نشانگر ===== */
.sn-home .sn-product:first-child h3{font-size:clamp(26px,4vw,34px)}
.sn-home .sn-product:first-child .sn-product__desc{-webkit-line-clamp:5}
.sn-home .sn-product,.sn-home .sn-cat,.sn-home .sn-stat,.sn-home .sn-post{position:relative}
.sn-home .sn-product::after,.sn-home .sn-cat::after,.sn-home .sn-stat::after,.sn-home .sn-post::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--p) 16%,transparent),transparent 62%)}
.sn-home .sn-product::after{background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.14),transparent 62%)}
@media(hover:hover){.sn-home .sn-product:hover::after,.sn-home .sn-cat:hover::after,.sn-home .sn-stat:hover::after,.sn-home .sn-post:hover::after{opacity:1}}
@media(min-width:1000px){
.sn-home .sn-products:has(> :nth-child(3):last-child){grid-template-columns:1.35fr 1fr;grid-auto-rows:1fr}
.sn-home .sn-products:has(> :nth-child(3):last-child)>:first-child{grid-row:1/3}
.sn-home .sn-products:has(> :nth-child(3):last-child)>:first-child .sn-product__in{padding:40px}
}

/* ===== خدمات: فهرست شماره‌دار ===== */
.sn-home .sn-cats{grid-template-columns:minmax(0,1fr);gap:0;counter-reset:svc;border-top:1px solid var(--line)}
.sn-home .sn-cat{counter-increment:svc;align-items:center;gap:18px;padding:26px 6px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;transition:background .3s,padding .3s}
.sn-home .sn-cat::before{content:counter(svc,persian);flex:none;min-width:2ch;font-size:clamp(28px,5vw,46px);font-weight:900;line-height:1;color:var(--line);transition:color .3s}
.sn-home .sn-cat:hover{transform:none;box-shadow:none;border-color:var(--line);background:linear-gradient(270deg,color-mix(in srgb,var(--p) 8%,transparent),transparent);padding-inline-start:18px}
.sn-home .sn-cat:hover::before{color:var(--p)}
.sn-home .sn-cat .sn-ico-box{width:54px;height:54px;border-radius:18px;transition:transform .35s}
.sn-home .sn-cat:hover .sn-ico-box{transform:rotate(-8deg) scale(1.08)}
.sn-home .sn-cat__body{display:grid;gap:4px}
.sn-home .sn-cat h3{margin:0;font-size:clamp(18px,3.4vw,24px)}
@media(min-width:900px){
.sn-home .sn-cat{gap:28px;padding-block:32px}
.sn-home .sn-cat__body{grid-template-columns:minmax(220px,1fr) 1.6fr;column-gap:40px;align-items:start}
.sn-home .sn-cat__body>h3{grid-column:1;grid-row:1/4}
.sn-home .sn-cat__body>*:not(h3){grid-column:2}
}

/* ===== آمار ===== */
.sn-home .sn-stat--hero::before{content:"";position:absolute;inset-inline-end:-80px;bottom:-80px;width:300px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 40px rgba(255,255,255,.04),0 0 0 80px rgba(255,255,255,.03)}
.sn-home .sn-stat strong{font-variant-numeric:tabular-nums}

/* ===== تایم‌لاین ===== */
.sn-home .sn-timeline ol::before{background:linear-gradient(90deg,var(--p),var(--line) 40%)}
.sn-home .sn-timeline li::before{box-shadow:0 0 0 7px color-mix(in srgb,var(--p) 16%,transparent)}

/* ===== همکاری: پنل تیره ===== */
.sn-home .sn-collab{position:relative;overflow:hidden;border:0;color:#e4def7;background:linear-gradient(150deg,#2a1457,#0d0a1a)}
.sn-home .sn-collab>*{position:relative}
.sn-collab__rings{position:absolute!important;inset-inline-end:-140px;top:-140px;width:440px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 50px rgba(255,255,255,.03),0 0 0 100px rgba(255,255,255,.025);pointer-events:none}
.sn-home .sn-collab h2{color:#fff}
.sn-home .sn-collab p{color:#d4cdf0}
.sn-home .sn-collab .sn-eyebrow{color:#c4b5fd}
.sn-home .sn-collab .sn-btn:not(.sn-btn--ghost){background:#fff;border-color:#fff;color:#2a1457}
.sn-home .sn-collab .sn-btn--ghost{color:#fff;border-color:rgba(255,255,255,.3)}
.sn-home .sn-collab .sn-btn--ghost:hover{background:rgba(255,255,255,.1)}
.sn-home .sn-collab .sn-points li{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#fff}
@media(min-width:700px){.sn-home .sn-collab{padding:64px 56px}}

/* ===== v1.4: هیرو زنده، آمار هیرو، مراحل همکاری، نوار دوم ===== */
.sn-hero--orbit{isolation:isolate}
.sn-hero--orbit::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(540px circle at var(--hx,70%) var(--hy,30%),color-mix(in srgb,var(--p) 14%,transparent),transparent 62%)}
.sn-aurora{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.sn-aurora i{position:absolute;border-radius:50%;aspect-ratio:1;filter:blur(80px);opacity:.45;animation:snFloat 20s ease-in-out infinite}
.sn-aurora i:nth-child(1){width:min(46vw,520px);inset-block-start:-14%;inset-inline-start:-8%;background:color-mix(in srgb,var(--p) 60%,transparent)}
.sn-aurora i:nth-child(2){width:min(38vw,440px);inset-block-start:18%;inset-inline-end:6%;background:rgba(34,211,238,.45);animation-delay:-7s}
.sn-aurora i:nth-child(3){width:min(30vw,360px);inset-block-end:-10%;inset-inline-start:34%;background:rgba(244,114,182,.4);animation-delay:-13s}
:root[data-theme="dark"] .sn-aurora i{opacity:.28}
@keyframes snFloat{50%{transform:translate3d(4%,6%,0) scale(1.12)}}

.sn-w{display:inline-block}
.sn-home.is-js .sn-w{animation:snWord .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*70ms + 120ms)}
@keyframes snWord{from{opacity:0;transform:translateY(.55em) rotate(2deg);filter:blur(6px)}}
.sn-grad--w{background:none;color:inherit}
.sn-grad--w .sn-w{background:linear-gradient(90deg,var(--p),#c084fc,#22d3ee,var(--p));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.sn-home.is-js .sn-grad--w .sn-w{animation:snWord .8s cubic-bezier(.2,.8,.2,1) both,snShine 7s linear infinite;animation-delay:calc(var(--i,0)*70ms + 120ms),0s}
@keyframes snShine{to{background-position:300% 0}}

.sn-orbit{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out}
.sn-herometa{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin:30px 0 0;padding:0}
.sn-herometa li{display:grid;line-height:1.5;padding-inline-end:26px}
.sn-herometa li+li{padding-inline-start:26px;border-inline-start:1px solid var(--line)}
.sn-herometa strong{font-size:clamp(26px,5vw,34px);font-weight:900;color:var(--head);font-variant-numeric:tabular-nums}
.sn-herometa span{color:var(--muted);font-size:13px;font-weight:700}

.sn-home .sn-hero .sn-btn,.sn-home .sn-collab .sn-btn{transform:translate(var(--tx,0px),var(--ty,0px))}
.sn-home .sn-hero .sn-btn:hover,.sn-home .sn-collab .sn-btn:hover{transform:translate(var(--tx,0px),calc(var(--ty,0px) - 2px))}
.sn-home .sn-product__in{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease-out}

.sn-marquee__track--rev{animation-direction:reverse;animation-duration:60s;margin-top:6px}
.sn-marquee__track--rev .sn-marquee__set span{font-size:clamp(15px,2.2vw,20px);font-weight:700;color:var(--muted)}
.sn-marquee__track--rev .sn-marquee__set span:nth-of-type(even){color:var(--muted)}
.sn-marquee__track--rev .sn-marquee__set i{font-size:18px;opacity:.5}

.sn-steps{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:st}
@media(min-width:700px){.sn-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.sn-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sn-step{position:relative;counter-increment:st;padding:28px 24px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
.sn-step::before{content:counter(st,persian);display:block;margin-bottom:14px;font-size:58px;font-weight:900;line-height:1.2;background:linear-gradient(180deg,var(--p),transparent);-webkit-background-clip:text;background-clip:text;color:transparent}
.sn-step h3{font-size:19px;margin-bottom:6px}
.sn-step p{margin:0;color:var(--muted);font-size:15px}
@media(hover:hover){.sn-step{transition:opacity .6s ease,transform .6s ease,border-color .3s,box-shadow .3s}.sn-step.is-in:hover{transform:translateY(-6px);border-color:var(--p);box-shadow:var(--sh)}}

.sn-faq-wrap{display:grid;gap:28px}
@media(min-width:900px){.sn-faq-wrap{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:60px;align-items:start}.sn-faq-wrap>.sn-head{position:sticky;top:110px;margin-bottom:0}}

/* ===== ۱.۵.۱: لایه خلاقانه صفحه اصلی ===== */

/* ۱) هیرو: نقطه‌های روشن زیر نشانگر + پارالاکس اسکرول */
.sn-hero--orbit::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(var(--p) 1.7px,transparent 2px);background-size:26px 26px;-webkit-mask-image:radial-gradient(240px circle at var(--hx,70%) var(--hy,30%),#000,transparent 70%);mask-image:radial-gradient(240px circle at var(--hx,70%) var(--hy,30%),#000,transparent 70%)}
.sn-hero--orbit .sn-hero__text{translate:0 calc(var(--sy,0)*-.06px)}
.sn-hero--orbit .sn-orbit{translate:0 calc(var(--sy,0)*.1px)}
.sn-hero--orbit .sn-aurora{translate:0 calc(var(--sy,0)*.22px)}

/* ۲) چرخش حوزه‌های فعالیت */
.sn-rotor{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:26px 0 0}
.sn-rotor__lab{color:var(--muted);font-size:14px;font-weight:700}
.sn-rotor__win{height:2.5rem;overflow:hidden;padding-inline:18px;border-radius:99px;border:1px solid color-mix(in srgb,var(--p) 40%,var(--line));background:color-mix(in srgb,var(--p) 9%,var(--surface))}
.sn-rotor__list{list-style:none;margin:0;padding:0;transform:translateY(calc(var(--k,0)*-2.5rem));transition:transform .65s cubic-bezier(.7,0,.2,1)}
.sn-rotor__list li{height:2.5rem;line-height:2.5rem;white-space:nowrap;font-weight:900;color:var(--ac)}

/* ۳) نوار متحرک به شکل روبان کج */
.sn-home .sn-marquee{width:calc(100% + 80px);margin:44px -40px;padding:14px 0;border:0;transform:rotate(-1.8deg);background:linear-gradient(100deg,var(--p-d),#4c1d95 55%,#0e7490);box-shadow:0 18px 40px color-mix(in srgb,var(--p) 28%,transparent)}
.sn-home .sn-marquee .sn-marquee__track:not(.sn-marquee__track--rev) .sn-marquee__set span{color:#fff}
.sn-home .sn-marquee .sn-marquee__track:not(.sn-marquee__track--rev) .sn-marquee__set span:nth-of-type(even){color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.92)}
.sn-home .sn-marquee .sn-marquee__track--rev .sn-marquee__set span:nth-of-type(n){color:rgba(255,255,255,.72)}
.sn-home .sn-marquee .sn-marquee__set i{color:#fff;opacity:.55}

/* ۴) تیترها: کلمه‌ها از زیر می‌آیند */
@media(min-width:1000px) and (hover:hover){
.sn-home.is-js .sn-kh .sn-kw{display:inline-block;overflow:hidden;vertical-align:top;padding-block:.14em;margin-block:-.14em}
.sn-home.is-js .sn-kh .sn-kw>span{display:inline-block;transform:translateY(115%);transition:transform .85s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*70ms)}
.sn-home.is-js .sn-kh.is-in .sn-kw>span{transform:none}

/* ۵) ورود پلکانی کارت‌ها (پس از پایان انیمیشن، کلاس حذف می‌شود تا هاور سالم بماند) */
.sn-home.is-js .sn-rv{opacity:0;transform:translateY(30px) scale(.97);transition:opacity .7s cubic-bezier(.2,.8,.2,1) var(--d,0ms),transform .7s cubic-bezier(.2,.8,.2,1) var(--d,0ms)}
.sn-home.is-js .sn-rv.is-in{opacity:1;transform:none}
}

/* ۶) پنل همکاری: نور چرخان روی لبه */
@property --sn-a{syntax:"<angle>";inherits:false;initial-value:0deg}
.sn-home .sn-collab::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--sn-a),transparent 0 62%,#c084fc,#22d3ee,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask-composite:exclude;animation:snSweep 7s linear infinite}
@keyframes snSweep{to{--sn-a:360deg}}

/* ۷) هاله دنبال‌کننده نشانگر (فقط ماوس) */
.sn-aura{position:fixed;left:0;top:0;z-index:-1;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(circle,color-mix(in srgb,var(--p) 20%,transparent),transparent 65%);will-change:transform}
.sn-aura.is-on{opacity:1}

/* موبایل */
@media(max-width:699px){
.sn-home .sn-marquee{margin-block:34px}
.sn-rotor__win{height:2.3rem}
.sn-rotor__list{transform:translateY(calc(var(--k,0)*-2.3rem))}
.sn-rotor__list li{height:2.3rem;line-height:2.3rem}
}
@media(prefers-reduced-motion:reduce){
.sn-hero--orbit .sn-hero__text{translate:none}
.sn-hero--orbit .sn-orbit,.sn-hero--orbit .sn-aurora{translate:none}
.sn-home .sn-marquee{transform:none}
}

/* ===== ۱.۶: فروشگاه، نمونه‌کار، نظرات (فقط وقتی محتوای واقعی وجود دارد) ===== */
.sn-shopgrid,.sn-works,.sn-reviews{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.sn-shopcard,.sn-work,.sn-review{position:relative;overflow:hidden;border-radius:26px;border:1px solid var(--line);background:var(--surface);transition:transform .3s,box-shadow .3s,border-color .3s}
@media(hover:hover){.sn-shopcard:hover,.sn-work:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:var(--p)}}
.sn-shopcard__img{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--chip)}
.sn-shopcard__img img{width:100%;height:100%;object-fit:cover;display:block}
.sn-shopcard__body,.sn-work__body{padding:18px 20px 22px;display:grid;gap:6px}
.sn-shopcard h3,.sn-work h3{margin:0;font-size:19px;line-height:1.7}.sn-shopcard h3 a{color:var(--head);text-decoration:none}
.sn-shopcard__cat,.sn-work__cat{justify-self:start;padding:2px 12px;border-radius:99px;background:var(--chip);color:var(--ac);font-size:13px;font-weight:700}
.sn-shopcard__price{font-weight:900;color:var(--head)}.sn-shopcard__price del{color:var(--muted);font-weight:400;margin-inline-end:6px}.sn-shopcard__price ins{text-decoration:none}
.sn-work__img img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block}
.sn-work__meta{margin:0;color:var(--muted);font-size:14px}.sn-work p{margin:0}
.sn-review{padding:24px 24px 20px;margin:0}
.sn-review::before{content:"”";position:absolute;inset-block-start:-6px;inset-inline-end:16px;font-size:90px;line-height:1;color:color-mix(in srgb,var(--p) 22%,transparent);font-family:serif}
.sn-review blockquote{margin:0 0 14px;position:relative}.sn-review blockquote p{margin:0;color:var(--head);font-size:17px;line-height:2}
.sn-review figcaption{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;color:var(--muted);font-size:14px}.sn-review figcaption strong{color:var(--head)}.sn-review figcaption a{color:var(--ac)}
@media(min-width:700px){.sn-shopgrid,.sn-works{grid-template-columns:repeat(2,minmax(0,1fr))}.sn-reviews{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.sn-shopgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.sn-works{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* ===== ۱.۷: نوار پیشرفت ===== */
.sn-progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:9999;transform-origin:right;transform:scaleX(0);background:linear-gradient(90deg,#7c3aed,#c084fc,#fff);pointer-events:none}

/* ===== ۱.۸: چیدمان آرام و منظم صفحه اصلی ===== */
/* افکت‌های شلوغ خاموش: شفق، نقطه‌ها، پارالاکس، چرخش، کج شدن، نوار متحرک، نشانگر شناور */
.sn-aurora,.sn-rotor,.sn-herometa,.sn-scroll,.sn-marquee,.sn-aura{display:none!important}
.sn-hero--orbit::after{display:none}
.sn-hero--orbit .sn-hero__text,.sn-hero--orbit .sn-orbit,.sn-hero--orbit .sn-aurora{translate:none}
.sn-orbit{transform:none!important}
.sn-home .sn-product__in{transform:none!important}
.sn-home .sn-hero .sn-btn,.sn-home .sn-collab .sn-btn{transform:none!important}
.sn-home.is-js .sn-w{animation:none;opacity:1}
.sn-home.is-js .sn-grad--w .sn-w{animation:none;background:linear-gradient(90deg,var(--p),#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}
.sn-orbit__ring--3{display:none}
.sn-orbit__ring{animation-duration:90s}

/* ریتم یکنواخت بخش‌ها */
.sn-home>.sn-section{padding-block:clamp(48px,8vw,88px)}
.sn-home>.sn-section:nth-of-type(odd){background:color-mix(in srgb,var(--p) 3%,transparent)}
.sn-home .sn-head{max-width:640px;margin-bottom:clamp(24px,4vw,40px)}
.sn-home .sn-head h2{font-size:clamp(24px,4.4vw,36px);margin-bottom:8px}
.sn-home .sn-head p{color:var(--muted);margin:0}

/* خدمات: شبکهٔ یکنواخت (۱ / ۲ / ۳ ستون) */
.sn-home .sn-cats{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;border-top:0}
.sn-home .sn-cats .sn-cat{flex-direction:column;align-items:flex-start;gap:14px;padding:24px;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--r,24px);background:var(--surface);transition:border-color .25s,box-shadow .25s,transform .25s}
.sn-home .sn-cats .sn-cat::before{content:none}
.sn-home .sn-cats .sn-cat:hover{transform:translateY(-3px);border-color:var(--p);box-shadow:var(--sh);padding-inline-start:24px;background:var(--surface)}
.sn-home .sn-cats .sn-cat .sn-ico-box{width:52px;height:52px;border-radius:16px}
.sn-home .sn-cats .sn-cat__body{display:flex;flex-direction:column;gap:8px;width:100%}
.sn-home .sn-cats .sn-cat__body>h3,.sn-home .sn-cats .sn-cat__body>*:not(h3){grid-column:auto;grid-row:auto}
.sn-home .sn-cats .sn-cat h3{font-size:19px}
.sn-home .sn-cats .sn-cat__text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sn-home .sn-cats .sn-features{display:none}
.sn-home .sn-cats .sn-chips{display:none}
@media(min-width:700px){.sn-home .sn-cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.sn-home .sn-cats{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* برندها: دو ستون برابر */
.sn-home .sn-products,.sn-home .sn-products:has(> :nth-child(3):last-child){display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:16px}
.sn-home .sn-products>:first-child{grid-row:auto}
.sn-home .sn-product:first-child h3{font-size:clamp(20px,3.4vw,26px)}
@media(min-width:760px){.sn-home .sn-products,.sn-home .sn-products:has(> :nth-child(3):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* مراحل همکاری و کارت‌های فروشگاه/نمونه‌کار همان ریتم را دارند */
.sn-home .sn-step{padding:22px}.sn-home .sn-step::before{font-size:40px;margin-bottom:8px}
.sn-home .sn-collab{padding:36px 24px}
@media(min-width:700px){.sn-home .sn-collab{padding:56px 48px}}
/* بدون کارت تنها در ردیف آخر */
@media(min-width:700px) and (max-width:999px){.sn-home .sn-cats>.sn-cat:last-child:nth-child(2n+1){grid-column:1/-1}}
@media(min-width:1000px){.sn-home .sn-cats>.sn-cat:last-child:nth-child(3n+1){grid-column:1/-1}}

.sn-home .sn-hero h1{font-size:clamp(30px,5.2vw,54px);line-height:1.5}
