*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;min-height:100%;overflow-x:hidden}
body{min-width:320px;min-height:100svh;background:#10091b;color:#fff;font-family:Manrope,"Avenir Next",Arial,sans-serif;line-height:1.35}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.landing-page{min-height:100svh;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;background:linear-gradient(160deg,#130a20 0%,#0c0918 55%,#0d0a1d 100%)}
.landing-container{position:relative;isolation:isolate;overflow:hidden;flex:none;width:min(100vw,66.666667svh,1024px);aspect-ratio:2/3;container-type:inline-size;background:radial-gradient(ellipse 66% 34% at 0% 21%,rgba(80,30,102,.52),transparent 100%),radial-gradient(ellipse 64% 36% at 100% 19%,rgba(43,42,103,.48),transparent 100%),radial-gradient(ellipse 76% 44% at 50% 49%,rgba(53,22,72,.3),transparent 100%),linear-gradient(160deg,#160b25 0%,#130a20 42%,#0e0a1c 72%,#0d0b20 100%)}
.site-header{position:absolute;z-index:5;left:4.9%;right:4.6%;top:1.8%;height:5.8%;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:1.6cqw;color:#fff;font-size:4.2cqw;font-weight:800;letter-spacing:-.045em;white-space:nowrap}
.brand-mark{position:relative;display:grid;place-items:center;width:8.1cqw;height:8.1cqw;border-radius:50%;background:radial-gradient(circle at 38% 34%,#ffacd9 0%,#df5be4 36%,#7547f4 75%,#5530a7 100%);box-shadow:0 0 2.5cqw #e957ff9c,0 0 5cqw #a149ff60,inset 0 0 .8cqw #fff9;flex:none}
.brand-mark svg{width:100%;height:100%;filter:drop-shadow(0 .25cqw .55cqw #6532ae)}
.header-status{display:flex;align-items:center;gap:1.2cqw;padding:.9cqw 2cqw;border:1px solid #9c63cc;border-radius:999px;background:#2617448a;box-shadow:0 0 2cqw #8c45c944;font-size:1.75cqw;font-weight:700;white-space:nowrap}
.status-dot{width:1.6cqw;height:1.6cqw;border-radius:50%;background:#51f21c;box-shadow:0 0 1.3cqw #4cff26}
.status-text{color:#fff;text-transform:none;letter-spacing:0}
.main-content,.hero-showcase{position:absolute;inset:0}
.hero-heading{position:absolute;z-index:4;top:8.9%;left:4%;right:4%;text-align:center}
.hero-title{color:#faf8ff;font-size:7.15cqw;line-height:1.02;letter-spacing:-.025em;font-weight:800;text-wrap:balance}
.hero-title span{display:block}.hero-title-accent{background:linear-gradient(100deg,#a76aff 4%,#c45de9 56%,#fb79c9 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-desc{margin:1.2cqw auto 0;color:#d4c9df;font-size:2.62cqw;line-height:1.25;font-weight:450;letter-spacing:-.018em}
.desktop-break{display:block}
.hero-stage{position:absolute;z-index:1;top:17.8%;left:0;right:0;height:49%;isolation:auto}
.stage-glow{position:absolute;inset:21% 6% 0;border-radius:50%;background:radial-gradient(ellipse,#9b31c74f 0%,#60227a28 43%,transparent 73%);filter:blur(2.2cqw);z-index:0}
.hero-person{position:absolute;bottom:0;width:46%;height:100%;object-fit:cover;border-radius:0;filter:drop-shadow(0 1.5cqw 2.5cqw #0007);mask-image:linear-gradient(to bottom,transparent 0%,#000 4.2%,#000 75%,rgba(0,0,0,.45) 90%,transparent 100%);z-index:0}
.hero-person-left{left:-6.5%;object-position:58% 18%}
.hero-person-right{right:-6.5%;bottom:3.5%;object-position:42% 18%}
.phone-mockup{position:absolute;z-index:2;left:51%;top:18.4%;transform:translateX(-50%);width:35.1%;height:74%;padding:.7cqw;border:.22cqw solid #c991db;border-bottom:0;border-radius:4.5cqw 4.5cqw 0 0;background:linear-gradient(125deg,#292239,#05050b 42%,#171020);box-shadow:0 0 2.2cqw #dd65ff42,0 1.1cqw 3cqw #03020bba;overflow:hidden;mask-image:linear-gradient(to bottom,#000 0%,#000 97.5%,transparent 100%)}
.phone-screen{position:relative;display:flex;flex-direction:column;height:100%;padding:2.5% 2.2% 1.5%;border-radius:3.8cqw 3.8cqw 0 0;background:radial-gradient(ellipse at 14% 25%,#46205e,#130f24 58%,#090913);overflow:hidden;text-align:left}
.phone-status{height:6%;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 3%;font-size:1.12cqw;font-weight:700;position:relative;z-index:2}.phone-status-icons{display:flex;align-items:end;gap:.32cqw}.phone-status-icons i{display:block;width:.42cqw;height:.55cqw;background:#fff;border-radius:.1cqw}.phone-status-icons i:nth-child(2){height:.75cqw}.phone-status-icons i:nth-child(3){height:.95cqw}
.phone-notch{position:absolute;z-index:3;width:16%;height:3.4%;top:0;left:50%;transform:translateX(-50%);border-radius:0 0 1.25cqw 1.25cqw;background:#030308}
.phone-appbar{height:12%;flex:none;display:flex;align-items:center;gap:2%;font-size:1.52cqw}.phone-app-logo{width:12%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ff9bd9,#883cfc);box-shadow:0 0 1.2cqw #dd76ff88}.phone-app-logo svg{width:78%;fill:#f2d8ff}.phone-app-spacer{flex:1}.phone-crown,.phone-avatar{width:9%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#332148;color:#f1d3ff;font-size:1.8cqw}.phone-avatar{background:linear-gradient(135deg,#eed8d1,#8f5e73);border:1px solid #eab9eb}
.phone-people{height:43%;flex:none;display:grid;grid-template-columns:1fr 1fr;gap:2.4%;margin-top:1.4%}.phone-person-card{position:relative;overflow:hidden;border-radius:4cqw;background:#291840}.phone-person-card img{width:100%;height:100%;object-fit:cover;object-position:center 15%}.phone-person-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0a0714ef)}.phone-person-card div{position:absolute;z-index:1;bottom:5%;left:8%;right:3%;display:flex;flex-direction:column;line-height:1.35}.phone-person-card strong{font-size:1.28cqw}.phone-person-card span{font-size:1.08cqw;color:#d7c8e5}
.phone-actions{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2.2%;margin-top:2.2%}.phone-actions div{min-height:0;border-radius:3.6cqw;background:linear-gradient(135deg,#381953,#1f193d);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2%;color:#eee6f8}.phone-actions span{font-size:1.42cqw;line-height:1.1;white-space:nowrap}.phone-actions svg{width:20%;height:36%;overflow:visible}.phone-actions svg path,.phone-actions svg rect,.phone-actions svg circle{stroke:#c18bff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;fill:none}.phone-actions .action-chat path{fill:#c18bff;stroke:none}.phone-actions .action-heart path{fill:#dc53e5;stroke:none}
.features-list{position:absolute;z-index:3;left:6%;right:6%;top:64.1%;height:14.5%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}
.feature-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.05cqw;min-width:0;padding:0 2.2%}
.feature-item+.feature-item:before{content:"";position:absolute;left:0;top:4.7cqw;height:11.5cqw;width:1px;background:linear-gradient(transparent,#68447e 18%,#68447e 82%,transparent)}
.feature-icon{width:7.65cqw;height:7.65cqw;display:grid;place-items:center;border:1px solid #9454c7;border-radius:50%;color:#c18bff;background:radial-gradient(circle at 50% 44%,#542d75,#1b102b 72%);box-shadow:0 0 2cqw #bd44fa52,inset 0 0 1.2cqw #9f57d533}
.feature-icon svg{width:56%;height:56%;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.feature-icon-heart{color:#f16ada}.feature-icon-heart svg{stroke-width:2.2}
.feature-text{width:100%}.feature-text h3{font-size:2.48cqw;line-height:1.13;font-weight:800;letter-spacing:-.035em;color:#faf8ff}.feature-text p{max-width:95%;margin:.35cqw auto 0;font-size:2.02cqw;line-height:1.23;color:#d0c3df}
.noscript-message{position:absolute;top:20%;left:10%;right:10%;text-align:center;font-size:3cqw;color:white}