/* Launch presentation. Retains the original illustration palette and reader. */
.launch-site{--muted:#585572;overflow-x:clip}.launch-site [hidden]{display:none!important}.launch-site .wrap,.launch-site .wide-wrap{width:min(1180px,calc(100% - 64px))}.launch-strip{background:#f3edff;color:#392078;text-align:center;font-size:14px;font-weight:500;padding:9px 20px;display:flex;gap:9px;justify-content:center;align-items:center}.launch-strip a{text-decoration:underline;text-underline-offset:4px;margin-left:5px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7949e8;flex-shrink:0;animation:status-pulse 1.8s ease-in-out infinite}
@keyframes status-pulse{0%,100%{opacity:1;scale:1}50%{opacity:.5;scale:1.4}}.launch-site .site-header{height:98px;gap:30px}.launch-site .brand{font-size:30px;letter-spacing:-1.4px;gap:8px}.brand-dot{color:#f4bd00;margin-left:-9px}.launch-site .brand-mark{width:64px;height:64px;font-size:34px}
img.brand-mark{background:none;border-radius:0;object-fit:contain}.launch-site .site-header nav{gap:27px}.launch-site nav a{font-size:14px}.launch-site .header-actions{margin-left:auto}.launch-site .button{border-radius:12px;box-shadow:0 5px 12px #3d08df14;min-height:46px;font-weight:500;font-size:15px;padding:13px 21px;display:inline-flex;align-items:center;justify-content:center;gap:14px}.launch-site .button.small{font-size:14px;min-height:42px}.launch-site .kicker{font-size:12px;letter-spacing:1.65px;font-weight:500;color:#6843af;margin:0 0 18px;line-height:1.6}.launch-site .hero{grid-template-columns:47% 53%;min-height:605px;padding:42px 0 52px;align-items:center}.launch-site .hero-copy .hero-kicker{display:flex;align-items:center;gap:9px;font-size:16px;margin:0 0 2px}.launch-site .hero h1{font-size:clamp(54px,5.3vw,81px);line-height:1.11;letter-spacing:-3.4px;margin:0 0 26px}.launch-site .hero-subheading{font-size:21px;font-weight:500;letter-spacing:-.3px;line-height:1.4;margin:-14px 0 20px;color:#000}.launch-site .hero-description{font-size:19px;line-height:1.85;max-width:445px;margin:0 0 26px;color:var(--muted)}.launch-site .hero-art{padding-top:104px;margin:0 -20px 0 -38px}.launch-site .hero-speech{top:-28px;left:22%;font-size:33px}.launch-site .hero-note{top:-5px;right:6%;font-size:37px}.launch-site .hero .button-row{gap:23px}.hero-secondary{font-size:14px;font-weight:500;display:inline-flex;gap:10px}.launch-site .hero-reassurance{font-size:13px;margin:16px 0 0;color:var(--muted)}.launch-site h2{letter-spacing:-1.4px;line-height:1.22}.how-section{display:grid;grid-template-columns:1fr 1.8fr;gap:45px;border-top:1px solid #eee9f6;border-bottom:1px solid #eee9f6;padding:40px 0 44px}.how-heading h2{font-size:30px;letter-spacing:-1px;margin:0}.how-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.how-steps li>span,.step-number{font:700 25px Caveat;color:var(--purple);display:inline-block;background:#f2eaff;border-radius:50%;width:34px;height:34px;text-align:center;line-height:34px}.how-steps h3{font-size:15px;margin:14px 0 6px}.how-steps p{font-size:14px;color:var(--muted);margin:0;line-height:1.8}.launch-site .book-demo{margin-top:70px;padding-top:30px;padding-bottom:20px;min-height:610px}.launch-site .demo-heading h2{font-size:38px;letter-spacing:-1.2px}.launch-site .demo-heading>p:not(.kicker){font-size:17px;margin:14px auto;max-width:630px}.demo-caption{text-align:center;font-size:12px;color:var(--muted);margin:12px 0}.launch-site .plane-note{display:none}.launch-site .demo-composition{margin-top:35px}.section-intro{text-align:center;max-width:700px;margin:0 auto 35px}.section-intro h2{font-size:42px;margin:0 0 16px}.section-intro>p:not(.kicker){font-size:17px;color:var(--muted)}.feature-tour{padding:90px 0 65px}.feature-selector{display:flex;justify-content:center;gap:7px;background:#f5f1fb;border:1px solid #ece4f7;border-radius:16px;padding:7px;margin-bottom:20px}.feature-selector button{flex:1;background:transparent;border:0;border-radius:11px;padding:13px 8px;font-size:14px;white-space:nowrap;font-weight:500;color:#5a526f}.feature-selector button span{display:none}.feature-selector button[aria-selected=true]{color:var(--purple);background:white;box-shadow:0 2px 7px #38226b13}.feature-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-radius:28px;background:#faf8ff;border:1px solid #ede7fa;padding:45px 55px;min-height:565px;align-items:center}.feature-explanation h3{font-size:42px;line-height:1.25;letter-spacing:-1.5px;margin:0 0 20px;max-width:480px}.feature-explanation>p:not(.kicker):not(.preview-label){color:var(--muted);font-size:17px;line-height:1.6}.feature-explanation ul{list-style:none;padding:0;margin:23px 0 27px}.feature-explanation li{font-size:14px;margin-bottom:12px;padding-left:23px;position:relative}.feature-explanation li:before{content:'✓';position:absolute;left:0;color:var(--purple);font-weight:500}.text-link{font-size:14px;font-weight:500;color:var(--purple);text-decoration:underline;text-underline-offset:5px}.preview-label{font-size:12px!important;color:#706580;margin-top:28px}.screen-stage{margin:0;display:flex;align-items:center;flex-direction:column;position:relative}.screen-stage:before{content:'';position:absolute;width:92%;aspect-ratio:1;border-radius:50%;background:#eae1ff;top:30px;left:4%;z-index:0;animation:blob-breathe 6s ease-in-out infinite}
@keyframes blob-breathe{0%,100%{scale:1}50%{scale:1.06}}.screen-zoom{border:0;background:transparent;padding:0;cursor:zoom-in;position:relative;z-index:1;max-width:100%;border-radius:22px}.screen-zoom img{height:420px;width:auto;max-width:100%;object-fit:contain;border-radius:20px;box-shadow:0 13px 32px #2c136321}.screen-stage figcaption{position:relative;text-align:center;font-size:12px;color:#655a78;margin-top:21px}.screen-stage figcaption span{display:block;font-size:11px;margin-top:5px;color:#80738d}.audience-section{padding:55px 0 70px}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.audience-tile{position:relative;border-radius:25px;background:#f8f4ff;border:1px solid #eee7f8;padding:30px;min-height:335px;overflow:hidden;transition:transform .2s,box-shadow .2s}.audience-tile:nth-child(2){background:#fff9e9;border-color:#f6eccf}.audience-tile:nth-child(3){background:#f0f5ff;border-color:#e5ecf8}.audience-tile:nth-child(4){background:#fff1f6;border-color:#f5e5ed}.audience-tile>div{position:relative;z-index:1;max-width:64%}.audience-tile h3{font-size:27px;line-height:1.3;letter-spacing:-.8px;margin:0 0 14px}.audience-tile p:not(.kicker){font-size:14px;color:var(--muted);line-height:1.9;margin-bottom:23px}.audience-tile .kicker{font-size:18px;font-weight:500;letter-spacing:.4px;color:var(--purple);margin-bottom:12px}.audience-tile img{position:absolute;right:-40px;bottom:0;width:56%;pointer-events:none}.audience-tile:hover{transform:translateY(-4px);box-shadow:0 10px 30px #30204d0d}.faq-section{display:grid;grid-template-columns:1fr 1.65fr;gap:75px;padding:50px 0 80px}.faq-section h2{font-size:45px;margin:0 0 20px}.faq-section>div>p:not(.kicker){font-size:17px;color:var(--muted)}.faq-section>div>img{width:200px;margin:25px 0 0 -18px}.faq-list details{border-bottom:1px solid #e8e0f2}.faq-list summary{padding:21px 2px;font-size:15px;font-weight:500;cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--purple);font-size:24px;line-height:1}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:15px;line-height:1.9;color:var(--muted);margin:0;padding:0 24px 22px 2px}.launch-cta{border-radius:32px;background:#6f1fe0;color:white;padding:50px 50px 38px;display:grid;grid-template-columns:36% 1fr;gap:55px;align-items:center;margin-top:20px;margin-bottom:65px;overflow:hidden}.launch-cta>img{width:130%;max-width:none;margin-left:-35px}.launch-cta h2{font-size:45px;margin:0 0 20px;letter-spacing:-1.5px}.launch-cta .kicker{color:#dbcdff;font-size:11px}.launch-cta div>p:not(.kicker):not(.launch-status):not(.share-status){font-size:15px;color:#e8deff;max-width:480px;line-height:1.9}.launch-cta .waitlist-form>div{margin-left:45px}.launch-actions{display:flex;gap:24px;align-items:center;margin-top:26px;flex-wrap:wrap}.launch-site .yellow-button{background:#ffce16;color:#201044;box-shadow:none}.share-site{background:none;color:white;border:0;border-bottom:1px solid #a38ae6;font-size:13px;padding:6px 0}.launch-status{font-size:12px;color:#dccaff;display:flex;gap:8px;align-items:center;margin-top:19px}.launch-status .status-dot{background:#ffce16}.share-status{font-size:13px;min-height:1em;margin-bottom:0}.launch-footer{display:grid;grid-template-columns:1.15fr .8fr 1fr 1fr;gap:40px;padding:0 0 40px}.launch-footer nav{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:13px}.launch-footer p,.launch-footer small{font-size:12px;color:var(--muted);line-height:1.9}.launch-footer strong{font-size:13px;margin-bottom:5px}.launch-footer nav a{font-size:12px}.footer-note summary{font-size:12px;color:var(--purple);cursor:pointer;text-decoration:underline}.screen-dialog{max-width:min(1100px,94vw);max-height:94dvh;padding:0;border:1px solid #e4dbf2;border-radius:20px;background:#fcfaff;opacity:0;scale:.94;transition:opacity .22s ease,scale .22s ease,overlay .22s ease allow-discrete,display .22s ease allow-discrete}.screen-dialog[open]{opacity:1;scale:1}@starting-style{.screen-dialog[open]{opacity:0;scale:.94}}.screen-dialog::backdrop{background:#19112bc9;backdrop-filter:blur(7px);opacity:0;transition:opacity .22s ease,overlay .22s ease allow-discrete,display .22s ease allow-discrete}.screen-dialog[open]::backdrop{opacity:1}@starting-style{.screen-dialog[open]::backdrop{opacity:0}}.screen-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:12px 20px;position:sticky;top:0;background:#fcfaff;z-index:1}.screen-dialog h2{font-size:18px}.screen-dialog>img{max-height:calc(90dvh - 75px);width:auto;margin:0 auto 15px}.breadcrumbs{display:flex;gap:12px;font-size:13px;padding-top:30px;color:var(--muted)}.breadcrumbs a{color:var(--purple)}.audience-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:65px 0 70px}
.audience-hero>div>*{animation:hero-in .7s ease both}
.audience-hero>div>*:nth-child(1){animation-delay:.05s}
.audience-hero>div>*:nth-child(2){animation-delay:.15s}
.audience-hero>div>*:nth-child(3){animation-delay:.28s}
.audience-hero>div>*:nth-child(4){animation-delay:.38s}
.audience-hero>div>*:nth-child(5){animation-delay:.46s}
.audience-hero>img{animation:hero-in-right .8s ease .25s both,gentle-float 6.5s ease-in-out .8s infinite}.audience-hero h1{font-size:59px;line-height:1.14;letter-spacing:-2.5px;margin:0 0 25px}.audience-hero p:not(.kicker){font-size:18px;color:var(--muted);line-height:1.9}.audience-hero .button{margin-top:15px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.benefit-grid article{padding:30px;background:#f8f5ff;border-radius:20px;transition:transform .25s ease,box-shadow .25s ease}
.benefit-grid article:hover{transform:translateY(-4px);box-shadow:0 10px 26px #30204d14}
.step-number{transition:scale .25s ease}
.benefit-grid article:hover .step-number{scale:1.12}.benefit-grid h2{font-size:24px;letter-spacing:-.5px}.benefit-grid p{font-size:15px;color:var(--muted);line-height:1.9}.audience-preview{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:80px 50px}
@supports(animation-timeline:view()){
.audience-preview>div,.audience-preview>figure,.simple-cta>*,.benefit-grid article{animation:scroll-reveal-up linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
@keyframes scroll-reveal-up{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
}.audience-preview h2{font-size:41px}.audience-preview p:not(.kicker){font-size:17px;color:var(--muted);line-height:1.9}.simple-cta{text-align:center;padding:40px 20px 80px}.simple-cta h2{font-size:38px}.simple-cta p{font-size:17px;color:var(--muted)}.launch-site :focus-visible{outline:3px solid #9b71ff;outline-offset:5px}.launch-site .book-demo{scroll-margin-top:20px}.onboarding-section{padding:20px 0 90px;scroll-margin-top:20px}.onboarding-form{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 50px #1c123314;padding:42px 48px 34px;max-width:900px;margin:0 auto}.persona-fieldset{border:0;padding:0;margin:0 0 26px}.persona-fieldset legend{font-size:13px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:0 0 14px;padding:0}.persona-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.persona-option{position:relative;display:flex;gap:14px;align-items:flex-start;border:1.5px solid var(--line);border-radius:16px;padding:16px 18px;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}.persona-option input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.persona-option:has(input:checked){border-color:var(--purple);box-shadow:0 0 0 3px #3d08df14;background:#f8f6ff}.persona-option:focus-within{outline:3px solid #ffb600;outline-offset:3px}.persona-icon{width:44px;height:44px;border-radius:12px;background:#f1eefb;color:#7a7398;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,color .2s}.persona-icon svg{width:22px;height:22px}.persona-option:has(input:checked) .persona-icon{background:var(--purple);color:#fff}.persona-copy strong{display:block;font-size:17px;margin-bottom:3px}.persona-copy small{display:block;font-size:14px;color:var(--muted);line-height:1.5}.persona-option:has(input:checked) .persona-copy small{color:#4b3f80}.onboarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.onboarding-grid label,.onboarding-message{display:block;font-size:15px;font-weight:500}.onboarding-grid input,.onboarding-message textarea{display:block;width:100%;margin-top:8px;border:1px solid #d9d2ef;border-radius:11px;padding:12px 14px;font:15px/1.4 var(--font);color:var(--ink)}.onboarding-message{margin-bottom:26px}.onboarding-message textarea{min-height:88px;resize:vertical}.required{color:#ff393c}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px}.onboarding-trust{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin:0}.onboarding-trust svg{width:16px;height:16px;color:#1a9c5c;flex-shrink:0}.onboarding-submit{background:linear-gradient(135deg,#5b1fe0,#3d08df);gap:10px}.onboarding-submit svg{width:16px;height:16px;transition:translate .25s ease}
.onboarding-submit:hover svg{translate:3px -3px}
.waitlist-form input::placeholder,.onboarding-grid input::placeholder,.onboarding-message textarea::placeholder{color:#5a5a5a}
@media(max-width:1000px){.launch-site .site-header{gap:15px}.launch-site .site-header nav{gap:16px}.launch-site .hero h1{font-size:65px}.launch-site .hero-art{margin-right:0}.how-section{gap:25px;grid-template-columns:1fr 2fr}.feature-panel{padding:35px;gap:30px}.feature-explanation h3{font-size:35px}.audience-tile>div{max-width:70%}.audience-tile img{opacity:.8;width:50%;right:-30px}.launch-footer{gap:20px}.launch-cta{gap:30px}.launch-site .hero .button-row{gap:16px}}
@media(max-width:760px){.launch-site .wrap,.launch-site .wide-wrap{width:calc(100% - 36px)}.launch-site .site-header{height:78px;position:relative;gap:12px}.launch-site .brand{font-size:26px}.launch-site .brand-mark{width:48px;height:48px;font-size:30px}.launch-site .header-actions .button{font-size:12px;min-height:38px;padding:9px 12px}.launch-site .menu-toggle{display:block;order:3;margin-left:0}.launch-site .site-header nav{display:none;position:absolute;top:72px;left:0;right:0;padding:22px;background:white;border:1px solid #e8def5;border-radius:16px;z-index:20;box-shadow:0 10px 25px #24153e18;flex-direction:column;align-items:stretch;gap:18px}.launch-site .site-header nav.open{display:flex}.launch-site .site-header nav a{font-size:17px}.launch-site .hero{grid-template-columns:1fr;padding:30px 0 35px;min-height:0}.launch-site .hero h1{font-size:67px;letter-spacing:-2.8px}.launch-site .hero-description{max-width:530px;font-size:18px}.launch-site .hero-art{margin:50px 0 0;padding-top:70px;max-width:540px;width:100%;justify-self:center}.launch-site .hero-speech{font-size:26px;left:20%;top:-13px;padding:14px 20px}.launch-site .hero-note{font-size:31px;right:8%;top:0}.how-section{grid-template-columns:1fr;gap:30px;padding:30px 0}.how-steps{gap:18px}.how-heading h2{font-size:33px}.how-steps h3{font-size:14px}.how-steps p{font-size:13px}.launch-site .book-demo{margin-top:35px;min-height:0;padding:25px 10px}.launch-site .demo-heading h2{font-size:32px}.launch-site .demo-heading>p:not(.kicker){font-size:14px}.launch-site .demo-caption{font-size:11px}.launch-site .demo-composition{margin-top:20px}.feature-tour{padding:55px 0 35px}.section-intro h2{font-size:34px}.section-intro>p:not(.kicker){font-size:15px}.feature-selector{overflow-x:auto;justify-content:flex-start;gap:5px}.feature-selector button{flex:none;font-size:13px;padding:12px}.feature-selector button span{display:none}.feature-panel{grid-template-columns:1fr;gap:30px;padding:28px 24px;min-height:0}.feature-panel .screen-stage{order:-1}.feature-explanation h3{font-size:34px}.feature-explanation>p:not(.kicker):not(.preview-label){font-size:15px}.screen-zoom img{height:360px}.screen-stage:before{max-width:350px;left:50%;transform:translateX(-50%)}.audience-section{padding:35px 0}.audience-grid{gap:14px}.audience-tile{padding:24px;min-height:330px}.audience-tile>div{max-width:100%}.audience-tile h3{font-size:25px}.audience-tile p:not(.kicker){font-size:13px}.audience-tile img{width:55%;opacity:1;right:-13px;bottom:-8px}.audience-tile .text-link{font-size:12px}.faq-section{grid-template-columns:1fr;gap:15px;padding:35px 0 45px}.faq-section h2{font-size:37px}.faq-section h2 br{display:none}.faq-section>div>img{display:none}.faq-list summary{font-size:14px;min-height:60px}.faq-list details>p{font-size:14px}.launch-cta{grid-template-columns:1fr;padding:30px 25px;gap:10px;margin-bottom:45px}.launch-cta>img{max-width:260px;width:70%;margin:0 auto;order:2}.launch-cta h2{font-size:37px}.launch-cta .kicker{font-size:9px}.launch-cta .waitlist-form>div{margin-left:0}.launch-actions{gap:20px}.launch-footer{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:25px}.launch-footer>div:first-child{grid-column:1/-1}.launch-footer .footer-note{grid-column:1/-1}.launch-footer nav a{font-size:14px}.audience-hero{grid-template-columns:1fr;gap:20px;padding:35px 0}.audience-hero h1{font-size:50px}.audience-hero>img{max-width:460px;margin:auto}.benefit-grid{grid-template-columns:1fr}.audience-preview{grid-template-columns:1fr;padding:45px 10px;gap:25px}.audience-preview h2{font-size:34px}.simple-cta h2{font-size:32px}.onboarding-form{padding:28px 20px}.persona-grid{grid-template-columns:1fr}.onboarding-grid{grid-template-columns:1fr}.onboarding-actions{flex-direction:column;align-items:stretch}.onboarding-submit{justify-content:center}}
@media(max-width:480px){.launch-strip{font-size:11px;padding:8px 10px;gap:5px}.launch-site .hero h1{font-size:58px}.launch-site .hero .button-row{gap:18px;flex-wrap:wrap}.hero-secondary{font-size:13px}.launch-site .hero .button{font-size:14px;padding:13px 16px}.launch-site .hero-description{font-size:17px}.how-steps{grid-template-columns:1fr;gap:20px}.how-steps li{display:grid;grid-template-columns:35px 1fr;column-gap:16px}.how-steps li>span{grid-row:1/3}.how-steps h3{margin:0 0 5px;font-size:17px}.how-steps p{font-size:14px;grid-column:2}.audience-grid{grid-template-columns:1fr}.audience-tile{min-height:290px}.audience-tile>div{max-width:70%}.audience-tile img{width:52%;right:-22px}.feature-explanation h3{font-size:32px}.launch-site .demo-heading h2{font-size:30px}.screen-zoom img{height:350px}.launch-site .hero-reassurance{font-size:12px}}
/* Product screens are presented as readable device mockups rather than tiny thumbnails. */
.screen-stage .screen-zoom{width:min(330px,100%);padding:10px;border:11px solid #18142f;border-radius:34px;background:#18142f;box-shadow:0 18px 36px #25134b2e;overflow:hidden}
.screen-stage .screen-zoom img{display:block;width:100%;height:auto;max-height:none;border-radius:20px;box-shadow:none;object-fit:contain}
.screen-stage .screen-zoom.explore-screen{width:min(365px,100%);border-radius:29px}
.feature-panel{min-height:760px}
.feature-selector{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.feature-selector button{scroll-snap-align:start}
.feature-selector{scrollbar-width:thin}
.feature-selector::-webkit-scrollbar{height:4px}
.feature-selector::-webkit-scrollbar-thumb{background:#d8ccf5;border-radius:4px}
.waitlist-form{margin-top:24px;max-width:510px}
.waitlist-form label{display:block;font-size:13px;font-weight:500;color:#efe8ff;letter-spacing:.4px;margin-bottom:8px}
.waitlist-form>div{display:flex;gap:9px}
.waitlist-form input{min-width:0;flex:1;border:1px solid #bca5ef;border-radius:11px;background:#fff;color:#1c1535;padding:12px 14px;font-size:14px}
.waitlist-form .button{border:0;white-space:nowrap;min-height:44px}
.waitlist-form small{display:block;color:#d8c9ff;font-size:11px;margin-top:8px}
.waitlist-form>div{align-items:stretch}.waitlist-form input,.waitlist-form .button{height:48px}.launch-actions{align-items:center}.launch-actions .button,.share-site{min-height:46px}.share-site{display:inline-flex;align-items:center;gap:6px}
@media(max-width:760px){.feature-panel{min-height:0}.screen-stage .screen-zoom{width:min(330px,94vw)}.screen-stage .screen-zoom.explore-screen{width:min(350px,94vw)}.waitlist-form>div{flex-direction:column}.waitlist-form .button{width:100%}}
.read-anywhere{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center;padding:80px 0 60px}
.anywhere-copy h2{font-size:46px;max-width:410px;margin:0 0 18px}
.anywhere-copy>p:not(.kicker){font-size:17px;line-height:1.9;color:var(--muted);max-width:480px}
.anywhere-copy ul{list-style:none;padding:0;margin:24px 0 26px}.anywhere-copy li{font-size:14px;margin:12px 0;padding-left:22px;position:relative}.anywhere-copy li:before{content:'✓';position:absolute;left:0;color:var(--purple);font-weight:500}
.device-showcase{height:500px;position:relative;display:flex;justify-content:center;align-items:flex-end;gap:13px;padding:30px 0 0;background:linear-gradient(145deg,#f1edff,#fff8eb);border:1px solid #eee5fa;border-radius:30px;overflow:hidden}.device-showcase:before{content:'';position:absolute;width:420px;height:420px;border-radius:50%;background:#e6dcff;top:45px;left:50%;transform:translateX(-50%)}.device-frame{position:relative;z-index:1;background:#17142d;border:8px solid #17142d;box-shadow:0 20px 30px #21114430;overflow:hidden}.device-frame img{width:100%;height:100%;object-fit:cover;object-position:top}.phone-frame{width:145px;height:310px;border-radius:24px;margin-bottom:54px}.tablet-frame{width:290px;height:385px;border-radius:25px;margin-bottom:20px}.desktop-frame{width:155px;height:300px;border-radius:15px;margin-bottom:38px}.device-frame:after{content:'';position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:32px;height:3px;border-radius:3px;background:#ffffff99}.tablet-frame:after{width:42px}.desktop-frame:after{display:none}
@media(max-width:760px){.read-anywhere{grid-template-columns:1fr;gap:28px;padding:55px 0 40px}.anywhere-copy h2{font-size:37px}.anywhere-copy>p:not(.kicker){font-size:15px}.device-showcase{height:430px;gap:8px;padding-top:22px}.device-showcase:before{width:320px;height:320px;top:35px}.phone-frame{width:105px;height:225px;margin-bottom:48px;border-width:6px;border-radius:19px}.tablet-frame{width:215px;height:290px;margin-bottom:14px;border-width:6px;border-radius:19px}.desktop-frame{width:113px;height:218px;margin-bottom:31px;border-width:6px;border-radius:12px}}
.launch-site .hero{grid-template-columns:.88fr 1.12fr;min-height:560px;padding:42px 0 50px;gap:45px}
.launch-site .hero-copy{align-self:center}.launch-site .hero h1{font-size:clamp(52px,4.2vw,68px);line-height:1.1;letter-spacing:-2.8px;margin-bottom:24px}.launch-site .hero-description{font-size:18px;line-height:1.85;margin-bottom:22px}.hero-points{list-style:none;padding:0;margin:0 0 24px}.hero-points li{font-size:14px;color:var(--muted);line-height:1.55;margin:11px 0;padding-left:22px;position:relative}.hero-points li:before{content:'✓';position:absolute;left:0;color:var(--purple);font-weight:500}.hero-updates{font-weight:500;color:var(--purple);text-decoration:underline;text-underline-offset:6px}.hero-device-showcase{height:500px;width:100%;align-self:center}.hero-device-showcase .tablet-frame{width:300px;height:395px}.hero-device-showcase .phone-frame{width:148px;height:315px}.hero-device-showcase .desktop-frame{width:160px;height:305px}.launch-site .hero-kicker{font-size:12px;letter-spacing:1.55px;color:#6843af}.launch-site .hero-device-showcase:before{width:430px;height:430px;top:35px}
@media(max-width:1000px){.launch-site .hero{gap:25px}.hero-device-showcase{gap:7px}.hero-device-showcase .tablet-frame{width:240px;height:340px}.hero-device-showcase .phone-frame{width:120px;height:270px}.hero-device-showcase .desktop-frame{width:130px;height:270px}}
@media(max-width:760px){.launch-site .hero{grid-template-columns:1fr;gap:25px;padding:34px 0 35px}.launch-site .hero h1{font-size:57px}.launch-site .hero-description{font-size:17px}.hero-device-showcase{height:430px}.hero-device-showcase .tablet-frame{width:215px;height:290px}.hero-device-showcase .phone-frame{width:105px;height:225px}.hero-device-showcase .desktop-frame{width:113px;height:218px}}
.launch-site .hero{grid-template-columns:47% 53%;min-height:605px;padding:42px 0 52px;gap:0}
.launch-site .hero h1{font-size:clamp(54px,5.3vw,81px);line-height:1.11;letter-spacing:-3.4px;margin:0 0 26px}
.launch-site .hero-description{font-size:19px;line-height:1.85;max-width:445px;margin:0 0 26px}
.launch-site .hero-art{padding-top:104px;margin:0 -20px 0 -38px}
.launch-site .hero-speech{top:-28px;left:15%;font-size:28px}.launch-site .hero-note{top:-5px;right:6%;font-size:37px}
.launch-site .hero-kicker{font-size:12px;letter-spacing:1.55px}.launch-site .hero-points{display:none}
.launch-site .button-row{display:flex;align-items:center;gap:23px;margin:23px 0 19px}.launch-site .hero-secondary{min-height:46px;align-items:center}
@media(max-width:1000px){.launch-site .hero{gap:25px}.launch-site .hero h1{font-size:65px}.launch-site .hero-art{margin-right:0;margin-left:0;padding-top:90px}}
@media(max-width:760px){.launch-site .hero{grid-template-columns:1fr;min-height:0;padding:30px 0 35px;gap:0}.launch-site .hero h1{font-size:67px;letter-spacing:-2.8px}.launch-site .hero-description{font-size:18px}.launch-site .hero-art{margin:50px 0 0;padding-top:70px;max-width:540px;width:100%;justify-self:center}.launch-site .hero-speech{font-size:26px;left:20%;top:-13px;padding:14px 20px}.launch-site .hero-note{font-size:31px;right:8%;top:0}}
/* Clearer product captures with a light, thin device edge. */
.screen-stage .screen-zoom{padding:4px;border:4px solid #28213f;border-radius:25px;background:#28213f;box-shadow:0 15px 30px #25134b20}
.screen-stage .screen-zoom img{border-radius:18px}
.screen-stage [data-screen="audio"]{width:min(350px,100%)}
.screen-stage [data-screen="audio"] img{width:100%;height:auto}
/* The same first-party email form appears in the hero and closing CTA. */
.hero-waitlist{max-width:520px;margin-top:25px}.hero-waitlist label{color:var(--ink);font-size:13px}.hero-waitlist small{color:#716b83}.hero-waitlist>div{gap:8px}.hero-waitlist input{border-color:#d6d0df}.hero-waitlist .button{background:#3d08df;color:#fff;border-color:#3d08df;padding-inline:20px}
.cta-waitlist{margin-top:24px}.cta-waitlist label{color:#efe8ff}.cta-waitlist input{border-color:#bca5ef}.cta-waitlist .yellow-button{background:#ffce16;color:#201044}
.hero-waitlist input,.hero-waitlist .button,.cta-waitlist input,.cta-waitlist .button{height:48px}
@media(max-width:760px){.hero-waitlist>div,.cta-waitlist>div{flex-direction:column}.hero-waitlist .button,.cta-waitlist .button{width:100%}.screen-stage [data-screen="audio"]{width:min(330px,94vw)}}
@media(min-width:761px) and (max-width:1000px){.hero-waitlist>div{flex-direction:column}.hero-waitlist .button{width:100%}}
@media(prefers-reduced-motion:reduce){.launch-site *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Final responsive type and spacing adjustments after cross-screen review. */
@media(max-width:1000px){.launch-site .hero h1{font-size:clamp(50px,6vw,58px)}}
@media(max-width:760px){.launch-site .hero h1{font-size:clamp(46px,11vw,56px);letter-spacing:-2.2px}.audience-grid{grid-template-columns:1fr}.audience-tile{min-height:300px}}
@media(max-width:480px){.launch-site .hero h1{font-size:clamp(42px,12vw,50px);letter-spacing:-1.8px}.launch-footer{grid-template-columns:1fr}.launch-footer>nav,.launch-footer .footer-note{grid-column:1}}
.launch-site .hero h1{font-family:Fredoka,var(--font)}
.load-dot{display:inline-block;animation:load-dot-bounce 1.4s ease-in-out infinite}
.load-dot-1{animation-delay:0s}
.load-dot-2{animation-delay:.2s}
.load-dot-3{animation-delay:.4s}
@keyframes load-dot-bounce{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-.14em)}}
@media(prefers-reduced-motion:reduce){.load-dot{animation:none;opacity:1}}
/* A continuous, hand-drawn outline keeps the homepage hero bubble and tail together. */
.launch-site .hero-speech{width:176px;height:170px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:0;background:transparent;transform:rotate(-7deg);font-size:29px;line-height:.89;text-align:center;isolation:isolate}
.launch-site .hero-speech::after{content:none}
.launch-site .hero-speech-outline{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1}
.launch-site .hero-speech-outline path{fill:#fff;stroke:var(--purple);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.launch-site .hero-speech-copy{display:block;position:relative;margin:-4px 8px 0 0;color:var(--purple);font:inherit;line-height:inherit}
.launch-site .hero-speech-heart{color:#ff5143;font:13px Arial,sans-serif;vertical-align:middle}
@media(max-width:700px){.launch-site .hero-speech{width:156px;height:151px;font-size:25px}}
@media(max-width:420px){.launch-site .hero-speech{width:141px;height:138px;font-size:22px}}@media(max-width:420px){.launch-site .hero-speech{left:8%;width:130px;height:128px;font-size:21px}}
@media(max-width:360px){.launch-site .hero-speech{left:0;width:114px;height:115px;font-size:18px}}
.audience-tile[href="readers.html"]{min-height:405px}
.audience-tile[href="readers.html"] img{width:75%;right:0;bottom:-2px}
@media(max-width:760px){.audience-tile[href="readers.html"]{min-height:430px}.audience-tile[href="readers.html"] img{width:78%;right:0;bottom:0}}
.launch-site main .hero-trust{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;font-size:12px;line-height:1.6;color:var(--muted);max-width:100%}
.hero-trust svg{flex:none;width:16px;height:16px;margin-top:2px;color:#099950}
.closing-email-form{display:flex;align-items:stretch;gap:10px;width:100%;max-width:510px;position:relative;z-index:1}
.closing-email-form input{flex:1;min-width:0;min-height:48px;height:48px;box-sizing:border-box;padding:0 14px;border:1px solid #ded4ed;border-radius:8px;background:#fff;color:#201044;font:inherit;font-size:14px}
.closing-email-form input:focus-visible{outline:3px solid #ffce16;outline-offset:3px}
.closing-email-form .button{flex:none;width:auto;height:48px;min-height:48px;margin:0;white-space:nowrap}
.reader-close>.closing-email-form,.student-close>.closing-email-form{flex:0 1 480px}
.author-close-action .closing-email-form{max-width:100%}
@media(max-width:760px){.reader-close>.closing-email-form,.student-close>.closing-email-form{flex:none}.closing-email-form{max-width:100%}}
@media(max-width:520px){.closing-email-form{flex-direction:column}.closing-email-form .button{width:100%}}
@media(max-width:900px){.launch-site .menu-toggle{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;flex-shrink:0}.launch-site .launch-strip{min-height:44px;padding-block:0;flex-wrap:wrap;gap:0 9px}.launch-site .launch-strip a{display:inline-flex;align-items:center;min-height:44px}.launch-site .header-actions .button{min-height:44px}.launch-site #main-nav a{display:flex;align-items:center;min-height:44px}}
@media(max-width:760px){.launch-site .site-header{height:auto;min-height:78px;padding-block:8px;row-gap:8px}.launch-site .site-header nav{top:100%}}
