/* Online rehabilitation: concise, visual, and slightly digital. */
.future{--paper:#eef1ed;--ink:#eaf2ed;--muted:#a9bab3;--line:#334a43;--online-dark:#091714;--online-accent:#9ee6cf;background:var(--online-dark);color:var(--ink)}
.future .site-header,.future .site-header.scrolled{background:rgba(9,23,20,.94);color:var(--ink);border-color:var(--line)}.future .brand img{filter:invert(1)}.future .header-book{background:var(--online-accent);color:#07120f}.future .language{color:var(--ink)}.future footer{color:var(--ink)}.future .footer-wordmark span{color:var(--online-accent)}.future .footer-bottom,.future .footer-top{border-color:var(--line)}.future .whatsapp{background:#18352c}
.online-intro{min-height:50svh;display:flex;align-items:flex-end;position:relative;overflow:hidden;padding:clamp(64px,8vw,110px) 0 clamp(48px,6vw,76px)}
.online-intro:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 40%,rgba(60,147,120,.28),transparent 26%),linear-gradient(rgba(158,230,207,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(158,230,207,.06) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;transform:perspective(700px) rotateX(55deg) translateY(18%);transform-origin:center;pointer-events:none}
.online-intro .wrap{position:relative;z-index:1;width:100%}.online-intro .eyebrow{font-size:.78rem;letter-spacing:.13em;color:var(--online-accent);margin-bottom:24px}.online-intro h1{font-size:clamp(4rem,8.6vw,9.3rem);line-height:.86;letter-spacing:-.075em;max-width:1150px}.online-intro .wrap>p:not(.eyebrow){font-size:1.05rem;color:var(--muted);margin:30px 0}.online-intro .button{background:var(--online-accent);color:#07120f;border-radius:2px}
.online-steps{display:block;max-width:1440px;padding-top:0;padding-bottom:clamp(56px,7vw,100px)}
.online-step{margin:0;min-width:0;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(30px,6vw,100px);align-items:center;padding:clamp(36px,5vw,72px) 0;border-top:1px solid var(--line)}.online-step:nth-child(even){grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.online-step-media{grid-column:2;grid-row:1;aspect-ratio:16/9;overflow:hidden;background:#12251f;position:relative}.online-step:nth-child(even) .online-step-media{grid-column:1}.online-step img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.03) brightness(.95);transition:transform .7s cubic-bezier(.16,1,.3,1)}.online-step:nth-child(1) img{object-position:56% center}.online-step:nth-child(2) img{object-position:50% center}.online-step:nth-child(3) img{object-position:50% center}.online-step:hover img{transform:scale(1.015)}
.online-step figcaption{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:0}.online-step:nth-child(even) figcaption{grid-column:2}.online-step figcaption>span{color:var(--online-accent);font-size:.8rem;letter-spacing:.12em}.online-step h2{font-size:clamp(2.8rem,4.4vw,5rem);line-height:.95;letter-spacing:-.06em}.online-step time{color:var(--online-accent);font-size:1rem;font-variant-numeric:tabular-nums;letter-spacing:.05em;white-space:nowrap}.online-step figcaption p{font-size:1.05rem;line-height:1.55;color:var(--muted);max-width:340px}
.online-ending{background:#dcebe5;color:#10211b;padding:clamp(54px,7vw,88px) 0}.online-ending .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.online-ending h2{font-size:clamp(2.3rem,4.5vw,5rem);line-height:1;letter-spacing:-.055em}.online-ending .button{flex:none;background:#10211b;color:#eff6f2}
@media(max-width:850px){.future .site-header #navigation{background:var(--online-dark)}.future .mobile-dock{background:rgba(9,23,20,.95);border-color:var(--line)}.future .mobile-dock a{color:var(--ink)}.future .mobile-dock a:last-child{background:var(--online-accent);color:#07120f}}
@media(max-width:700px){.online-intro{min-height:420px;padding-top:70px}.online-intro:before{background-size:auto,48px 48px,48px 48px}.online-intro h1{font-size:clamp(3.3rem,15vw,5.2rem);line-height:.9}.online-steps{padding-top:0}.online-step,.online-step:nth-child(even){display:flex;flex-direction:column;align-items:stretch;gap:0;padding:28px 0}.online-step-media{width:100%;aspect-ratio:16/10}.online-step figcaption{padding:20px 0 0;gap:9px}.online-step h2{font-size:clamp(2.7rem,11vw,4.2rem)}.online-step figcaption p{font-size:1rem}.online-ending .wrap{align-items:flex-start;flex-direction:column}.online-ending .button{width:100%}}
@media(prefers-reduced-motion:reduce){.online-step img{transition:none}.online-step:hover img{transform:none}.online-intro:before{transform:none}}