/* صفحهٔ اصلی assistantcoach.ir — قصهٔ اسکرولی با اشیای سه‌بعدیِ شناور و کتل‌بلی که همراه اسکرول سفر می‌کند */
@font-face{font-family:CoachTitle;src:url(/l/CoachTitle.ttf) format("truetype");font-display:swap}
@font-face{font-family:CoachBody;src:url(/l/CoachBody.ttf) format("truetype");font-display:swap}
:root{
  --cream:#F5EFE7;--cream2:#EDE4D8;--milk:#FBF7F2;--ink:#21170F;--ink2:#4D4038;--muted:#857870;
  --coral:#F46344;--red:#D7262B;--wine:#7A1526;--wine2:#4A0C17;--peach:#FDDCC4;
  --glass:rgba(255,255,255,.6);--r:28px;
  --shadow:0 30px 70px -30px rgba(122,21,38,.35),0 2px 10px -4px rgba(33,23,15,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:CoachBody,Tahoma,sans-serif;color:var(--ink);background:var(--cream);line-height:1.95;font-size:16.5px;overflow-x:clip;-webkit-font-smoothing:antialiased}
h1,h2,h3,.t{font-family:CoachTitle,CoachBody,serif;font-weight:700;line-height:1.3}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 22px;position:relative;z-index:3}
.ic{flex:none}
section{position:relative;overflow-x:clip}

/* ── لودر ── */
#loader{position:fixed;inset:0;z-index:100;background:var(--cream);display:grid;place-items:center;transition:clip-path 1s cubic-bezier(.76,0,.24,1);clip-path:inset(0 0 0 0)}
#loader img{width:92px;animation:beat 1.1s ease-in-out infinite}
#loader.out{clip-path:inset(0 0 100% 0)}
@keyframes beat{0%,100%{transform:scale(1)}30%{transform:scale(1.12)}60%{transform:scale(.97)}}

