.content-kicker{display:block;font-size:12px;line-height:1.5;font-weight:600;color:var(--blue);margin-bottom:15px}
.film-section{padding:74px 0 70px;background:#f4f8ff}
.film-heading{margin-bottom:34px}
.film-intro>p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:16px}
.film-duration{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:600;color:var(--blue-dark)}
.film-duration svg{width:16px;height:16px}
.film-player{position:relative;overflow:hidden;border-radius:28px;background:#10284c;aspect-ratio:16/9;box-shadow:0 14px 50px #11376c10}
.film-player video{display:block;width:100%;height:100%;object-fit:contain;background:#10284c}
.film-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0;background:transparent;display:flex;align-items:center;flex-direction:column;gap:15px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;padding:18px;text-shadow:0 2px 10px #0009}
.film-play-icon{display:grid;place-items:center;background:#fffffff2;color:var(--blue);width:86px;height:86px;border-radius:50%;box-shadow:0 5px 35px #11234e33;transition:transform .15s}
.film-play-icon svg{width:37px;height:37px;margin-left:0}
.film-start:hover .film-play-icon{transform:scale(1.06)}
.film-start[hidden]{display:none}
.film-corner{position:absolute;left:24px;top:22px;background:#071f455e;border:1px solid #ffffff35;color:white;border-radius:30px;padding:8px 13px;font-size:10px;pointer-events:none;backdrop-filter:blur(5px)}
.film-caption{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:22px}
.film-caption p{color:var(--muted);font-size:10px;line-height:1.7}
.film-caption .text-link{font-size:11px}
.film-error{margin-top:20px;font-size:12px;color:#8d433c;background:#ffefeb;border:1px solid #f2d1c9;border-radius:12px;padding:14px}
.film-error a{text-decoration:underline}
.story-section{background:#edf3ff;padding:85px 0 65px}
.story-heading{align-items:flex-end;margin-bottom:40px}
.story-heading-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:18px}
.story-heading-meta .content-kicker{margin:0}
.story-demo-badge{display:inline-block;border:1px solid #b5c9ec;background:#fff9;color:#476693;padding:6px 10px;font-size:10px;border-radius:20px;line-height:1.4}
.story-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:start}
.story-visual{min-width:0;position:sticky;top:110px}
.story-photo-shell{--photo-max-height:clamp(420px,calc(100svh - var(--header-offset,100px) - 120px),760px);position:relative;width:100%;max-width:calc(var(--photo-max-height)*var(--result-ratio,.75));aspect-ratio:var(--result-ratio,.75);margin-inline:auto;border-radius:25px;background:#dedbd7;isolation:isolate;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none}
.comparison-photo{position:absolute;inset:0;border-radius:inherit;overflow:hidden;isolation:isolate}
.comparison-layer{position:absolute;inset:0;background-image:var(--result-image);background-size:var(--result-background-size);background-repeat:no-repeat}
.comparison-before{background-position:var(--result-before-position)}
.comparison-after{background-position:var(--result-after-position);clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0)}
.comparison-label{position:absolute;top:19px;background:#fffffff0;border-radius:25px;padding:8px 15px;color:#163664;font-size:12px;font-weight:700;z-index:2;box-shadow:0 2px 12px #0c21360a}
.comparison-label-before{right:18px}
.comparison-label-after{left:18px}
.is-before-only .comparison-label-after,.is-after-only .comparison-label-before{visibility:hidden}
.comparison-divider{position:absolute;top:0;bottom:0;left:var(--comparison-position);width:2px;background:#fff;transform:translateX(-1px);z-index:1;pointer-events:none}
.comparison-handle{position:absolute;top:50%;left:var(--comparison-position);transform:translate(-50%,-50%);width:48px;height:48px;border:2px solid white;padding:0;border-radius:50%;background:#fffffff2;color:var(--blue);display:grid;place-items:center;font:inherit;font-size:26px;line-height:1;box-shadow:0 2px 16px #142b4920;z-index:3;cursor:ew-resize;touch-action:pan-y}
.comparison-handle:focus-visible{outline:3px solid #f0a35d;outline-offset:4px}
.story-photo-shell.is-dragging,.story-photo-shell.is-dragging .comparison-handle{cursor:grabbing}
.comparison-layer,.comparison-label,.comparison-watermark{pointer-events:none}
.comparison-watermark{position:absolute;bottom:18px;left:18px;right:18px;text-align:center;color:#233e61;background:#ffffffe6;border-radius:10px;padding:9px 7px;font-size:9px;line-height:1.5;z-index:2}
.comparison-help{font-size:10px;color:#6d7f98;text-align:center;line-height:1.7;margin-top:14px}
.story-copy{min-width:0}
.story-person{display:flex;align-items:center;gap:12px;margin-bottom:25px}
.story-avatar{width:44px;height:44px;min-width:44px;display:grid;place-items:center;border-radius:50%;background:#d4e3ff;color:var(--blue);font-weight:700;font-size:18px}
.story-person h3{font-size:16px;font-weight:700;letter-spacing:-.03em;margin:0 0 5px}
.story-person>div>span{display:block;font-size:9px;color:#657c9e}
.story-period{margin-left:auto;font-size:10px;font-weight:700;color:#446996;white-space:nowrap}
.story-copy blockquote{font-size:23px;font-weight:700;line-height:1.4;letter-spacing:-.035em;margin:0 0 22px;color:var(--ink)}
.story-copy>p{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 13px}
.story-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid #cfddf1;border-bottom:1px solid #cfddf1;padding:23px 0;margin:26px 0}
.story-metrics>div>span{display:block;font-size:9px;font-weight:600;color:#72849d;margin-bottom:9px}
.story-metrics strong{font-size:39px;line-height:1.1;font-weight:800;letter-spacing:-.065em;color:var(--ink)}
.story-metrics small{font-size:13px;font-weight:600;letter-spacing:0;margin-left:6px}
.story-change strong{color:var(--blue)}
.story-timeline{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}
.story-timeline>div{display:grid;grid-template-columns:83px 1fr;gap:14px;position:relative}
.story-month{font-size:10px;color:var(--blue);font-weight:700;padding-top:1px}
.story-timeline strong{font-size:12px;line-height:1.4;display:block;letter-spacing:-.015em}
.story-timeline p{font-size:10px;color:var(--muted);line-height:1.75;margin-top:5px}
.story-details{border-top:1px solid #cfddf1;border-bottom:1px solid #cfddf1;margin-top:23px}
.story-details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:11px;font-weight:700;padding:18px 0}
.story-details summary::-webkit-details-marker{display:none}
.story-details summary>span{color:var(--blue);font-size:21px;font-weight:500;line-height:1}
.story-details[open] summary>span{transform:rotate(45deg)}
.story-details>div>p{font-size:11px;line-height:1.9;color:var(--muted);margin:0 0 15px}
.story-details>div{padding-bottom:5px}
.story-actions{display:flex;align-items:center;gap:24px;margin-top:25px;flex-wrap:wrap}
.story-actions .button{font-size:12px}
.story-actions .text-link{font-size:10px;gap:7px}
.story-actions .text-link svg{width:15px;height:15px}
.story-disclosure{font-size:10px;line-height:1.8;color:#657c9c;background:#ffffff91;border:1px solid #d2e0f4;border-radius:13px;padding:16px 20px;margin-top:34px}
@media(min-width:761px) and (max-width:1000px){.desktop-nav{gap:15px}.desktop-nav a[href='#benefits'],.desktop-nav a[href='#sets']{display:none}}
@media(max-width:1050px){.story-grid{gap:38px;grid-template-columns:1fr 1fr}.story-copy blockquote{font-size:21px}.story-metrics strong{font-size:34px}.story-period{font-size:9px}.story-timeline>div{grid-template-columns:73px 1fr;gap:10px}.story-person{gap:9px}.story-person h3{font-size:15px}.story-person>div>span{font-size:8px}.story-disclosure{font-size:9px}}
@media(max-width:760px){.film-section{padding:50px 0 48px}.film-heading{margin-bottom:27px}.content-kicker{font-size:10px;margin-bottom:14px}.film-heading h2{font-size:34px}.film-intro>p{font-size:11px;margin-top:20px;margin-bottom:13px}.film-duration{font-size:9px}.film-duration svg{width:14px;height:14px}.film-player{border-radius:18px;aspect-ratio:16/9}.film-play-icon{width:58px;height:58px}.film-play-icon svg{width:27px;height:27px}.film-start{font-size:10px;gap:9px;padding:10px}.film-corner{left:12px;top:12px;padding:6px 10px;font-size:8px}.film-caption{display:block;margin-top:17px}.film-caption p{font-size:9px}.film-caption .text-link{margin-top:14px;font-size:10px}.film-error{font-size:10px}.story-section{padding:52px 0 45px}.story-heading{margin-bottom:28px}.story-heading-meta{gap:9px;margin-bottom:18px}.story-heading-meta .content-kicker{font-size:10px}.story-demo-badge{font-size:8px;padding:6px 9px}.story-heading h2{font-size:35px}.story-heading>p{font-size:11px;line-height:1.8}.story-grid{grid-template-columns:1fr;gap:30px}.story-visual{position:static;max-width:470px;width:100%;justify-self:center}.story-photo-shell{border-radius:22px}.comparison-label{top:15px;font-size:10px;padding:7px 13px}.comparison-label-before{right:15px}.comparison-label-after{left:15px}.comparison-watermark{font-size:8px;bottom:14px;left:14px;right:14px;padding:8px 6px}.comparison-handle{width:44px;height:44px;font-size:24px}.comparison-help{font-size:8px}.story-person{margin-bottom:23px;gap:10px}.story-avatar{width:40px;height:40px;min-width:40px;font-size:17px}.story-person h3{font-size:15px}.story-person>div>span{font-size:8px}.story-period{font-size:9px}.story-copy blockquote{font-size:22px;line-height:1.45;margin-bottom:21px}.story-copy>p{font-size:11px;line-height:1.85}.story-metrics{padding:22px 0;gap:10px;margin:24px 0}.story-metrics>div>span{font-size:8px;margin-bottom:9px}.story-metrics strong{font-size:34px}.story-metrics small{font-size:12px;margin-left:4px}.story-timeline{gap:20px}.story-timeline>div{grid-template-columns:74px 1fr;gap:13px}.story-month{font-size:9px}.story-timeline strong{font-size:11px}.story-timeline p{font-size:10px}.story-details summary{font-size:10px;padding:17px 0}.story-details>div>p{font-size:10px}.story-actions{gap:20px;margin-top:23px}.story-actions .button{font-size:11px;padding:16px 23px;gap:18px;min-height:51px}.story-actions .text-link{font-size:9px}.story-disclosure{font-size:9px;line-height:1.8;padding:15px;margin-top:27px}}
@media(max-width:375px){.story-copy blockquote{font-size:20px}.story-metrics strong{font-size:31px}.story-period{font-size:8px}.story-person>div>span{font-size:7px}.story-actions{gap:14px}.story-actions .button{padding:15px 20px;font-size:10px}.story-heading-meta{gap:7px}.story-demo-badge{font-size:7px}}
@media(prefers-reduced-motion:reduce){.film-play-icon,.story-details summary>span{transition:none}}