/* v14: pinned product narrative and the supplied pricing composition. */
.studio .wrap{max-width:none!important;padding:0!important}.studio nav{display:none!important}.studio .opening-surface{position:fixed!important;inset:0!important;height:100svh!important;z-index:0!important}.hero-station{height:100svh;position:relative}.studio .hero{position:fixed!important;top:0;left:50%;translate:-50% 0;width:min(1100px,calc(100% - 40px));height:100svh;min-height:0!important;padding:0!important;display:flex!important;flex-direction:column;justify-content:center;gap:0;z-index:1}.studio .hero h1{font-size:clamp(43px,6.4vw,84px)!important;line-height:1.05!important;letter-spacing:-4px!important}.studio .hero>div{width:100%}.studio .hero-business-form{max-width:630px!important;margin-top:48px!important}.studio .hero-search-help{display:none!important}.studio .hero-actions[hidden]{display:none!important}.studio .hero label{font-size:14px!important}.after-hero{position:relative;z-index:3;background:#fbfcff;padding-bottom:70px;isolation:isolate}.after-hero>section:not(.scroll-product){max-width:1184px;margin-left:auto!important;margin-right:auto!important}.after-hero>.benefits{max-width:1184px;margin:auto}.studio footer{position:relative;z-index:3;margin:0!important;background:#fbfcff;padding:30px max(30px,calc((100vw - 1184px)/2))!important}.scroll-product{height:380svh;background:#e2f1ae;position:relative;border-radius:38px 38px 0 0;box-shadow:0 -16px 70px #07152222}.scroll-product-stage{position:sticky;top:0;height:100svh;max-width:1184px;margin:auto;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:35px 40px;color:#142d2d}.scroll-product-intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;opacity:var(--intro-opacity,1);transform:translateY(calc(var(--intro-exit,0)*-70px));pointer-events:none}.scroll-product-intro h2{font-size:clamp(45px,7vw,90px);line-height:1.04;font-weight:500;letter-spacing:-4px;margin:0 0 30px}.scroll-product-intro>span{font-size:13px;color:#547055}.scroll-product-content{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;width:100%;align-items:center;opacity:var(--content-opacity,0);transform:translateY(calc((1 - var(--content-opacity,0))*55px))}.scroll-promises p{font-size:clamp(36px,4.6vw,60px);font-weight:500;letter-spacing:-2.5px;line-height:1.05;margin:0 0 27px;opacity:.2;transition:opacity .35s,color .35s;position:relative;padding-left:36px}.scroll-promises p.active{opacity:1}.scroll-promises p>span{position:absolute;left:0;top:8px;font-size:12px;letter-spacing:0;color:#547055}.story-device{width:310px;height:555px;border:7px solid #1e3030;background:#fff;border-radius:43px;position:relative;box-shadow:0 25px 45px -20px #20392645;overflow:hidden;color:#1c3336}.story-device-top{height:36px;font-size:10px;padding:11px 20px;display:flex;justify-content:space-between}.story-device-top i{position:absolute;top:5px;left:calc(50% - 40px);width:80px;height:21px;background:#1e3030;border-radius:20px}.story-device-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #e8eeee}.story-device-header img{height:32px;width:32px;object-fit:contain}.story-device-header strong{font-size:14px;display:block}.story-device-header small{font-size:10px;color:#6b7b7f}.story-screen{padding:15px;height:380px;animation:story-screen-enter .4s both}.story-date{display:block;text-align:center;font-size:11px;color:#7c8f90;margin-bottom:18px}.story-bubble{font-size:13px;line-height:1.55;background:#f0f3f3;padding:12px;border-radius:13px 13px 13px 3px;margin:12px 14px 12px 0}.story-bubble.story-user{background:#e2eddf;margin-left:25px;margin-right:0;border-radius:13px 13px 3px 13px}.story-caption{font-size:11px;color:#627c6e;display:block;text-align:center;margin-top:22px}.story-booking{padding:16px;background:#eaf2e5;border-radius:12px;margin-top:20px}.story-booking span{font-size:11px;display:block;color:#5d7b57}.story-booking strong{font-size:14px;display:block;margin:7px 0}.story-booking small{font-size:12px}.story-device-bottom{position:absolute;bottom:22px;left:12px;right:12px;border-radius:20px;background:#f1f4f4;padding:10px 13px;font-size:12px;color:#97a3a4;display:flex;justify-content:space-between}.story-home{position:absolute;bottom:6px;width:90px;height:4px;background:#1e3030;border-radius:5px;left:calc(50% - 45px)}.story-scene-controls{position:absolute;bottom:22px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;opacity:var(--content-opacity,0);font-size:11px;color:#5d7458}.story-scene-controls>div{display:flex;gap:7px}.story-scene-controls button{width:34px;height:30px;border:0;background:#ffffff50;border-radius:8px;font-size:11px;color:#476046}.story-scene-controls button[aria-pressed=true]{background:#17382e;color:#fff}@keyframes story-screen-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/* One live screen at a time, on desktop too. */
.studio .experience{margin-top:90px!important;max-width:1040px!important}.studio .workspace{display:grid!important;grid-template-columns:minmax(0,340px)!important;justify-content:center!important}.studio .workspace .phone-connection{display:none!important}.studio .workspace[data-screen=chat] .admin-phone{display:none!important}.studio .workspace:not([data-screen=chat]) .customer-phone{display:none!important}.studio .workspace .phone-frame{animation:story-screen-enter .5s both}.studio .experience-intro h2{font-size:32px!important}.problem-title{display:flex;flex-direction:column;gap:8px}.problem-title #problem-original{transition:opacity .35s,font-size .35s}.problem-title #problem-original.crossed{text-decoration:line-through;text-decoration-thickness:2px;color:#87959f;font-size:24px}.problem-title #problem-solution{color:#1b4b6f;animation:story-screen-enter .4s both}.studio .comparison-heading{min-height:110px}.studio .comparison-scroll{margin-top:90px!important;margin-bottom:90px!important}
.impact-calculator{padding:55px 0 80px}.impact-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:35px}.impact-heading h2{font-size:clamp(32px,4vw,49px);font-weight:500;letter-spacing:-1.7px;line-height:1.12;margin:0}.impact-heading p{font-size:16px;color:#667d95;max-width:310px;margin:0}.impact-surface{background:#f0f4fa;border-radius:26px;padding:40px}.impact-slider{max-width:780px;margin:auto auto 35px}.impact-slider label{font-size:16px;display:flex;justify-content:space-between;align-items:center}.impact-slider output{font-size:44px;letter-spacing:-2px;font-variant-numeric:tabular-nums}.impact-slider input{width:100%;accent-color:#2260ed;height:35px;cursor:pointer}.impact-slider>div{display:flex;justify-content:space-between;color:#8090a5;font-size:12px}.impact-results{display:grid;grid-template-columns:1fr 1fr;gap:20px}.impact-results article{padding:28px;background:#fff;border-radius:18px}.impact-results article>span{display:block;font-size:14px;color:#73859b;margin-bottom:20px}.impact-results article>div{display:flex;gap:18px;align-items:center;margin:15px 0}.impact-results strong{font-size:44px;line-height:1.1;letter-spacing:-2px;font-weight:500;min-width:70px;font-variant-numeric:tabular-nums}.impact-results b{font-size:14px;font-weight:400;max-width:190px}.impact-results .impact-positive{background:#142f52;color:white}.impact-results .impact-positive>span{color:#b2cdeb}.impact-disclaimer{font-size:12px;color:#6d7d91;margin:20px 0}.impact-assumptions{font-size:13px;margin-bottom:25px}.impact-assumptions summary{cursor:pointer;color:#456184;text-decoration:underline;text-underline-offset:4px}.impact-assumptions>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.impact-assumptions label{display:flex;flex-direction:column;gap:8px;color:#6b7d92}.impact-assumptions input{font:inherit;width:100%;padding:10px;border:1px solid #d7e1ed;background:white;border-radius:9px;color:#163250}.impact-assumptions p{color:#76869b;max-width:800px;line-height:1.6}
/* Pricing supplied by Oscar: light cards, raised center, corner badge, switch, animated amounts. */
.annual-billing{display:flex;justify-content:center;align-items:center;gap:12px;margin:35px 0 70px;font-size:14px}.annual-billing small{color:#2260ed;font-size:12px;margin-left:5px}.annual-billing button{width:46px;height:26px;border:0;background:#d7e0ed;border-radius:20px;padding:3px;transition:background .25s}.annual-billing button i{display:block;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #13274a22;transition:translate .25s}.annual-billing button[aria-checked=true]{background:#2260ed}.annual-billing button[aria-checked=true] i{translate:20px 0}.studio .pricing-cards{gap:0!important;max-width:1120px!important}.studio .pricing-card{margin-top:20px!important;transition:transform .9s cubic-bezier(.22,1,.36,1);border-radius:18px!important}.studio .pricing-card:first-child{transform:translateX(22px) scale(.94);transform-origin:right center}.studio .pricing-card:last-child{transform:translateX(-22px) scale(.94);transform-origin:left center}.studio .pricing-card.popular{background:#fff!important;color:#17304e!important;border:2px solid #2260ed!important;transform:translateY(-20px)!important;z-index:1;margin-top:0!important;box-shadow:0 18px 40px -28px #2260ed45!important}.studio .pricing-card.popular h3{color:#405774!important}.studio .pricing-card.popular .pricing-period,.studio .pricing-card.popular .billing-note,.studio .pricing-card.popular>p{color:#788da5!important}.studio .pricing-card.popular .pill{background:#2260ed!important;color:white!important}.studio .popular-label{top:0!important;right:0!important;left:auto!important;transform:none!important;border-radius:0 14px 0 14px!important;font-size:11px!important;padding:5px 10px!important;background:#2260ed!important}.studio .pricing-card ul{border-bottom:1px solid #e1e7ef;padding-bottom:22px!important}.pricing-confetti{position:fixed;width:5px;height:5px;border-radius:50%;z-index:100;pointer-events:none}.studio .pricing-card.popular li:before{color:#2260ed!important}
@media(max-width:1250px){.after-hero>section:not(.scroll-product){max-width:calc(100% - 60px)!important}}
@media(max-width:700px){.studio .hero{width:calc(100% - 36px)!important;min-height:0!important;padding:0!important;height:100svh!important}.studio .hero h1{font-size:clamp(39px,9vw,57px)!important;letter-spacing:-2px!important}.studio .hero-business-form{margin-top:40px!important}.studio .hero label{font-size:13px!important}.after-hero>section:not(.scroll-product){max-width:calc(100% - 28px)!important}.scroll-product{height:360svh;border-radius:25px 25px 0 0}.scroll-product-stage{padding:22px 20px}.scroll-product-intro h2{font-size:54px;letter-spacing:-2.8px}.scroll-product-intro>span{font-size:11px}.scroll-product-content{display:flex;flex-direction:column;gap:20px}.scroll-promises{height:125px;width:100%;position:relative;text-align:center}.scroll-promises p{position:absolute;inset:0;margin:0;padding:0;font-size:39px;letter-spacing:-1.5px;opacity:0!important;display:none}.scroll-promises p.active{opacity:1!important;display:block}.scroll-promises p span{position:static;display:block;margin-bottom:10px;font-size:11px}.story-device{width:256px;height:455px;border-width:6px;border-radius:36px}.story-device-header{padding:9px 13px}.story-device-header img{height:26px;width:26px}.story-device-header strong{font-size:12px}.story-device-header small{font-size:9px}.story-screen{padding:12px;height:310px}.story-bubble{font-size:11px;padding:10px;margin-top:8px;margin-bottom:8px}.story-date{font-size:10px;margin-bottom:10px}.story-booking{padding:12px;margin-top:10px}.story-booking strong{font-size:12px}.story-booking small{font-size:10px}.story-device-bottom{padding:8px;font-size:10px}.story-scene-controls{bottom:14px;left:20px;right:20px;font-size:10px}.studio .experience{margin-top:55px!important}.studio .experience-intro h2{font-size:25px!important}.studio .comparison-heading{min-height:100px}.problem-title #problem-original.crossed{font-size:20px}.impact-calculator{padding:25px 0 50px}.impact-heading{display:block}.impact-heading h2{font-size:35px}.impact-heading p{font-size:14px;margin-top:18px}.impact-surface{padding:23px 17px;border-radius:23px}.impact-results{grid-template-columns:1fr;gap:12px}.impact-results article{padding:20px}.impact-results strong{font-size:39px}.impact-results b{font-size:13px}.impact-assumptions>div{grid-template-columns:1fr 1fr;gap:12px}.impact-assumptions label{font-size:11px}.impact-disclaimer{font-size:11px}.annual-billing{gap:8px;margin-bottom:40px;font-size:13px;flex-wrap:wrap}.annual-billing small{font-size:10px;display:block;margin:0}.studio .pricing-cards{gap:22px!important}.studio .pricing-card,.studio .pricing-card:first-child,.studio .pricing-card:last-child,.studio .pricing-card.popular{transform:none!important;margin-top:0!important}.studio footer{padding:28px 18px!important}}
@media(max-height:720px) and (max-width:700px){.scroll-promises{height:100px}.scroll-promises p{font-size:30px}.scroll-product-content{gap:8px}.story-device{height:400px;width:240px}.story-screen{padding:9px}.story-bubble{font-size:10px;padding:8px}.story-device-header{padding:6px 10px}.story-booking{padding:8px}.story-device-bottom{bottom:17px}.story-scene-controls{bottom:6px}}
@media(prefers-reduced-motion:reduce){.story-screen,.studio .workspace .phone-frame{animation:none!important}}
.motion-paused .scroll-product{height:auto;padding:55px 0}.motion-paused .scroll-product-stage{position:static;height:auto;display:block;overflow:visible}.motion-paused .scroll-product-intro{position:static;opacity:1!important;transform:none!important;padding:0 0 40px}.motion-paused .scroll-product-intro h2{font-size:45px}.motion-paused .scroll-product-intro>span{display:none}.motion-paused .scroll-product-content{opacity:1!important;transform:none!important}.motion-paused .scroll-promises{height:auto}.motion-paused .scroll-promises p{position:static;display:block!important;opacity:.45!important;font-size:30px;margin-bottom:25px}.motion-paused .scroll-promises p.active{opacity:1!important}.motion-paused .story-scene-controls{position:static;opacity:1!important;margin-top:25px}.motion-paused .story-screen{animation:none!important}