.app-page{max-width:1240px;margin:auto;padding:38px 32px 110px;color:#302339}.app-page h1,.app-page h2,.app-page h3{font-family:Marbley,Georgia,serif;font-weight:400;line-height:1.06}.app-page h1{font-size:clamp(56px,6.2vw,96px);margin:14px 0 24px;color:#29153b}.app-page h1 em{color:#aa50e6;font-style:normal}.app-page h2{font-size:clamp(40px,4.2vw,65px);margin:12px 0 24px}.app-page h3{font-size:clamp(29px,3vw,42px);margin:10px 0 16px}.app-page p{line-height:1.65}.app-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,.9fr);gap:48px;align-items:center;min-height:700px}.app-lede{font-size:clamp(19px,1.8vw,24px);color:#554a5e;max-width:690px}.app-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}.app-primary{display:inline-flex;padding:15px 24px;border-radius:999px;background:#d9f99d;color:#251536;font-weight:800}.app-secondary{color:#652889;font-weight:800;text-decoration:underline;text-underline-offset:5px}.app-note{font-size:13px;color:#786e80;margin-top:18px}.app-phone-stage{position:relative;min-height:640px;border-radius:44% 44% 30px 30px;background:linear-gradient(145deg,#ecd9f7,#dff8a9 84%);overflow:hidden}.app-phone{position:absolute;margin:0;width:42%;padding:7px;border:5px solid #211b24;border-radius:34px;background:#211b24;box-shadow:0 22px 50px rgba(58,30,70,.18);overflow:hidden}.app-phone img{display:block;width:100%;aspect-ratio:9/18.7;object-fit:cover;border-radius:23px;background:#f9fde9}.app-phone-main{width:45%;left:27.5%;top:55px;z-index:2}.app-phone-left{left:-6%;top:170px;transform:rotate(-7deg)}.app-phone-right{right:-6%;top:175px;transform:rotate(7deg)}.app-answer{max-width:900px;margin:100px auto;padding:26px 30px 28px;border-left:5px solid #b9ec58;border-radius:0 25px 25px 0;background:#effbcf}.app-answer span,.app-flow article span,.app-reading-grid span{color:#69288f;font-size:11px;font-weight:800;letter-spacing:.13em}.app-answer p{font-size:clamp(18px,2vw,23px);line-height:1.55;margin:8px 0 0;color:#33401f}.app-section-heading{max-width:960px;margin-bottom:54px}.app-flow,.app-compare,.app-web,.app-reading,.app-faq,.app-final{margin-top:130px}.app-flow article{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1fr);gap:70px;align-items:center;padding:58px 0;border-top:1px solid #dacee0}.app-flow article:nth-of-type(even){grid-template-columns:minmax(0,1fr) minmax(280px,.72fr)}.app-flow article:nth-of-type(even) figure{order:2}.app-flow figure{margin:0 auto;width:min(310px,100%);padding:8px;border:5px solid #211b24;border-radius:38px;background:#211b24;box-shadow:0 24px 45px rgba(55,27,65,.16)}.app-flow figure img{display:block;width:100%;aspect-ratio:9/18.7;object-fit:cover;border-radius:25px;background:#f8fce9}.app-flow article p{font-size:18px;color:#5f5567}.app-flow article a{color:#642987;font-weight:800;text-decoration:underline;text-underline-offset:5px}.app-compare{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:70px 0;border-top:1px solid #dacee0;border-bottom:1px solid #dacee0}.app-compare>div:first-child p:not(.eyebrow){font-size:18px;color:#615767}.app-compare-list>div{display:grid;grid-template-columns:230px 1fr;gap:24px;padding:21px 0;border-bottom:1px solid #ded3e2}.app-compare-list>div:first-child{border-top:1px solid #ded3e2}.app-compare-list b{font-size:18px}.app-compare-list span{color:#655b6c;line-height:1.5}.app-web{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center;padding:64px;border-radius:36px;background:#efe0f7}.app-web>div>p:not(.eyebrow){font-size:18px;color:#5b4e63}.app-web figure{margin:0;overflow:hidden;border-radius:28px;aspect-ratio:4/5}.app-web img{width:100%;height:100%;object-fit:cover}.app-reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.app-reading-grid a{color:#2f2438}.app-reading-grid img{display:block;width:100%;height:220px;object-fit:cover;border-radius:24px;margin-bottom:20px}.app-reading-grid h3{font-family:Arial,sans-serif;font-size:21px;font-weight:750;line-height:1.25}.app-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.app-faq details{border-bottom:1px solid #dacee0;padding:18px 0}.app-faq summary{cursor:pointer;font-size:18px;font-weight:750}.app-faq details p{color:#615767;margin:12px 0 0}.app-final{text-align:center;padding:75px 24px;border-radius:36px;background:#dff9a5}.app-final h2{max-width:850px;margin:10px auto 18px}.app-final p:not(.eyebrow){max-width:640px;margin:0 auto 26px}.app-final>a{display:inline-flex;padding:15px 25px;border-radius:999px;background:#2e173f;color:#fff;font-weight:800}
@media(max-width:900px){.app-hero{grid-template-columns:1fr;min-height:0}.app-phone-stage{min-height:590px}.app-compare,.app-faq{grid-template-columns:1fr;gap:35px}.app-web{grid-template-columns:1fr;padding:42px}.app-web figure{aspect-ratio:16/10}.app-reading-grid{grid-template-columns:1fr 1fr}.app-flow article,.app-flow article:nth-of-type(even){grid-template-columns:260px 1fr;gap:38px}.app-flow article:nth-of-type(even) figure{order:0}}
@media(max-width:620px){.app-page{padding:20px 18px 70px}.app-page h1{font-size:52px}.app-hero{gap:28px}.app-phone-stage{min-height:450px}.app-phone{border-width:4px;border-radius:25px;padding:4px}.app-phone img{border-radius:17px}.app-phone-main{top:40px}.app-phone-left,.app-phone-right{top:125px}.app-answer{margin-top:70px;padding:22px}.app-flow,.app-compare,.app-web,.app-reading,.app-faq,.app-final{margin-top:82px}.app-flow article,.app-flow article:nth-of-type(even){grid-template-columns:1fr;gap:25px;padding:42px 0}.app-flow article:nth-of-type(even) figure{order:0}.app-flow figure{width:250px}.app-compare{padding:45px 0}.app-compare-list>div{grid-template-columns:1fr;gap:6px}.app-web{padding:28px 22px}.app-web figure{aspect-ratio:4/3}.app-reading-grid{grid-template-columns:1fr}.app-reading-grid img{height:230px}}

/* Homepage-inspired campaign image with one clear app preview. */
.app-hero-art{position:relative;min-height:650px;padding:0 50px 34px 0}.app-hero-photo{position:relative;width:min(100%,525px);height:645px;margin:0;overflow:hidden;border-radius:300px 300px 36px 36px;background:#b68de8;box-shadow:0 28px 55px rgba(60,25,83,.16)}.app-hero-photo:after{content:"";position:absolute;inset:56% 0 0;background:linear-gradient(transparent,rgba(46,8,94,.38))}.app-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 12%}.app-hero-photo span{position:absolute;z-index:1;left:28px;bottom:27px;max-width:64%;padding:9px 12px;border-radius:100px;background:#d9f99d;color:#362342;font-size:10px;font-weight:900;letter-spacing:.1em}.app-hero-phone{position:absolute;z-index:2;right:2px;bottom:2px;width:222px;height:auto;margin:0;overflow:hidden;border:7px solid #252329;border-radius:34px;background:#f8fce9;box-shadow:0 18px 34px rgba(22,13,36,.23);transform:rotate(7deg)}.app-hero-phone img{display:block;width:100%;height:auto;max-width:100%}.app-hero-orbit{position:absolute;top:26px;right:17px;color:#c6f383;font-size:88px;line-height:1;text-shadow:0 10px 22px rgba(47,24,61,.16);transform:rotate(-20deg)}
@media(max-width:900px){.app-hero-art{width:min(100%,600px);min-height:570px;margin:auto;padding-right:25px}.app-hero-photo{width:82%;height:570px}.app-hero-phone{right:0}.app-hero-orbit{right:0}}
@media(max-width:620px){.app-hero-art{min-height:435px;padding:0}.app-hero-photo{width:83%;height:415px;border-radius:210px 210px 25px 25px}.app-hero-photo span{left:13px;bottom:13px;font-size:8px}.app-hero-phone{right:-3px;bottom:2px;width:145px;border-width:5px;border-radius:25px}.app-hero-orbit{right:0;font-size:55px}}

/* Match the established feature-page FAQ treatment. */
.app-faq{grid-template-columns:.8fr 1.2fr;gap:7%;padding-top:10px;padding-bottom:5px}.app-faq h2{margin:0;color:#2a1935;font-size:clamp(52px,5.4vw,80px);line-height:1.02}.app-faq h2 em{color:#9160be;font-style:normal}.app-faq-list details{padding:0;border-top:1px solid #d9c9e2;border-bottom:0}.app-faq-list details:last-child{border-bottom:1px solid #d9c9e2}.app-faq-list summary{position:relative;cursor:pointer;list-style:none;padding:22px 38px 22px 0;color:#302139;font-size:18px;font-weight:800;letter-spacing:-.02em}.app-faq-list summary::-webkit-details-marker{display:none}.app-faq-list summary:after{content:"+";position:absolute;right:4px;color:#8044a6;font-size:24px;font-weight:400}.app-faq-list details[open] summary:after{content:"−"}.app-faq-list details p{margin:0;padding:0 26px 23px 0;color:#615a65;font-size:15px;line-height:1.65}
@media(max-width:900px){.app-faq{gap:24px}}
@media(max-width:620px){.app-faq{padding-top:0;padding-bottom:0}.app-faq h2{font-size:clamp(47px,12vw,67px)}.app-faq-list summary{font-size:16px}}