@media(max-width:1024px){
  .mobile-time{position:relative;overflow:hidden;padding-top:54px;padding-bottom:72px;border-top:1px solid var(--landing-line);--time-progress:0}
  .mobile-time h2{max-width:360px}
  .mobile-time-lead{max-width:330px;margin:18px 0 0;color:var(--landing-muted);font-size:.92rem;line-height:1.5}
  .mobile-time-day{position:relative;display:grid;gap:0;margin-top:40px;padding:8px 0 0 54px}
  .mobile-time-axis{position:absolute;top:5px;bottom:28px;left:25px;width:1px;background:linear-gradient(var(--landing-gold),var(--landing-line));opacity:.8}
  .mobile-time-slot{position:relative;display:grid;gap:5px;min-height:82px;padding:12px 0;border-bottom:1px solid var(--landing-line);transition:min-height .8s cubic-bezier(.2,.8,.2,1),padding .8s cubic-bezier(.2,.8,.2,1)}
  .mobile-time-slot:before{content:'';position:absolute;left:-35px;top:22px;width:9px;height:9px;border:2px solid var(--landing-gold);border-radius:50%;background:var(--landing-bg)}
  .mobile-time-slot time{color:var(--landing-gold);font-size:.72rem;font-weight:800;letter-spacing:.08em}
  .mobile-time-slot strong{font-size:1.05rem;font-weight:700}
  .mobile-time-task{display:grid;gap:3px;justify-self:start;max-width:100%;max-height:0;margin:0 0 0 -8px;padding:0;opacity:0;transform:translateX(-18px) scale(.94);border-left:1px solid rgba(198,161,90,.5);color:var(--landing-muted);font-size:.72rem;overflow:hidden;transition:margin .8s cubic-bezier(.2,.8,.2,1),padding .7s,opacity .45s,transform .7s cubic-bezier(.2,.8,.2,1),max-height .8s}
  .mobile-time-task b{color:var(--landing-text);font-size:.82rem}
  .mobile-time-task span{color:var(--landing-gold);font-size:.66rem}
  .mobile-time-turn{max-height:0;margin:0;overflow:hidden;color:var(--landing-text);font-size:1.25rem;font-weight:750;letter-spacing:-.04em;opacity:0;transform:translateY(8px);transition:max-height .8s,margin .8s,opacity .5s,transform .6s}
  .mobile-time-connected{display:grid;gap:6px;max-height:0;margin:0 -8px;padding:0 14px;border:1px solid transparent;border-radius:10px;opacity:0;transform:scale(.94);overflow:hidden;transition:max-height .8s,margin .7s,padding .7s,opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1),border-color .5s,background .5s}
  .mobile-time-connected strong{font-size:.92rem}.mobile-time-connected i{font-style:normal;color:#7dc596}.mobile-time-connected span{color:var(--landing-muted);font-size:.66rem}
  .mobile-time-result{display:grid;gap:7px;margin-top:64px;padding-top:24px;border-top:1px solid var(--landing-line);opacity:.25;transform:translateY(10px);transition:opacity .7s,transform .7s}.mobile-time-result strong{font-size:2rem;letter-spacing:-.06em}.mobile-time-result span{color:var(--landing-muted);font-size:.88rem}
  .mobile-time[data-time-state="fragmented"] .mobile-time-slot{min-height:106px;padding-top:20px;padding-bottom:20px}
  .mobile-time[data-time-state="fragmented"] .mobile-time-task{max-height:64px;margin:0 0 0 -8px;padding:10px 12px;opacity:1;transform:none}
  .mobile-time[data-time-state="fragmented"] .mobile-time-task-payment{margin-left:10px}.mobile-time[data-time-state="fragmented"] .mobile-time-task-client{margin-left:-2px}.mobile-time[data-time-state="fragmented"] .mobile-time-task-open{margin-left:18px}
  .mobile-time[data-time-state="fragmented"] .mobile-time-turn{max-height:80px;margin:34px 0 12px;opacity:1;transform:none}
  .mobile-time[data-time-state="organized"] .mobile-time-slot{min-height:112px;padding-top:26px;padding-bottom:26px}.mobile-time[data-time-state="organized"] .mobile-time-task{max-height:26px;margin:0;padding:3px 8px;opacity:.62;transform:scale(.9)}
  .mobile-time[data-time-state="organized"] .mobile-time-connected{max-height:80px;margin:16px -8px 0;padding:14px;opacity:1;transform:none;border-color:rgba(198,161,90,.48);background:rgba(198,161,90,.06)}
  .mobile-time[data-time-state="organized"] .mobile-time-result{opacity:1;transform:none}
  @media(prefers-reduced-motion:reduce){.mobile-time-slot,.mobile-time-task,.mobile-time-turn,.mobile-time-connected,.mobile-time-result{transition:none}.mobile-time[data-time-state="organized"] .mobile-time-task{opacity:1}.mobile-time-result{opacity:1;transform:none}}
}
