:root{--app-bg:#080b10;--app-card:#0d131b;--app-line:rgba(255,255,255,.09);--app-gold:#e4b65b;--app-green:#51c494;--app-soft:#aab4c2}
.app-hero,.app-personal,.app-cta,.app-policy{background:rgba(8,12,18,.88);border:1px solid var(--app-line);border-radius:24px;box-shadow:0 28px 70px rgba(0,0,0,.28)}
.app-hero{padding:clamp(28px,5vw,72px);overflow:hidden;position:relative}.app-hero:before{content:"";position:absolute;inset:-20% auto auto 54%;width:380px;height:380px;border-radius:50%;background:rgba(228,182,91,.09);filter:blur(80px);pointer-events:none}
.app-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(228,182,91,.3);border-radius:999px;background:rgba(228,182,91,.08);color:var(--app-gold);font-weight:800;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}
.app-hero h1{max-width:720px;margin:20px 0 16px;color:#fff;font-size:clamp(2.6rem,7vw,5.5rem);line-height:.96;letter-spacing:-.055em;font-weight:900}.app-lead{max-width:680px;color:#c1cad6;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.7}
.app-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.play-button{display:inline-flex;align-items:center;gap:13px;min-height:62px;padding:10px 20px;border-radius:15px;background:#f4f6f8;color:#071018;text-decoration:none;box-shadow:0 12px 32px rgba(0,0,0,.28);transition:.2s ease}.play-button:hover{color:#071018;transform:translateY(-2px)}.play-button i{font-size:1.8rem}.play-button span{display:flex;flex-direction:column;line-height:1.05}.play-button small{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.play-button strong{font-size:1.08rem}.play-button.compact{min-width:190px}.app-secondary{padding:17px 21px;border:1px solid var(--app-line);border-radius:15px;color:#fff;text-decoration:none;font-weight:800}.app-secondary:hover{color:var(--app-gold);border-color:rgba(228,182,91,.35)}
.app-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:var(--app-soft);font-size:.92rem}.app-trust i{color:var(--app-green);margin-right:5px}
.phone-shell{max-width:330px;margin:auto;padding:9px;border:1px solid rgba(255,255,255,.15);border-radius:38px;background:#020407;box-shadow:0 30px 60px rgba(0,0,0,.48);transform:rotate(2deg)}.phone-top{height:22px;display:grid;place-items:center}.phone-top span{width:70px;height:5px;border-radius:99px;background:#20252c}.phone-screen{min-height:550px;padding:18px 14px;border-radius:29px;background:#070a0e}.phone-brand{display:flex;align-items:center;gap:9px;color:#fff;font-weight:800}.phone-brand img{border-radius:10px}.phone-brand span{display:flex;flex-direction:column}.phone-brand small{font-size:.66rem;color:#75808d;font-weight:500}.phone-card{margin-top:15px;padding:15px;border:1px solid var(--app-line);border-radius:14px;background:#0d131a;color:#fff}.phone-card small{display:block;color:var(--app-gold);font-weight:900;font-size:.68rem}.phone-card strong{display:block;font-size:1.35rem}.phone-card span{color:#8f9aa8;font-size:.78rem}.phone-highlight{background:rgba(228,182,91,.075)}.phone-score{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-top:12px;font-size:.77rem}.phone-score span:last-child{text-align:right}.phone-score b{font-size:1.1rem}.phone-list{margin-top:15px;border:1px solid var(--app-line);border-radius:14px;overflow:hidden}.phone-list span{display:grid;grid-template-columns:24px 1fr auto;padding:12px;color:#dbe1e8;border-bottom:1px solid var(--app-line);font-size:.78rem}.phone-list span:last-child{border-bottom:0}.phone-list b{color:var(--app-gold)}.phone-list strong{color:#fff}
.app-section{padding:clamp(42px,7vw,80px) 0}.app-heading{max-width:760px;margin:0 auto 28px;text-align:center}.app-heading>span{color:var(--app-gold);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.app-heading h2,.app-personal h2,.app-cta h2{color:#fff;font-weight:900;letter-spacing:-.035em}.app-heading h2{font-size:clamp(2rem,4vw,3.2rem);margin:10px 0}.app-heading p,.app-personal p{color:var(--app-soft);line-height:1.7}.feature-card{height:100%;padding:24px;border:1px solid var(--app-line);border-radius:18px;background:rgba(13,19,27,.9)}.feature-card i{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:rgba(228,182,91,.1);color:var(--app-gold);font-size:1.15rem}.feature-card h3{margin:18px 0 8px;color:#fff;font-size:1.08rem;font-weight:900}.feature-card p{margin:0;color:#929eac;line-height:1.65;font-size:.92rem}
.app-personal{padding:clamp(28px,5vw,56px);margin-bottom:30px}.app-personal h2{margin:18px 0 12px;font-size:clamp(2rem,4vw,3rem)}.preference-demo{display:flex;flex-wrap:wrap;gap:10px;padding:20px;border:1px solid var(--app-line);border-radius:18px;background:#090d13}.preference-demo span{padding:11px 14px;border:1px solid var(--app-line);border-radius:12px;color:#8994a1;background:#0d131a}.preference-demo span.active{color:#fff;border-color:rgba(81,196,148,.38);background:rgba(81,196,148,.08)}.preference-demo span.active i{color:var(--app-green)}
.app-cta{display:flex;align-items:center;gap:18px;padding:24px 28px}.app-cta img{border-radius:18px}.app-cta div{flex:1}.app-cta span{color:var(--app-gold);font-size:.78rem;font-weight:900;text-transform:uppercase}.app-cta h2{font-size:1.5rem;margin:3px 0}.app-legal{text-align:center;color:#7f8b99;margin:22px 0}.app-legal a{color:#bec8d4}
.app-policy{max-width:920px;margin:0 auto;padding:clamp(24px,5vw,60px);color:#c1cad5;line-height:1.75}.app-policy header{padding-bottom:24px;border-bottom:1px solid var(--app-line)}.app-policy h1{color:#fff;font-weight:900;letter-spacing:-.04em;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;margin:18px 0}.app-policy header p{font-size:1.08rem}.app-policy nav{display:flex;gap:9px;margin-top:18px}.app-policy nav a{padding:7px 13px;border:1px solid var(--app-line);border-radius:99px;color:#fff;text-decoration:none}.app-policy section{scroll-margin-top:20px}.app-policy h2{color:#fff;font-size:1.25rem;font-weight:900;margin:30px 0 8px}.app-policy li{margin-bottom:8px}.app-policy a{color:var(--app-gold)}.app-policy hr{border-color:var(--app-line);margin:48px 0;opacity:1}
@media(max-width:767.98px){.app-hero{border-radius:18px}.phone-shell{margin-top:10px;transform:none}.app-cta{align-items:flex-start;flex-wrap:wrap}.app-cta .play-button{width:100%;justify-content:center}.app-policy{border-radius:18px}.app-hero h1{font-size:3rem}}