:root{font-family:'DM Sans',system-ui,sans-serif;color:#302737;background:#f7f0fb;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
a{color:inherit;text-decoration:none}
.page-shell{max-width:1600px;margin:auto;overflow:hidden}
.header{height:95px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 clamp(24px,7vw,112px)}
.brand{display:inline-flex;align-items:center;font:900 31px/1 'Nunito',system-ui,sans-serif;letter-spacing:-1.5px;white-space:nowrap}
.brand-mark{display:grid;place-items:center;width:40px;height:40px;margin-right:9px;border-radius:14px;background:#e8c9ee;color:#7d4a8b;font-size:25px;transform:rotate(-13deg)}
.brand-dot{color:#c67aa6}
.nav{display:flex;gap:36px;font-size:14px;font-weight:700;color:#62566a}
.nav a:hover,.footer a:hover{color:#a267b6}
.nav-cta{padding:13px 20px;border:1.5px solid #554360;border-radius:50px;font-size:13px;font-weight:700;white-space:nowrap}
.nav-cta span,.button span{margin-left:14px}
.nav-cta:hover{background:#fff}
.hero{min-height:662px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:32px clamp(24px,7vw,112px) 90px;gap:24px}
.hero-copy{position:relative;z-index:2;padding-bottom:16px}
.eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-size:11px;font-weight:800;color:#9563a7}
.eyebrow-star{font-size:17px;vertical-align:-1px;margin-right:8px}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:'Nunito',system-ui,sans-serif;letter-spacing:-.065em}
h1{max-width:720px;font-size:clamp(53px,5.7vw,88px);line-height:1.07;margin:26px 0}
h1 em,h2 em{font-style:normal;color:#b074c2}
.hero-copy p{max-width:500px;color:#74667c;font-size:17px;line-height:1.85}
.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;padding:18px 27px;font-size:14px;font-weight:800;white-space:nowrap}
.button-primary{background:#382a42;color:#fff;box-shadow:0 12px 28px #40204f2a}
.button-primary:hover{background:#694875}
.hero-note{color:#9b8ca2;font-size:12px}
.hero-art{position:relative;min-height:570px;display:grid;place-items:center}
.art-orbit{position:absolute;width:min(95%,540px);aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#efd4f1,#e4c5e5 68%,#f4dbe9);box-shadow:inset 0 0 0 22px #ffffff24;transform:translate(18px,2px)}
.avatar-card{position:relative;width:min(76%,400px);aspect-ratio:.84;padding:14px 14px 43px;border-radius:23px;background:#fff;box-shadow:0 24px 65px #694c7833;transform:rotate(7deg)}
.avatar-card img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:13px;background:#efc9ed}
.avatar-sticker{position:absolute;bottom:10px;left:0;right:0;text-align:center;font:800 16px 'Nunito',system-ui,sans-serif;color:#795c83}
.floating-card{position:absolute;z-index:2;padding:12px 17px;background:#fff;border-radius:13px;box-shadow:0 12px 30px #674b7921;font-size:12px;font-weight:800;color:#684e71;white-space:nowrap}
.floating-card-top{top:18%;left:-4%;transform:rotate(-8deg)}
.floating-card-bottom{bottom:16%;right:-1%;transform:rotate(8deg)}
.swatch{display:inline-block;width:11px;height:11px;margin-right:8px;background:#e79ac4;border-radius:50%}
.sparkle{position:absolute;z-index:2;color:#b47ac0}.sparkle-one{top:6%;right:11%;font-size:37px}.sparkle-two{bottom:10%;left:10%;font-size:44px}
.features{background:#fffafc;padding:92px clamp(24px,7vw,112px) 105px}
.section-heading{text-align:center}.section-heading h2{font-size:clamp(37px,4vw,58px);line-height:1.15;margin:17px 0 45px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
.feature-card{min-height:238px;padding:31px;border-radius:25px}
.feature-card-lilac{background:#f0e8f7}.feature-card-pink{background:#fce8f1}.feature-card-peach{background:#fff0e9}
.feature-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:25px;border-radius:14px;background:#fff9;color:#ac6bb4;font-size:25px}
.feature-card h3{font:900 21px 'Nunito',system-ui,sans-serif;margin-bottom:10px}.feature-card p{font-size:13px;line-height:1.75;color:#786d7f;margin-bottom:0}
.how{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:475px;padding:65px clamp(24px,7vw,112px);gap:40px}
.how h2{font-size:clamp(40px,4.5vw,68px);line-height:1.12;margin:18px 0}.how p{max-width:480px;color:#74667c;font-size:15px;line-height:1.85}
.coming-soon{display:inline-block;margin-top:14px;padding:12px 19px;border-radius:50px;background:#ead8f2;color:#704e7d;font-size:13px;font-weight:800}
.how-illustration{position:relative;height:340px;display:grid;place-items:center;background:#ead7f0;border-radius:55% 45% 50% 48%;transform:rotate(-5deg)}
.mini-avatar{width:220px;height:220px;padding:9px;border-radius:50%;background:#fff;box-shadow:0 17px 35px #63447436;transform:rotate(5deg)}.mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.how-heart{position:absolute;right:14%;top:9%;color:#d88dab;font-size:45px}.how-caption{position:absolute;bottom:20px;right:4%;padding:11px 17px;background:#fff;border-radius:50px;font:800 13px 'Nunito',system-ui,sans-serif;color:#74567d;transform:rotate(9deg)}
.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #e5d7e9;padding:30px clamp(24px,7vw,112px);color:#9b8ca2;font-size:12px}.footer .brand{font-size:24px;color:#302737}.footer .brand-mark{width:31px;height:31px;font-size:19px;border-radius:10px}
@media(max-width:900px){.nav{display:none}.hero{grid-template-columns:1fr;min-height:0;padding-top:45px}.hero-art{min-height:510px}.floating-card-top{left:9%}.floating-card-bottom{right:8%}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0}.how{grid-template-columns:1fr}.how-illustration{max-width:520px;width:100%;margin:auto}}
@media(max-width:560px){.header{height:75px}.brand{font-size:26px}.nav-cta{font-size:11px;padding:10px 13px}.nav-cta span{margin-left:4px}.hero{padding-bottom:55px}.hero-copy p{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.hero-art{min-height:370px}.art-orbit{width:330px;max-width:95%}.avatar-card{width:70%;max-width:250px;padding:9px 9px 30px}.avatar-sticker{font-size:12px}.floating-card{font-size:9px;padding:8px 10px}.floating-card-top{top:12%;left:0}.floating-card-bottom{bottom:9%;right:0}.features{padding-top:65px;padding-bottom:70px}.how{padding-top:65px;padding-bottom:80px}.how-illustration{height:280px}.mini-avatar{width:180px;height:180px}.footer{flex-wrap:wrap}.footer span:last-child{width:100%}}