:root{color-scheme:light;--blue:#2d61e9;--ink:#15191f;--muted:#66707d;--border:#e3e7ee;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:radial-gradient(ellipse 570px 370px at 50% 340px,#e2edff 0%,#f0f5ff 57%,#ffffff00 100%),#fff;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6e98ff;outline-offset:5px}.shell{width:min(1140px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:-100px;left:16px;padding:10px;background:#fff;z-index:50}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;padding-block:25px}.brand{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:650;letter-spacing:-.8px}.brand img{filter:drop-shadow(0 2px 2px #131d2e0d)}nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:500}.nav-info{border:0;background:none;padding:0;color:inherit}nav>a:not(.nav-download):hover,.nav-info:hover{color:var(--blue)}.nav-download{display:flex;align-items:center;gap:10px;background:var(--blue);color:#fff;padding:11px 17px;border:1px solid #2857da;border-radius:11px;box-shadow:0 2px 4px #2857da24}.hero{text-align:center;padding-top:68px}.badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.4px;color:#425f9e;background:#edf3ff;border:1px solid #dae5fb;border-radius:100px;padding:8px 14px;font-weight:550}h1{font-size:clamp(32px,4.8vw,65px);font-weight:650;line-height:1.29;letter-spacing:-2.3px;margin:26px 0 23px}h1>span{display:block}.blue{color:var(--blue)}.description{font-size:19px;line-height:1.9;color:#505967;margin:0;font-weight:400;letter-spacing:.1px}.hero-actions{display:flex;justify-content:center;gap:13px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:0 22px;border-radius:11px;font-size:15px;font-weight:550;transition:background .15s,transform .15s,box-shadow .15s}.button:hover{transform:translateY(-1px)}.primary{background:var(--blue);color:#fff;border:1px solid #2c57d7;box-shadow:0 3px 7px #2c57d726,inset 0 1px 0 #ffffff20}.primary:hover,.nav-download:hover{background:#2455d5}.secondary{background:#fff;color:#2c3540;border:1px solid #d7dce5;box-shadow:0 2px 3px #1f29370b}.secondary:hover{background:#f8fafc}.compatibility{color:#6a7481;font-size:12px;margin:17px 0 0;line-height:1.8}.compatibility>span{margin-inline:10px;color:#a5acb7}.trust-line{display:flex;justify-content:center;align-items:center;gap:7px;font-size:11px;color:#7a8390;margin:9px 0 0;line-height:1.7}.trust-line svg{color:#7b88a1}.trust-separator{color:#c5cbd5;margin-inline:6px}.demo-section{max-width:1030px;margin-top:61px}.demo-card{border:1px solid #dfe5ef;border-radius:20px;background:#fff;padding:21px 24px 0;box-shadow:0 16px 48px #243c6c0b,0 2px 7px #243c6c05}.demo-topline{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;padding:0 0 17px;color:#404c60}.demo-topline>span:first-child{display:flex;align-items:center;gap:8px}.demo-topline i{width:6px;height:6px;border-radius:50%;background:#3979f5}.demo-type{font-size:10px;color:#778290;font-weight:400;border:1px solid #e3e7ee;border-radius:5px;padding:2px 7px}.app-window{overflow:hidden;border:1px solid #3b3e45;border-radius:11px;background:#292c31;box-shadow:0 4px 15px #15233318}.app-titlebar{height:31px;background:#25272c;border-bottom:1px solid #191c20;display:flex;align-items:center;justify-content:space-between;color:#aeb3bc;font-size:10px;padding:0 13px}.traffic-lights{display:flex;gap:6px}.traffic-lights i{width:8px;height:8px;border-radius:50%;background:#f57770}.traffic-lights i:nth-child(2){background:#ebbd53}.traffic-lights i:nth-child(3){background:#61b976}.app-titlebar-right{width:35px;text-align:right;color:#767d8b}.app-menu{height:31px;background:#303238;display:flex;align-items:center;gap:25px;padding-left:17px;font-size:10px;color:#bdc2cb;border-bottom:1px solid #24262a}.app-workspace{height:350px;position:relative;display:grid;grid-template-columns:37px 1fr 200px;background:#24272c}.tool-rail{padding:15px 8px;display:flex;align-items:center;flex-direction:column;gap:21px;background:#303238;border-right:1px solid #202328}.tool-rail svg{width:17px;height:17px;fill:none;stroke:#b5bbc5;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}.image-area{display:flex;align-items:center;justify-content:center;padding:27px 45px}.artboard{width:100%;max-width:440px;height:100%;position:relative;overflow:hidden;background:#dee9ed;border:1px solid #788c8d33;box-shadow:0 5px 22px #00000016}.sky-glow{position:absolute;inset:0;background:linear-gradient(155deg,#dfe9ea,#d0e1e4 45%,#b6cbd0)}.sun{position:absolute;width:53px;height:53px;border-radius:50%;background:#f8edce;right:21%;top:16%}.hill{position:absolute;width:120%;height:100%;border-radius:45% 60% 0 0;transform:rotate(-17deg)}.distant{background:#8ca6a1;top:56%;left:3%;transform:rotate(22deg)}.near{background:#587c73;top:65%;left:-32%;transform:rotate(-20deg)}.foreground{background:#3d625b;top:85%;left:8%;transform:rotate(-10deg)}.artboard-label{position:absolute;inset:19% 0 auto;text-align:center;color:#31554d}.artboard-label span{font-size:7px;letter-spacing:3.5px;font-weight:600}.artboard-label b{display:block;font-family:Georgia,serif;font-size:27px;font-weight:400;margin-top:5px}.artboard-caption{position:absolute;bottom:17px;color:#e8eddb;font-size:6px;letter-spacing:2px;left:18px}.layers-panel{border-left:1px solid #1d2025;background:#303237;display:flex;flex-direction:column;color:#bdc2cb}.panel-tabs{height:37px;display:flex;align-items:center;gap:19px;font-size:11px;padding:0 13px;border-bottom:1px solid #24262c}.panel-tabs span:first-child{color:#fff}.layer-options{display:flex;gap:15px;font-size:9px;padding:12px}.layer-options span{border:1px solid #5c6068;border-radius:3px;padding:4px 8px}.selected-layer{display:flex;align-items:center;gap:10px;font-size:11px;background:#444951;margin:3px 5px;padding:8px}.layer-thumb{background:linear-gradient(155deg,#c8dadd 50%,#588276 51%,#315c4e);width:33px;height:28px;border:1px solid #c1d1d4}.layer-blank{flex:1}.layer-tools{height:36px;display:flex;align-items:center;justify-content:space-evenly;border-top:1px solid #22262b;color:#b2b9c4;font-size:15px}.mask-target{width:29px;height:27px;display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:4px;transition:background .25s,box-shadow .25s}.mask-target.highlighted{background:#3969b455;box-shadow:0 0 0 1.5px #4e8cff}.floating-search{position:absolute;top:31%;left:12%;display:flex;align-items:center;gap:9px}.floating-search>.cursor{width:20px;height:28px;fill:#3a82ff;filter:drop-shadow(0 1px 1px #0002)}.search-content{background:#20242cf5;border:1px solid #616b7a55;border-radius:12px;box-shadow:0 8px 22px #0002;display:flex;align-items:center;gap:27px;color:#ecf0f6;font-size:12px;padding:12px 13px;min-width:218px}.search-content svg{color:#fff;stroke:currentColor;fill:none;background:#3768c5;box-sizing:content-box;padding:4px;border-radius:6px;width:13px;height:13px}.search-response{position:absolute;font-size:9px;color:#d4dce8;top:calc(100% + 8px);left:35px;background:#252b35dd;border:1px solid #606d7d55;border-radius:6px;padding:6px 10px;opacity:1;transition:opacity .15s}.guide-pointer{position:absolute;z-index:3;width:27px;height:36px;pointer-events:none;filter:drop-shadow(0 1px 2px #0003);will-change:transform}.guide-pointer svg{width:100%;height:100%;fill:#3b81ff;stroke:#fff;stroke-width:.9;stroke-linejoin:round}.guide-label{position:absolute;z-index:2;background:#3277ee;color:white;font-size:10px;line-height:1;padding:8px 11px;border-radius:6px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 9px #0c2f6430;transition:opacity .15s}.demo-bottom{display:flex;align-items:center;justify-content:space-between;min-height:62px;gap:12px}.demo-bottom ol{display:flex;gap:29px;margin:0;padding:0;list-style:none}.demo-bottom li{display:flex;align-items:center;gap:7px;font-size:10px;color:#778293;transition:color .15s}.demo-bottom li>span{width:19px;height:19px;border:1px solid #e3e7ee;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px;color:#7a8595}.demo-bottom li.active{color:#285cce}.demo-bottom li.active>span{color:#285cce;border-color:#c6d6f4;background:#edf3ff}.demo-bottom button{border:0;background:none;color:#727f91;font-size:11px;display:flex;align-items:center;gap:5px;padding:8px 0}.demo-bottom button:hover{color:var(--blue)}.demo-disclaimer{text-align:center;font-size:10px;color:#8a929d;line-height:1.8;margin:14px 0 0}.preview-footer{border-top:1px solid #edf0f5;margin-top:53px;padding-block:22px;display:flex;justify-content:space-between;color:#9098a5;font-size:11px}dialog{border:1px solid #e0e5ed;border-radius:20px;width:min(490px,calc(100% - 36px));padding:30px;box-shadow:0 25px 100px #17283c30;color:#303c4c}dialog::backdrop{background:#15243b55;backdrop-filter:blur(4px)}dialog h2{font-size:23px;letter-spacing:-.6px;line-height:1.5;margin:8px 0 18px}dialog p{font-size:13px;color:#606d7d;line-height:1.9}dialog a{color:var(--blue);font-size:13px}.close-dialog{position:absolute;right:16px;top:12px;border:0;background:none;font-size:24px;color:#7b8491;padding:0 5px}.address-row{display:flex;gap:8px;margin-top:7px}.address-row input{min-width:0;width:100%;border:1px solid #dce2eb;border-radius:8px;padding:11px;font-size:12px;color:#505d71;background:#f9fafc}.address-row .button{white-space:nowrap;font-size:13px;padding:0 15px;min-height:42px}dialog label{font-size:12px;color:#7a8492}dialog .copy-result{font-size:11px;min-height:20px;margin:7px 0 10px}.download-anyway{font-size:11px}body:has(dialog[open]){overflow:hidden}@media(min-width:1600px){.hero{padding-top:90px}}@media(max-width:800px){.shell{width:calc(100% - 40px)}.header{padding-block:19px}.brand{font-size:22px;gap:7px}.brand img{width:38px;height:38px}nav{gap:20px;font-size:12px}.nav-download{padding:9px 12px}.hero{padding-top:58px}h1{font-size:clamp(29px,5.1vw,44px);letter-spacing:-1.2px}.description{font-size:16px}.demo-section{margin-top:46px}.demo-card{padding:15px 16px 0}.app-workspace{height:290px;grid-template-columns:30px 1fr 160px}.image-area{padding:22px 24px}.tool-rail{gap:18px;padding-inline:6px}.demo-bottom ol{gap:17px}.app-menu{gap:18px}.layer-tools{font-size:13px}.panel-tabs{font-size:10px;gap:15px}.artboard-label b{font-size:24px}}@media(max-width:520px){.shell{width:calc(100% - 36px)}.header{padding-block:14px}.brand{font-size:21px}.brand img{width:34px;height:34px}nav{gap:14px}.nav-info{display:none}.nav-download{font-size:11px;padding:9px 10px;gap:4px}.nav-download svg{width:12px;height:12px}nav>a:first-child{font-size:11px}.hero{padding-top:49px}.badge{font-size:10px;padding:7px 12px;gap:6px}.badge svg{height:14px;width:12px}h1{font-size:clamp(25px,7.2vw,36px);line-height:1.4;letter-spacing:-1px;margin-top:21px;margin-bottom:18px}.description{font-size:13px;line-height:1.9;letter-spacing:0}.hero-actions{gap:9px;margin-top:25px}.button{min-height:45px;font-size:12px;padding:0 14px;gap:7px;border-radius:9px}.hero-actions .primary svg{height:18px;width:17px}.hero-actions .secondary svg{width:15px}.compatibility{font-size:10px;line-height:1.8;margin-top:14px}.compatibility>span{margin-inline:6px}.trust-line{font-size:9px;gap:5px}.trust-line svg{height:13px;width:12px}.trust-separator{margin-inline:3px}.demo-section{width:calc(100% - 26px);margin-top:35px}.demo-card{padding:12px 10px 0;border-radius:14px}.demo-topline{font-size:10px;padding-bottom:11px}.demo-type{font-size:8px;padding:1px 5px}.app-titlebar{height:24px;font-size:8px;padding:0 9px}.traffic-lights{gap:4px}.traffic-lights i{width:6px;height:6px}.app-menu{height:24px;gap:15px;font-size:7px;padding-left:10px}.app-menu span:nth-child(n+7){display:none}.app-workspace{height:227px;grid-template-columns:25px 1fr 100px}.tool-rail{gap:14px;padding:11px 5px}.tool-rail svg{width:14px;height:14px}.image-area{padding:26px 15px}.artboard-label b{font-size:17px;line-height:1.1}.artboard-label span{font-size:5px;letter-spacing:1.4px}.artboard-caption{font-size:4px;letter-spacing:1px;left:9px;bottom:11px}.sun{width:31px;height:31px;right:18%}.panel-tabs{height:27px;padding:0 7px;gap:9px;font-size:7px}.panel-tabs span:nth-child(3){display:none}.layer-options{padding:8px 5px;gap:5px;font-size:6px}.layer-options span{padding:3px 5px}.selected-layer{margin:1px 3px;padding:5px 4px;gap:5px;font-size:7px}.selected-layer>svg{width:11px}.layer-thumb{height:20px;width:21px}.layer-tools{height:29px;font-size:10px}.layer-tools>span:first-child,.layer-tools>span:nth-child(2){display:none}.mask-target{width:24px;height:23px}.mask-target svg{width:14px;height:12px}.floating-search{top:27%;left:9%;gap:5px}.floating-search>.cursor{width:14px;height:20px}.search-content{min-width:0;padding:8px 9px;border-radius:9px;font-size:8px;gap:13px}.search-content svg{width:10px;height:10px;padding:3px;border-radius:4px}.search-response{font-size:6px;left:21px;top:calc(100% + 5px);padding:4px 6px}.guide-pointer{width:21px;height:28px}.guide-label{font-size:7px;padding:6px 7px}.demo-bottom{min-height:48px;gap:6px}.demo-bottom ol{gap:10px}.demo-bottom li{gap:4px;font-size:7px}.demo-bottom li>span{width:15px;height:15px;font-size:8px}.demo-bottom button{font-size:8px;gap:3px}.demo-bottom button svg{width:12px;height:12px}.demo-disclaimer{font-size:8px;padding-inline:8px}.preview-footer{font-size:9px;margin-top:35px;gap:16px}.preview-footer span:last-child{text-align:right}dialog{padding:24px}dialog h2{font-size:20px}.address-row{flex-wrap:wrap}.address-row .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.button:hover{transform:none}}
/* Leave enough room below the bottom-row target for the cursor body. */
.layer-tools{height:54px;align-items:flex-start;padding-top:5px}
@media(max-width:520px){.layer-tools{height:44px;padding-top:4px}}

@media(max-width:520px){body{background:radial-gradient(ellipse 320px 300px at 50% 250px,#e6efff 0%,#f3f7ff 57%,#ffffff00 100%),#fff}}

/* A centered black badge, with the product name emphasized. */
.badge{display:flex;width:fit-content;margin-inline:auto;background:#15191f;border-color:#15191f;color:#fff;box-shadow:0 3px 9px #11182712}.badge>svg{color:#3b81ff;flex-shrink:0}.badge strong{font-weight:750}

.brand img{border-radius:10px;filter:drop-shadow(2px 3px 3px #142d4c24)}

.demo-section{padding-bottom:64px}
@media(max-width:520px){.demo-section{padding-bottom:36px}}

/* Three independent video scenes: 2/3 media, 1/3 explanation. */
[hidden]{display:none!important}
.scene-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:stretch;gap:0}
.scene-media{aspect-ratio:16/10;position:relative;overflow:hidden;min-width:0;border-radius:10px;background:#edf2f9}
.scene-media video{width:100%;height:100%;object-fit:contain;display:block;background:#1f232b;border-radius:10px}
.scene-media .app-window{height:100%;display:flex;flex-direction:column;border-radius:10px;box-shadow:none}
.scene-media .app-titlebar,.scene-media .app-menu{flex-shrink:0}
.scene-media .app-workspace{flex:1;min-height:0;height:auto;grid-template-columns:30px 1fr 135px}
.scene-media .app-menu{gap:19px;font-size:9px}
.scene-media .image-area{padding:22px 24px}
.scene-media .layer-options{padding:9px 7px;gap:7px;font-size:8px}
.scene-media .panel-tabs{padding:0 9px;gap:12px;font-size:9px}
.scene-media .selected-layer{gap:7px;font-size:9px;padding:7px 5px}
.scene-media .layer-thumb{width:27px;height:24px}
.scene-media .floating-search{left:9%;top:31%}
.scene-media .search-content{font-size:10px;padding:10px 11px;gap:17px;min-width:0}
.scene-media .search-response{font-size:8px}
.scene-media .artboard-label b{font-size:24px}
.scene-media .artboard-label span{font-size:6px;letter-spacing:2px}
.scene-media .artboard-caption{font-size:5px;letter-spacing:1.4px}
.scene-media .layer-tools>span:first-child{display:none}
.scene-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8191aa;gap:15px;background:radial-gradient(ellipse at 50% 45%,#e3edfd,transparent 75%),#f2f5fa}
.scene-empty strong{font-size:17px;font-weight:550;color:#586a83;margin-top:3px}
.scene-empty>span{font-size:12px;color:#8190a3}
.scene-copy{align-self:center;min-width:0;padding:24px 0 24px 29px}
.scene-kicker{font-size:10px;letter-spacing:1.2px;color:#6a85b8;font-weight:600}
.scene-copy h2{font-size:25px;line-height:1.55;letter-spacing:-.7px;margin:13px 0 14px;font-weight:600}
.scene-copy>p:not(.video-message){font-size:12px;line-height:1.95;color:#6e798a;margin:0 0 21px;max-width:230px}
.scene-example{border-left:2px solid #c3d6fa;padding-left:12px;margin:0 0 21px}
.scene-example>span{font-size:9px;color:#8a95a5}
.scene-example p{font-size:12px;line-height:1.7;color:#455e87;margin:4px 0 0}
.scene-play{display:inline-flex;align-items:center;gap:6px;padding:0;background:none;border:0;color:#3567c5;font-size:11px}
.video-message{font-size:10px;color:#9b5e50;line-height:1.6;margin:8px 0 0}
.scene-tabs{display:flex;justify-content:center;gap:14px;padding:21px 0}
.scene-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:8px;background:transparent;color:#7d8797;padding:8px 13px;font-size:11px;min-height:35px;transition:background .15s,color .15s,border-color .15s}
.scene-tabs button>span{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;border:1px solid #dfe5ed;border-radius:50%;color:inherit}
.scene-tabs button[aria-selected=true]{background:#eef4ff;color:#2b62ce;border-color:#d8e5fc}
.scene-tabs button[aria-selected=true]>span{background:#3b73e4;color:#fff;border-color:#3b73e4}
.scene-tabs button:hover{background:#f5f8fd;color:#3567c5}
@media(max-width:800px){.scene-copy{padding-left:21px}.scene-copy h2{font-size:21px}.scene-copy>p:not(.video-message){font-size:11px}.scene-media .app-workspace{grid-template-columns:25px 1fr 110px}.scene-media .image-area{padding:17px}.scene-media .artboard-label b{font-size:18px}.scene-media .search-content{font-size:8px;gap:9px;padding:8px}.scene-media .app-menu{gap:14px;font-size:7px}.scene-media .floating-search>.cursor{width:16px;height:23px}.scene-media .search-response{font-size:6px;left:25px}}
@media(max-width:680px){.scene-layout{grid-template-columns:minmax(0,1fr)}.scene-media{aspect-ratio:16/10}.scene-copy{padding:22px 12px 12px;display:grid;grid-template-columns:1.2fr 1fr;column-gap:22px;align-items:start}.scene-kicker{grid-column:1/-1}.scene-copy h2{font-size:22px;margin:9px 0 10px;grid-column:1}.scene-copy>p:not(.video-message){grid-column:1;font-size:12px;max-width:100%;margin:0}.scene-example{grid-column:2;grid-row:2;align-self:center;margin:10px 0 0}.scene-example p{font-size:11px}.scene-play{grid-column:2;grid-row:3;align-self:center;font-size:11px}.video-message{grid-column:1/-1}.scene-tabs{gap:8px;padding:17px 0}.scene-tabs button{font-size:10px;padding:8px 10px}}
@media(max-width:520px){.scene-media .app-titlebar{height:23px}.scene-media .app-menu{height:23px;gap:14px}.scene-media .app-workspace{grid-template-columns:23px 1fr 100px}.scene-media .image-area{padding:16px 13px}.scene-media .tool-rail{gap:12px}.scene-media .artboard-label b{font-size:16px}.scene-media .artboard-label span{font-size:4px;letter-spacing:1px}.scene-media .artboard-caption{font-size:4px;letter-spacing:1px}.scene-media .layer-options{font-size:6px;padding:8px 5px;gap:5px}.scene-media .layer-options span{padding:3px 4px}.scene-media .panel-tabs{font-size:7px;height:27px;padding:0 7px;gap:9px}.scene-media .selected-layer{font-size:7px;padding:5px 4px;gap:4px}.scene-media .layer-thumb{width:21px;height:20px}.scene-media .search-content{font-size:7px;padding:7px;gap:7px}.scene-media .search-content svg{width:9px;height:9px;padding:3px}.scene-media .floating-search{left:8%;top:30%;gap:5px}.scene-media .floating-search>.cursor{width:14px;height:20px}.scene-media .search-response{font-size:5px;left:21px;padding:4px 6px}.scene-copy{padding:19px 8px 10px;column-gap:16px}.scene-kicker{font-size:9px}.scene-copy h2{font-size:20px;line-height:1.5}.scene-copy>p:not(.video-message){font-size:10px}.scene-example p{font-size:10px}.scene-example>span{font-size:8px}.scene-tabs{gap:4px}.scene-tabs button{padding:7px 8px;gap:5px;font-size:9px;min-width:0;flex:1}.scene-tabs button>span{width:16px;height:16px;flex-shrink:0;font-size:8px}.scene-empty strong{font-size:15px}.scene-empty>span{font-size:11px}}

.scene-copy h2{white-space:pre-line}

/* Real recordings retain their full image; captions move below on phones. */
@media(max-width:680px){.scene-copy{display:block;padding:22px 12px 12px}.scene-kicker{display:block}.scene-copy h2{font-size:22px;margin:9px 0 10px}.scene-copy>p:not(.video-message){font-size:13px;max-width:none;margin:0 0 16px}.scene-play{font-size:12px}.video-message{font-size:11px}}
@media(max-width:520px){.scene-copy{padding:19px 8px 12px}.scene-copy h2{font-size:20px}.scene-copy>p:not(.video-message){font-size:12px}.scene-tabs button{font-size:11px}}

/* Keep the replay icon fully visible above a 30% gray overlay. */
.scene-replay-cover{position:absolute;inset:0;display:grid;place-items:center;background:rgb(112 112 112 / 30%)}
.scene-replay{display:grid;place-items:center;width:82px;height:82px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:opacity .15s,transform .15s}
.scene-replay:hover{opacity:.8;transform:scale(1.04)}
.scene-replay:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:520px){.scene-replay{width:64px;height:64px}.scene-replay svg{width:36px;height:36px}}