.features{padding:var(--section-y) var(--gutter);background:var(--paper)}.features-title{max-width:var(--page-max);font-size:var(--step-h2);text-align:center;margin:0 auto}.features-title span{color:var(--muted);display:block}.features .bento{gap:var(--space-4);max-width:var(--page-max);margin:var(--space-7) auto 0;grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.features .tile{gap:var(--space-2);min-height:var(--tile-min);padding:var(--space-6);border-radius:var(--radius-tile);background:var(--mist);flex-direction:column;grid-column:span 12;display:flex;overflow:clip}.features .tile-large{min-height:var(--tile-tall)}.features .tile-title{font-size:var(--step-h3);hyphens:auto;overflow-wrap:break-word}.features .tile-small .tile-title{font-size:var(--step-tile-small)}.features .tile-body{max-width:var(--measure-lead);color:var(--muted)}.features-label{color:var(--muted);font-size:var(--step-caption);text-align:center;margin-block-start:var(--space-5)}@media (width>=48rem){.features .tile-large{grid-column:span 6}.features .tile-medium{grid-column:span 4}.features .tile-small{grid-column:span 6}}@media (width>=64rem){.features .tile-small{grid-column:span 3}}.features .scene{justify-items:start;gap:var(--space-2);font-size:var(--step-chat);margin-block-start:auto;padding-block-start:var(--space-5);display:grid}.features .bubble{max-width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-bubble);background:var(--bubble-bot);border-end-start-radius:var(--space-1)}.features .pills{gap:var(--space-1);flex-wrap:wrap;display:flex}.features .pill{padding:var(--space-1) var(--space-3);border:var(--hairline) solid var(--line);border-radius:var(--radius-pill);background:var(--phone-screen);color:var(--action-text);font-weight:var(--weight-strong)}.features .pill.chosen{border-color:var(--action);background:var(--action);color:var(--on-action)}.features .lane{width:100%;display:flex}.features .chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--ink);color:var(--paper);font-family:var(--font-display);font-weight:var(--weight-display);margin-inline-start:auto}.features .typed{font-family:var(--font-display);font-size:var(--step-lead);font-weight:var(--weight-strong)}.features .dots{grid-template-columns:repeat(6, var(--dot));gap:var(--space-2);display:grid}.features .dot{width:var(--dot);aspect-ratio:1;border-radius:var(--radius-pill);background:var(--booked)}.features .week{gap:var(--space-1);display:flex}.features .day{width:var(--day-cell);aspect-ratio:1;border-radius:var(--space-2);background:var(--phone-screen);font-size:var(--step-chat-detail);place-items:center;display:grid}.features .day.closed{background:var(--line);color:var(--ink);text-decoration:line-through}.features .switch-row{align-items:center;gap:var(--space-3);font-weight:var(--weight-strong);display:inline-flex}.features .switch{width:var(--switch-width);padding:var(--switch-pad);border-radius:var(--radius-pill);background:var(--booked);justify-content:flex-end;display:flex}.features .knob{width:var(--switch-knob);aspect-ratio:1;border-radius:var(--radius-pill);background:var(--paper);box-shadow:var(--shadow-row)}.features .profile{align-items:center;gap:var(--space-2) var(--space-3);grid-template-columns:auto 1fr;display:grid}.features .avatar{width:var(--avatar);aspect-ratio:1;border-radius:var(--radius-pill);background:var(--ink);color:var(--paper);font-weight:var(--weight-strong);place-items:center;display:grid}.features .who{color:var(--muted);font-size:var(--step-chat-detail);display:grid}.features .who strong{color:var(--ink);font-size:var(--step-chat)}.features .profile .pills{grid-column:1/-1}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.features .scene>*,.features .pill.chosen,.features .chip,.features .typed,.features .dot,.features .knob{animation-name:scene-in;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry 10% cover 35%}.features .pill.chosen{animation-name:pill-pick}.features .chip{animation-name:chip-fly}.features .typed{animation-name:typing}.features .dot{animation-name:dot-fill;animation-range:entry calc(var(--n) * 4%) cover calc(20% + var(--n) * 2%)}.features .knob{animation-name:switch-on}}}@keyframes scene-in{0%{opacity:0;translate:0 var(--rise)}}@keyframes pill-pick{0%,60%{border-color:var(--line);background:var(--phone-screen);color:var(--action-text)}}@keyframes chip-fly{0%,20%{translate:calc(-1 * var(--lane-travel)) 0}}@keyframes typing{0%{clip-path:inset(0 100% 0 0)}}@keyframes dot-fill{0%{background:var(--line)}}@keyframes switch-on{0%,50%{translate:calc(-1 * var(--switch-travel)) 0}}