@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#261c2d;--muted:#766e79;--cream:#fbf7f0;--line:#e9e1d8;--purple:#7041d7;--pink:#ec5ba8;--yellow:#ffd24d;--night:#33205f;--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:clip}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1120px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;top:-70px;left:16px;z-index:100;padding:10px 16px;border-radius:10px;background:#fff}.skip-link:focus{top:16px}
.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;padding:18px 0;color:#fff;transition:.25s}.site-header.scrolled{padding:10px 0;background:rgba(43,25,81,.88);backdrop-filter:blur(16px)}.nav-wrap{display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:18px;font-weight:800}.brand img{width:42px;height:42px;border-radius:12px}.nav-wrap nav{display:flex;gap:28px;margin-left:auto}.nav-wrap nav a{color:rgba(255,255,255,.7);font-size:13px;font-weight:600}.nav-wrap nav a:hover{color:#fff}.nav-cta{padding:11px 16px;border:1px solid rgba(255,255,255,.25);border-radius:12px;font-size:13px;font-weight:700;background:rgba(255,255,255,.1)}
.hero{min-height:850px;padding:140px 0 90px;color:#fff;background:radial-gradient(circle at 78% 22%,rgba(235,91,169,.65),transparent 30%),linear-gradient(135deg,#2a1454,#6840b8 62%,#a13f8f);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:90px;min-height:620px}.eyebrow{display:block;margin-bottom:18px;color:rgba(255,255,255,.63);font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}.eyebrow.dark{color:var(--purple)}.hero h1,.section h2,.download h2{margin:0;font-family:var(--display);font-size:clamp(58px,7vw,92px);font-weight:800;line-height:.95;letter-spacing:-5px}.hero h1 em{color:var(--yellow);font-style:normal}.hero-copy>p{max-width:530px;margin:25px 0 31px;color:rgba(255,255,255,.7);font-size:18px;line-height:1.7}.play-badge{display:inline-flex;align-items:center;gap:12px;padding:10px 18px 10px 14px;border-radius:15px;color:#fff;background:#151419;box-shadow:0 14px 28px rgba(15,6,29,.25);transition:.25s}.play-badge:hover{transform:translateY(-3px)}.play-badge svg{width:31px;height:34px}.play-badge span{display:flex;flex-direction:column}.play-badge small{font-size:9px;letter-spacing:.8px}.play-badge strong{font-size:20px;line-height:1.15}.hero-meta{display:flex;gap:22px;margin-top:28px;color:rgba(255,255,255,.5);font-size:11px}.hero-visual{position:relative;display:grid;place-items:center;min-height:650px}.hero-visual:before{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.15);border-radius:50%}.phone{position:relative;z-index:2;width:300px;border:10px solid #17131d;border-radius:46px;background:#17131d;box-shadow:0 40px 75px rgba(20,6,39,.4);overflow:hidden;rotate:4deg}.phone:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:34px}.speaker{position:absolute;z-index:3;top:9px;left:50%;translate:-50%;width:74px;height:20px;border-radius:20px;background:#17131d}.match-note{position:absolute;z-index:4;right:0;bottom:130px;display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:15px;color:var(--ink);background:#fff;box-shadow:0 18px 35px rgba(25,8,48,.22);font-size:12px;font-weight:700}.match-note b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:var(--pink)}
.section{padding:110px 0}.section-heading{max-width:650px;margin-bottom:52px}.section h2,.download h2{font-size:clamp(44px,5vw,65px);letter-spacing:-3.5px}.section-heading>p{margin:18px 0 0;color:var(--muted);font-size:16px;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article{position:relative;padding:29px;border:1px solid var(--line);border-radius:22px;background:#fff}.steps article>span{position:absolute;top:25px;right:25px;color:#b4aab7;font-size:10px;font-weight:700}.step-icon{display:flex;align-items:center;justify-content:center;gap:2px;width:64px;height:64px;margin-bottom:28px;border-radius:18px}.step-icon.purple{background:#e5dafe}.step-icon.pink{background:#f8dbea}.step-icon.yellow{color:#755619;background:#f9e8a6;font-size:25px;font-weight:800}.step-icon i{position:relative;width:22px;height:22px;border:4px solid rgba(255,255,255,.8);border-radius:50%;background:var(--purple);box-shadow:inset 0 -3px rgba(0,0,0,.14)}.step-icon i:before,.step-icon i:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:3px;translate:-50% -50%;border-radius:2px;background:#49298b}.step-icon i:after{rotate:90deg}.pink i{width:17px;height:17px;border-width:3px;background:var(--pink)}.steps h3{margin:0 0 9px;font-family:var(--display);font-size:20px}.steps p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.feature{color:#fff;background:var(--night)}.feature-grid{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:110px}.feature-phone{display:grid;place-items:center}.feature-phone .phone{width:285px;rotate:-4deg}.feature-copy h2{margin-bottom:24px}.feature-copy>p{max-width:520px;color:rgba(255,255,255,.6);font-size:16px;line-height:1.7}.feature-copy ul{display:grid;gap:14px;margin:31px 0 0;padding:0;list-style:none}.feature-copy li{position:relative;padding-left:28px;color:rgba(255,255,255,.75);font-size:14px}.feature-copy li:before{content:"✓";position:absolute;left:0;color:var(--yellow);font-weight:800}
.gallery{background:#f4ede3;overflow:hidden}.gallery-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.controls{display:flex;gap:8px}.controls button{width:43px;height:43px;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer}.controls button:hover{color:#fff;background:var(--purple)}.gallery-track{display:flex;gap:20px;padding:12px max(24px,calc((100% - 1120px)/2)) 25px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.gallery-track::-webkit-scrollbar{display:none}.gallery-track figure{flex:0 0 255px;margin:0;padding:8px;border-radius:34px;background:#17131c;box-shadow:0 18px 40px rgba(48,29,60,.13);scroll-snap-align:start}.gallery-track img{width:100%;border-radius:26px}.download{padding:85px 0 105px}.download-card{display:grid;grid-template-columns:1fr 260px;align-items:center;gap:50px;min-height:380px;padding:65px 75px;border-radius:32px;color:#fff;background:linear-gradient(130deg,#3b2171,#8144c2)}.download h2{margin-bottom:15px}.download p{margin:0 0 26px;color:rgba(255,255,255,.62)}.download-card>img{width:230px;border-radius:50px;box-shadow:0 28px 50px rgba(31,12,54,.3);rotate:5deg}footer{padding:0 0 35px}footer>.shell{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer .brand{color:var(--ink);font-size:16px}footer .brand img{width:36px;height:36px}footer p{margin:0}footer>a:last-child{color:var(--purple);font-weight:700}.js .reveal{opacity:0;transform:translateY(20px);transition:.7s var(--ease)}.js .reveal.visible{opacity:1;transform:none}.js .reveal[data-delay="1"]{transition-delay:.1s}.js .reveal[data-delay="2"]{transition-delay:.2s}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr .7fr;gap:30px}.hero h1{font-size:70px}.phone{width:260px}.hero-visual:before{width:390px;height:390px}.feature-grid{gap:45px}.download-card{grid-template-columns:1fr 210px;padding:55px}.download-card>img{width:200px}}
@media(max-width:700px){.shell{width:min(100% - 32px,580px)}.site-header{padding:11px 0}.nav-wrap nav{display:none}.nav-wrap{gap:15px}.nav-cta{margin-left:auto;padding:10px 13px}.hero{min-height:auto;padding:118px 0 80px}.hero-grid{grid-template-columns:1fr;text-align:center}.hero h1{font-size:clamp(55px,16vw,72px);letter-spacing:-4px}.hero-copy>p{font-size:16px}.hero-meta{justify-content:center;flex-wrap:wrap;gap:10px 18px}.hero-visual{min-height:560px;margin-top:20px}.phone{width:min(275px,72vw)}.hero-visual:before{width:390px;height:390px}.match-note{right:1%;bottom:90px}.section{padding:80px 0}.section h2,.download h2{font-size:clamp(41px,12vw,55px);letter-spacing:-3px}.steps{grid-template-columns:1fr}.steps article{min-height:230px}.feature-grid{grid-template-columns:1fr;gap:60px;text-align:center}.feature-copy>p{margin-inline:auto}.feature-copy ul{width:max-content;max-width:100%;margin-inline:auto;text-align:left}.gallery-head{align-items:center}.controls{display:none}.gallery-track{padding-inline:18px}.gallery-track figure{flex-basis:225px}.download{padding:65px 0 80px}.download-card{grid-template-columns:1fr;min-height:620px;padding:48px 25px;text-align:center}.download-card>div{display:flex;flex-direction:column;align-items:center}.download-card>img{width:205px;margin:auto}.download-card .eyebrow{margin-bottom:16px}footer>.shell{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}}