.gym-hero{align-items:flex-end;min-height:min(86vh,820px);display:flex;position:relative;overflow:hidden}.gym-hero>picture img{-o-object-fit:cover;object-fit:cover;-o-object-position:62% 30%;object-position:62% 30%;width:100%;height:100%;position:absolute;inset:0}.gym-hero:after{content:"";background:linear-gradient(#0709094d 0%,#0709098c 45%,#070909 96%),linear-gradient(90deg,#070909d9,#0000 70%);position:absolute;inset:0}.gym-hero .wrap{z-index:2;gap:24px;padding-bottom:clamp(48px,7vw,96px);display:grid;position:relative}.gym-hero h1{max-width:14ch}.timeline{grid-template-columns:repeat(4,1fr);gap:20px;display:grid;position:relative}.tl{align-content:start;gap:12px;padding-top:44px;display:grid;position:relative}.tl:before{content:attr(data-n);border:1px solid var(--teal);width:32px;height:32px;color:var(--teal);font:600 13px/1 var(--f-mono);background:var(--bg);z-index:1;border-radius:99px;place-items:center;display:grid;position:absolute;top:0;left:0}.tl:after{content:"";background:linear-gradient(90deg, var(--teal), var(--line-2));height:1px;position:absolute;top:16px;left:40px;right:-12px}.tl:last-child:after{display:none}.tl .when{font:600 12px/1 var(--f-mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.tl p{color:var(--text-2);font-size:15px}@media (width<=900px){.timeline{grid-template-columns:1fr;gap:28px}.tl{padding:0 0 0 52px}.tl:after{background:var(--line-2);width:1px;height:auto;inset:40px auto -24px 16px}}.demo-phone .screen{background:#0d0d0d}.ex-card{background:#141414;border:1px solid #262626;border-radius:1.1em;margin:8% 6%;overflow:hidden}.ex-card .ex-img{aspect-ratio:16/10;color:#23ebc6;background:linear-gradient(135deg,#12302c,#0b0e0f);place-items:center;font-size:2.2em;display:grid}.ex-card .ex-body{gap:.5em;padding:7%;display:grid}.ex-card b{font-size:1.3em}.ex-card small{color:#a6a6a6;font-size:.75em}.tap-toast{color:#75f0df;opacity:0;transition:all .4s var(--ease);background:#203c38;border-radius:.9em;align-items:center;gap:.6em;margin:0 6%;padding:.8em 1em;font-size:.78em;font-weight:700;display:flex;transform:translateY(-6px)}.demo-on .tap-toast{opacity:1;transform:none}.demo-phone .screen>.idle{text-align:center;color:#737373;z-index:2;background:#0d0d0d;place-items:center;padding:20%;font-size:.85em;transition:opacity .4s;display:grid;position:absolute;inset:0}.demo-on .screen>.idle{opacity:0;pointer-events:none}.dash{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:18px;padding:24px;display:grid}.dash-kpis{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dash-kpis div{border:1px solid var(--line);border-radius:12px;padding:14px}.dash-kpis b{font:800 26px/1.1 var(--f-display);font-stretch:110%;display:block}.dash-kpis span{color:var(--muted);font-size:12px}.usage{gap:10px;display:grid}.usage div{color:var(--text-2);grid-template-columns:110px 1fr 40px;align-items:center;gap:12px;font-size:13px;display:grid}.usage i{background:linear-gradient(90deg, var(--teal-2), var(--teal));border-radius:99px;height:8px;display:block}.usage em{font-style:normal;font-family:var(--f-mono);color:var(--muted);text-align:right}.demo-note{font:600 11px/1 var(--f-mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase}