/* Focused offer/media extension of the existing approved-launch visual system. */
.creative-hero .reel-progress i{animation-duration:34s}
.selfie-proof .creative-section-head{margin-bottom:40px}
.selfie-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:800px;margin-inline:auto}
.selfie-comparison figure{margin:0;min-width:0}
.selfie-comparison figcaption{font:600 16px var(--body);margin-bottom:16px;color:var(--ink)}
.selfie-comparison video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:var(--ink);border:3px solid var(--ink);border-radius:23px}
.selfie-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center;max-width:800px;margin:24px auto 0}
.selfie-controls button{min-height:56px}
.selfie-controls label{width:100%;font-size:16px;display:flex;justify-content:space-between;gap:16px}
.selfie-controls input{width:100%;height:44px;accent-color:var(--ink);margin:0;cursor:pointer}
.selfie-controls :focus-visible{outline:3px solid var(--green);outline-offset:5px}
.selfie-source-note{max-width:800px;margin:20px auto 0;font-size:16px;line-height:1.6;color:var(--muted)}
#selfie-status{max-width:800px;margin-inline:auto}#selfie-status:empty{display:none}
.monthly-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.monthly-option .resource-info{height:100%;display:flex;flex-direction:column;align-items:flex-start}
.monthly-option .resource-info h3{font-size:clamp(30px,4vw,56px)}
.monthly-option .key{margin-top:auto;white-space:nowrap}
.package-note{margin:32px 0 0;font-size:16px;line-height:1.6;color:var(--muted)}
@media(max-width:760px){.selfie-comparison{gap:12px}.selfie-comparison video{border-width:2px;border-radius:18px}.selfie-comparison figcaption{font-size:16px;margin-bottom:12px}.selfie-controls{gap:12px}.selfie-controls button{padding-inline:16px;font-size:14px}.monthly-options{grid-template-columns:1fr}.monthly-option .resource-info h3{font-size:42px}.selfie-proof .creative-section-head{margin-bottom:24px}}

/* Owner-requested short flow: preserve native hero motion, remove repeated sales chapters. */
.quick-how{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;padding:40px 0;border-block:1px solid var(--line);margin:32px 0 0}
.quick-how h2{font:800 30px/1.05 var(--display);letter-spacing:-.04em;margin:0}
.quick-how ol{list-style:none;padding:0;margin:0;display:flex;gap:24px;justify-content:space-evenly;counter-reset:steps}
.quick-how li{font-size:16px;line-height:1.4;counter-increment:steps}
.quick-how li::before{content:counter(steps) '. ';font-weight:700}
.monthly-packages{padding-block:64px!important}
.compact-customer{display:grid;grid-template-columns:150px minmax(0,540px);gap:32px;align-items:center;padding:32px 0 56px;border-bottom:1px solid var(--line)}
.compact-customer-video video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;border:3px solid var(--ink);border-radius:18px;background:var(--ink)}
.compact-customer h2{font:800 32px/1.05 var(--display);letter-spacing:-.04em;margin:0 0 16px}
.compact-customer p{font-size:16px;line-height:1.6;margin:0;color:var(--muted)}
.compact-start{display:flex;justify-content:space-between;gap:32px;align-items:center;padding:48px 0}
.compact-start h2{font:800 36px/1.05 var(--display);letter-spacing:-.04em;margin:0 0 12px}
.compact-start p{font-size:16px;line-height:1.5;margin:0;color:var(--muted)}
.compact-start .key,.quick-how .key{white-space:nowrap;flex-shrink:0}
.compact-resources{border-block:1px solid var(--line);padding:8px 0 16px;margin-bottom:32px}
.compact-resources summary{font:700 20px/1.3 var(--body);cursor:pointer;padding:16px 0;min-height:56px}
.compact-resources ul{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 32px}
.compact-resources li a{display:flex;align-items:center;min-height:44px;font-size:16px;line-height:1.5;text-underline-offset:4px}
@media(max-width:900px){.quick-how{grid-template-columns:1fr auto;gap:24px}.quick-how ol{grid-row:2;grid-column:1/-1;justify-content:space-between}}
@media(max-width:760px){.quick-how{padding-block:24px;margin-top:16px;gap:20px}.quick-how h2{font-size:26px}.quick-how ol{flex-direction:column;gap:10px}.quick-how li{font-size:16px}.monthly-packages{padding-block:48px!important}.compact-customer{grid-template-columns:120px 1fr;gap:20px;padding:16px 0 32px}.compact-customer h2{font-size:24px}.compact-customer p{font-size:16px;line-height:1.5}.compact-start{display:block;padding-block:32px}.compact-start h2{font-size:30px}.compact-start .key{margin-top:24px}.compact-resources ul{grid-template-columns:1fr}}
@media(max-width:360px){.compact-customer{grid-template-columns:100px 1fr;gap:16px}.compact-customer h2{font-size:22px}}

.quick-how{grid-template-columns:180px 1fr}.package-next{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:32px}.package-next .package-note{margin:0}.package-next .key{flex-shrink:0}.compact-resources{margin-top:32px}
@media(max-width:760px){.quick-how{display:block}.quick-how ol{margin-top:20px}.package-next{display:block}.package-next .key{margin-top:24px}}