:root{--paper:#f9f7f2;--ink:#292134;--muted:#726b79;--purple:#7543a3;--line:#e6e0e9;--mint:#dfede2;--lavender:#ece4f4;--peach:#f5e5d8;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:6px}img{max-width:100%;height:auto;display:block}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 100px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;height:108px;gap:24px}.brand{font-size:31px;letter-spacing:-1.5px;font-weight:750;display:flex;align-items:center;gap:7px;line-height:1}.brand img{object-fit:contain}.brand-dot{color:var(--purple);margin-left:-8px}.header nav,.footer nav{display:flex;gap:30px;font-size:14px;font-weight:550}.header nav a:hover,.footer a:hover{color:var(--purple)}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:var(--purple);color:white;padding:16px 24px;border-radius:100px;font-size:15px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#5c3282;transform:translateY(-2px)}.button.small{padding:12px 22px;font-size:13px}.button svg{width:23px;height:23px}.skip{position:absolute;top:-80px;left:16px;padding:10px 20px;background:white;z-index:20}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:710px;padding-block:30px 80px;gap:25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:9px;margin:0 0 24px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--purple)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(55px,5.8vw,83px);font-weight:500;line-height:1.05;letter-spacing:-4px;margin-bottom:28px}em{font-family:var(--serif);font-weight:400;color:var(--purple)}.lead{font-size:17px;line-height:1.8;color:var(--muted);margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:26px}.text-link{font-size:14px;font-weight:600;border-bottom:1px solid var(--purple);padding-bottom:3px}.text-link span{margin-left:8px}.micro{font-size:11px;color:var(--muted);margin-top:18px}.hero-art{position:relative;height:590px;display:flex;justify-content:center;align-items:center;isolation:isolate}.orbit{position:absolute;border-radius:50%;z-index:-1}.orbit-one{width:475px;height:475px;background:#eae1f1}.orbit-two{width:540px;height:540px;border:1px solid #e7dfeb}.phone{width:250px;position:relative;background:#201c24;padding:7px;border-radius:37px;box-shadow:0 24px 55px #39234426,0 3px 7px #21132825}.phone img{width:100%;border-radius:30px}.hero-phone{transform:rotate(7deg);width:250px}.island{position:absolute;top:13px;left:34%;width:32%;height:16px;border-radius:20px;background:#201c24}.hero-mascot{position:absolute;left:-3px;bottom:30px;width:128px;transform:rotate(-12deg);filter:drop-shadow(0 15px 12px #35204618)}.spark{position:absolute;color:var(--purple)}.spark-one{font-size:50px;top:34px;left:46px;transform:rotate(13deg)}.spark-two{font-size:62px;right:0;bottom:112px}.floating-note{position:absolute;right:-10px;top:150px;display:flex;align-items:center;gap:12px;transform:rotate(-5deg);background:var(--paper);border:1px solid #e6dfeb;padding:14px 20px;border-radius:16px;box-shadow:0 12px 30px #38254610;font-size:13px;font-weight:600}.floating-note small{display:block;font-size:10px;color:var(--muted);font-weight:400}.note-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--mint);font-size:19px}.values{border-block:1px solid var(--line);padding:21px 0}.values .wrap{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#5e5369}.section{padding-block:100px}.section-heading{text-align:center}.section-heading .eyebrow{justify-content:center}h2{font-size:clamp(35px,4vw,53px);line-height:1.15;letter-spacing:-2px;font-weight:500;margin-bottom:22px}.section-heading>p:last-child,.section-lead{font-size:15px;color:var(--muted);line-height:1.8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:60px}.step-number{font-size:10px;letter-spacing:1.6px;color:var(--purple);font-weight:650;margin-bottom:18px}h3{font-size:21px;letter-spacing:-.6px;line-height:1.35;font-weight:600;margin-bottom:12px}.step>p{color:var(--muted);font-size:13px;min-height:85px;max-width:310px}.screen-panel{height:375px;overflow:hidden;border-radius:22px;padding:35px 36px 0}.lavender{background:var(--lavender)}.peach{background:var(--peach)}.mint{background:var(--mint)}.screen-panel img{border:5px solid #29232e;border-radius:29px;box-shadow:0 18px 30px #39234416;width:100%}.fine-print{color:var(--muted);font-size:10px;text-align:center;margin:22px 0 0}.resize-section{background:#ece9e1;overflow:hidden}.resize-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center;padding-block:80px}.resize-art{height:560px;display:grid;place-items:center;position:relative}.resize-art:before{content:'';position:absolute;width:410px;height:410px;background:#dfd1e9;border-radius:50%}.resize-art .phone{transform:rotate(-7deg);width:235px}.resize-tag{position:absolute;bottom:56px;right:-10px;background:#dfede2;padding:14px 24px;transform:rotate(5deg);border-radius:8px;font:italic 20px var(--serif);box-shadow:0 10px 24px #29213412}.feature-list{list-style:none;padding:0;margin:32px 0 0}.feature-list li{display:flex;gap:18px;margin-top:25px}.feature-list li>span{color:var(--purple);border:1px solid #d3c8dc;border-radius:50%;width:32px;height:32px;flex:none;text-align:center;font-size:17px}.feature-list h3{font-size:15px;margin-bottom:5px}.feature-list p{font-size:13px;color:var(--muted);margin:0}.pro-section>div:first-child{text-align:center}.pro-section .eyebrow{justify-content:center}.plans{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:900px;margin:45px auto 0}.plan{border:1px solid #ded6e5;border-radius:22px;padding:36px}.plan-label{font-size:10px;letter-spacing:2px;display:flex;justify-content:space-between;margin-bottom:28px;color:var(--purple);font-weight:700}.plan ul{padding:0;list-style:none;font-size:13px;margin:25px 0}.plan li{position:relative;padding-left:22px;margin-bottom:12px}.plan li:before{content:'✓';position:absolute;left:0;color:var(--purple)}.plan>p{font-size:11px;color:var(--muted);margin:25px 0 0}.pro{background:#ebe2f3;border-color:#c7afd9}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{padding-top:0}.faq summary{list-style:none;font-size:15px;font-weight:550;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:22px;font-weight:400;color:var(--purple)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:var(--muted);margin:16px 35px 0 0}.download-section{text-align:center;background:#e9dff1;border-radius:28px;padding:55px 25px 45px;margin-block:0 80px}.download-section>img{margin:0 auto 16px;transform:rotate(-8deg)}.download-section .eyebrow{justify-content:center;margin-bottom:20px}.download-section h2{font-size:44px}.download-section [data-store-pending]{font-size:14px;color:var(--purple)}.footer{display:flex;align-items:center;gap:30px;padding-block:32px 45px;border-top:1px solid var(--line)}.footer .brand{font-size:25px}.footer>p{font-size:11px;color:var(--muted);margin:0;flex:1}.footer nav{font-size:12px;gap:22px}.footer small{font-size:10px;color:var(--muted)}.document{max-width:800px;padding-block:65px 100px;min-height:65vh}.document h1{font-size:72px}.document h2{font-size:27px;letter-spacing:-.8px;margin-top:40px;margin-bottom:15px}.document>p{color:var(--muted);font-size:15px}.document a:not(.button){color:var(--purple)}.contact-box,.draft-notice{padding:26px 30px;background:var(--lavender);border-radius:16px;margin:35px 0}.contact-box h2{margin-top:0}.contact-box p,.draft-notice p{font-size:14px;margin-bottom:0;color:#60556b}.contact-box a{display:inline-block;margin-top:15px}.draft-notice strong{font-size:14px}.draft-notice p{margin-top:10px}.document .lead{font-size:18px}
@media(min-width:1500px){.hero{min-height:760px}.hero-art{height:650px}.hero-phone{width:275px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}h1{font-size:64px}.hero{gap:0}.hero-art{height:550px}.orbit-one{width:360px;height:360px}.orbit-two{width:410px;height:410px}.hero-phone{width:220px}.floating-note{right:-12px;top:130px;padding:12px}.hero-mascot{width:110px;bottom:40px}.hero-actions{gap:18px;flex-wrap:wrap}.resize-grid{gap:60px}.screen-panel{padding:28px 24px 0;height:330px}.step>p{min-height:105px}.resize-art:before{width:340px;height:340px}.footer{gap:20px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:85px;gap:10px}.header .brand{font-size:28px}.brand img{width:31px;height:31px}.header nav{gap:18px}.header nav a:not(:last-child){display:none}.header nav{margin-left:auto}.header .button{padding:10px 15px;font-size:12px}.hero{grid-template-columns:1fr;text-align:center;padding-top:35px;padding-bottom:45px}.hero .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.4px}h1{font-size:clamp(47px,10vw,70px);letter-spacing:-2.8px}.hero .lead{font-size:15px}.hero-actions{justify-content:center;gap:23px}.hero .micro{font-size:10px}.hero-art{height:540px;width:min(420px,100%);margin:15px auto 0}.hero-phone{width:222px}.floating-note{right:0;top:130px;font-size:11px;text-align:left}.floating-note small{font-size:9px}.orbit-one{width:340px;height:340px}.orbit-two{width:365px;height:365px;max-width:100%}.hero-mascot{left:0;bottom:40px;width:110px}.spark-one{left:25px;top:35px;font-size:40px}.spark-two{right:5px;bottom:70px;font-size:50px}.values .wrap{justify-content:center;flex-wrap:wrap;gap:10px 20px;font-size:10px}.section{padding-block:65px}.steps{grid-template-columns:1fr;gap:38px;margin-top:40px}.step{max-width:430px;margin-inline:auto;width:100%}.step>p{min-height:0;max-width:none;margin-bottom:24px}.screen-panel{height:420px;padding:35px 55px 0}.step-number{margin-bottom:12px}.section-heading>p:last-child{font-size:13px}.resize-grid{grid-template-columns:1fr;gap:30px;padding-block:50px 65px}.resize-art{height:470px;order:2}.resize-art .phone{width:200px}.resize-art:before{width:320px;height:320px}.resize-tag{right:0;bottom:15px;font-size:17px}.resize-grid h2{font-size:40px}.resize-grid>div:last-child{max-width:460px;margin-inline:auto}.plans{grid-template-columns:1fr;gap:18px}.plan{padding:28px}.faq-section{grid-template-columns:1fr;gap:20px}.faq-section h2{margin-bottom:15px}.faq summary{font-size:14px}.download-section{margin-bottom:40px;padding:40px 18px}.download-section h2{font-size:32px;letter-spacing:-1.3px}.footer{flex-wrap:wrap;gap:20px;padding-block:25px}.footer>p{flex-basis:60%;font-size:10px}.footer small{margin-left:auto}.footer nav{font-size:12px}.document{padding-block:40px 70px}.document h1{font-size:55px}.document h2{font-size:25px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Official Apple artwork: preserve its proportions, colors, and clear space. */
.app-store-badge{display:inline-flex;align-items:center;justify-content:center;padding:12px;flex-shrink:0;vertical-align:middle}
.app-store-badge img{display:block;height:48px;width:auto;max-width:none}
.header .app-store-badge{padding:10px}
.header .app-store-badge img{height:40px}
@media(max-width:760px){.header .app-store-badge{padding:10px 0 10px 10px}.header nav{display:none}.hero-actions{gap:14px}}

.store-links{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.google-play-soon{display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:154px;height:48px;padding:5px 17px;border:1px solid #b8b1bf;border-radius:7px;color:#686070;background:#f9f7f2;line-height:1.15;user-select:none}
.store-status{font-size:9px;letter-spacing:1.1px;text-transform:uppercase;margin-bottom:3px}
.store-name{font-size:20px;letter-spacing:-.4px;font-weight:500}
.hero-actions{flex-wrap:wrap;gap:16px}
.download-section .store-links{margin-top:5px}
@media(max-width:760px){.store-links{gap:4px}.hero-actions>.text-link{margin:0 12px}.hero-actions{gap:10px}}
