.tv-demo,.tv-demo *{box-sizing:border-box}.tv-demo{color:#eef6f6;background:#080f13;border-radius:20px;max-width:1328px;margin:auto;padding:30px 40px 36px}.tv-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;letter-spacing:-.5px;border-bottom:1px solid #233037;padding-bottom:22px}.tv-mark{color:#63dfcd;font-size:38px;font-weight:400;line-height:1}.tv-plus{display:inline-block;font-size:10px;letter-spacing:1.5px;color:#09130f;background:#b6e789;padding:5px 7px;border-radius:5px;vertical-align:middle;margin-left:6px}.tv-kicker{margin-left:auto;font-size:10px;letter-spacing:2.5px;font-weight:500;color:#8dadae}.tv-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:33px 0 26px}.tv-eyebrow{color:#a9d4c8;letter-spacing:2px;font-size:12px;margin:0 0 9px;font-weight:600}.tv-demo h2{font-size:clamp(30px,4.3vw,52px);font-weight:500;letter-spacing:-1.7px;line-height:1.05;margin:0}.tv-intro{color:#9fb0b5;font-size:15px;margin:13px 0 0}.tv-mode{border:1px solid #2e4545;padding:9px 13px;border-radius:30px;white-space:nowrap;font-size:12px;color:#cde2dc}.tv-mode i{display:inline-block;background:#b6e789;width:6px;height:6px;border-radius:50%;margin-right:7px}.tv-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#142124;isolation:isolate;box-shadow:0 12px 60px #0004}.tv-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;user-select:none}.tv-after{clip-path:inset(0 0 0 var(--split))}.tv-label{position:absolute;top:18px;padding:10px 13px;color:white;background:#081411c7;border:1px solid #fff2;border-radius:8px;font-size:11px;font-weight:600;letter-spacing:1.5px;pointer-events:none}.tv-label small{display:block;margin-top:4px;font-size:10px;font-weight:400;letter-spacing:.2px;color:#d5e1dc}.tv-label-before{left:18px}.tv-label-after{right:18px;color:#d2f7a4}.tv-divider{position:absolute;left:var(--split);top:0;height:100%;width:2px;background:#d3efa7;transform:translateX(-1px);box-shadow:0 0 7px #0008;pointer-events:none}.tv-handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#d3efa7;color:#203019;display:flex;align-items:center;justify-content:center;gap:6px;font-size:24px;box-shadow:0 3px 18px #0005}.tv-handle span{height:16px;width:1px;background:#53634355}.tv-reveal{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.tv-stage:focus-within{outline:3px solid #d3efa7;outline-offset:5px}.tv-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:17px 0 0;font-size:12px;color:#a8babc}.tv-toolbar>span span{margin-left:10px;color:#d3efa7}.tv-view{display:flex;gap:4px;padding:4px;background:#121f25;border:1px solid #23343a;border-radius:9px}.tv-view button{font:inherit;min-height:36px;color:#adc0c1;border:0;background:transparent;border-radius:6px;padding:8px 13px;cursor:pointer}.tv-view button[aria-pressed=true]{background:#30443d;color:#edf8e7}.tv-view button:hover{color:white}.tv-caption{color:#82999b;font-size:11px;margin:12px 0 21px}.tv-about{border-top:1px solid #233037;padding:16px 0;font-size:12px;color:#91a9ab}.tv-about summary{cursor:pointer;color:#b7c8c9;min-height:24px}.tv-about p{max-width:960px;line-height:1.7;margin-bottom:0}.tv-credit{display:flex;flex-wrap:wrap;gap:4px;align-items:baseline;color:#6f898e;font-size:11px;line-height:1.6}.tv-credit a{color:#90acab;text-decoration:underline;text-underline-offset:3px}.tv-credit>span{margin-left:auto;padding-left:20px}@media(max-width:600px){.tv-demo{padding:20px 16px 25px}.tv-brand{font-size:19px;padding-bottom:18px}.tv-kicker{font-size:9px;letter-spacing:1.3px}.tv-heading{padding:26px 0 20px;align-items:flex-start}.tv-mode{font-size:10px;padding:7px 9px;margin-top:3px}.tv-intro{font-size:13px;line-height:1.5;max-width:230px}.tv-stage{border-radius:9px}.tv-label{top:10px;padding:7px 8px;font-size:9px;letter-spacing:1px}.tv-label small{font-size:8px}.tv-label-before{left:10px}.tv-label-after{right:10px}.tv-handle{width:40px;height:40px}.tv-toolbar{flex-wrap:wrap}.tv-view{margin-left:auto}.tv-view button{min-height:40px;padding:8px 10px}.tv-credit>span{margin-left:0;padding-left:0;width:100%;margin-top:6px}}@media(prefers-reduced-motion:no-preference){.tv-view button{transition:background .15s,color .15s}}

/* Keep both images at identical framing; clip the overlay independently of zoom. */
.tv-stage .tv-photo{transform:scale(var(--zoom,2));transform-origin:40% 90%;max-width:none}
.tv-stage .tv-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split));overflow:hidden}
.marketing .enhancement-layout{width:min(calc(100% - 80px),2400px);grid-template-columns:minmax(0,1fr);gap:40px}
.enhancement-intro{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:64px;max-width:1280px;width:100%;margin-inline:auto}
.enhancement-intro h2{margin-bottom:0}.enhancement-intro .section-note{margin-block:12px 20px}
.enhancement-layout .tv-label{font-size:13px;padding:12px 16px}
.enhancement-layout .tv-handle{width:56px;height:56px;font-size:30px}
.enhancement-layout .tv-view button{min-height:44px;padding:10px 18px;font-size:14px}
.enhancement-layout .tv-caption{font-size:13px}
.tv-reality{display:grid;grid-template-columns:minmax(200px,.65fr) 1.35fr;gap:36px;padding:28px 32px;margin:26px 0;background:#102431;border:1px solid #345360;border-radius:12px}
.marketing .tv-reality h3{font-size:24px;line-height:1.3;margin:0;color:#e4eff3}.marketing .tv-reality p{font-size:16px;margin:0 0 12px}.tv-reality p:last-child{margin-bottom:0}.tv-reality strong{color:#f0f7f8}
@media(max-width:800px){.marketing .enhancement-layout{width:calc(100% - 40px);gap:28px}.enhancement-intro{grid-template-columns:1fr;gap:18px}.enhancement-intro h2 br{display:none}.enhancement-layout .tv-label{top:10px;padding:8px 10px;font-size:10px}.enhancement-layout .tv-handle{width:44px;height:44px;font-size:25px}.enhancement-layout .tv-toolbar{gap:14px}.enhancement-layout .tv-view{margin-left:0}.enhancement-layout .tv-view button{font-size:13px;padding:10px 12px}.tv-reality{grid-template-columns:1fr;gap:14px;padding:22px}.marketing .tv-reality h3{font-size:21px}}
@media(max-width:380px){.enhancement-layout .tv-view{width:100%;justify-content:space-between}.enhancement-layout .tv-view button{padding-inline:8px}}