._demo_1t8jy_1{width:100%;max-width:680px;min-width:0;margin-inline:auto;box-sizing:border-box;overflow:hidden;background:#fff;border:1px solid #dbe5dc;border-radius:20px;box-shadow:0 18px 48px -28px #1941314d}._topline_1t8jy_14{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;color:#4e6559;font-size:13px;font-weight:600;border-bottom:1px solid #e8ece5}._toplineText_1t8jy_26{display:flex;align-items:center;flex-wrap:wrap;gap:3px 12px;min-width:0}._demoTitle_1t8jy_34{display:flex;align-items:center;gap:9px}._exampleLabel_1t8jy_40{color:#607166;font-size:11px;font-weight:400}._duration_1t8jy_46{flex-shrink:0;white-space:nowrap}._statusDot_1t8jy_51{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#12846a}._stage_1t8jy_59{width:100%;aspect-ratio:2;max-height:320px;box-sizing:border-box;padding:14px;display:flex;background:#f3f5ef}._frame_1t8jy_69{width:100%;height:100%;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #143e310d}._screenshot_1t8jy_78{display:block;width:100%;height:100%;overflow:hidden;animation:_reveal_1t8jy_1 .4s ease both}._caption_1t8jy_86{padding:18px 20px 8px;min-height:112px}._caption_1t8jy_86 h2{margin:0 0 6px;color:#143e31;font-size:clamp(19px,1.8vw,23px);line-height:1.25;font-weight:750;letter-spacing:-.02em}._caption_1t8jy_86 p{margin:0;color:#52645b;font-size:15px;line-height:1.55}._controls_1t8jy_107{display:flex;gap:18px;align-items:center;padding:4px 20px 16px}._chapters_1t8jy_114{display:grid;grid-template-columns:repeat(var(--chapter-count, 4),minmax(0,1fr));gap:10px;flex:1;min-width:0}._chapters_1t8jy_114 button{padding:10px 0 0;min-height:44px;border:0;text-align:left;color:#596b61;background:none;font-size:12px;cursor:pointer}._chapters_1t8jy_114 button[aria-pressed=true]{color:#075f47;font-weight:750}._track_1t8jy_138{display:block;height:3px;margin-bottom:8px;border-radius:4px;overflow:hidden;background:#e6ebe4}._track_1t8jy_138>span{display:block;height:100%;background:#087e5f}._playButton_1t8jy_153{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #dce5dc;border-radius:50%;color:#075f47;background:#f5f8f2;cursor:pointer;font-size:20px}._demo_1t8jy_1 button:focus-visible{outline:3px solid #19745a;outline-offset:4px}@keyframes _reveal_1t8jy_1{0%{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}@media (max-width: 600px){._demo_1t8jy_1{border-radius:18px}._topline_1t8jy_14{padding:14px 16px;font-size:12px}._stage_1t8jy_59{padding:12px;aspect-ratio:1.6}._caption_1t8jy_86{padding:16px 18px 8px;min-height:124px}._controls_1t8jy_107{padding:4px 18px 18px;gap:12px}._chapters_1t8jy_114{gap:7px}._chapters_1t8jy_114 button{font-size:11px}}@media (max-width: 360px){._chapters_1t8jy_114{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){._screenshot_1t8jy_78{animation:none}}