

  /* Big Reveal: one continuous journey from a request to a daily dataset. */
  #how .film-player{max-width:72rem;margin:auto;font-family:var(--sans);font-size:16px;line-height:normal;color:#17151f;--ink:#17151f;--soft:#726d80;--purple:#653de9;--lavender:#ede7ff;--green:#20875e;--mint:#e7f7ed;--line:#e9e6ef;--ease:cubic-bezier(.22,1,.36,1)}
  #how .film-player button,#how .film-player input{font:inherit}
  #how .film-player button{cursor:pointer}
  #how .film-player button:focus-visible,#how .film-player input:focus-visible{outline:3px solid #a58af9;outline-offset:4px}

#how .film-player .player{overflow:hidden;border-radius:28px;background:radial-gradient(ellipse at 50% 105%,#e9e4f9,transparent 68%),#fcfcfe;position:relative;isolation:isolate}
#how .film-player .viewport{width:100%;aspect-ratio:1000/680;position:relative;overflow:hidden}
#how .film-player .stage{position:absolute;top:0;left:0;width:1000px;height:680px;transform-origin:0 0;overflow:hidden}
#how .film-player .scene{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none}
#how .film-player .scene.on{visibility:visible}
#how .film-player .actor{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);transform-origin:center;will-change:transform,opacity}
#how .film-player .headline{position:absolute;left:30px;right:30px;top:48px;text-align:center;font-size:43px;line-height:1.13;font-weight:400;letter-spacing:-1.7px;z-index:3}
#how .film-player .headline em{font-style:normal;color:var(--purple)}
#how .film-player .headline small{display:block;font-size:18px;color:var(--soft);font-weight:400;letter-spacing:0;margin-top:12px}
#how .film-player .surface{background:#fff;border:1px solid #e8e5ee;border-radius:23px;box-shadow:0 20px 60px #24203213,0 3px 8px #24203205;overflow:hidden}
#how .film-player .jason-avatar{width:42px;height:42px;border-radius:13px;background:transparent;color:white;display:grid;place-items:center;font-size:28px;font-weight:600;box-shadow:none;flex:none}
#how .film-player .jason-avatar img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
#how .film-player .jason-label{display:flex;align-items:center;gap:12px}
#how .film-player .jason-label b{font-size:20px;font-weight:600}
#how .film-player .jason-label small{font-size:13px;display:block;color:var(--soft)}
#how .film-player .live-dot{display:inline-block;background:#26a574;width:7px;height:7px;border-radius:50%;margin-right:5px}
#how .film-player .muted{color:var(--soft)}
#how .film-player .mono{font-family:var(--mono)}
#how .film-player .chip{font-size:13px;padding:5px 9px;border-radius:7px;background:#f5f3f9;color:var(--soft)}
#how .film-player .chat-window{width:660px;height:400px}
#how .film-player .app-bar{height:78px;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0edf4}
#how .film-player .chat-content{padding:26px 28px}
#how .film-player .user-bubble{margin-left:auto;background:var(--lavender);border-radius:19px 19px 4px 19px;padding:16px 20px;width:465px;font-size:23px;line-height:1.4;min-height:96px}
#how .film-player .type-cursor{display:inline-block;width:2px;height:1em;background:var(--purple);vertical-align:-2px;margin-left:2px}
#how .film-player .reply{display:flex;gap:13px;align-items:flex-start;margin:23px 0}
#how .film-player .reply .jason-avatar{width:30px;height:30px;font-size:22px;border-radius:10px}
#how .film-player .reply p{font-size:21px;line-height:1.42;max-width:480px;margin:0}
#how .film-player .chat-compose{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:30px;padding:10px 16px;color:#a09bab;font-size:16px}
#how .film-player .send{background:var(--purple);color:#fff;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-size:21px}
#how .film-player .floating-status{position:absolute;bottom:41px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;background:#fff;padding:10px 17px;border-radius:100px;box-shadow:0 6px 24px #2620360a;white-space:nowrap;font-size:16px;color:var(--soft)}
#how .film-player .floating-status .jason-avatar{height:25px;width:25px;font-size:18px;border-radius:8px}
#how .film-player .sources-window{width:690px;height:405px}
#how .film-player .sources-head{padding:22px 26px 12px;display:flex;align-items:center;justify-content:space-between}
#how .film-player .sources-head h3{margin:0;font-size:23px;font-weight:400}
#how .film-player .sources-head p{margin:4px 0 0;font-size:15px;color:var(--soft)}
#how .film-player .source-grid{padding:8px 25px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
#how .film-player .source-card{border:1.5px solid var(--line);border-radius:13px;padding:16px 14px;height:104px;position:relative;transition:none;background:white}
#how .film-player .source-card.selected{border-color:#9576ed;background:#faf8ff}
#how .film-player .source-brand{font-weight:700;font-size:22px;letter-spacing:-.6px}
#how .film-player .source-card small{display:block;color:var(--soft);font-size:12px;margin-top:8px}
#how .film-player .check{width:19px;height:19px;border-radius:50%;border:1px solid #ddd8e6;position:absolute;right:10px;top:10px;color:transparent;font-size:13px;text-align:center}
#how .film-player .selected .check{background:var(--purple);border-color:var(--purple);color:#fff}
#how .film-player .source-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:16px 25px;color:var(--soft);font-size:15px}
#how .film-player .mock-primary{background:var(--purple);color:#fff;border-radius:100px;padding:11px 20px;font-size:15px;font-weight:600}
#how .film-player .cursor{position:absolute;width:25px;height:31px;z-index:9;filter:drop-shadow(0 2px 2px #17151f25);pointer-events:none}
#how .film-player .cursor svg{width:100%;height:100%}
#how .film-player .fleet{width:0;height:0;top:55%;transform-origin:0 0}
#how .film-player .browser{position:absolute;width:690px;height:410px;left:-345px;top:-205px;border-radius:16px;background:#fff;box-shadow:0 24px 64px #2520331f;border:1px solid #e5e1ec;overflow:hidden}
#how .film-player .browser-chrome{height:43px;background:#faf9fc;border-bottom:1px solid #ece9f1;display:flex;gap:7px;align-items:center;padding:0 17px}
#how .film-player .browser-chrome i{width:7px;height:7px;border-radius:50%;background:#dedbe5}
#how .film-player .browser-url{margin:0 auto;background:#efedf3;border-radius:6px;padding:5px 60px;font-size:12px;color:#6b6676}
#how .film-player .shop-nav{padding:15px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0edf4;font-size:12px;color:var(--soft)}
#how .film-player .shop-brand{font-size:24px;font-weight:700;color:#d72737;letter-spacing:1px}
#how .film-player .shop-content{padding:24px;display:grid;grid-template-columns:240px 1fr;gap:26px}
#how .film-player .product-art{height:235px;background:#f6f4ed;border-radius:12px;display:grid;place-items:center;position:relative}
#how .film-player .carton{width:105px;height:164px;background:#e9d9a7;border-radius:3px 5px 6px 6px;box-shadow:13px 16px 17px #54482c1e;transform:rotate(-7deg);position:relative;padding:18px 11px 8px;color:#164f45;border-right:12px solid #d7c18c}
#how .film-player .carton:before{content:'';position:absolute;top:-23px;left:0;width:93px;height:24px;background:#f1e3bd;clip-path:polygon(12% 0,83% 0,100% 100%,0 100%)}
#how .film-player .carton:after{content:'';position:absolute;top:-24px;right:13px;background:#1d6155;border-radius:3px;width:20px;height:9px}
#how .film-player .carton b{font-size:20px;letter-spacing:-.5px;line-height:.95;display:block}
#how .film-player .carton .oat{font-family:Georgia,serif;font-size:43px;font-style:italic;display:block;margin:12px 0 5px}
#how .film-player .carton small{font-size:9px;display:block}
#how .film-player .product-detail{padding-top:8px}
#how .film-player .product-detail .breadcrumb{font-size:11px;color:var(--soft)}
#how .film-player .product-detail h3{font-size:25px;line-height:1.15;font-weight:400;letter-spacing:-.6px;margin:14px 0 7px}
#how .film-player .product-detail .stars{color:#ac8327;font-size:13px;margin-bottom:18px}
#how .film-player .price-field{position:relative;display:inline-flex;align-items:baseline;gap:10px;padding:4px 6px;margin-left:-6px;border-radius:7px}
#how .film-player .price-field b{font-size:38px;letter-spacing:-1px}
#how .film-player .price-field s{font-size:16px;color:#95909c}
#how .film-player .product-detail .stock{font-size:13px;color:var(--green);margin:8px 0 14px}
#how .film-player .basket{background:#194881;color:#fff;padding:9px;text-align:center;border-radius:100px;font-size:14px;width:190px}
#how .film-player .selection-box{position:absolute;inset:-3px;border:2px solid var(--purple);border-radius:8px;box-shadow:0 0 0 4px #653de915;opacity:0}
#how .film-player .selection-box:after{content:'price';position:absolute;top:-21px;right:-2px;font:11px var(--mono);color:#fff;background:var(--purple);padding:2px 6px;border-radius:4px 4px 0 0}
#how .film-player .extract-value{position:absolute;left:100px;top:48px;border:1px solid #d8ccf8;border-radius:11px;background:#fff;box-shadow:0 8px 30px #4532751c;padding:12px 20px;font-size:22px;white-space:nowrap;z-index:4}
#how .film-player .extract-value small{color:var(--purple);font:13px var(--mono);display:block;margin-bottom:4px}
#how .film-player .fleet-tile{position:absolute;width:690px;height:410px;border-radius:16px;background:white;border:1px solid #e0dbe9;box-shadow:0 12px 32px #332b4a12;overflow:hidden}
#how .film-player .tile-bar{height:51px;padding:15px 25px;background:#faf9fc;display:flex;justify-content:space-between;font-size:17px;border-bottom:1px solid #eeebf3}
#how .film-player .tile-body{display:grid;grid-template-columns:190px 1fr;gap:28px;padding:30px}
#how .film-player .tile-product{height:255px;background:#f0eee6;border-radius:14px;display:grid;place-items:center;font-size:83px}
#how .film-player .tile-lines{padding-top:15px}
#how .film-player .tile-lines i{display:block;width:90%;height:17px;background:#efedf3;margin-bottom:19px;border-radius:5px}
#how .film-player .tile-lines i:nth-child(2){width:65%}
#how .film-player .tile-price{margin:27px 0 18px;color:var(--purple);font-size:38px;font-weight:600}
#how .film-player .tile-status{background:var(--mint);font-size:15px;padding:7px 11px;border-radius:20px;color:var(--green);display:inline-block}
#how .film-player .scale-count{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:center;gap:26px;align-items:baseline;font-size:18px;color:var(--soft);z-index:5}
#how .film-player .scale-count b{font-size:32px;color:var(--purple);letter-spacing:-1px;font-variant-numeric:tabular-nums}
#how .film-player .swarm-wash{position:absolute;inset:0;z-index:2;background:linear-gradient(#fcfcfe 0%,#fcfcfe 24%,#fcfcfe00 39%,#f2eefb00 73%,#f1edfa 95%);pointer-events:none}
#how .film-player .worker-overlay{position:absolute;inset:0;z-index:5;background:#ffffff70;display:grid;place-items:center;overflow:hidden;pointer-events:none}
#how .film-player .worker-overlay:before{content:'';position:absolute;inset:0;background:#a889f278;border-right:8px solid #9871e7;transform-origin:left;transform:scaleX(var(--worker-progress,.5))}
#how .film-player .retailer-mark{position:relative;z-index:1;display:grid;place-items:center;width:178px;height:178px;background:#fff;border:2px solid #ffffffb3;border-radius:38px;box-shadow:0 12px 32px #332b4a18;color:var(--retailer,#d72737);font-size:130px;line-height:1;font-weight:700;letter-spacing:-6px;padding-right:6px}
#how .film-player .browser .worker-overlay{opacity:0}
#how .film-player .tile-price{border-radius:8px;width:190px;padding:4px}
#how .film-player .dataset{width:800px;height:415px;border-radius:18px}
#how .film-player .dataset-top{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
#how .film-player .dataset-name{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:600}
#how .film-player .dataset-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--purple);background:var(--lavender);font-size:22px}
#how .film-player .data-tabs{padding:12px 24px;display:flex;gap:24px;font-size:13px;color:var(--soft);border-bottom:1px solid var(--line)}
#how .film-player .data-tabs span:first-child{color:var(--purple);font-weight:600}
#how .film-player .data-table{width:100%;border-collapse:collapse;text-align:left;font-size:16px}
#how .film-player .data-table th{font-weight:500;background:#faf9fc;font-size:12px;color:var(--soft);height:36px}
#how .film-player .data-table th,#how .film-player .data-table td{padding:10px 15px;border-bottom:1px solid #efedf4;white-space:nowrap}
#how .film-player .data-table th:first-child,#how .film-player .data-table td:first-child{padding-left:24px}
#how .film-player .data-table td:first-child{width:34%}
#how .film-player .data-table td:nth-child(3){font-family:var(--mono);color:var(--green);font-size:14px}
#how .film-player .data-table td:last-child{color:#898394;font-size:12px}
#how .film-player .row-reveal{will-change:transform,opacity}
#how .film-player .dataset-bottom{padding:12px 24px;font-size:13px;color:var(--soft);display:flex;justify-content:space-between}
#how .film-player .row-total{font-variant-numeric:tabular-nums}
#how .film-player .flying-row{position:absolute;left:50%;top:51%;width:750px;background:white;border:1px solid var(--line);border-radius:12px;padding:17px 24px;display:flex;justify-content:space-between;box-shadow:0 10px 35px #35275515;font-size:19px;z-index:5}
#how .film-player .flying-row b{color:var(--purple);font-family:var(--mono);font-size:17px}
#how .film-player .big-count{font-size:62px;letter-spacing:-2.5px;font-variant-numeric:tabular-nums}
#how .film-player .export-pill{display:inline-flex;gap:8px;align-items:center;font-size:13px;border:1px solid var(--line);padding:7px 10px;border-radius:7px;color:var(--soft)}
#how .film-player .pipeline{width:880px;height:405px;border-radius:16px}
#how .film-player .pipeline-top{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);font-size:17px;font-weight:600}
#how .film-player .pipeline-top .chip{background:var(--mint);color:var(--green);font-size:12px}
#how .film-player .pipeline-tabs{padding:11px 20px;font-size:12px;color:var(--purple);border-bottom:1px solid var(--line)}
#how .film-player .pipeline-tabs span{color:var(--soft);margin-left:22px}
#how .film-player .graph{height:275px;position:relative;background-image:radial-gradient(#dcd7e7 .75px,transparent .75px);background-size:14px 14px;background-color:#faf9fc}
#how .film-player .group{position:absolute;top:22px;height:232px;border:1px dashed;padding:12px;border-radius:2px;font-size:10px;font-weight:600;letter-spacing:.5px}
#how .film-player .group-a{left:20px;width:175px;background:#faece9;border-color:#e4c6bf;color:#a26e61}
#how .film-player .group-b{left:221px;width:392px;background:#faf8e9;border-color:#e2dfbd;color:#9b9461}
#how .film-player .group-c{left:639px;width:221px;background:#edf8e9;border-color:#c8dfbe;color:#739760}
#how .film-player .node{position:absolute;height:66px;border:1.4px solid #9891a4;border-radius:8px;background:#fff;padding:12px 12px;font-size:13px;letter-spacing:0;color:var(--ink);box-shadow:0 2px 4px #31274e04;z-index:2}
#how .film-player .node small{display:block;font-size:10px;color:var(--soft);font-weight:400;margin-top:6px}
#how .film-player .node-check{position:absolute;right:-7px;top:-7px;background:var(--green);border:2px solid white;border-radius:50%;width:21px;height:21px;color:#fff;text-align:center;line-height:17px;font-size:12px;transform:scale(0)}
#how .film-player .node-source{left:32px;top:91px;width:150px;background:#eff7fb;border-color:#76a1b2}
#how .film-player .node-discover{left:236px;top:63px;width:174px}
#how .film-player .node-extract{left:236px;top:162px;width:174px;border-color:#c19752}
#how .film-player .node-validate{left:433px;top:162px;width:165px;border-color:#a082e5}
#how .film-player .node-output{left:654px;top:112px;width:190px;background:#e6f5e7;border-color:#73a377}
#how .film-player .graph-edges{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}
#how .film-player .graph-edges path{stroke:#a8a0b8;stroke-width:1.5;fill:none}
#how .film-player .graph-edges .active-edge{stroke:var(--purple);stroke-width:2.5;stroke-dasharray:7 5}
#how .film-player .graph-count{position:absolute;z-index:2;font:10px var(--mono);color:#8c80a8;background:#faf8e9;padding:2px}
#how .film-player .gc-a{left:189px;top:71px}
#how .film-player .gc-b{left:292px;top:138px}
#how .film-player .gc-c{left:412px;top:182px}
#how .film-player .gc-d{left:604px;top:86px;background:#faf9fc;color:var(--purple)}
#how .film-player .pipeline-bottom{height:35px;background:#edf8f1;color:var(--green);font-size:12px;padding:9px 20px}
#how .film-player .schedule{width:580px;border-radius:20px}
#how .film-player .schedule-head{padding:24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
#how .film-player .schedule-head b{font-size:23px;font-weight:600}
#how .film-player .schedule-head small{display:block;color:var(--soft);font-size:15px;margin-top:5px}
#how .film-player .toggle{width:40px;height:24px;border-radius:40px;background:var(--green);position:relative}
#how .film-player .toggle:after{content:'';position:absolute;right:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff}
#how .film-player .run{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;font-size:16px;border-bottom:1px solid #f1eef6}
#how .film-player .run b{color:var(--green);font-size:14px;font-weight:500}
#how .film-player .run small{display:block;color:var(--soft);font-size:12px;margin-top:4px}
#how .film-player .run .repair{color:#a17625}

