.nav-links a[aria-current="page"]{color:#f1d58f}
.app-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6%;min-height:740px;padding-block:90px 95px;overflow:hidden}
.app-hero h1{font-size:clamp(46px,5.7vw,82px);letter-spacing:-3.5px;line-height:1.1;max-width:660px}
.app-hero h1 em{display:block;font-family:Cinzel;font-size:.7em;line-height:1.3;letter-spacing:-2px;white-space:normal}
.app-lead{color:var(--soft);font-size:19px;line-height:1.8;max-width:590px;margin:30px 0}
.app-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.app-hero .google-play-badge,.app-closing .google-play-badge{display:inline-block;width:206px;flex:none}
.app-inline-link{color:#e8cc8b;text-decoration:none;font-size:15px;font-weight:600;border-bottom:1px solid #d4af3770;padding-bottom:5px;white-space:nowrap}
.app-inline-link:hover{color:#fff0be;border-color:#fff0be}
.app-hero-art{height:590px;position:relative;isolation:isolate}
.app-hero-orbit{position:absolute;inset:3% 0 0 0;border:1px solid #d4af373b;border-radius:50%;background:radial-gradient(ellipse,#50317270 0,#311c4a45 40%,transparent 71%);z-index:-1}
.app-hero-orbit:after{content:"";position:absolute;inset:10%;border:1px solid #d4af3726;border-radius:50%}
.app-hero-art .app-screen{position:absolute;box-shadow:0 30px 70px #000a;border:5px solid #422a55;border-radius:25px;object-fit:cover;aspect-ratio:720/1561;height:510px;width:auto;top:30px}
.app-hero-art .app-hero-main{left:13%;z-index:2;transform:rotate(-7deg)}
.app-hero-art .app-hero-side{right:7%;top:85px;height:450px;transform:rotate(9deg)}
.app-hero-seal{position:absolute;right:6%;bottom:0;display:flex;align-items:center;gap:12px;background:#1e132b;border:1px solid var(--line);padding:12px 18px;border-radius:16px;box-shadow:0 20px 40px #0008;z-index:3;font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:#e6d1a0}
.app-hero-seal img{width:38px;height:38px;border-radius:9px}
.app-index{border-block:1px solid var(--line);background:#1b1027}
.app-index .wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-block:19px}
.app-index span:first-child{margin-right:auto;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#bdaecb}
.app-index a{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border:1px solid #d4af3742;border-radius:40px;text-decoration:none;font-size:13px;color:#e8d8ee;transition:background .2s,border-color .2s}
.app-index a:hover{background:#4b2b61;border-color:#d4af37}
.app-index a span{font-size:12px;color:var(--gold)}
.app-intro{padding-block:105px 45px;text-align:center}
.app-intro .eyebrow{margin-bottom:18px}
.app-intro h2{margin:0 auto 17px;max-width:750px}
.app-intro>p:last-child{color:var(--soft);max-width:650px;margin:0 auto;font-size:18px}
.app-feature{min-height:570px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding-block:65px;border-bottom:1px solid #d4af3725;scroll-margin-top:60px}
.app-feature-reverse .app-feature-art{order:2}
.app-feature-art{height:480px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.app-screen-halo{position:absolute;width:min(100%,430px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#5b39765f,#3c24564d 46%,transparent 70%);border:1px solid #d4af372e;z-index:-1}
.app-feature-art .app-screen{height:450px;width:auto;max-width:45%;object-fit:cover;border:4px solid #503766;border-radius:24px;box-shadow:0 25px 55px #0009;transform:rotate(-4deg)}
.app-feature-art .app-screen-secondary{height:390px;position:absolute;left:55%;top:45px;transform:rotate(8deg);z-index:-1}
.app-feature-copy{max-width:550px}
.app-feature-copy .eyebrow{margin-bottom:18px}
.app-feature-copy h2{font-size:clamp(34px,3.3vw,50px);line-height:1.19;margin-bottom:23px}
.app-feature-copy>p:not(.eyebrow){color:var(--soft);line-height:1.85;margin-bottom:25px}
.app-points{list-style:none;padding:0;margin:0 0 31px;display:grid;gap:12px}
.app-points li{position:relative;padding-left:25px;font-size:15px;line-height:1.6}
.app-points li:before{content:'✦';position:absolute;left:0;top:1px;color:var(--gold);font-size:11px}
.app-more{margin-top:80px;padding-block:100px 115px;background:#eee8df;color:#281832}
.app-more .eyebrow{color:#866532}
.app-more-heading{max-width:710px}
.app-more-heading>p:last-child{color:#685774;font-size:18px}
.app-extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-top:45px}
.app-extra{min-width:0;border:1px solid #70538236;border-radius:18px;background:#f8f4ed;overflow:hidden}
.app-extra-art{height:170px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#5b3878,#20142e);display:flex;align-items:center;justify-content:center;color:#ddc17d;font-family:Cinzel;font-size:72px}
.app-extra-art:after{content:'';position:absolute;width:150px;height:150px;border:1px solid #d4af3760;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.app-extra-art img{position:absolute;z-index:1;height:195px;width:auto;max-width:none;left:50%;top:14px;transform:translateX(-50%) rotate(6deg);border:2px solid #dfcba8;border-radius:12px;object-fit:cover;box-shadow:0 15px 30px #0009}
.app-extra-copy{padding:25px}
.app-extra h3{font-size:23px;font-weight:400;line-height:1.3;margin:0 0 10px}
.app-extra p{font-size:14px;line-height:1.75;color:#6d5b76;margin:0}
.app-access{padding-block:105px}
.app-access h2{max-width:720px}
.app-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.app-access article{padding:38px;border:1px solid var(--line);border-radius:20px;background:#1d122b}
.app-access article>span{font-family:Cinzel;color:var(--gold);font-size:14px}
.app-access h3{font-size:26px;font-weight:400;margin:20px 0 10px}
.app-access article p{color:var(--soft);line-height:1.8;margin:0}
.app-closing{text-align:center;padding-block:95px 100px;background:radial-gradient(ellipse at 50% 0,#51306b,#241334 55%,#160c20);border-top:1px solid var(--line)}
.app-closing .wrap{display:flex;flex-direction:column;align-items:center}
.app-closing img:first-child{border-radius:17px;margin-bottom:20px}
.app-closing .eyebrow{margin:10px 0 17px}
.app-closing h2{font-family:Cinzel;font-size:clamp(34px,4.5vw,60px);letter-spacing:-1px}
.app-closing p:not(.eyebrow):not(.availability){color:var(--soft);margin:0 0 27px}
.app-closing .availability{margin:9px 0 25px}
.app-closing small{font-size:12px;color:#ab9bb7;max-width:560px}
@media(max-width:950px){.app-hero{min-height:auto;gap:0}.app-hero-art{height:470px}.app-hero-art .app-screen{height:400px}.app-hero-art .app-hero-side{height:350px}.app-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.app-hero{display:flex;flex-direction:column;align-items:stretch;padding-block:58px 45px}.app-hero h1{font-size:clamp(42px,11vw,62px)}.app-hero h1 em{font-size:.7em}.app-lead{font-size:17px}.app-hero-art{width:100%;height:470px;margin-top:20px}.app-hero-art .app-screen{height:385px;top:35px}.app-hero-art .app-hero-side{height:335px;top:78px}.app-hero-seal{bottom:6px}.app-index .wrap{gap:9px}.app-index span:first-child{flex-basis:100%}.app-index a{font-size:12px;padding:6px 12px}.app-intro{padding-block:70px 15px}.app-feature{display:flex;flex-direction:column;gap:10px;padding-block:45px 65px}.app-feature-reverse .app-feature-art{order:0}.app-feature-art{width:100%;height:380px}.app-feature-art .app-screen{height:355px}.app-feature-art .app-screen-secondary{height:310px;top:25px}.app-feature-copy{width:100%}.app-more{margin-top:35px;padding-block:75px}.app-access{padding-block:75px}.app-access-grid{grid-template-columns:1fr}.app-closing{padding-block:75px}}
@media(max-width:480px){.app-hero-art{height:390px}.app-hero-art .app-screen{height:320px}.app-hero-art .app-hero-side{height:285px}.app-hero-seal{right:0;padding:9px 12px}.app-feature-art{height:335px}.app-feature-art .app-screen{height:310px}.app-feature-art .app-screen-secondary{height:270px}.app-extra-grid{grid-template-columns:1fr}.app-access article{padding:26px}}
@media(prefers-reduced-motion:reduce){.app-index a,.app-inline-link{transition:none}}
