.benefit-section{--benefit-ink:#F4F5F0;--benefit-copy:#E0E3E3;--benefit-rule:#46515A;background:#171B20;color:var(--benefit-ink);padding:80px max(7.5vw,24px);scroll-margin-top:0}.benefit-section[data-theme=paper]{--benefit-ink:#171B20;--benefit-copy:#3C4752;--benefit-rule:#ABB3B8;background:#F4F5F0}.benefit-section[data-theme=blue]{--benefit-rule:#687785;background:#273443}.benefit-section[data-theme=dark]+.benefit-section[data-theme=dark],.benefit-section[data-theme=paper]+.benefit-section[data-theme=paper]{border-top:1px solid var(--benefit-rule)}.benefit-shell{max-width:1140px;margin:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:96px;align-items:center}.benefit-copy{min-width:0;grid-column:1;grid-row:1}.showbill .benefit-section h2{font:900 clamp(60px,6.2vw,86px)/.95 Showbill,sans-serif;letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;margin:0;max-width:100%}.benefit-description{font-size:17px;line-height:1.65;color:var(--benefit-copy);max-width:43ch;margin:24px 0 0}.benefit-media{margin:0;min-width:0;width:100%;grid-column:2;grid-row:1;justify-self:center}.benefit-phone{width:100%;max-width:326px;margin:auto;overflow:hidden;background:#171B20;padding:7px;border-radius:36px;box-shadow:0 20px 40px #00000024}.benefit-section[data-theme=paper] .benefit-phone{box-shadow:0 20px 40px #27354020}.benefit-viewport{position:relative;width:100%;overflow:hidden;border-radius:29px;background:#121212}.benefit-viewport img{display:block;width:100%;height:auto;background:#121212}.benefit-section[data-reverse=true] .benefit-copy{grid-column:2}.benefit-section[data-reverse=true] .benefit-media{grid-column:1}.benefit-section[data-reverse=true] .benefit-shell{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.benefit-section ::selection{background:#FBBA18;color:#171B20}.showbill .program{grid-template-columns:repeat(5,minmax(0,1fr))}.showbill .program a{padding:20px;font-size:15px;gap:12px}.showbill .program a:first-child{padding-left:0}.showbill .program a:last-child{padding-right:0}.showbill .program a:focus-visible{outline:3px solid #171B20;outline-offset:4px}@media(max-width:1023px){.benefit-section{padding:72px 5vw}.benefit-shell{gap:48px}.benefit-description{font-size:16px}.showbill .program a{padding:18px 14px;font-size:14px}.showbill .program svg{width:19px;height:19px}}@media(max-width:850px){.benefit-shell,.benefit-section[data-reverse=true] .benefit-shell{grid-template-columns:minmax(0,1fr);gap:34px;max-width:620px}.benefit-copy,.benefit-media,.benefit-section[data-reverse=true] .benefit-copy,.benefit-section[data-reverse=true] .benefit-media{grid-column:auto;grid-row:auto}.benefit-description{max-width:45ch}.showbill .program{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.showbill .program a,.showbill .program a:first-child,.showbill .program a:last-child{padding:16px 0;border-right:0;border-bottom:1px solid #171B2040}.showbill .program a:last-child{grid-column:1/-1;border-bottom:0}}@media(max-width:700px){.benefit-section{padding:62px 24px}.showbill .benefit-section h2{font-size:60px}.benefit-description{font-size:16px;margin-top:22px}.benefit-phone{max-width:290px}.showbill .program{padding:0 24px}.showbill .program a{font-size:15px}}@media(prefers-reduced-motion:reduce){.benefit-section *{scroll-behavior:auto;transition:none!important}}

/* The two creation steps share one section and remain readable at phone scale. */
.benefit-section[data-screens="2"] .benefit-shell{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:48px}
.benefit-section[data-screens="2"] .benefit-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:676px;align-items:start}
@media(max-width:1200px){.benefit-section[data-screens="2"] .benefit-shell{grid-template-columns:minmax(0,1fr);gap:40px;max-width:900px}.benefit-section[data-screens="2"] .benefit-copy{grid-column:1;grid-row:1;max-width:620px}.benefit-section[data-screens="2"] .benefit-media{grid-column:1;grid-row:2}.benefit-section[data-screens="2"] .benefit-description{max-width:52ch}}
@media(max-width:650px){.benefit-section[data-screens="2"] .benefit-shell{gap:34px}.benefit-section[data-screens="2"] .benefit-media{grid-template-columns:minmax(0,1fr);gap:28px}}