#how .film-player .controls{display:flex;align-items:center;gap:12px;padding:15px 19px;background:#fff;border:1px solid #eeeaf5;border-top:0;border-radius:0 0 22px 22px}
#how .film-player .player{border-bottom-left-radius:0;border-bottom-right-radius:0}
#how .film-player .control-btn{border:0;background:#f5f3f9;color:var(--ink);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex:none}
#how .film-player .control-btn svg{width:15px;height:15px}
#how .film-player .progress{flex:1;min-width:30px;height:4px;accent-color:var(--purple);cursor:pointer}
#how .film-player .time{font-size:12px;color:var(--soft);font-variant-numeric:tabular-nums;min-width:74px;text-align:right}
#how .film-player .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){
#how .film-player .viewport{aspect-ratio:800/740}
#how .film-player .stage{width:800px;height:740px}
#how .film-player .headline{font-size:43px;top:51px}
#how .film-player .actor{top:54%}
#how .film-player .fleet{top:54%}
#how .film-player .floating-status{bottom:45px}
#how .film-player .pipeline{transform-origin:center}
#how .film-player .controls{padding:13px 11px;gap:9px}
#how .film-player .scale-count{bottom:35px}}

#how .film-player .table-retailer{display:inline-flex;align-items:center;gap:9px}
#how .film-player .table-retailer-mark{display:inline-grid;place-items:center;width:25px;height:25px;flex:none;border-radius:6px;background:color-mix(in srgb,var(--retailer) 9%,white);color:var(--retailer);font-weight:700;font-size:17px;line-height:1}
#how .film-player .data-table th,#how .film-player .data-table td{padding-top:8px;padding-bottom:8px}
#how .film-player .extract-field{position:relative}
#how .film-player .field-selection{position:absolute;inset:-4px;border:2px solid var(--field-color);border-radius:7px;box-shadow:0 0 0 3px color-mix(in srgb,var(--field-color) 10%,transparent);opacity:0;pointer-events:none}
#how .film-player .field-selection:after{content:attr(data-field);position:absolute;right:4px;top:-17px;background:var(--field-color);color:#fff;border-radius:4px;padding:2px 5px;font:9px var(--mono);line-height:1.2;white-space:nowrap}
#how .film-player .select-name{--field-color:#4C82BD}
#how .film-player .select-rating{--field-color:#B58A29}
#how .film-player .select-stock{--field-color:#258767}
#how .film-player .select-rating:after,#how .film-player .select-stock:after{top:50%;transform:translateY(-50%)}
#how .film-player .heal-window{width:820px;height:397px;border-radius:20px}
#how .film-player .heal-bar{height:55px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:16px}
#how .film-player .heal-state{font-size:12px;color:#A27126;background:#FCF2DF;border-radius:7px;padding:6px 9px}
#how .film-player .heal-window.done .heal-state{color:var(--green);background:var(--mint)}
#how .film-player .heal-body{display:grid;grid-template-columns:305px 1fr;gap:28px;padding:22px}
#how .film-player .heal-source{height:263px;background:#FAFAFC;border:1px solid var(--line);border-radius:13px;position:relative;overflow:hidden}
#how .film-player .heal-source-nav{height:39px;padding:0 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
#how .film-player .heal-source-nav b{font-size:16px;color:#D72737;letter-spacing:.7px}
#how .film-player .heal-source-nav span{font-size:10px;color:var(--soft)}
#how .film-player .heal-product-name{position:absolute;top:56px;left:17px;font-size:18px;line-height:1.2;font-weight:600;letter-spacing:-.3px}
#how .film-player .heal-page-lines{position:absolute;left:18px;top:157px;width:120px}
#how .film-player .heal-page-lines i{display:block;height:7px;width:100%;background:#E9E6EF;border-radius:5px;margin-bottom:10px}
#how .film-player .heal-page-lines i:last-child{width:72%}
#how .film-player .heal-price{position:absolute;left:19px;top:110px;font-size:31px;font-weight:600;letter-spacing:-.6px}
#how .film-player .heal-price span{display:block;font-size:11px;color:var(--green);font-weight:400;letter-spacing:0;margin-top:2px}
#how .film-player .heal-old-field{position:absolute;left:12px;top:104px;width:108px;height:66px;border:2px dashed #CD735F;border-radius:8px}
#how .film-player .heal-old-field span{position:absolute;top:-18px;left:0;white-space:nowrap;background:#FFF0ED;color:#B36250;font-size:9px;padding:2px 4px;border-radius:4px}
#how .film-player .heal-new-field{position:absolute;left:170px;top:151px;width:115px;height:65px;border:2px solid var(--green);border-radius:8px;box-shadow:0 0 0 4px #20875E10}
#how .film-player .heal-new-field span{position:absolute;top:-18px;right:-2px;background:var(--green);color:#fff;font-size:9px;padding:3px 6px;border-radius:4px;white-space:nowrap}
#how .film-player .heal-source-caption{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:10px;color:var(--soft)}
#how .film-player .heal-agent-title{display:flex;align-items:center;gap:9px;margin:0 0 12px}
#how .film-player .heal-agent-title img{width:35px;height:35px;object-fit:contain}
#how .film-player .heal-agent-title b{font-size:19px;font-weight:600}
#how .film-player .heal-agent-title small{display:block;color:var(--soft);font-size:12px;margin-top:2px}
#how .film-player .heal-step{display:flex;align-items:center;gap:10px;height:48px;position:relative}
#how .film-player .heal-step-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--lavender);color:var(--purple);font-size:16px;flex:none}
#how .film-player .heal-step b{display:block;font-size:14px;font-weight:600}
#how .film-player .heal-step small{display:block;font-size:11px;color:var(--soft);margin-top:3px}
#how .film-player .heal-step-check{margin-left:auto;color:var(--green);font-size:18px}
#how .film-player .heal-step.complete .heal-step-icon{background:var(--mint);color:var(--green)}
#how .film-player .heal-success{position:absolute;bottom:0;left:0;right:0;height:34px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:12px}
#how .film-player .conclusion{width:850px;top:48%;text-align:center}

