.feature-illustration{position:relative;isolation:isolate;height:232px;margin-bottom:25px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#ffffff04,#ffffff01);box-shadow:inset 0 1px 0 #ffffff04}
.feature-illustration::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 105%,#d4ef9110,transparent 65%)}
.fc-notch{display:flex;flex-direction:column;align-items:center;padding:0 16px 20px}
.fc-bridge{display:flex;align-items:center;justify-content:space-between;width:202px;height:47px;padding:0 15px;background:#080b09;border-radius:0 0 16px 16px;box-shadow:0 10px 24px #0003}
.fc-spin{display:block;width:24px;height:24px;flex:none}
.fc-bridge-time{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.69rem;color:var(--accent);font-variant-numeric:tabular-nums}
.fc-session{width:100%;max-width:322px;margin-top:22px;padding:14px 13px 12px;border-radius:16px;background:linear-gradient(135deg,#ffffff0c,#ffffff04),#233028;box-shadow:inset 0 1px 0 #ffffff16,inset 0 0 0 1px #ffffff08,0 14px 28px #0002}
.fc-session-main{display:flex;align-items:center;gap:8px;white-space:nowrap}
.fc-session-title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;font-size:.68rem;font-weight:550;letter-spacing:-.015em}
.fc-session-time{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.66rem;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.fc-session-control{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#ffffff0b}
.fc-session-control--pause{background:var(--accent);color:#182019}
.fc-pause{width:8px;height:10px;border-inline:3px solid currentColor}
.fc-stop{width:7px;height:7px;border-radius:1.5px;background:currentColor}
.fc-session-totals{display:flex;justify-content:space-between;gap:9px;margin-top:13px;padding-top:11px;border-top:1px solid #ffffff09;font-size:.56rem;color:var(--muted);white-space:nowrap}
.fc-session-totals strong{font-size:.61rem;font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums;margin-left:4px}
.fc-art-note{position:absolute;right:15px;bottom:11px;font-size:.5rem;letter-spacing:.025em;color:var(--muted);opacity:.7}
.fc-earnings{padding:24px 25px 28px}
.fc-eyebrow{font-size:.63rem;color:var(--muted)}
.fc-money{font-size:2rem;letter-spacing:-.055em;font-weight:450;line-height:1.2;margin-top:7px;font-variant-numeric:tabular-nums}
.fc-money span{color:#8f9e91}
.fc-chart{position:relative;display:flex;align-items:flex-end;gap:6px;height:78px;margin-top:21px;border-bottom:1px solid #ffffff12;background:repeating-linear-gradient(to top,transparent 0,transparent 37px,#ffffff08 37px,#ffffff08 38px)}
.fc-bar{display:block;flex:1;min-width:0;height:var(--bar-height);border-radius:3px 3px 0 0;background:#d4ef917a;transform-origin:center bottom}
.fc-bar:nth-child(3n){background:#d4ef91a6}.fc-bar:last-child{background:var(--accent)}
.fc-clients{display:flex;flex-direction:column;justify-content:center;padding:24px 22px;gap:9px}
.fc-clients-heading{font-size:.65rem;color:var(--muted);margin-bottom:8px}
.fc-client{display:flex;align-items:center;gap:11px;min-height:52px;padding:9px 10px;border-radius:11px;background:#ffffff03;border:1px solid transparent;transform-origin:center}
.fc-client:first-of-type{background:#ffffff06}
.fc-client-logo{display:grid;place-items:center;flex:none;width:33px;height:33px;border-radius:9px;background:#101613;box-shadow:inset 0 0 0 1px #ffffff12;color:#eff2e9}
.fc-client-logo svg{display:block;width:19px;height:19px;fill:currentColor}
.fc-client-name{min-width:0;flex:1;font-size:.72rem;font-weight:500;white-space:nowrap}
.fc-client-projects{font-size:.6rem;color:var(--muted);white-space:nowrap}
.fc-client-new{background:#ffffff04;border-color:#d4ef9114}
.feature-motion-toggle{grid-column:1/-1;justify-self:end;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.65rem;cursor:pointer;margin-top:-12px}
.feature-motion-toggle::before{content:"";width:6px;height:6px;border:1px solid currentColor;border-radius:50%;opacity:.7}.feature-motion-toggle:hover{color:var(--ink)}.feature-motion-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:3px}.feature-motion-toggle[hidden]{display:none}
@media(prefers-reduced-motion:no-preference){
  .is-motion-ready .fc-spin{animation:fc-mark-turn 24s linear infinite;animation-play-state:paused}
  .is-motion-ready:not(.has-entered) .fc-bar{transform:scaleY(0);opacity:0}
  .is-motion-ready:not(.has-entered) .fc-client-new{opacity:0;transform:translateY(10px) scale(.985)}
  .is-motion-ready.has-entered:not(.is-motion-settled) .fc-bar{animation:fc-bar-in .62s both;animation-delay:calc(var(--bar-order)*24ms);animation-play-state:paused}
  .is-motion-ready.has-entered:not(.is-motion-settled) .fc-client-new{animation:fc-client-in .55s .24s cubic-bezier(.2,.8,.2,1) both;animation-play-state:paused}
  .is-motion-playing .fc-spin,.is-motion-playing.has-entered:not(.is-motion-settled) .fc-bar,.is-motion-playing.has-entered:not(.is-motion-settled) .fc-client-new{animation-play-state:running}
  .is-motion-settled .fc-bar,.is-motion-settled .fc-client-new{animation:none;opacity:1;transform:none}
}
@keyframes fc-mark-turn{to{transform:rotate(360deg)}}
@keyframes fc-bar-in{0%{opacity:0;transform:scaleY(.04)}65%{opacity:1;transform:scaleY(1.045)}84%{transform:scaleY(.985)}100%{opacity:1;transform:scaleY(1)}}
@keyframes fc-client-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.fc-spin,.fc-bar,.fc-client-new{animation:none!important;transform:none!important;opacity:1!important}.feature-motion-toggle{display:none}}
@media(max-width:1050px) and (min-width:901px){.fc-notch{padding-inline:11px}.fc-session{padding-inline:10px}.fc-session-main{gap:5px}.fc-session-title{font-size:.6rem}.fc-session-time{font-size:.6rem}.fc-session-control{width:23px;height:23px}.fc-session-totals{font-size:.5rem;gap:4px}.fc-session-totals strong{font-size:.55rem;margin-left:2px}.fc-earnings{padding-inline:18px}.fc-clients{padding-inline:13px}.fc-client{padding-inline:7px;gap:8px}.fc-client-name{font-size:.65rem}.fc-client-projects{font-size:.52rem}}
@media(max-width:900px){.feature-cards{grid-template-columns:1fr;max-width:560px;gap:32px}.feature-motion-toggle{justify-self:start}}
@media(max-width:680px){.feature-illustration{height:232px;margin-bottom:18px}.fc-notch{padding-inline:20px}.fc-session{max-width:330px}.feature-motion-toggle{justify-self:start;margin-top:-18px}}