.monthly-experience{--monthly-screen:calc(100svh - var(--top-bar-h));--monthly-visual-height:min(70.2svh, calc(var(--monthly-screen) - 152px), 624px);overflow-anchor:none;color:var(--color-bone-white);background:var(--color-pure-black);position:relative}.monthly-film-stage{position:relative}.monthly-film-panel{--monthly-local:.5;min-height:var(--monthly-screen);scroll-margin-top:calc(var(--top-bar-h) + 16px);grid-template-columns:minmax(0,1.2fr) minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:32px;padding:64px 48px 88px;display:grid}.monthly-film-heading,.monthly-film-detail{z-index:2;min-width:0;position:relative}.monthly-film-heading .mono-label{color:var(--color-fog);margin:0 0 24px;font-size:15.4px;line-height:1.5}.monthly-film-heading .display{text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:67.2px;line-height:1.04;display:block}.monthly-film-detail{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.monthly-film-detail>*{margin:0}.monthly-film-detail>p,.monthly-film-detail .body-copy{color:var(--color-fog);font-size:22.4px;line-height:1.5}.monthly-film-detail .subheading{color:var(--color-bone-white);font-size:25.2px;line-height:1.5}.monthly-film-detail .monthly-film-price .price-figure{font-size:44.8px}.monthly-film-detail .monthly-film-price .price-mode{font-size:22.4px}.monthly-film-detail>p.monthly-film-offer{color:var(--color-bone-white)}.monthly-premium .monthly-experience .accent{color:var(--color-acid-lime);background:0 0}.monthly-film-visual{width:100%;min-width:0;height:var(--monthly-visual-height);isolation:isolate;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;display:grid;position:relative;container-type:size}.monthly-film-visual>*{min-width:0;max-width:100%;min-height:0;max-height:100%}.monthly-film-visual>.precision-phone{width:min(100%,100cqh);max-width:676px;height:100%}.monthly-film-visual>.monthly-cost-frame{border:1px solid var(--color-slate);background:var(--color-obsidian);border-radius:24px;flex-direction:column;justify-content:center;align-self:stretch;max-height:none;padding:24px;display:flex}.monthly-film-visual .monthly-cost-diagram{flex-direction:column;flex:1;justify-content:center;display:flex}.monthly-film-visual .monthly-cost-line{font-size:20.8px}.monthly-film-visual .monthly-cost-line>span:last-child{font-size:14.3px}.monthly-film-visual .monthly-cost-line i{height:36px}.monthly-film-link{max-width:100%;min-height:44px;color:var(--color-bone-white);font:500 22.4px/1.3 var(--font-button);text-underline-offset:6px;align-items:center;gap:12px;text-decoration:underline;display:inline-flex}.monthly-film-link:hover{color:var(--color-acid-lime)}.monthly-film-conversion{background:var(--color-pure-black);z-index:3;justify-content:center;gap:12px;padding:16px 24px;display:flex;position:relative}.monthly-film-conversion a{border:1px solid var(--color-fog);min-height:44px;color:var(--color-bone-white);background:var(--color-pure-black);font:500 16px/1.3 var(--font-button);border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;text-decoration:none;display:inline-flex}.monthly-film-conversion a:first-child{color:var(--color-pure-black);background:var(--color-acid-lime);border-color:var(--color-acid-lime)}.monthly-film-conversion a:hover{background:var(--color-bone-white);color:var(--color-pure-black);border-color:var(--color-bone-white)}.monthly-film-conversion a span{transition:transform .22s}.monthly-film-conversion a:hover span{transform:translate(2px,-2px)}.monthly-experience :focus-visible{outline:2px solid var(--color-acid-lime);outline-offset:4px}@media screen and (prefers-reduced-motion:no-preference){.monthly-experience[data-motion=true]{height:calc(var(--monthly-count) * var(--monthly-screen))}.monthly-experience[data-motion=true] .monthly-film-stage{top:var(--top-bar-h);height:var(--monthly-screen);position:sticky}.monthly-experience[data-motion=true] .monthly-film-panels{height:100%;display:grid}.monthly-experience[data-motion=true] .monthly-film-panel{visibility:hidden;pointer-events:none;grid-area:1/1;height:100%;min-height:0}.monthly-experience[data-motion=true] .monthly-film-panel[data-active=true]{visibility:visible;pointer-events:auto}.monthly-experience[data-motion=true] .monthly-film-heading,.monthly-experience[data-motion=true] .monthly-film-detail{opacity:0;clip-path:inset(-8px 100% -8px -8px);transition:opacity .26s linear,clip-path .54s cubic-bezier(.16,1,.3,1)}.monthly-experience[data-motion=true] [data-active=true] .monthly-film-heading,.monthly-experience[data-motion=true] [data-active=true] .monthly-film-detail{opacity:1;clip-path:inset(-8px)}.monthly-experience[data-motion=true] .monthly-film-visual{opacity:0;transition:opacity .32s linear,transform .58s cubic-bezier(.16,1,.3,1);transform:perspective(1200px)rotateY(-10deg)scale(.94)}.monthly-experience[data-motion=true] [data-active=true] .monthly-film-visual{opacity:1;transform:perspective(1200px) translateY(calc((.5 - var(--monthly-local)) * 12px)) rotateY(calc((.5 - var(--monthly-local)) * 6deg)) scale(calc(.98 + var(--monthly-local) * .04));transition:opacity .32s linear}.monthly-experience[data-motion=true] .monthly-film-conversion{background:0 0;padding:0;position:absolute;inset:auto 24px 16px}}@media (width>=1100px) and (width<=1599px){.monthly-film-heading .display{font-size:56px}}@media (width<=1099px){.monthly-film-heading .mono-label{font-size:11px}.monthly-film-detail>p,.monthly-film-detail .body-copy{font-size:16px}.monthly-film-detail .subheading{font-size:18px}.monthly-film-link{font-size:16px}.monthly-film-detail .monthly-film-price .price-figure{font-size:32px}.monthly-film-detail .monthly-film-price .price-mode{font-size:16px}}@media (width>=701px) and (width<=1279px){.monthly-experience{--monthly-visual-height:min(57.2svh, 442px)}.monthly-film-panel{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-content:center;gap:24px;padding:32px 32px 80px}.monthly-film-heading{grid-area:1/1;align-self:end}.monthly-film-heading .display{font-size:32px}.monthly-film-visual{grid-area:1/2/3}.monthly-film-detail{grid-area:2/1;align-self:start}}@media (width>=1100px) and (width<=1279px){.monthly-film-heading .display{font-size:56px}}@media (width<=700px){.monthly-experience,.monthly-film-panel:first-child{--monthly-visual-height:33svh}.monthly-film-panel{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);align-content:center;gap:16px;padding:24px 24px 88px}.monthly-film-heading .mono-label{margin-bottom:12px;font-size:10px}.monthly-film-heading .display{font-size:32px;line-height:1.04}.monthly-film-detail{gap:8px}.monthly-film-detail .subheading{font-size:18px}.monthly-film-conversion{gap:8px}.monthly-film-conversion a{white-space:nowrap;flex:1;justify-content:center;gap:4px;min-width:0;padding:10px 8px}.monthly-film-visual .precision-phone-drawing{transform-origin:50% 55%;transform:scale(1.08)}.monthly-film-visual>.monthly-cost-frame{height:100%;padding:12px}.monthly-film-visual .monthly-cost-frame>.mono-label{margin:0;font-size:10px}.monthly-film-visual .monthly-cost-diagram{justify-content:space-evenly;padding:8px 0 0}.monthly-film-visual .monthly-cost-line{gap:6px;padding:8px 0;font-size:14px}.monthly-film-visual .monthly-cost-line>span:first-child{display:block}.monthly-film-visual .monthly-cost-line>span:last-child{font-size:11px}.monthly-film-visual .monthly-cost-line i{height:24px}.monthly-film-visual .monthly-cost-rule{padding-top:4px;font-size:12px;display:flex}}@media (width<=380px){.monthly-film-conversion a span{display:none}}@media (width<=700px) and (height<=739px){.monthly-experience,.monthly-film-panel:first-child{--monthly-visual-height:33svh}.monthly-film-panel{gap:12px;padding-top:16px;padding-bottom:76px}.monthly-film-heading .mono-label{margin-bottom:8px}.monthly-experience[data-motion=true] .monthly-film-conversion{bottom:12px}.monthly-film-visual .monthly-cost-line>span:first-child{display:none}.monthly-film-visual .monthly-cost-line{gap:4px;padding:4px 0}.monthly-film-visual .monthly-cost-line i{height:20px}}@media (prefers-reduced-motion:reduce){.monthly-experience{height:auto}.monthly-film-conversion a span{transition:none;transform:none}}@media print{.monthly-experience{height:auto!important}.monthly-film-stage{height:auto!important;position:relative!important}.monthly-film-panels{display:block!important}.monthly-film-panel{break-inside:avoid;grid-template-columns:1fr 2fr;min-height:0;padding:24px;visibility:visible!important;height:auto!important;display:grid!important}.monthly-film-heading,.monthly-film-detail{opacity:1!important;clip-path:none!important}.monthly-film-heading .display{font-size:32px}.monthly-film-visual,.monthly-film-conversion{display:none}}