#how .film-player .conclusion-line{font-size:50px;line-height:1.13;font-weight:400;letter-spacing:-1.8px}
#how .film-player .conclusion-line em{font-style:normal;color:var(--purple)}
#how .film-player .conclusion-foot{font-size:17px;color:var(--soft);margin:25px 0 0}
#how .film-player .conclusion-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,#E8DFFF70,transparent 58%)}
#how .film-player .source-card .source-platform{display:flex;align-items:center;gap:6px}
#how .film-player .source-platform svg{width:17px;height:17px;flex:none}
#how .film-player .scale-count>span{display:inline-flex;align-items:baseline;gap:7px;white-space:nowrap}
#how .film-player .scale-count b{display:inline-block;min-width:3ch;text-align:right;font-family:var(--mono);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-1px}
#how .film-player #swarm-rows{min-width:7ch}
#how .film-player .scene-extract{isolation:isolate}
#how .film-player .fleet{z-index:1;will-change:auto}
#how .film-player .fleet-tile{contain:layout paint}
#how .film-player .scale-count{left:50%;right:auto;width:max-content;max-width:94%;transform:translateX(-50%);background:#F1EDFA;padding:9px 18px;border-radius:14px;isolation:isolate}
#how .film-player .conclusion-form{display:flex;align-items:center;gap:12px;width:650px;margin:35px auto 0;padding:8px;background:#fff;border:1px solid var(--line);border-radius:100px;box-shadow:0 14px 40px #34235412;pointer-events:auto}
#how .film-player .conclusion-form input{flex:1;min-width:0;border:0;background:transparent;padding:14px 18px;font:inherit;font-size:19px;color:var(--ink);outline:none}
#how .film-player .conclusion-form input::placeholder{color:var(--soft)}
#how .film-player .conclusion-form:focus-within{outline:3px solid #BCA7FA;outline-offset:4px}
#how .film-player .conclusion-form button{display:flex;align-items:center;gap:12px;flex:none;border:0;border-radius:100px;background:var(--purple);color:#fff;padding:17px 23px;font:inherit;font-size:17px;font-weight:600;cursor:pointer}
#how .film-player .conclusion-form button:focus-visible{outline:3px solid #BCA7FA;outline-offset:4px}

  /* Give the sections below the hero the same generous visual scale. */
  @media (min-width: 901px) {
    #how .film-player { max-width: 84rem; }}