.hero-demo-player{flex-direction:column;gap:.75rem;width:100%;max-width:46.8rem;display:flex}.hero-demo-playback{flex-wrap:wrap;gap:.5rem;display:flex}.hero-demo-playback__btn{border:1px solid var(--card-border);border-radius:var(--radius-btn);color:var(--text);cursor:pointer;background:#fff;align-items:center;gap:.375rem;padding:.4375rem .875rem;font-size:.875rem;font-weight:600;line-height:1;transition:background-color .15s,border-color .15s;display:inline-flex}.hero-demo-playback__btn:hover{background:var(--pill-bg);border-color:var(--pill-border)}.hero-demo-playback__icon{flex-shrink:0;width:1rem;height:1rem}.hero-demo-home-controls{justify-content:space-between;align-items:center;gap:.75rem;padding-inline:1rem;display:flex}.hero-demo-home-controls__nav{align-items:center;gap:.5rem;display:flex}.hero-demo-home-controls__btn{border:1px solid var(--card-border);width:2rem;height:2rem;color:var(--text);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .15s,border-color .15s;display:inline-flex}.hero-demo-home-controls__btn:hover{background:var(--pill-bg);border-color:var(--pill-border)}.hero-demo-home-controls__icon{flex-shrink:0;width:.875rem;height:.875rem}.hero-demo-home-controls__icon--play{margin-left:.0625rem}.hero-demo-shell{background:#f3f3f0;border:1px solid #d0cbb7;border-radius:32px;width:100%;position:relative;overflow:hidden;box-shadow:0 1px 18px #ff7f6926}.hero-demo-shell__stage{aspect-ratio:1;--hero-demo-sheet-exit-y:6cqw;background-color:#f3f3f0;background-image:url(/images/hero-demo/hero-gradient.svg);background-repeat:no-repeat;background-size:100% 100%;width:100%;position:relative;overflow:hidden;container-type:inline-size}.hero-demo-exit-wrap{pointer-events:none;will-change:transform, opacity;position:absolute;inset:0}.hero-demo-sheet{will-change:transform, opacity;--hero-demo-sheet-enter-y:6cqw;--hero-demo-inset:7.922%;background:#f5f5f5;border-top-left-radius:4.748%;border-top-right-radius:4.748%;width:84.25%;height:auto;position:absolute;top:12.5%;bottom:-1px;left:50%;overflow:hidden}.hero-demo-document{box-sizing:border-box;width:100%;height:100%;padding:var(--hero-demo-inset) var(--hero-demo-inset) 0;flex-direction:column;align-items:flex-start;display:flex}.hero-demo-document__icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:9.643cqw;height:9.643cqw;display:flex;overflow:visible}.hero-demo-document__icon{object-fit:contain;object-position:center center;width:100%;height:100%}.hero-demo-document__copy{width:100%;margin-top:var(--hero-demo-inset);color:#61605e;flex-direction:column;gap:2.75cqw;display:flex}.hero-demo-document__title{color:#61605e;margin:0;font-size:4.5cqw;font-weight:600;line-height:normal}.hero-demo-document__body{color:#61605e;margin:0;padding:0;font-size:3.5cqw;font-weight:400;line-height:normal}.hero-demo-document__line{display:block}.hero-demo-document__error{text-decoration:none;display:inline;position:relative}.hero-demo-document__error:after{content:"";height:.4em;clip-path:inset(0 calc((1 - var(--underline-reveal,1)) * 100%) 0 0);pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 4.2 Q2.5 1 5 4.2 T10 4.2' stroke='%23e53935' fill='none' stroke-width='1.85' stroke-linecap='round'/%3E%3C/svg%3E");background-position:0 100%;background-repeat:repeat-x;background-size:.62em .4em;animation:1.05s linear infinite hero-demo-wavy-flow;position:absolute;bottom:calc(.05em - 2px);left:0;right:0}@keyframes hero-demo-wavy-flow{0%{background-position-x:0}to{background-position-x:.62em}}@media (prefers-reduced-motion:reduce){.hero-demo-document__error:after{animation:none}}.hero-demo-document__highlight{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#badefe;padding:.08em 0}.hero-demo-document__fix{color:#22c55e}.hero-demo-keys{pointer-events:none;--hero-demo-keys-enter-y:.5cqw;will-change:transform, opacity;position:absolute;inset:0}.hero-demo-key{transform-origin:50%;will-change:transform;width:14.35%;height:13.87%;position:absolute}.hero-demo-key__img,.hero-demo-key__press{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-demo-key__press{opacity:0}.hero-demo-document__body-wrap{width:100%;position:relative}.hero-demo-document__body{position:relative}.hero-demo-document__selection-line{z-index:0;pointer-events:none;--hero-demo-selection-pad-x:.3em;--hero-demo-selection-pad-y:.2em;background:#badefe;position:absolute}.hero-demo-document__body-inner{z-index:1;position:relative}.hero-demo-document__body-inner--fixed{position:absolute;inset:0}.hero-demo-document__body-measure{z-index:0;visibility:hidden;pointer-events:none;white-space:pre-wrap;position:absolute;inset:0;overflow:hidden}.hero-demo-cursor{z-index:2;pointer-events:none;will-change:opacity, left, top;position:absolute;transform:translate(-50%)}.hero-demo-cursor__img{width:2.5cqw;height:4.45cqw;display:block}.hero-demo-validation{pointer-events:none;justify-content:center;align-items:center;width:9.5cqw;height:9.5cqw;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero-demo-validation__svg{width:100%;height:100%;display:block;overflow:visible}.hero-demo-validation__arc,.hero-demo-validation__check{fill:none}