/* ── دکمه‌ها و برچسب‌ها ── */
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 30px;border-radius:999px;font-weight:700;font-size:1rem;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .3s;white-space:nowrap;position:relative;overflow:hidden}
.btn:hover{transform:translateY(-3px)}
.btn-main{background:linear-gradient(135deg,#F46344,#D7262B);color:#fff;box-shadow:0 16px 34px -12px rgba(215,38,43,.6)}
.btn-main::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);translate:-120% 0;transition:translate .8s}
.btn-main:hover::after{translate:120% 0}
.btn-dark{background:var(--ink);color:#fff;box-shadow:0 16px 34px -14px rgba(33,23,15,.6)}
.btn-soft{background:#fff;color:var(--ink);box-shadow:var(--shadow)}
.btn-ghost{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:.86rem;letter-spacing:.5px;color:var(--wine);font-weight:700}
.kicker b{font-family:CoachTitle;font-size:1rem;color:var(--red)}
.kicker::before{content:"";width:34px;height:2px;border-radius:2px;background:currentColor;opacity:.55}
.glass{background:var(--glass);border:1px solid rgba(255,255,255,.85);border-radius:var(--r);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}

/* ── هدر ── */
header{position:fixed;top:14px;inset-inline:0;z-index:60;pointer-events:none}
.nav{pointer-events:auto;max-width:1200px;margin:0 auto;padding:0 22px}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:66px;padding:0 10px 0 18px;padding-inline:18px 10px;border-radius:999px;transition:background .4s,box-shadow .4s,backdrop-filter .4s}
header.scrolled .nav-in{background:rgba(251,247,242,.72);box-shadow:0 16px 40px -24px rgba(33,23,15,.4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.logo{display:flex;align-items:center;gap:10px}
.logo img{height:40px;width:auto}
.menu{display:flex;gap:28px;color:var(--ink2);font-size:.95rem}
.menu a{position:relative}
.menu a::after{content:"";position:absolute;inset-inline:0;bottom:2px;height:2px;border-radius:2px;background:var(--red);transform:scaleX(0);transition:transform .3s}
.menu a:hover::after{transform:scaleX(1)}
.nav .btn{padding:12px 22px;font-size:.92rem}
header.on-dark:not(.scrolled) .menu,header.on-dark:not(.scrolled) .logo .t{color:#fff}

/* ── نشانگر بخش‌ها (مثل نقطه‌های اسلایدر) ── */
.dots{position:fixed;inset-inline-start:22px;top:50%;translate:0 -50%;z-index:55;display:flex;flex-direction:column;gap:12px}
.dots a{width:10px;height:10px;border-radius:999px;background:rgba(33,23,15,.2);transition:height .4s,background .4s}
.dots a.on{height:30px;background:var(--red)}
.dots.dark a{background:rgba(255,255,255,.35)}.dots.dark a.on{background:#fff}

/* ── اشیای سه‌بعدی ── */
.obj{position:absolute;will-change:transform;pointer-events:none;z-index:2}
.obj > svg{width:100%;height:auto;display:block;filter:drop-shadow(0 30px 30px rgba(74,12,23,.22));animation:bob var(--bob,7s) ease-in-out var(--del,0s) infinite}
@keyframes bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(var(--tilt,4deg))}}

/* کتل‌بلِ مسافر */
#orbLayer{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:4}
#orb{position:absolute;top:0;left:0;width:210px;height:210px;margin:-105px 0 0 -105px;will-change:transform}
#orb svg{width:100%;height:100%;filter:drop-shadow(0 40px 40px rgba(74,12,23,.35))}
.anchor{position:absolute;width:2px;height:2px;pointer-events:none}

/* ── ۱. هیرو ── */
.hero{min-height:100svh;padding:120px 0 80px;display:flex;align-items:center;background:
  radial-gradient(60% 50% at 20% 30%,#FFF8F1 0%,rgba(255,248,241,0) 70%),
  radial-gradient(50% 50% at 85% 80%,#F7DCC8 0%,rgba(247,220,200,0) 70%),var(--cream)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;width:100%}
.hero h1{font-size:clamp(2.7rem,6.6vw,5.6rem);line-height:1.12;letter-spacing:-1px;margin:16px 0 22px}
.hero h1 .r{color:var(--red);display:inline-block}
.split .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em}
.split .w > span{display:inline-block;transform:translateY(105%);transition:transform 1s cubic-bezier(.2,.8,.2,1) var(--d,0ms)}
.ready .split .w > span{transform:none}
.hero .lead{font-size:1.15rem;color:var(--ink2);max-width:520px}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:var(--muted);font-size:.9rem}
.trust span{display:inline-flex;align-items:center;gap:7px}
.trust .ic{color:var(--coral)}
.stage{position:relative;height:620px}
.stage .plate{position:absolute;inset:12% 10%;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff 0%,#F6E6D8 55%,rgba(246,230,216,0) 72%)}
.scroll-hint{position:absolute;bottom:26px;left:50%;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:.8rem;z-index:3}
.scroll-hint i{width:24px;height:38px;border:2px solid currentColor;border-radius:14px;position:relative}
.scroll-hint i::after{content:"";position:absolute;left:50%;top:7px;width:4px;height:8px;border-radius:2px;background:var(--red);translate:-50% 0;animation:wheel 1.6s ease-in-out infinite}
@keyframes wheel{0%{opacity:0;transform:translateY(-3px)}40%{opacity:1}100%{opacity:0;transform:translateY(12px)}}

/* ── ۲. تکه‌ها ── */
.pieces{min-height:150vh;background:linear-gradient(var(--cream),var(--cream2))}
.pieces .sticky{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden}
.pieces .sticky > .wrap{position:absolute;top:13%;left:0;right:0}
.pieces h2{font-size:clamp(1.9rem,4.4vw,3.6rem);text-align:center;line-height:1.25}
.pieces h2 small{display:block;font-family:CoachBody;font-weight:400;font-size:1.05rem;color:var(--muted);margin-top:14px}
.pieces .after{position:absolute;bottom:14%;left:0;right:0;text-align:center;font-family:CoachTitle;font-size:clamp(1.4rem,3vw,2.2rem);color:var(--red);opacity:0}
.chipx{position:absolute;padding:12px 20px;border-radius:999px;background:#fff;box-shadow:var(--shadow);font-size:.98rem;white-space:nowrap;display:flex;gap:8px;align-items:center;will-change:transform,opacity}
.chipx s{text-decoration-color:rgba(215,38,43,.7)}
.chipx i{width:9px;height:9px;border-radius:50%;background:var(--coral)}

/* ── ۳. اسپلش ── */
.splash{padding:140px 0 120px;background:linear-gradient(var(--cream2),var(--milk))}
.sec-head{text-align:center;max-width:760px;margin:0 auto 60px}
.sec-head h2{font-size:clamp(2rem,4.6vw,3.6rem);margin-top:12px}
.sec-head p{color:var(--muted);margin-top:12px;font-size:1.08rem}
.phone{position:relative;width:290px;border-radius:44px;padding:10px;background:#fff;box-shadow:0 50px 90px -34px rgba(122,21,38,.5),0 0 0 1px #fff}
.phone img{border-radius:35px;width:100%;height:auto}
.phone .scr{position:relative;border-radius:35px;overflow:hidden}
.ring{position:absolute;left:50%;top:18%;width:40px;height:40px;margin:-20px;border-radius:50%;border:3px solid var(--coral);opacity:0;pointer-events:none}
.phone.hit .ring{animation:ring 1.1s cubic-bezier(.2,.7,.2,1) forwards}
.phone.hit .ring.b{animation-delay:.15s}.phone.hit .ring.c{animation-delay:.3s}
@keyframes ring{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(9)}}
.phone.hit{animation:thud .6s cubic-bezier(.2,.7,.2,1)}
@keyframes thud{30%{transform:translateY(10px) scale(.985)}}
.drops{position:absolute;left:50%;top:18%;pointer-events:none}
.drops b{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FF9A7E,#D7262B);opacity:0}
.phone.hit .drops b{animation:drop 1s cubic-bezier(.15,.7,.3,1) forwards}
@keyframes drop{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.4)}}
.orbit{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:center}
.orbit .col{display:grid;gap:18px}
.fcard{padding:22px 22px;display:flex;gap:14px;align-items:flex-start;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.fcard:hover{transform:translateY(-6px) rotate(-.6deg)}
.fcard .fi{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#FFF3EA,#FDCFB0);color:var(--red)}
.fcard h3{font-size:1.08rem}
.fcard p{color:var(--muted);font-size:.9rem;line-height:1.85;margin-top:2px}

/* ── ۴. برنامه‌ات را بساز (تغییر رنگ) ── */
.brew{background:radial-gradient(70% 60% at 50% 35%,#F2714E 0%,#C9332E 45%,#7A1526 80%,#4A0C17 100%);color:#fff;padding:230px 0 150px;min-height:120vh}
.brew .drip{position:absolute;top:-2px;left:0;width:100%;height:240px;z-index:1}
.brew h2{font-size:clamp(2.6rem,7vw,6rem);line-height:1.08;text-align:center;letter-spacing:-1px}
.brew .sub{text-align:center;color:rgba(255,255,255,.8);margin-top:10px;font-size:1.1rem}
.brew .kicker{color:#FFD9C4;justify-content:center;display:flex}
.brew-stage{position:relative;height:640px;margin-top:40px}
.brew-stage .phone{position:absolute;left:50%;top:50%;translate:-50% -50%;width:270px;z-index:3}
.brew svg.ribbon{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.ing{position:absolute;z-index:4;padding:12px 18px;border-radius:20px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-weight:700;font-size:.95rem;display:flex;gap:8px;align-items:center;white-space:nowrap;box-shadow:0 20px 40px -20px rgba(0,0,0,.4)}
.ing .ic{color:#FFD0B8}
.brew .cta-row{justify-content:center;margin-top:30px}

/* ── ۵. ورزشکار (تیره) ── */
.ath{background:linear-gradient(#4A0C17,#2A0710);color:#fff;padding:110px 0 120px}
.ath .sec-head p{color:rgba(255,255,255,.7)}
.ath .kicker{color:#FFC7AE;justify-content:center;display:flex}
.ath-grid{display:grid;grid-template-columns:1fr 340px 1fr;gap:34px;align-items:center}
.ath-grid .col{display:grid;gap:18px}
.dcard{padding:22px;border-radius:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);display:flex;gap:14px;transition:background .3s,transform .4s}
.dcard:hover{background:rgba(255,255,255,.12);transform:translateY(-5px)}
.dcard .fi{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;flex:none;background:rgba(244,99,68,.2);color:#FFB49A}
.dcard h3{font-size:1.05rem}
.dcard p{color:rgba(255,255,255,.66);font-size:.9rem;line-height:1.85;margin-top:2px}
.ath .phone{margin:0 auto;width:300px;transform:rotate(-3deg)}

/* ── ۶. سه قدم ── */
.light{padding:110px 0;background:var(--cream)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.step{padding:34px 28px;position:relative;overflow:hidden}
.step .n{font-family:CoachTitle;font-size:5rem;line-height:1;color:transparent;-webkit-text-stroke:2px var(--coral);opacity:.85}
.step h3{font-size:1.25rem;margin:12px 0 6px}
.step p{color:var(--muted);font-size:.95rem}
.step::after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;inset-inline-end:-60px;bottom:-60px;background:radial-gradient(circle,#FDD9C2,rgba(253,217,194,0) 70%)}
.ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end;margin-top:90px}
.rung{padding:24px 20px;text-align:center}
.rung:nth-child(1){min-height:170px}.rung:nth-child(2){min-height:205px}.rung:nth-child(3){min-height:240px}.rung:nth-child(4){min-height:275px;background:linear-gradient(160deg,rgba(255,255,255,.8),rgba(253,220,196,.8))}
.rung .lv{font-size:.82rem;color:var(--coral);font-weight:700}
.rung h3{font-size:1.15rem;margin:6px 0}
.rung .en{font-style:italic;color:var(--muted);font-size:.85rem}
.rung p{color:var(--ink2);font-size:.9rem;margin-top:8px}

/* نصب */
.install{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}
.inst-cards{display:grid;gap:16px}
.inst{display:flex;gap:16px;align-items:flex-start;padding:22px}
.inst .fi{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#FFF3EA,#FDCFB0);color:var(--red)}
.inst h3{font-size:1.1rem}
.inst p{color:var(--muted);font-size:.93rem}
.inst a.more{display:inline-flex;margin-top:8px;color:var(--red);font-weight:700;font-size:.92rem;gap:6px;align-items:center}
.qr{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}
.qr img{width:210px;border-radius:22px;box-shadow:var(--shadow);background:#fff;padding:10px}
.qr p{color:var(--muted);margin-top:14px;font-size:.93rem}

/* پرسش‌ها */
.faq{max-width:840px;margin:0 auto;display:grid;gap:12px}
.faq details{padding:6px 26px;border-radius:24px;transition:background .3s}
.faq details[open]{background:#fff}
.faq summary{list-style:none;cursor:pointer;padding:18px 0;font-family:CoachTitle;font-size:1.1rem;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:CoachBody;font-size:1.6rem;color:var(--coral);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--ink2);padding:0 0 20px}

/* فراخوان پایانی */
.final{border-radius:44px;padding:90px 30px;text-align:center;position:relative;overflow:hidden;color:#fff;background:radial-gradient(80% 90% at 50% 0%,#F46344 0%,#C9332E 45%,#7A1526 100%)}
.final h2{font-size:clamp(2rem,4.6vw,3.6rem);position:relative;z-index:2}
.final p{color:rgba(255,255,255,.85);margin:14px auto 32px;max-width:560px;position:relative;z-index:2}
.final .cta-row{justify-content:center;position:relative;z-index:2}
.final .obj{z-index:1;opacity:.9}
footer{padding:70px 0 40px;color:var(--ink2);background:var(--cream)}
.f-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start}
.f-grid .logo img{height:46px}
.f-grid .tag{color:var(--muted);margin-top:10px;max-width:340px;font-size:.93rem}
.contacts{display:grid;gap:6px}
.contact{display:flex;align-items:center;gap:10px;color:var(--ink2)}
.contact .ic{color:var(--coral)}
.contact:hover{color:var(--red)}
.copy{margin-top:40px;padding-top:22px;border-top:1px solid #E2D8CC;color:var(--muted);font-size:.86rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

/* ظاهر شدن */
.reveal{opacity:0;transform:translateY(34px) scale(.98);transition:opacity .9s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .9s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
.reveal.in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}.split .w > span{transform:none}
  #loader{display:none}
}
@media(max-width:1000px){
  .menu,.dots{display:none}
  .hero-grid,.install{grid-template-columns:1fr}
  .hero{padding-top:110px}
  .stage{height:460px;max-width:520px;width:100%;margin:0 auto}
  .orbit,.ath-grid{grid-template-columns:1fr}
  .orbit .phone,.ath .phone{margin:0 auto;order:-1}
  .steps{grid-template-columns:1fr}
  .ladder{grid-template-columns:1fr 1fr}
  .brew{padding-top:190px}
  .brew-stage{height:560px}
  #orb{width:150px;height:150px;margin:-75px 0 0 -75px}
}
@media(max-width:620px){
  body{font-size:15.5px}
  .stage{height:380px}
  .obj.m-hide{display:none}
  .phone{width:250px}
  .brew-stage{height:520px}
  .brew-stage .phone{width:220px}
  .ing{font-size:.82rem;padding:9px 13px}
  .ladder{grid-template-columns:1fr}
  .rung{min-height:auto!important}
  .nav .btn span{display:none}
  .final{padding:70px 20px;border-radius:34px}
  #orb{width:120px;height:120px;margin:-60px 0 0 -60px}
}