/* Product sizzle compositions. Native UI crops are animated independently. */
.motion-scene{padding:0;overflow:hidden;isolation:isolate}
.motion-scene img{display:block;width:100%;height:auto}
.motion-kicker,.piece-heading,.motion-label>span{font-size:10px;letter-spacing:1.7px;color:#9ab7ff}
.motion-caption{position:absolute;bottom:5%;left:5%;right:5%;text-align:center;font-size:17px;letter-spacing:-.3px;color:#d3def5;margin:0}
.motion-fine-print{position:absolute;bottom:1%;left:4%;right:4%;text-align:center;color:#94a1ba;font-size:8px;margin:0}
.brief-orbit{position:absolute;inset:3% 20% 12%;background:radial-gradient(ellipse,#315ac126,transparent 70%);border-radius:50%;border:1px solid #6382c018}
.brief-origin{position:absolute;left:7%;top:35%;width:210px;padding:22px;border:1px solid #496399;background:#14213b;border-radius:8px;box-shadow:0 20px 50px #0005}
.brief-origin strong,.brief-origin small{display:block;margin-top:12px}.brief-origin small{font-size:10px;color:#a6b5ce;line-height:1.7}
.brief-paper{position:absolute;top:0;left:34%;width:32%;max-width:365px;border:1px solid #6079af;border-radius:8px;overflow:hidden;box-shadow:0 28px 70px #0009,0 0 70px #3569ff12;transform-origin:50% 40%;background:#10151e}
.brief-paper .enlarge-hint{bottom:5px;font-size:9px;padding:6px 9px}
.brief-side-note{position:absolute;left:6%;top:23%;width:24%}.brief-side-note h3{font-size:clamp(25px,3.3vw,43px);font-weight:500;letter-spacing:-1.5px;line-height:1.3;margin:18px 0}.brief-side-note em{letter-spacing:-1px}
.brief-keywords{position:absolute;left:73%;top:29%;display:grid;gap:17px}.brief-keywords span{font-size:11px;color:#b7c8e9;border-left:2px solid #5c80de;padding-left:12px}.brief-caption{bottom:3%}
.roadmap-board{position:absolute;inset:3% 4% 19%;border:1px solid #3a4968;border-radius:9px;background:#0d131f;box-shadow:0 25px 50px #0006;overflow:hidden}
.roadmap-head{display:flex;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #2b3750;font-size:10px;letter-spacing:1.5px;color:#a7beec}.illustration-label{font-size:8px;color:#8b9ab6}
.roadmap-months{display:grid;grid-template-columns:27% repeat(3,1fr);font-size:10px;letter-spacing:1px;color:#95a6c3;height:13%;align-items:center;border-bottom:1px solid #2b3750}.roadmap-months>span:first-child{padding-left:22px;letter-spacing:0;color:#d2dcf0}
.roadmap-row{height:11.5%;display:grid;grid-template-columns:27% 73%;align-items:center;border-bottom:1px solid #202b3e;font-size:12px}.roadmap-row>span{padding-left:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b8c7df}.roadmap-row.summary>span{color:#f0f4ff;font-weight:600}
.roadmap-track{position:relative;height:100%;display:flex;align-items:center;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.333% - 1px),#33415d66 calc(8.333% - 1px),#33415d66 8.333%);border-left:1px solid #34405a}
.roadmap-bar{display:block;position:absolute;left:var(--start);width:var(--length);height:23px;border-radius:4px;background:linear-gradient(90deg,#3568e3,#7ca9ff);box-shadow:0 2px 10px #3569ff22;color:#081327;padding:5px 10px;font-size:10px;font-weight:600;font-style:normal;overflow:hidden;white-space:nowrap;transform-origin:left}
.summary-bar{height:7px;background:#638cff}.teal-bar{background:linear-gradient(90deg,#4eaaa5,#93d7c4)}.roadmap-milestone{position:absolute;height:12px;width:12px;transform:rotate(45deg);background:#a0d9ca;box-shadow:0 0 20px #a0d9ca33}.milestone-label{position:absolute;left:94%;font-size:9px;color:#a0d9ca}
.roadmap-dependencies{position:absolute;left:0;top:21%;height:72%;width:100%;pointer-events:none}.roadmap-dependencies path{stroke:#8ea9df;fill:none;stroke-width:1.5;stroke-dasharray:500;stroke-dashoffset:0;opacity:.6}
.roadmap-today{position:absolute;left:57%;top:19%;bottom:0;border-left:1px dashed #acbfff70}.roadmap-today span{position:absolute;top:-12px;left:5px;font-size:7px;color:#a5bfff;letter-spacing:1px}
.roadmap-payoff{position:absolute;bottom:10%;left:5%;right:5%;display:flex;align-items:center;justify-content:center;gap:20px}.roadmap-payoff>span{font-size:9px;letter-spacing:1.5px;color:#88a7f9}.roadmap-payoff strong{font-size:22px;font-weight:500;letter-spacing:-.6px}.roadmap-scene>.motion-caption{bottom:3%;font-size:12px;color:#95a6c2}
.forecast-piece{position:absolute;top:10%;padding:22px 18px;background:linear-gradient(160deg,#142039,#0e141f 70%);border:1px solid #3a507d;border-radius:9px;box-shadow:0 25px 50px #0005}.scope-piece{left:3%;width:28%}.config-piece{left:36%;width:27%}.answer-piece{left:68%;width:29%;top:19%;border-color:#698cda;background:#142440}.piece-heading{font-size:9px;letter-spacing:1.1px;line-height:1.6;margin-bottom:20px}.piece-heading>span{color:#d7e4ff;margin-right:8px}.scope-total{display:flex;align-items:center;gap:14px;margin:22px 0}.scope-total strong{font-size:58px;letter-spacing:-3px;font-weight:500;line-height:1}.scope-total>span{color:#a7b9db;font-size:11px;line-height:1.8}.scope-total b{font-weight:500;color:#d3dff8}.scope-excerpt{display:grid;gap:10px;margin:25px 0}.scope-excerpt img{border:1px solid #334664;border-radius:3px;min-height:25px;object-fit:cover;object-position:left}
.forecast-piece p{color:#9dafce;font-size:11px;line-height:1.8;margin-bottom:0}.config-piece img{border-radius:4px}.answer-piece img{border-radius:5px;box-shadow:0 10px 30px #0003}.answer-math{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:26px;color:#b4c8f4;font-size:10px}.answer-math strong{display:block;font-size:23px;color:#eef4ff;font-weight:500}.answer-math b{font-size:14px;font-weight:400}.forecast-caption{bottom:8%}
.forecast-flow{position:absolute;inset:0;pointer-events:none}.forecast-flow span{position:absolute;top:45%;height:1px;background:#769bff;box-shadow:0 0 9px #5d85ff;transform-origin:left;width:5%}.forecast-flow span:first-child{left:31%}.forecast-flow span:last-child{left:63%}.forecast-flow span:after{content:'›';position:absolute;right:-1px;top:-11px;font-size:20px;color:#a5beff}
.baseline-ribbon{position:absolute;top:2%;left:10%;right:10%;display:flex;justify-content:center;align-items:center;gap:20px;border-bottom:1px solid #3a496b;padding:0 0 17px}.baseline-ribbon>span{font-size:9px;color:#8fa7d4;letter-spacing:1px}.baseline-ribbon strong{font-size:12px;font-weight:500;color:#ccd9f5}
.scenario-piece{position:absolute;top:14%;width:45%;border:1px solid #3c5079;border-radius:9px;background:linear-gradient(145deg,#172743,#0c131f 70%);padding:19px 20px;box-shadow:0 22px 50px #0005}.capacity-piece{left:3%}.order-piece{right:3%}.scenario-piece .piece-heading{font-size:10px;margin-bottom:15px}.scenario-visual{display:grid;grid-template-columns:1.04fr 1fr;gap:17px;align-items:start}.scenario-ui{border-radius:4px;border:1px solid #3a4e73;overflow:hidden}.scenario-ui a{display:block}.mini-roadmap{padding-top:10px}.mini-axis{display:flex;justify-content:space-between;font-size:9px;color:#8ea5cf;margin-bottom:20px}.mini-lane{position:relative;margin-top:29px;height:20px;background:repeating-linear-gradient(90deg,#101a2a 0,#101a2a calc(16.666% - 1px),#354768 calc(16.666% - 1px),#354768 16.666%);border-radius:2px}.mini-lane small{position:absolute;top:-14px;font-size:6px;letter-spacing:.5px;color:#a3b4d2}.mini-lane i{position:absolute;left:0;top:4px;height:12px;border-radius:3px;transform-origin:left}.mini-base{width:100%;background:#5a73a6}.mini-variant{width:66.667%;background:#9ec9ff;box-shadow:0 0 12px #5c8aff33}.capacity-payoff,.order-payoff{margin-top:27px;font-size:12px;color:#ecf3ff;line-height:1.6}.capacity-payoff strong,.order-payoff strong{display:block;font-weight:500}.capacity-payoff span,.order-payoff span{font-size:10px;color:#a9c0e8}.order-legend{font-size:7px;line-height:1.5;color:#9db7eb;letter-spacing:.5px}.order-stack{margin-top:18px}.order-line{position:relative;height:39px;border-bottom:1px solid #263654}.order-line>span{font-size:8px;display:block;color:#9eb0ce}.order-bar{position:absolute;height:10px;top:18px;border-radius:2px}.welcome-bar{left:19.23%;width:30.77%;background:#6e8bd5}.tour-bar{left:50%;width:50%;background:#46609d}.next-bar{left:0;width:19.23%;background:#a1d4ed;box-shadow:0 0 9px #86c0ef33}.order-payoff{margin-top:16px}.scenario-caption{bottom:8%}
#reel-clock{font-size:9px;color:#9aaccd;font-variant-numeric:tabular-nums;min-width:35px}.progress{height:14px;position:relative;background:#172136}#progress-fill{position:absolute;left:0;top:6px;height:2px;pointer-events:none}#reel-seek{position:absolute;inset:0;width:100%;height:14px;margin:0;cursor:ew-resize;opacity:.25;accent-color:#b9ceff}#reel-seek:hover,#reel-seek:focus-visible{opacity:1}.reel-controls{gap:10px}.chapters{gap:10px}.scene-label{min-height:125px}.scene-label h2{transition:opacity .2s}
.product-stories article:first-child .story-screen{width:72%;justify-self:center;max-height:none}.product-stories article:first-child .story-screen img{height:auto}
@media(max-width:750px){.stage{aspect-ratio:1;min-height:345px}.motion-caption{font-size:12px;bottom:4%}.motion-fine-print{font-size:6px;bottom:0;line-height:1.5}.brief-paper{width:57%;left:25%;top:0;max-height:88%}.brief-paper img{width:100%;height:100%;object-fit:contain}.brief-origin{left:8%;width:160px;padding:15px}.brief-side-note{left:2%;top:28%;width:22%}.brief-side-note h3{font-size:19px;letter-spacing:-.7px}.brief-side-note .motion-kicker{font-size:6px}.brief-keywords{left:84%;top:26%;gap:15px;width:14%}.brief-keywords span{font-size:6px;padding-left:5px;border-left-width:1px;line-height:1.6}.brief-paper .enlarge-hint{font-size:6px;padding:4px;right:3px;bottom:3px}.brief-caption{bottom:2%;font-size:10px}.roadmap-board{inset:5% 1% 24%}.roadmap-head{padding:12px 9px;font-size:7px}.illustration-label{font-size:5px}.roadmap-months{font-size:6px;grid-template-columns:27% repeat(3,1fr)}.roadmap-months>span:first-child{padding-left:8px;font-size:6px}.roadmap-row{font-size:7px}.roadmap-row>span{padding-left:8px}.roadmap-bar{height:15px;font-size:6px;padding:4px}.summary-bar{height:4px;padding:0}.roadmap-milestone{height:7px;width:7px}.milestone-label{display:none}.roadmap-today span{font-size:5px;top:-8px}.roadmap-payoff{bottom:14%;gap:9px}.roadmap-payoff>span{font-size:6px}.roadmap-payoff strong{font-size:14px}.roadmap-scene>.motion-caption{font-size:10px;bottom:7%}.forecast-piece{padding:11px 9px;top:9%;border-radius:6px}.scope-piece{left:2%;width:30%}.config-piece{left:35%;width:29%}.answer-piece{left:67%;width:31%;top:20%}.piece-heading{font-size:6px;letter-spacing:.6px;margin-bottom:10px;min-height:25px}.piece-heading>span{margin-right:3px}.scope-total{gap:4px;margin:14px 0}.scope-total strong{font-size:35px;letter-spacing:-2px}.scope-total>span{font-size:6px;line-height:1.6}.scope-excerpt{gap:8px;margin:18px 0}.scope-excerpt img{min-height:16px}.forecast-piece p{font-size:7px;line-height:1.6}.answer-math{font-size:6px;gap:5px;margin-top:18px}.answer-math strong{font-size:15px}.answer-math b{font-size:10px}.forecast-caption{font-size:10px;bottom:12%;padding:0 10px}.forecast-flow span{top:40%;width:3%}.forecast-flow span:first-child{left:32%}.forecast-flow span:last-child{left:64%}.baseline-ribbon{left:3%;right:3%;top:0;gap:7px;flex-direction:column;padding-bottom:10px}.baseline-ribbon>span{font-size:6px}.baseline-ribbon strong{font-size:9px}.scenario-piece{top:18%;width:46%;padding:10px 8px}.capacity-piece{left:2%}.order-piece{right:2%}.scenario-piece .piece-heading{font-size:6px;letter-spacing:.5px;min-height:24px;margin-bottom:5px}.scenario-visual{grid-template-columns:1fr;gap:8px}.scenario-ui{width:80%;margin:auto;max-height:120px;overflow:auto}.mini-roadmap{padding:0}.mini-axis{font-size:6px;margin-bottom:13px}.mini-lane{height:11px;margin-top:16px}.mini-lane small{font-size:5px;top:-9px}.mini-lane i{height:7px;top:2px}.capacity-payoff,.order-payoff{margin-top:10px;font-size:8px}.capacity-payoff span,.order-payoff span{font-size:6px}.order-legend{font-size:5px}.order-stack{margin-top:7px}.order-line{height:19px}.order-line>span{font-size:5px}.order-bar{height:5px;top:11px}.scenario-caption{bottom:7%;font-size:10px}.whatif-scene .motion-fine-print{font-size:5px}.reel-controls{gap:2px;padding:8px 5px}.chapters{gap:0}.chapters button{font-size:8px;min-width:24px;padding:6px 2px}#reel-clock{font-size:7px;min-width:25px}#replay-chapter{font-size:13px}#sound-toggle{font-size:7px;max-width:50px}.product-stories article:first-child .story-screen{width:80%}}
@media(prefers-reduced-motion:reduce){.scene-label h2{transition:none}.motion-scene *{scroll-behavior:auto}}

/* Scene cuts clear the prior composition; the components supply the motion. */
.scene{visibility:hidden}.scene.active{visibility:visible}.motion-scene{transition:none}
@media(max-width:750px){
 .stage{min-height:420px;aspect-ratio:.85}
 .forecast-piece{top:5%;padding:10px}.scope-piece{left:3%;width:44%}.config-piece{left:53%;width:44%}.answer-piece{left:17%;width:66%;top:52%}
 .forecast-piece .piece-heading{font-size:7px;min-height:0;margin-bottom:9px}.scope-total strong{font-size:43px}.scope-total>span{font-size:8px}.scope-excerpt{margin:12px 0}.scope-excerpt img{min-height:21px}.scope-excerpt img:not(:first-child){display:none}.forecast-piece p{display:none}.answer-math{font-size:8px;margin-top:9px;gap:5px}.answer-math strong{font-size:18px}.forecast-caption{bottom:5%;font-size:9px}.forecast-scene .motion-fine-print{bottom:1%;font-size:5px}
 .scenario-piece{left:6%;right:auto;width:88%;top:22%;padding:15px}.scenario-piece .piece-heading{font-size:8px;min-height:0;margin-bottom:12px}.scenario-visual{grid-template-columns:1fr 1fr;gap:13px}.scenario-ui{width:100%;max-height:none;overflow:hidden}.mini-roadmap{padding-top:4px}.mini-axis{font-size:8px;margin-bottom:21px}.mini-lane{height:16px;margin-top:21px}.mini-lane small{font-size:6px;top:-12px}.mini-lane i{height:10px;top:3px}.capacity-payoff,.order-payoff{margin-top:18px;font-size:12px}.capacity-payoff span,.order-payoff span{font-size:9px}.order-legend{font-size:6px}.order-line{height:30px}.order-line>span{font-size:7px}.order-bar{height:8px;top:16px}.scenario-caption{bottom:12%;font-size:11px}.whatif-scene .motion-fine-print{bottom:5%;font-size:6px}
}
@media(max-width:750px) and (prefers-reduced-motion:reduce){.scenario-piece{left:2%;width:46%;padding:9px;top:20%}.order-piece{left:52%}.scenario-visual{grid-template-columns:1fr}.scenario-ui{width:80%;max-height:130px}.mini-roadmap{padding-top:5px}.scenario-caption{bottom:8%}.scenario-piece .piece-heading{font-size:6px}.mini-axis{margin-bottom:10px}.mini-lane{margin-top:14px;height:10px}.mini-lane i{height:6px;top:2px}.capacity-payoff,.order-payoff{font-size:9px;margin-top:10px}.order-line{height:20px}.order-bar{top:12px;height:6px}}

@media(max-width:750px){.forecast-flow{display:none}}
/* A platform roadmap: feature sequencing across workstreams, above delivery tasks. */
.platform-board{display:grid;grid-template-rows:38px 37px 1fr 29px;inset:2% 3% 20%}
.platform-board .roadmap-head{padding:14px 18px}
.platform-months{display:grid;grid-template-columns:26% 74%;align-items:center;border-bottom:1px solid #31405b;font-size:9px;letter-spacing:1px;color:#9fb2d3}
.platform-months>span{padding-left:18px;font-size:8px}.platform-months>div{display:grid;grid-template-columns:repeat(6,1fr);height:100%;align-items:center}.platform-months>div span{padding-left:10px;border-left:1px solid #273650;height:100%;display:flex;align-items:center}
.platform-lanes{display:grid;grid-template-rows:repeat(15,minmax(0,1fr));position:relative;min-height:0}
.platform-row{display:grid;grid-template-columns:26% 74%;min-height:0;border-bottom:1px solid #23314877;align-items:center}
.platform-row>span{padding-left:25px;font-size:10px;color:#bacbe5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.platform-track{height:100%;position:relative;border-left:1px solid #34445f;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.6667% - 1px),#34445f80 calc(16.6667% - 1px),#34445f80 16.6667%);display:flex;align-items:center}
.platform-group{background:#18305944}.platform-group>span{padding-left:18px;font-size:8px;letter-spacing:1.5px;color:#9abaff;font-weight:600}
.platform-group.intelligence{background:#173d3c44}.platform-group.intelligence>span{color:#a1d9ce}.platform-group.ecosystem{background:#36244f44}.platform-group.ecosystem>span{color:#cbb6f4}
.platform-bar{height:14px;padding:2px 6px;font-size:7px;border-radius:3px;z-index:2;box-shadow:none;line-height:10px}
.platform-bar>span{white-space:nowrap}.intelligence .platform-bar{background:linear-gradient(90deg,#459b9b,#95d3c3)}.ecosystem .platform-bar{background:linear-gradient(90deg,#8063ba,#b6a2ea);color:#120b25}
.platform-dependencies{position:absolute;left:26%;top:0;width:74%;height:100%;pointer-events:none;z-index:3;overflow:visible}
.platform-dependencies .unlock-link{fill:none;stroke:#b6cdfa;stroke-width:1.15;vector-effect:non-scaling-stroke;stroke-dasharray:1600;stroke-dashoffset:0;opacity:.8;marker-end:url(#unlock-arrow)}
.platform-legend{display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:7px;color:#a2b8db;border-top:1px solid #31405b;gap:12px}.platform-legend span{white-space:nowrap}.platform-legend i{display:inline-block;width:18px;height:5px;border-radius:2px;background:#7ba2ee;margin-right:6px}.platform-legend b{font-size:12px;color:#b6cdfa;margin-right:6px;font-weight:400}
.roadmap-scene .roadmap-payoff{bottom:10%;gap:14px}.roadmap-scene .roadmap-payoff strong{font-size:21px}.roadmap-scene>.motion-caption{font-size:11px}
@media(max-width:750px){.platform-board{inset:3% 1% 24%;grid-template-rows:27px 27px 1fr 22px}.platform-board .roadmap-head{padding:10px 8px;font-size:6px}.platform-board .illustration-label{font-size:4px}.platform-months{font-size:6px;grid-template-columns:34% 66%}.platform-months>span{font-size:5px;padding-left:8px;letter-spacing:.5px}.platform-months>div span{padding-left:3px}.platform-row{grid-template-columns:34% 66%}.platform-row>span{font-size:6px;padding-left:10px}.platform-group>span{font-size:5px;padding-left:8px;letter-spacing:.8px}.platform-bar{height:9px;padding:0;border-radius:2px}.platform-bar>span{display:none}.platform-dependencies{left:34%;width:66%}.platform-dependencies .unlock-link{stroke-width:.75}.platform-legend{padding:0 6px;font-size:4px;gap:4px}.platform-legend span:last-child{display:none}.platform-legend i{width:10px;height:3px;margin-right:3px}.platform-legend b{font-size:8px;margin-right:3px}.roadmap-scene .roadmap-payoff{flex-direction:column;gap:8px;bottom:13%}.roadmap-scene .roadmap-payoff>span{font-size:6px}.roadmap-scene .roadmap-payoff strong{font-size:14px}.roadmap-scene>.motion-caption{font-size:8px;bottom:6%}}

#soundtrack-preview{font-size:10px;color:#b5c9f4;white-space:nowrap;padding:9px 4px}.music-credit{display:block;font-size:9px;color:#96a8cc;margin-top:16px}@media(max-width:750px){#soundtrack-preview{font-size:7px;padding:6px 2px}}
/* Chapter 7: real export dialog, slide, and document. */
.export-trigger-piece{position:absolute;left:3%;top:14%;width:29%;padding:20px 16px;background:linear-gradient(160deg,#142039,#0e141f 70%);border:1px solid #3a507d;border-radius:9px;box-shadow:0 25px 50px #0005}
.export-trigger-piece img{border-radius:6px}
.export-trigger-piece p{color:#9dafce;font-size:11px;line-height:1.7;margin:14px 0 0}
.export-pulse span{position:absolute;display:block;background:linear-gradient(90deg,#6f97ff,#bcd0ff);box-shadow:0 0 14px #7ea2ff88;border-radius:2px}
.export-pulse span:first-child{left:32.5%;top:38%;width:5%;height:2px;transform-origin:left}
.export-slide,.export-doc{position:absolute;display:block;border-radius:6px;box-shadow:0 30px 60px #000a}
.export-slide{left:38%;top:9%;width:47%;border:1px solid #3c4f73;z-index:1}
.export-doc{right:3%;top:30%;width:19%;background:#fff;border:1px solid #c9d2e3;z-index:2}
.export-slide img,.export-doc img{border-radius:5px}
.export-file{position:absolute;left:8px;bottom:-30px;white-space:nowrap;font-size:9px;letter-spacing:.3px;color:#cfdcf8;background:#132341;border:1px solid #3b5384;border-radius:4px;padding:5px 8px}
.export-doc .export-file{left:auto;right:0}
.export-scene .enlarge-hint{display:none}
@media(max-width:750px){
    .export-trigger-piece{left:4%;top:4%;width:56%;padding:10px}
 .export-trigger-piece p{display:none}
 .export-pulse{display:none}
 .export-doc .export-file{display:none}
 .export-slide{left:4%;top:50%;width:66%}
 .export-doc{right:4%;top:24%;width:28%}
 .export-file{font-size:6px;padding:3px 5px;bottom:-21px}
}
/* Recorded demo clips (outline typing, then the click into Visual Tree). */
.video-scene .screenshot-link{overflow:hidden;border-radius:8px}
.demo-video{display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 0;filter:drop-shadow(0 14px 20px #0005)}
@media(max-width:750px){
 .video-scene .screenshot-link{align-items:flex-start;padding-top:6%}
 .demo-video{height:auto}
 [data-panel="0"] .demo-video{scale:1.45;transform-origin:35% 0}
 [data-panel="1"] .demo-video{scale:1.3;transform-origin:56% 15%}
}
/* Sound toggle: a visible pill, filled while the soundtrack is on. */
#sound-toggle{max-width:none;white-space:nowrap;font-size:10px;padding:7px 13px;border:1px solid #4e6aa6;border-radius:999px;background:#14213b;color:#dce8ff}
#sound-toggle[aria-pressed="true"]{background:#9ab7ff;border-color:#9ab7ff;color:#0d1626}
@media(max-width:750px){#sound-toggle{font-size:8px;padding:6px 8px}}