.sample-stage{container:sample-stage/inline-size;display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;width:100%;max-width:1180px;margin-inline:auto}.sample-stage__bar{display:flex;align-items:center;min-width:0;border:1px solid rgba(23,28,31,.1);border-bottom:0;border-radius:12px 12px 0 0;background:#eef3f7}.sample-stage__pills{flex:1 1 auto}.sample-stage .section-pills[data-appearance=tabs]{gap:4px;margin:0 0 -1px;padding:4px 4px 0;align-items:stretch;z-index:1}.sample-stage .section-pills[data-appearance=tabs] .section-pills__pill{border-radius:8px 8px 0 0;background:#eef3f7;max-width:min(280px,calc(100% - 48px))}@container sample-stage (min-width: 600px){.sample-stage .section-pills[data-appearance=tabs] .section-pills__pill{flex:0 1 auto;min-width:140px}.sample-stage .section-pills[data-appearance=tabs] .section-pills__pill[aria-selected=true]{flex-shrink:0}}.sample-stage .section-pills[data-appearance=tabs] .section-pills__pill[aria-selected=true]{border-color:rgba(23,28,31,.1) rgba(23,28,31,.1) #fff;background:#fff;color:#171c1f}.sample-stage .section-pills[data-appearance=tabs] .section-pills__reveal{grid-template-columns:1fr}.sample-stage .section-pills[data-appearance=tabs] .section-pills__text{opacity:1}.sample-stage .section-pills[data-appearance=tabs] .section-pills__number{color:#006c45}.sample-stage .section-pills[data-appearance=tabs] .section-pills__pill:focus-visible{outline-offset:-3px}.sample-stage__open{justify-self:start;margin-top:12px;display:inline-flex;align-items:center;gap:6px;min-height:44px;color:#006c45;font-size:.875rem;font-weight:600;line-height:1.25rem;text-decoration:none;white-space:nowrap}.sample-stage__open:hover{text-decoration:underline;text-underline-offset:3px}.sample-stage__open:focus-visible{outline:2px solid #38a371;outline-offset:2px;border-radius:4px}.sample-stage__frame{position:relative;aspect-ratio:1.8;min-height:520px;max-height:680px;border:1px solid rgba(23,28,31,.1);border-radius:0 0 16px 16px;background:#fff;box-shadow:0 30px 60px -30px rgba(23,28,31,.35);overflow:hidden}.sample-stage__iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}.sample-stage__skeleton{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:clamp(300px,32%,380px) minmax(0,1fr);background:#fff}.sample-stage__skeleton-card{display:flex;flex-direction:column;gap:12px;padding:28px 16px}.sample-stage__skeleton-card>span{display:block;height:12px;border-radius:6px;background:#eef3f7}.sample-stage__skeleton-card>span[data-size=title]{height:22px}.sample-stage__skeleton-card>span:nth-child(2){margin-top:8px}.sample-stage__skeleton-card>span:nth-child(4){margin-top:12px}.sample-stage__skeleton-card>span[data-w="40"]{width:40%}.sample-stage__skeleton-card>span[data-w="60"]{width:60%}.sample-stage__skeleton-card>span[data-w="70"]{width:70%}.sample-stage__skeleton-card>span[data-w="85"]{width:85%}.sample-stage__skeleton-card>span[data-w="90"]{width:90%}.sample-stage__skeleton-card>span[data-w="95"]{width:95%}.sample-stage__skeleton-stage{border-left:1px solid rgba(23,28,31,.08);background:linear-gradient(100deg,#f6fafe 30%,#edf3f9 50%,#f6fafe 70%) 0 0 /220% 100%;animation:sample-stage-shimmer 1.6s ease-in-out infinite}@keyframes sample-stage-shimmer{0%{background-position:100% 0}to{background-position:-120% 0}}.sample-stage__first{gap:0;padding:32px 16px 24px;color:#171c1f}.sample-stage__first p{margin:0}.sample-stage__first-title{padding-bottom:14px;border-bottom:1px solid rgba(23,28,31,.16);font-size:1.25rem;font-weight:700;line-height:1.25;letter-spacing:-.01em}.sample-stage__first-number{margin-right:.4em;color:#006c45;font-family:var(--font-mono,ui-monospace,monospace);font-size:.875rem;font-weight:500}.sample-stage__first-answer{padding:18px 0 16px;border-bottom:1px solid rgba(23,28,31,.16);font-size:1.0625rem;font-weight:650;line-height:1.45}.sample-stage__first-fact{display:grid;gap:4px;padding-top:14px}.sample-stage__first-fact-label{color:#30576a;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sample-stage__first-fact-value{font-size:1rem;font-weight:700}.sample-stage__skeleton-stage{position:relative;overflow:hidden}.sample-stage__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.sample-stage__poster[data-focus=top]{object-position:top center}.sample-stage__activate{position:absolute;inset:0;z-index:2;display:grid;place-items:center;width:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.sample-stage__activate:focus-visible{outline:2px solid #38a371;outline-offset:-4px}.sample-stage[data-layout=phone] .sample-stage__activate{grid-template-rows:260px auto minmax(0,1fr);place-items:center}.sample-stage[data-layout=phone] .sample-stage__play{grid-row:2;place-self:start end;width:44px;height:44px;margin:0 8px 0 0}.sample-stage[data-layout=phone] .sample-stage__play svg{width:22px;height:22px}.sample-stage[data-layout=phone][data-frame-view=card] .sample-stage__play{visibility:hidden}.sample-stage__play{display:grid;place-items:center;width:64px;height:64px;border-radius:9999px;background:#006c45;color:#fff;box-shadow:0 8px 24px rgba(23,28,31,.28);transition:transform .16s ease}.sample-stage__play svg{margin-left:3px}.sample-stage__activate:focus-visible .sample-stage__play,.sample-stage__activate:hover .sample-stage__play{transform:scale(1.06)}@container sample-stage (max-width: 559px){.sample-stage__frame{height:600px;min-height:600px;max-height:none;aspect-ratio:auto}.sample-stage__skeleton{grid-template-columns:minmax(0,1fr);grid-template-rows:47% minmax(0,1fr)}.sample-stage__poster,.sample-stage__poster[data-focus=top]{inset:0 0 auto;height:auto}.sample-stage__skeleton-stage{order:-1;border-left:0;border-bottom:1px solid rgba(23,28,31,.08)}.sample-stage__skeleton-card{padding:24px 16px}}@media (max-width:559px){@container sample-stage (max-width: 559px){.sample-stage__bar,.sample-stage__frame{width:calc(100% + 32px);margin-inline:-16px;border-right:0;border-left:0;border-radius:0}}}@container sample-stage (max-width: 559px){.sample-stage__first{padding:24px 16px}.sample-stage__first-title{font-size:1.375rem}.sample-stage__first-answer{font-size:1.125rem}}@media (prefers-reduced-motion:reduce){.sample-stage__skeleton-stage{animation:none}.sample-stage__play{transition:none}}@media (min-width:1024px){.sample-stage{grid-template-rows:auto auto auto}.sample-stage .sample-stage__frame{height:min(calc(clamp(560px, calc(100svh - var(--topbar-h, 64px) - 76px), 760px) - 104px),max(520px,calc(100cqw / 1.68)));min-height:0;max-height:none;aspect-ratio:auto}}.sample-stage__bar{position:relative}.sample-stage__sr,.sample-stage__stop{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sample-stage__stop:focus-visible{position:static;flex:none;width:auto;height:36px;margin:0 6px;padding:0 12px;overflow:visible;clip-path:none;border:1px solid rgba(23,28,31,.14);border-radius:9999px;background:#fff;color:#171c1f;font-size:.8125rem;font-weight:600;line-height:1.25rem;outline:2px solid #38a371;outline-offset:2px}.sample-stage__twin{margin:4px 0 0;max-width:72ch;color:var(--color-product-text-secondary,#4a5560);font-size:.8125rem;line-height:1.25rem;hyphens:manual;-webkit-hyphens:manual}