/* Mula · שכבת שדרוג לדפי שירות ועיר (v1) */
/* פתיחת "הבעיה": שורות קצרות הופכות לכותרות שנחשפות אחת אחרי השנייה */
.problem-sec .prose p.up-line{font-family:var(--f-display);font-weight:800;font-size:clamp(22px,2.8vw,30px);line-height:1.3;color:var(--ink);margin:0 0 10px;letter-spacing:-.015em;}
.problem-sec .prose p.up-line.q{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.problem-sec .prose p{font-size:clamp(17px,1.8vw,19.5px);color:#2d2d33;}
.up-js .problem-sec .prose p{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.up-js .problem-sec .prose.up-in p{opacity:1;transform:none;}
/* callout: פס מותג שנמתח */
.problem-sec .callout{position:relative;border-inline-start:0!important;padding-inline-start:26px!important;font-size:clamp(21px,2.7vw,28px)!important;line-height:1.4;}
.problem-sec .callout::before{content:"";position:absolute;inset-inline-start:0;top:4px;bottom:4px;width:4px;border-radius:4px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .8s var(--ease) .15s;}
.problem-sec .callout.in::before,.no-up .problem-sec .callout::before{transform:none;}
/* הדגשות: מרקר שנמרח בזמן גלילה */
.prose strong,.problem-sec strong{background-image:linear-gradient(120deg,rgba(232,0,61,.16),rgba(123,47,190,.2));background-repeat:no-repeat;background-position:100% 88%;background-size:0% .42em;transition:background-size .9s var(--ease) .2s;padding-inline:1px;}
.up-mark strong,.prose.up-in strong,.reveal.in strong{background-size:100% .42em;}
/* כרטיסים: פס עליון שנחשף + השהיה מדורגת */
.sg-card,.adv{overflow:hidden;}
.sg-card::before,.adv::before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:var(--grad);transform:scaleX(0);transform-origin:right;transition:transform .7s var(--ease);}
.sg-card.in::before,.adv.in::before,.sg-card:hover::before,.adv:hover::before{transform:scaleX(1);}
.up-js .sg-card.reveal,.up-js .adv.reveal{transition-delay:calc(var(--i,0) * 90ms);}
.sg-card:hover .sg-ic,.adv:hover .a-ic{transform:translateY(-2px) rotate(-4deg);}
.sg-ic,.a-ic{transition:transform .35s var(--ease);}
/* תהליך: קו שמתמלא לפי הגלילה */
.process-sec .timeline::after{content:"";position:absolute;inset-inline-start:27px;top:12px;width:2px;height:var(--fill,0%);max-height:calc(100% - 24px);background:var(--grad);border-radius:2px;}
.process-sec .tl-step::before{transition:transform .4s var(--ease),box-shadow .4s;}
.process-sec .tl-step.lit::before{transform:scale(1.25);background:var(--grad);}
@media(max-width:620px){.process-sec .timeline::after{inset-inline-start:16px;}.problem-sec .prose p.up-line{font-size:22px;}}
/* שאלות נפוצות: פתיחה רכה */
.faq .ans{animation:upFaq .35s var(--ease);}
@keyframes upFaq{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.up-js .problem-sec .prose p{opacity:1;transform:none;transition:none}.prose strong{transition:none;background-size:100% .42em}.sg-card::before,.adv::before,.problem-sec .callout::before{transition:none}}