:where([data-prototype-desktop]) .t-display,:where([data-prototype-desktop]) .t-h1,:where([data-prototype-desktop]) .t-h2,:where([data-prototype-desktop]) .t-h3{font-weight:var(--fw-heading);color:var(--ink);text-wrap:balance}:where([data-prototype-desktop]) .t-display{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display)}:where([data-prototype-desktop]) .t-h1{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1)}:where([data-prototype-desktop]) .t-h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2)}:where([data-prototype-desktop]) .t-h3{font-weight:var(--fw-heading-sm);font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3)}:where([data-prototype-desktop]) .t-lead{font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--ink-2);text-wrap:pretty}:where([data-prototype-desktop]) .t-small{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2)}:where([data-prototype-desktop]) .t-label{font-size:var(--fs-label);line-height:var(--lh-label);font-weight:var(--fw-semibold);color:var(--ink-3)}:where([data-prototype-desktop]) .t-caption{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--ink-3)}:where([data-prototype-desktop]) .eyebrow{font-size:var(--fs-eyebrow);line-height:1.4;font-weight:var(--fw-bold);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--ink-3);align-items:center;gap:.5rem;display:inline-flex}:where([data-prototype-desktop]) .eyebrow:before{content:"";background:var(--brand-mark);border-radius:50%;flex-shrink:0;width:5px;height:5px}:where([data-prototype-desktop]) .eyebrow--plain:before{display:none}:where([data-prototype-desktop]) .eyebrow--pill{border-radius:var(--r-pill);background:var(--surface);box-shadow:0 0 0 1px var(--border-warm-subtle);color:var(--ink-2);padding:5px 12px}:where([data-prototype-desktop]) .tnum{font-variant-numeric:tabular-nums;letter-spacing:0}:where([data-prototype-desktop]) .code{font-family:var(--font-mono);letter-spacing:0;font-size:.92em}:where([data-prototype-desktop]) kbd{font-family:var(--font-mono);min-width:1.5rem;height:1.5rem;padding:0 var(--s-1);border:1px solid var(--line-strong);color:var(--ink-3);background:var(--surface);border-radius:6px;place-items:center;font-size:.75rem;line-height:1;display:inline-grid}:where([data-prototype-desktop]) .link{color:var(--ink);font-weight:var(--fw-semibold);text-decoration:underline;text-decoration-color:var(--ink-4);text-underline-offset:3px;transition:text-decoration-color var(--dur-1) var(--ease-std);text-decoration-thickness:1px}:where([data-prototype-desktop]) .link:hover{text-decoration-color:currentColor}:where([data-prototype-desktop]) .container{width:100%;max-width:calc(var(--content-max) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}:where([data-prototype-desktop]) .section{padding-block:var(--section-y)}:where([data-prototype-desktop]) .section--ruled{padding-top:0}:where([data-prototype-desktop]) .section--ruled>.container:before{content:"";height:1px;margin-bottom:var(--section-y);background:var(--line);grid-column:1/-1;display:block}:where([data-prototype-desktop]) .visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}:where([data-prototype-desktop]) .skip-link{top:var(--s-3);left:var(--s-3);z-index:100;padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);background:var(--inverse);color:var(--on-inverse);font-size:var(--fs-small);font-weight:var(--fw-semibold);transition:transform var(--dur-2) var(--ease-out);position:fixed;transform:translateY(-160%)}:where([data-prototype-desktop]) .skip-link:focus{transform:none}:where([data-prototype-desktop]) .line-reveal{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:hidden}:where([data-prototype-desktop]) .line-reveal__inner{animation:line-up .72s var(--ease-out) both;animation-delay:calc(60ms + var(--i,0) * 70ms);display:block}@keyframes line-up{0%{transform:translateY(108%)}}:where([data-prototype-desktop]) .enter{animation:enter-up var(--dur-reveal) var(--ease-out) both;animation-delay:calc(.24s + var(--d,0) * 70ms)}@keyframes enter-up{0%{opacity:0;transform:translateY(10px)}}:where([data-prototype-desktop]) .reveal{opacity:0;transition:opacity var(--dur-reveal) var(--ease-out), transform var(--dur-reveal) var(--ease-out);transform:translateY(12px)}:where([data-prototype-desktop]) .reveal[data-inview=true]{opacity:1;transform:none}:where([data-prototype-desktop]) .spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){:where([data-prototype-desktop]) *,:where([data-prototype-desktop]) :before,:where([data-prototype-desktop]) :after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}:where([data-prototype-desktop]) .spin{animation:none!important}:where([data-prototype-desktop]) .reveal{opacity:1;transform:none}}:where([data-prototype-desktop]) .btn{--btn-h:2.5rem;--btn-px:1.125rem;justify-content:center;align-items:center;gap:var(--s-2);height:var(--btn-h);padding-inline:var(--btn-px);border-radius:var(--r-pill);font-size:var(--fs-small);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);white-space:nowrap;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-1) var(--ease-std), box-shadow var(--dur-2) var(--ease-std), color var(--dur-1) var(--ease-std), transform var(--dur-2) var(--ease-out);border:0;line-height:1;text-decoration:none;display:inline-flex}:where([data-prototype-desktop]) .btn__icon{width:1.0625rem;height:1.0625rem}:where([data-prototype-desktop]) .btn__icon--end{transition:transform var(--dur-2) var(--ease-out)}:where([data-prototype-desktop]) .btn:hover .btn__icon--end{transform:translate(2px)}:where([data-prototype-desktop]) .btn:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}:where([data-prototype-desktop]) .btn:disabled,:where([data-prototype-desktop]) .btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}:where([data-prototype-desktop]) .btn--sm{--btn-h:2rem;--btn-px:.875rem;font-size:var(--fs-label);gap:6px}:where([data-prototype-desktop]) .btn--sm .btn__icon{width:.9375rem;height:.9375rem}:where([data-prototype-desktop]) .btn--lg{--btn-h:3rem;--btn-px:1.375rem;font-size:.9375rem}:where([data-prototype-desktop]) .btn--square{width:var(--btn-h);padding:0}@media (pointer:coarse){:where([data-prototype-desktop]) .btn--sm{--btn-h:2.5rem}:where([data-prototype-desktop]) .btn--md{--btn-h:2.75rem}}:where([data-prototype-desktop]) .btn--primary{background:var(--action);color:var(--on-action);box-shadow:var(--shadow-btn)}:where([data-prototype-desktop]) .btn--primary:hover:not(:disabled){background:var(--action-hover);transform:translateY(-1px)}:where([data-prototype-desktop]) .btn--primary:active:not(:disabled){background:var(--action-press)}:where([data-prototype-desktop]) .btn--secondary{background:var(--surface-raised);color:var(--ink);box-shadow:0 0 0 1px var(--line-strong)}:where([data-prototype-desktop]) .btn--secondary:hover:not(:disabled){box-shadow:0 0 0 1px var(--ink-3)}:where([data-prototype-desktop]) .btn--secondary:active:not(:disabled){background:var(--surface-subtle)}:where([data-prototype-desktop]) .btn--tertiary{--btn-px:.875rem;color:var(--ink);background:0 0}:where([data-prototype-desktop]) .btn--tertiary:hover:not(:disabled){background:var(--wash)}:where([data-prototype-desktop]) .btn--icon{color:var(--ink-2);background:0 0}:where([data-prototype-desktop]) .btn--icon:hover{background:var(--wash);color:var(--ink)}:where([data-prototype-desktop]) .btn--destructive{background:var(--error);color:var(--on-error)}:where([data-prototype-desktop]) .btn--destructive:hover{filter:brightness(.94)}:where([data-prototype-desktop]) .btn--chip{--btn-px:1.375rem;gap:var(--s-3);padding-right:.3125rem}:where([data-prototype-desktop]) .btn--chip .btn__icon--end{box-sizing:content-box;background:var(--on-action);width:.9375rem;height:.9375rem;color:var(--action);border-radius:50%;padding:.40625rem}:where([data-prototype-desktop]) .btn--chip.btn--secondary .btn__icon--end{background:var(--action);color:var(--on-action)}:where([data-prototype-desktop]) .ctx-menu{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-raised);min-width:11rem;box-shadow:var(--shadow-pop);font-size:.8125rem;font-weight:var(--fw-medium);color:var(--ink);flex-direction:column;padding:5px;display:flex}:where([data-prototype-desktop]) .ctx-menu__item{align-items:center;gap:var(--s-2);height:1.875rem;padding-inline:var(--s-2);white-space:nowrap;transition:background-color var(--dur-1) var(--ease-std), color var(--dur-1) var(--ease-std);border-radius:7px;display:flex}:where([data-prototype-desktop]) .ctx-menu__item.is-hot{background:var(--action);color:var(--on-action)}:where([data-prototype-desktop]) .ctx-menu__item.is-hot .logo-mark__file{fill:currentColor}:where([data-prototype-desktop]) .ctx-menu__chev{opacity:.7;margin-left:auto}:where([data-prototype-desktop]) .ctx-menu__sep{background:var(--line);height:1px;margin:4px 2px}:where([data-prototype-desktop]) .pointer{fill:var(--ink);stroke:var(--paper);stroke-width:1.3px;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #0000002e)}:where([data-prototype-desktop]) .d-hero{padding-block:clamp(2.5rem, 1.4rem + 4.4vw, 5.25rem) var(--s-9)}:where([data-prototype-desktop]) .d-hero__title{max-width:15ch;margin-top:var(--s-5)}:where([data-prototype-desktop]) .d-hero__lead{max-width:32rem;margin-top:var(--s-5)}:where([data-prototype-desktop]) .d-hero__actions{align-items:center;gap:var(--s-3);margin-top:var(--s-7);flex-wrap:wrap;display:flex}:where([data-prototype-desktop]) .d-hero__note{margin-top:var(--s-4)}:where([data-prototype-desktop]) .benefits__list{gap:var(--s-8);padding-top:var(--s-8);border-top:1px solid var(--line);display:grid}:where([data-prototype-desktop]) .benefit{align-content:start;gap:var(--s-2);max-width:21rem;display:grid}:where([data-prototype-desktop]) .benefit__icon{box-sizing:content-box;margin-bottom:var(--s-3);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);padding:10px}@media (width>=48rem){:where([data-prototype-desktop]) .benefits__list{grid-template-columns:repeat(3,1fr)}}:where([data-prototype-desktop]) .platforms__grid{gap:var(--s-8);align-items:end;display:grid}:where([data-prototype-desktop]) .platforms__offline{margin-top:var(--s-3)}:where([data-prototype-desktop]) .platforms__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}:where([data-prototype-desktop]) .platform{gap:var(--s-7);height:100%;padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-raised);transition:border-color var(--dur-2) var(--ease-std), box-shadow var(--dur-2) var(--ease-std), transform var(--dur-2) var(--ease-out);display:grid}:where([data-prototype-desktop]) .platform:hover{border-color:var(--line-strong);box-shadow:var(--shadow-hover);transform:translateY(-2px)}:where([data-prototype-desktop]) .platform__name{font-size:1.125rem;font-weight:var(--fw-heading);letter-spacing:-.025em}:where([data-prototype-desktop]) .platform__meta{font-size:var(--fs-label);font-weight:var(--fw-medium);color:var(--ink-3);transition:color var(--dur-1) var(--ease-std);align-items:center;gap:4px;display:inline-flex}:where([data-prototype-desktop]) .platform:hover .platform__meta{color:var(--ink)}@media (width>=64rem){:where([data-prototype-desktop]) .platforms__grid{gap:var(--s-10);grid-template-columns:5fr 7fr}}@media (width<=29.99rem){:where([data-prototype-desktop]) .platforms__list{grid-template-columns:1fr;gap:8px}:where([data-prototype-desktop]) .platform{align-items:center;gap:var(--s-4);grid-template-columns:1fr auto}}:where([data-prototype-desktop]) .compare__table{width:100%;margin-top:var(--s-7);border-collapse:collapse;font-size:.9375rem}:where([data-prototype-desktop]) .compare__table th,:where([data-prototype-desktop]) .compare__table td{padding:var(--s-4) var(--s-4) var(--s-4) 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}:where([data-prototype-desktop]) .compare__table thead th{font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--ink-3);padding-top:0}:where([data-prototype-desktop]) .compare__table tbody th{width:26%;font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);color:var(--ink)}:where([data-prototype-desktop]) .compare__table td{width:37%;color:var(--ink-2)}:where([data-prototype-desktop]) .compare__note{align-items:center;gap:var(--s-2) var(--s-4);margin-top:var(--s-6);font-weight:var(--fw-bold);flex-wrap:wrap;display:flex}:where([data-prototype-desktop]) .compare__link{align-items:center;gap:4px;display:inline-flex}:where([data-prototype-desktop]) .compare__link svg{transition:transform var(--dur-2) var(--ease-out)}:where([data-prototype-desktop]) .compare__link:hover svg{transform:translate(2px)}@media (width<=39.99rem){:where([data-prototype-desktop]) .compare__table thead{display:none}:where([data-prototype-desktop]) .compare__table tr{column-gap:var(--s-4);padding-block:var(--s-4);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}:where([data-prototype-desktop]) .compare__table tbody th{width:auto;padding:0 0 var(--s-2);border:0;grid-column:1/-1}:where([data-prototype-desktop]) .compare__table td{width:auto;font-size:var(--fs-small);border:0;padding:0}:where([data-prototype-desktop]) .compare__table td:before{content:attr(data-label);font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--ink-3);margin-bottom:2px;display:block}}:where([data-prototype-desktop]) .final-cta{padding-bottom:var(--section-y)}:where([data-prototype-desktop]) .final-cta__panel{border-radius:var(--r-xl);background:radial-gradient(50% 120% at 100% 0%, var(--surface-warm-panel), transparent 70%), var(--paper);color:var(--ink);box-shadow:var(--shadow-soft);padding:clamp(2rem,1.25rem + 3vw,4rem) clamp(1.5rem,1rem + 3vw,4rem);position:relative;overflow:hidden}:where([data-prototype-desktop]) .final-cta__text{max-width:32rem;margin-top:var(--s-3)}:where([data-prototype-desktop]) .final-cta__actions{gap:var(--s-3);margin-top:var(--s-7);flex-wrap:wrap;display:flex}:where([data-prototype-desktop]) .faq__grid{gap:var(--s-6);display:grid}@media (width>=64rem){:where([data-prototype-desktop]) .faq__grid{gap:var(--s-10);grid-template-columns:5fr 7fr}}:where([data-prototype-desktop]) .faq__list{border-top:1px solid var(--line)}:where([data-prototype-desktop]) .faq__item{border-bottom:1px solid var(--line)}:where([data-prototype-desktop]) .faq__q{justify-content:space-between;align-items:center;gap:var(--s-4);width:100%;min-height:3.5rem;padding:var(--s-4) 0;text-align:left;font-size:1rem;font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);color:var(--ink);background:0 0;border:0;display:flex}:where([data-prototype-desktop]) .faq__q:focus-visible{outline-offset:-2px}:where([data-prototype-desktop]) .faq__icon{box-sizing:content-box;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink);transition:transform var(--dur-3) var(--ease-out), background-color var(--dur-2) var(--ease-std), color var(--dur-2) var(--ease-std);border-radius:50%;padding:5px}:where([data-prototype-desktop]) .faq__item[data-open=true] .faq__icon{background:var(--action);box-shadow:none;color:var(--on-action);transform:rotate(45deg)}:where([data-prototype-desktop]) .faq__panel{transition:grid-template-rows var(--dur-3) var(--ease-out);grid-template-rows:0fr;display:grid}:where([data-prototype-desktop]) .faq__panel>div{visibility:hidden;transition:visibility 0s linear var(--dur-3);overflow:hidden}:where([data-prototype-desktop]) .faq__item[data-open=true] .faq__panel{grid-template-rows:1fr}:where([data-prototype-desktop]) .faq__item[data-open=true] .faq__panel>div{visibility:visible;transition:visibility}:where([data-prototype-desktop]) .faq__panel p{max-width:var(--measure);padding-bottom:var(--s-5);color:var(--ink-2)}:where([data-prototype-desktop]) .demo{padding-bottom:var(--section-y)}:where([data-prototype-desktop]) .demo__grid{gap:var(--s-7);align-items:start;display:grid}@media (width>=64rem){:where([data-prototype-desktop]) .demo__grid{gap:var(--s-9);grid-template-columns:minmax(0,1fr) 17.5rem}:where([data-prototype-desktop]) .demo__side{top:calc(var(--header-h) + var(--s-6));position:sticky}}:where([data-prototype-desktop]) .fm{--row-h:2.5rem;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface-raised);height:27rem;box-shadow:var(--shadow-soft);user-select:none;flex-direction:column;font-size:.8125rem;display:flex;position:relative;overflow:hidden}:where([data-prototype-desktop]) .fm__bar{align-items:center;gap:var(--s-4);height:2.75rem;padding-inline:var(--s-4);border-bottom:1px solid var(--line);color:var(--ink-2);display:flex}:where([data-prototype-desktop]) .fm__nav{color:var(--ink-4);gap:2px;display:flex}:where([data-prototype-desktop]) .fm__path{font-weight:var(--fw-medium);color:var(--ink);align-items:center;gap:6px;display:flex}:where([data-prototype-desktop]) .fm__crumb{color:var(--ink-4)}:where([data-prototype-desktop]) .fm__search{height:1.75rem;padding-inline:var(--s-3);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink-3);align-items:center;gap:6px;margin-left:auto;font-size:.75rem;display:flex}:where([data-prototype-desktop]) .fm__body{flex:1;min-height:0;display:flex}:where([data-prototype-desktop]) .fm__side{width:10.5rem;padding:var(--s-3) var(--s-2);border-right:1px solid var(--line);background:var(--surface-subtle);flex-shrink:0;align-content:start;gap:2px;display:grid}:where([data-prototype-desktop]) .fm__place{align-items:center;gap:var(--s-2);height:1.875rem;padding-inline:var(--s-2);color:var(--ink-2);border-radius:7px;display:flex}:where([data-prototype-desktop]) .fm__place svg{color:var(--ink-3)}:where([data-prototype-desktop]) .fm__place.is-active{background:var(--wash);color:var(--ink);font-weight:var(--fw-semibold)}:where([data-prototype-desktop]) .fm__main{flex:1;min-width:0}:where([data-prototype-desktop]) .fm__head,:where([data-prototype-desktop]) .fm-row{align-items:center;gap:var(--s-3);padding-inline:var(--s-4);grid-template-columns:minmax(0,1fr) 5.5rem 7.5rem;display:grid}:where([data-prototype-desktop]) .fm__head{border-bottom:1px solid var(--line);height:2rem;color:var(--ink-3);font-size:.75rem}:where([data-prototype-desktop]) .fm__rows{padding:var(--s-1) var(--s-2)}:where([data-prototype-desktop]) .fm-row{height:var(--row-h);padding-inline:var(--s-2);color:var(--ink);transition:background-color var(--dur-2) var(--ease-std), color var(--dur-2) var(--ease-std);border-radius:9px}:where([data-prototype-desktop]) .fm-row__name{align-items:center;gap:var(--s-2);min-width:0;display:flex}:where([data-prototype-desktop]) .fm-row__name svg{color:var(--ink-3)}:where([data-prototype-desktop]) .fm-row__label{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}:where([data-prototype-desktop]) .fm-row__size{color:var(--ink-2);font-size:.75rem}:where([data-prototype-desktop]) .fm-row__kind{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where([data-prototype-desktop]) .fm-row.is-selected{background:var(--selected-soft);box-shadow:inset 0 0 0 1px var(--line-strong)}:where([data-prototype-desktop]) .fm-row.is-selected .fm-row__name svg{color:var(--ink)}:where([data-prototype-desktop]) .fm-row--out{opacity:0;height:0;transition:height var(--dur-3) var(--ease-out), opacity var(--dur-3) var(--ease-std);overflow:hidden}:where([data-prototype-desktop]) .fm-row--out[data-shown=true]{height:var(--row-h);opacity:1;animation:new-row 1.8s var(--ease-std) both}@keyframes new-row{0%,30%{background:var(--success-soft)}to{background:0 0}}:where([data-prototype-desktop]) .fm__status{height:2.25rem;padding-inline:var(--s-4);border-top:1px solid var(--line);background:var(--surface-subtle);color:var(--ink-3);align-items:center;gap:6px;font-size:.75rem;display:flex}:where([data-prototype-desktop]) .fm__status[data-saved]{color:var(--success)}:where([data-prototype-desktop]) .fm__menu,:where([data-prototype-desktop]) .fm__sub{z-index:2;transform-origin:0 0;opacity:0;visibility:hidden;transition:opacity var(--dur-1) var(--ease-std), transform var(--dur-2) var(--ease-out), visibility 0s linear var(--dur-1);position:absolute;top:0;left:0;transform:scale(.97)}:where([data-prototype-desktop]) .fm__sub{z-index:3;min-width:9.5rem}:where([data-prototype-desktop]) .fm__menu[data-open=true],:where([data-prototype-desktop]) .fm__sub[data-open=true]{opacity:1;visibility:visible;transition:opacity var(--dur-1) var(--ease-std), transform var(--dur-2) var(--ease-out), visibility 0s;transform:none}:where([data-prototype-desktop]) .ctx-menu__item.is-pressed{background:var(--action-press)}:where([data-prototype-desktop]) .fm__cursor{z-index:4;transition:transform .64s var(--ease-in-out);pointer-events:none;position:absolute;top:0;left:0}:where([data-prototype-desktop]) .fm__cursor .pointer{margin:-2px 0 0 -2px;position:relative}:where([data-prototype-desktop]) .fm__click{border:1.5px solid var(--ink);opacity:0;width:20px;height:20px;animation:click-ring .48s var(--ease-out) .56s both;border-radius:50%;position:absolute;top:-10px;left:-10px}@keyframes click-ring{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}:where([data-prototype-desktop]) .demo-steps{gap:2px;display:grid}:where([data-prototype-desktop]) .demo-step{gap:var(--s-4);width:100%;padding:var(--s-3) var(--s-4) var(--s-3) var(--s-3);border:0;border-left:2px solid var(--line);border-radius:0 var(--r-md) var(--r-md) 0;text-align:left;color:var(--ink-3);transition:border-color var(--dur-2) var(--ease-std), background-color var(--dur-2) var(--ease-std), color var(--dur-2) var(--ease-std);background:0 0;display:flex}:where([data-prototype-desktop]) .demo-step:hover{background:var(--wash)}:where([data-prototype-desktop]) .demo-step[aria-current=step]{border-left-color:var(--ink);color:var(--ink-2)}:where([data-prototype-desktop]) .demo-step__num{padding-top:2px;font-size:.75rem}:where([data-prototype-desktop]) .demo-step[aria-current=step] .demo-step__num{color:var(--ink);font-weight:var(--fw-semibold)}:where([data-prototype-desktop]) .demo-step__body{gap:2px;display:grid}:where([data-prototype-desktop]) .demo-step__title{font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);color:var(--ink-2)}:where([data-prototype-desktop]) .demo-step[aria-current=step] .demo-step__title{color:var(--ink)}:where([data-prototype-desktop]) .demo-step__text{font-size:var(--fs-small);line-height:1.45}:where([data-prototype-desktop]) .demo__controls{gap:var(--s-2);margin-top:var(--s-5);padding-left:var(--s-2);display:flex}@media (width<=63.99rem){:where([data-prototype-desktop]) .demo-steps{grid-template-columns:repeat(4,minmax(0,1fr))}:where([data-prototype-desktop]) .demo-step{gap:var(--s-1);border-left:0;border-top:2px solid var(--line);border-radius:0 0 var(--r-md) var(--r-md);padding:var(--s-3) var(--s-2) var(--s-2);flex-direction:column}:where([data-prototype-desktop]) .demo-step[aria-current=step]{border-top-color:var(--ink)}:where([data-prototype-desktop]) .demo__controls{padding-left:0}}@media (width<=39.99rem){:where([data-prototype-desktop]) .fm{height:25rem}:where([data-prototype-desktop]) .fm__side,:where([data-prototype-desktop]) .fm-row__kind,:where([data-prototype-desktop]) .fm__search{display:none}:where([data-prototype-desktop]) .fm__head,:where([data-prototype-desktop]) .fm-row{grid-template-columns:minmax(0,1fr) 4.5rem}:where([data-prototype-desktop]) .demo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}:where([data-prototype-desktop]) .demo-step__text{font-size:var(--fs-label)}}