:root{color-scheme:light;--ink:#19181d;--muted:#66636e;--lavender:#e9e5f6;--line:#e9e7ed;--accent:#7160a6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;padding:26px;background:linear-gradient(125deg,#f0eee8,#f0eef7 55%,#e8e5f1);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #7964ac;outline-offset:5px}.page-shell{width:min(1440px,100%);margin:auto;border-radius:30px;background:#fff;overflow:hidden;box-shadow:0 8px 70px #42345108}.wrap{width:min(1120px,calc(100% - 100px));margin:auto}.skip{position:absolute;top:-100px;left:40px;background:#19181d;color:white;padding:12px;z-index:20}.skip:focus{top:20px}header{height:108px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:block;line-height:0}.brand img{object-fit:contain;filter:brightness(0);width:106px;height:64px}nav{display:flex;gap:32px;align-items:center;font-size:14px}nav>a:not(.nav-cta):hover{color:var(--accent)}.nav-cta,.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;background:#171619;color:#fff;border:1px solid #48464c;border-radius:99px;box-shadow:inset 0 0 0 3px #ffffff16,0 3px 7px #0001;transition:transform .2s,background .2s}.nav-cta{padding:10px 22px}.button{padding:14px 25px;font-size:15px;font-weight:500}.button:hover,.nav-cta:hover{background:#3a3348;transform:translateY(-2px)}.play{font-size:10px}.hero{width:100%;position:relative;text-align:center;padding:55px 50px 0;isolation:isolate;background:radial-gradient(ellipse at 37% 3%,#f5eed555,transparent 30%),radial-gradient(ellipse at 70% 5%,#dad2f255,transparent 35%)}.hero-copy{position:relative;z-index:3;max-width:830px;margin:auto}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:600;margin:0 0 22px;line-height:1.5}.hero .eyebrow{display:inline-flex;border:1px solid #e4e0e9;border-radius:30px;padding:9px 15px;background:#ffffffb5;letter-spacing:1px}.hero .eyebrow>span{display:none}h1{font-size:clamp(48px,5.6vw,76px);font-weight:600;letter-spacing:-3px;line-height:1.09;margin:0 0 24px}em{font:inherit;color:inherit}h1 em{color:#77699c}.intro{font-size:20px;line-height:1.5;margin:0 auto 14px}.description{font-size:16px;color:var(--muted);max-width:555px;margin:0 auto 24px;line-height:1.65}.small-note{font-size:12px;color:#77737f;margin:14px 0 0}.hero-visual{position:relative;height:602px;margin:34px auto 0;width:min(100%,1000px);display:flex;align-items:flex-start;justify-content:center;padding-top:16px;isolation:isolate}.phone{width:258px;border:7px solid #17171b;border-radius:38px;background:#34343b;overflow:hidden;line-height:0;box-shadow:0 22px 45px #24213224,inset 0 0 0 2px #75717f}.phone img{display:block;width:100%;height:auto}.hero-phone{width:264px;position:relative;z-index:2;transform:rotate(-4deg)}.halo{position:absolute;width:650px;height:520px;max-width:100%;top:35px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse at 30% 45%,#fff1b970,transparent 53%),radial-gradient(ellipse at 75% 55%,#d9cdf980,transparent 55%);z-index:-1}.orbit{position:absolute;width:78%;height:370px;top:-15px;border:1px solid #eeebf2;border-top:0;border-radius:0 0 80px 80px;z-index:-1;transform:rotate(12deg)}.orbit-two{width:96%;height:455px;transform:rotate(-9deg)}.vertical-label{position:absolute;left:0;top:120px;font-size:11px;letter-spacing:1px;max-width:180px;text-align:left;line-height:1.6;padding:14px 20px;border-radius:14px;background:#f4f1fb;border:1px solid #e7e0f2;transform:rotate(-8deg)}.scene-tag{position:absolute;right:0;top:245px;background:#fff;box-shadow:0 8px 25px #30243f10;border:1px solid #eeeaf2;border-radius:17px;display:flex;align-items:center;gap:14px;padding:18px 22px;text-align:left;transform:rotate(6deg);z-index:3;font-size:14px}.tag-icon{color:#9a83cc;font-size:32px}.scene-tag small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#faf9fc}.ribbon-inner{min-height:78px;display:flex;justify-content:center;gap:48px;align-items:center;font-size:11px;letter-spacing:1.8px}.star{color:#a090c1;font-size:20px}.how,.together{padding:105px 0}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;column-gap:90px;align-items:end}.section-heading .eyebrow{grid-column:1/-1;color:#7b718e}h2{font-size:clamp(36px,4vw,52px);font-weight:500;line-height:1.15;letter-spacing:-1.9px;margin:0}h2 em{color:#817196}.section-heading>p:last-child{color:var(--muted);max-width:360px;margin:0 0 4px;font-size:16px;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}.how article{background:#f5f3f8;border-radius:24px;overflow:hidden;position:relative}.feature-art{height:275px;background:#eeeaf6;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding-top:32px}.feature-art img{width:164px;height:auto;border:5px solid #252329;border-radius:25px;box-shadow:0 18px 35px #36285423;transform:rotate(-12deg)}.how article:nth-child(2) .feature-art{background:#d9d1ee}.how article:nth-child(2) .feature-art img{transform:rotate(7deg);width:168px}.how article:nth-child(3) .feature-art{background:#ede9e1}.how article:nth-child(3) .feature-art img{transform:rotate(-7deg)}.feature-copy{padding:25px 26px 30px}.step-num{display:inline-flex;align-items:center;justify-content:center;background:white;border:1px solid #ded9e7;border-radius:30px;padding:4px 10px;font-size:11px;color:#6c5d81;letter-spacing:1px}h3{font-size:20px;line-height:1.35;font-weight:550;margin:15px 0 12px;letter-spacing:-.4px}.steps p{font-size:15px;color:var(--muted);line-height:1.8;margin:0}.inside{padding:88px 0;background:linear-gradient(150deg,#faf9fc,#f2eff8)}.inside-grid{display:grid;grid-template-columns:1fr 1.25fr;column-gap:70px;align-items:center}.walkthrough-copy{grid-column:2;grid-row:1}.screen-stage{grid-column:1;grid-row:1;min-height:680px;padding:40px 20px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:30px;background:radial-gradient(ellipse,#d8cbea70,transparent 65%)}.screen-stage p{font-size:12px;text-align:center;color:#70667c;letter-spacing:.4px;margin:25px 0 0}.demo-phone{width:252px;transform:rotate(-3deg)}.inside .eyebrow{color:#7b718e}.section-intro{color:var(--muted);max-width:445px;margin:22px 0 28px}.walkthrough{display:grid;grid-template-columns:1fr 1fr;gap:12px}.walkthrough button{position:relative;display:flex;align-items:flex-start;gap:10px;background:#fff9;border:1px solid #e4deee;border-radius:15px;padding:17px 13px;text-align:left;color:var(--ink);cursor:pointer;min-width:0;transition:background .2s,box-shadow .2s}.walkthrough button>span{font-size:11px;color:#86799a;margin-top:3px}.walkthrough button>div{font-size:14px;font-weight:600;line-height:1.4;padding-right:8px}.walkthrough small{display:block;font-weight:400;color:var(--muted);font-size:13px;line-height:1.5;margin-top:7px}.walkthrough b{position:absolute;right:10px;top:10px;font-size:13px;font-weight:400;color:#79658f}.walkthrough button[aria-selected=true]{background:#e7dff3;border-color:#c6b6dd;box-shadow:0 4px 12px #57387909}.walkthrough button:hover{background:#eee8f7}.together .steps article{background:#f8f7fa;border:1px solid #efedf2;border-radius:20px;padding:29px 26px}.together .steps article:nth-child(2){background:#f1edf7}.together .steps article:nth-child(3){background:#f6f3ec}.together .step-num{background:#ffffffa0;font-size:10px}.closing{width:min(1120px,calc(100% - 100px));margin:0 auto 85px;padding:70px 8%;border-radius:27px;background:radial-gradient(ellipse at 85% 95%,#c9bae455,transparent 60%),#f0edf6;text-align:center}.closing .eyebrow{color:#7b718e}.closing h2{font-size:clamp(38px,4vw,54px)}.closing p:not(.eyebrow){color:var(--muted);margin:24px auto 28px}footer{border-top:1px solid var(--line);min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand img{width:86px;height:55px}footer p,footer>a:last-child{font-size:13px;color:var(--muted)}@media(min-width:1500px){.hero{padding-top:75px}}@media(max-width:1000px){body{padding:16px}.wrap{width:calc(100% - 64px)}.hero{padding-left:32px;padding-right:32px}.vertical-label{max-width:145px;left:0}.scene-tag{right:-10px;padding:14px}.inside-grid{gap:28px;grid-template-columns:.8fr 1fr}.walkthrough{grid-template-columns:1fr}.screen-stage{padding:20px 0}.feature-art{height:230px}.feature-copy{padding:22px 20px}.closing{width:calc(100% - 64px)}.section-heading{gap:20px 40px}.ribbon-inner{gap:24px}.demo-phone{width:230px}}@media(max-width:640px){body{padding:10px}.page-shell{border-radius:21px}.wrap{width:calc(100% - 36px)}header{height:88px}.brand img{width:87px;height:55px}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:9px 16px}.hero{padding:35px 18px 0}.hero .eyebrow{font-size:9px;letter-spacing:.65px;padding:8px 10px}h1{font-size:44px;letter-spacing:-1.9px;line-height:1.1}.intro{font-size:18px}.description{font-size:15px;max-width:360px}.hero-visual{height:545px;margin-top:30px;padding-top:10px}.hero-phone{width:221px}.vertical-label{top:40px;left:-5px;font-size:8px;padding:9px;max-width:104px;z-index:3;background:#f2edf9eF}.scene-tag{top:auto;bottom:33px;right:0;font-size:12px;padding:12px;gap:8px}.scene-tag small{font-size:10px}.tag-icon{font-size:25px}.orbit{height:380px;width:90%;top:30px}.orbit-two{width:100%;height:455px}.ribbon-inner{gap:13px;font-size:8px;letter-spacing:.7px;min-height:68px;flex-wrap:wrap;padding:12px 0}.star{font-size:13px}.how,.together{padding:62px 0}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading .eyebrow{margin:0}.section-heading>p:last-child{font-size:15px;max-width:none}h2{font-size:38px;letter-spacing:-1.3px}.steps{grid-template-columns:1fr;gap:18px;margin-top:30px}.how article{display:grid;grid-template-columns:38% 62%;border-radius:19px}.feature-art{height:100%;min-height:255px;align-items:flex-start;padding-top:40px}.feature-art img,.how article:nth-child(2) .feature-art img{width:130px;max-width:none;flex-shrink:0;transform:rotate(-10deg)}.feature-copy{padding:24px 18px}.feature-copy h3{font-size:19px}.steps p{font-size:14px;line-height:1.75}.inside{padding:60px 0}.inside-grid{grid-template-columns:1fr;gap:25px}.walkthrough-copy{grid-column:1;grid-row:1}.screen-stage{grid-column:1;grid-row:2;min-height:0;padding:15px 0 5px}.walkthrough{grid-template-columns:1fr 1fr;gap:8px}.walkthrough button{padding:14px 10px;gap:6px}.walkthrough button>div{font-size:13px}.walkthrough small{font-size:12px}.walkthrough button>span{font-size:10px}.demo-phone{width:232px;transform:rotate(-2deg)}.closing{width:calc(100% - 36px);padding:50px 20px;margin-bottom:45px;border-radius:22px}.closing h2{font-size:36px;letter-spacing:-1.5px}.closing p:not(.eyebrow){font-size:15px}footer{min-height:105px;gap:15px}footer p{display:none}footer>a:last-child{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.3px}}@media(max-width:365px){h1{font-size:38px}.walkthrough{grid-template-columns:1fr}.how article{grid-template-columns:1fr}.feature-art{height:210px;min-height:0}.ribbon-inner{gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* App-inspired deep violet accents. */
:root{--accent:#5541c8;--lavender:#e5dfff}
.nav-cta,.button{background:#5541c8;border-color:#4935b6;box-shadow:inset 0 0 0 3px #ffffff13,0 3px 9px #5541c822}
.button:hover,.nav-cta:hover{background:#4430ae}
h1 em,h2 em,.tag-icon,.star{color:#5541c8}
.eyebrow,.section-heading .eyebrow,.inside .eyebrow,.closing .eyebrow{color:#5541a0}
.walkthrough button[aria-selected=true]{background:#5541c8;border-color:#4935b6;color:white;box-shadow:0 4px 14px #5541c820}
.walkthrough button[aria-selected=true] small,.walkthrough button[aria-selected=true]>span,.walkthrough button[aria-selected=true] b{color:#f0ecff}
.walkthrough button:hover:not([aria-selected=true]){background:#e5dfff}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline-color:#5541c8}
.downloads{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px auto 0}
.download-button{min-width:180px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 22px;border:1px solid #48464c;border-radius:14px;background:#171619;color:#fff;font:600 17px/1.2 inherit;text-align:left}
.download-button:disabled{cursor:not-allowed;opacity:1}
.download-button small{display:block;font-size:11px;font-weight:400;line-height:1.5;color:#fff}
.download-button strong{display:block;font-size:17px;font-weight:600;line-height:1.3}
.download-button svg{width:24px;height:26px;fill:currentColor;flex-shrink:0}
.download-note{font-size:12px!important;color:#777080!important;margin:10px auto 20px!important}
@media(max-width:640px){.downloads{gap:10px}.download-button{min-width:144px;padding:11px 14px;gap:9px}.download-button strong{font-size:15px}.download-button small{font-size:10px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-picker{display:inline-flex;align-items:center;flex-shrink:0}
.language-picker select{font:inherit;font-size:14px;color:#4935b6;background:#f5f2fc;border:1px solid #d9d0ed;border-radius:99px;padding:10px 28px 10px 13px;max-width:130px;cursor:pointer}
.language-picker select:focus-visible{outline:3px solid #5541c8;outline-offset:3px}
html:not([lang=en]) .hero h1{font-size:clamp(43px,5.1vw,69px)}
html:not([lang=en]) .closing h2{font-size:clamp(34px,3.6vw,48px)}
@media(max-width:1000px){nav{gap:15px}nav>a:not(.nav-cta){display:none}}
@media(max-width:640px){header{gap:10px}nav{gap:8px}.language-picker select{font-size:12px;max-width:106px;padding:9px 17px 9px 10px}html:not([lang=en]) .nav-cta{font-size:11px;padding:9px 11px}html:not([lang=en]) .hero h1{font-size:39px;overflow-wrap:break-word}html:not([lang=en]) h2{overflow-wrap:break-word}html:not([lang=en]) .ribbon-inner{letter-spacing:.1px;gap:8px}.walkthrough button>div{overflow-wrap:break-word}}
@media(max-width:380px){header .brand img{width:72px}.nav-cta{font-size:11px;padding:9px 10px}.language-picker select{max-width:92px}html:not([lang=en]) .hero h1{font-size:35px}}

/* Support, privacy and account pages. */
.legal{max-width:760px;padding:28px 0 64px}
.legal h1{font-size:clamp(34px,4vw,48px);font-weight:500;letter-spacing:-1.4px;line-height:1.15;margin:12px 0 10px}
.legal h2{font-size:22px;font-weight:600;letter-spacing:-.3px;margin:34px 0 8px}
.legal p,.legal li{font-size:17px;color:#2b2930}
.legal a{color:#5541c8;text-decoration:underline;text-underline-offset:2px}
.legal .muted{color:var(--muted);font-size:15px}
.legal .card{background:#ffffffb8;border:1px solid var(--line);border-radius:18px;padding:18px 22px;margin:20px 0}
.legal .card h2{margin-top:6px}
.footer-links{display:flex;flex-wrap:wrap;gap:18px}
.footer-links a{font-size:13px;color:var(--muted)}
.footer-links a:hover{color:#5541c8}

/* Official store badges. Google's artwork carries its own padding, so it is drawn
   larger for the two to look the same height; linked once the apps are live. */
.store-badge{display:inline-flex;align-items:center;line-height:0}
.store-badge-apple img{height:50px;width:auto}
.store-badge-google img{height:73px;width:auto;margin:-11px -6px}
a.store-badge:focus-visible{outline:3px solid #5541c8;outline-offset:4px;border-radius:10px}
@media(max-width:640px){.store-badge-apple img{height:42px}.store-badge-google img{height:61px;margin:-9px -5px}}

/* Accessibility: small text meets WCAG AA contrast (4.5:1) on every background it
   sits on; motion is reduced for people who ask their system for it. */
.download-note{color:#5f5a68!important}
.small-note,.screen-stage p{color:#5f5a68}
.walkthrough button>span{color:#625b73}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Launch status, the three benefit cards and the rehearsal feedback section. */
.launch-status{display:block;width:fit-content;color:var(--muted)!important;font-size:16px!important;font-weight:400;line-height:1.65;margin:0 auto 22px!important}
.benefits{padding:24px 0 0}
.benefits .steps{margin-top:0}
.benefits article{padding:25px;border:1px solid #e4deee;background:#faf9fc;border-radius:20px}
.benefits h3{font-size:21px}
.feedback{background:#f4f0fb;padding:80px 0}
.feedback .eyebrow{color:#5541a0}
.feedback .steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.feedback .steps article{border-top:2px solid #c9bbed;padding-top:8px}
.feedback-note{font-size:13px;color:#5f5a68;margin:30px 0 0;max-width:820px}

/* Two progress screens leaning together beside the rehearsal feedback. */
.feedback-visual{position:relative;height:600px;max-width:640px;margin:46px auto 12px}
.feedback-visual .phone{position:absolute;top:0;width:250px}
.phone-readiness{left:50%;z-index:2;transform:translateX(-92%) rotate(-5deg)}
.phone-focus{left:50%;top:44px;transform:translateX(-4%) rotate(5deg)}
@media(max-width:640px){.feedback-visual{height:450px;margin-top:32px}.feedback-visual .phone{width:186px;border-width:5px;border-radius:29px}.phone-focus{top:34px}}
.downloads+.launch-status{margin-top:16px!important}

/* Pricing: the free trial and the three passes. */
.pricing{padding:20px 0 100px}
.pricing .steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.pricing article{background:#f8f7fa;border:1px solid #efedf2;border-radius:20px;padding:26px 24px}
.pricing article:first-child{background:#f1edf7;border-color:#e2daf2}
.pricing h3{margin:0 0 6px;font-size:16px;color:#5f5a68;font-weight:600}
.pricing .price{font-size:34px;font-weight:600;letter-spacing:-1px;color:var(--ink);margin:0 0 10px;line-height:1.1}
.pricing-note{font-size:14px;color:#5f5a68;margin:26px 0 0;max-width:820px;line-height:1.7}

/* Titles: Newsreader, a free serif close to the New York used in the store images */
@font-face{font-family:'Newsreader';font-style:normal;font-weight:600 700;font-display:swap;src:url(/assets/fonts/newsreader.woff2) format('woff2')}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:500 600;font-display:swap;src:url(/assets/fonts/newsreader-italic.woff2) format('woff2')}
h1,h2{font-family:'Newsreader',ui-serif,'New York',Georgia,serif;font-weight:700;letter-spacing:-.015em}h2{font-weight:650}h1 em,h2 em{font-style:italic;font-weight:600}
/* The hero card in sentence case */
.vertical-label{letter-spacing:0;font-size:13px;line-height:1.5}
/* On phones the page links sit in a second row under the logo, button and language */
@media(max-width:640px){
header{height:auto;flex-wrap:wrap;column-gap:10px;row-gap:6px;padding:14px 0 10px}
header>nav{display:contents}
header .brand{margin-right:auto}
header::after{content:"";order:5;flex-basis:100%;height:0}
header{justify-content:flex-start}header>nav>a:not(.nav-cta):not(.nav-badge){display:inline-flex;align-items:center;order:6;min-height:32px;font-size:13px;margin-right:16px;color:var(--ink)}header>nav>a.nav-badge{display:inline-flex;order:2}header .language-picker{order:3}
.vertical-label{font-size:10px}
}
/* The official store badge stands in for the download button in the top menu */
.nav-badge img{height:52px;width:auto;margin:-8px -5px}
@media(max-width:640px){.nav-badge img{height:44px;margin:-7px -4px}}