:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#211018;--muted:#75616a;--paper:#fffdfb;--rose:#ec2f79;--rose-dark:#a70f46;--wine:#381125;--violet:#6d3dd8;--peach:#ffb36b;--green:#20bd67;--mint:#dff8e9;--line:#3811251a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:linear-gradient(135deg,#fff8f2 0%,#ffe5ef 43%,#e8f8ee 100%);margin:0}a{color:inherit;text-decoration:none}.landing-shell{place-items:center;min-height:100svh;padding:18px;display:grid}.phone-frame{isolation:isolate;background:linear-gradient(180deg, #ffffffe6, #fff8f2fa), var(--paper);border:10px solid #1d0c13;border-radius:44px;grid-template-rows:auto auto auto auto auto auto auto;gap:12px;width:min(100%,430px);min-height:min(860px,100svh - 36px);padding:14px;animation:.52s cubic-bezier(.2,.8,.2,1) both phoneEnter;display:grid;position:relative;overflow:hidden;box-shadow:0 42px 90px #38112542,inset 0 0 0 1px #ffffffb3}.phone-frame:before{content:"";z-index:2;background:#1d0c13;border-radius:0 0 18px 18px;width:96px;height:28px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.status-bar{z-index:3;color:#211018b8;justify-content:space-between;align-items:center;min-height:34px;padding:0 8px;font-size:.78rem;font-weight:800;display:flex;position:relative}.status-icons{color:var(--wine);letter-spacing:2px;font-size:.58rem}.group-header{border:1px solid var(--line);background:#ffffffd1;border-radius:24px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid;box-shadow:0 18px 38px #38112514}.group-avatar{aspect-ratio:1;background:linear-gradient(135deg, #ffffff38, transparent 42%), linear-gradient(135deg, var(--rose), var(--violet));color:#fff;border-radius:18px;place-items:center;width:48px;font-weight:950;animation:.68s cubic-bezier(.2,.8,.2,1) .11s both softPop;display:grid;box-shadow:0 12px 26px #ec2f7942}.group-header p,.group-header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-header p{color:var(--muted);margin:0 0 2px;font-size:.74rem;font-weight:850}.group-header strong{font-size:1rem;display:block}.online-badge{background:var(--mint);color:#087d3e;border-radius:999px;grid-template-columns:auto auto;align-items:center;gap:5px;padding:7px 10px;font-size:.72rem;font-weight:900;animation:2.8s ease-in-out infinite onlinePulse;display:grid;box-shadow:0 0 #20bd6757}.badge-icon{width:14px;height:14px}.hero-panel{background:linear-gradient(145deg, #ffffff29, transparent 45%), linear-gradient(135deg, var(--wine), #6b184d 45%, var(--rose) 78%, var(--peach));color:#fff;border-radius:30px;min-height:254px;padding:23px 20px 18px;position:relative;overflow:hidden}.hero-panel:before{content:"";background:linear-gradient(115deg,#0000 0 22%,#ffffff24 36%,#0000 48% 100%);animation:5.8s ease-in-out infinite panelSheen;position:absolute;inset:0;transform:translate(-72%)}.beauty-visual{opacity:.95;width:224px;height:206px;animation:4.8s ease-in-out infinite beautyFloat;position:absolute;inset:auto -20px -34px auto}.beauty-item{position:absolute;box-shadow:0 28px 38px #21101838}.bottle{background:linear-gradient(90deg,#ffffff6b,#0000 34%),linear-gradient(#ffd9bf,#ff7d7f 54%,#b41154);border-radius:23px 23px 30px 30px;width:58px;height:132px;bottom:4px;right:106px;transform:rotate(-16deg)}.bottle:before{content:"";background:#fff0d8;border-radius:9px 9px 3px 3px;width:22px;height:26px;position:absolute;top:-22px;left:18px}.lipstick{background:linear-gradient(90deg,#ffffff61,#0000 32%),linear-gradient(#ff94c0,#ec2f79 48%,#80103c);border-radius:23px 23px 18px 18px;width:46px;height:148px;bottom:-2px;right:42px;transform:rotate(12deg)}.compact{background:linear-gradient(135deg,#ffffff80,#0000 38%),linear-gradient(135deg,#ffe9b7,#ffb36b 55%,#d44d73);border-radius:50%;width:74px;height:74px;bottom:34px;right:5px}.shine{background:#ffffffa8;border-radius:999px;position:absolute;transform:rotate(17deg)}.shine-one{width:8px;height:56px;bottom:108px;right:68px}.shine-two{width:7px;height:42px;bottom:80px;right:154px}.eyebrow{z-index:1;color:#ffe5ee;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.74rem;font-weight:950;position:relative}h1{z-index:1;letter-spacing:0;max-width:8.6ch;margin:0;font-size:clamp(2.34rem,10.8vw,3.18rem);line-height:.92;position:relative}.hero-copy{z-index:1;color:#ffffffd1;max-width:250px;margin:14px 0 0;font-size:.94rem;line-height:1.46;position:relative}.category-row{z-index:1;flex-wrap:wrap;gap:7px;max-width:260px;margin-top:16px;display:flex;position:relative}.category-row span{color:#ffffffe0;background:#ffffff21;border:1px solid #ffffff38;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:900}.chat-stack{align-content:center;gap:9px;display:grid}.message{width:fit-content;max-width:88%;color:var(--ink);border-radius:18px;padding:12px 14px;font-size:.9rem;font-weight:780;line-height:1.35;animation:.52s cubic-bezier(.2,.8,.2,1) both messageIn;box-shadow:0 12px 28px #38112514}.message span{color:var(--rose);text-transform:uppercase;margin-bottom:3px;font-size:.68rem;font-weight:950;display:block}.bubble-left{background:#fff;border-bottom-left-radius:7px;justify-self:start}.bubble-right{background:#dbf9e6;border-bottom-right-radius:7px;justify-self:end;animation-delay:90ms}.proof-strip{border:1px solid var(--line);background:#ffffffc7;border-radius:22px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.proof-strip div{text-align:center;gap:2px;padding:12px 8px;display:grid}.proof-strip div+div{border-left:1px solid var(--line)}.proof-strip strong{color:var(--rose-dark);font-size:1.08rem;line-height:1}.proof-strip span{color:var(--muted);font-size:.7rem;font-weight:850}.primary-cta{background:linear-gradient(135deg, #25d366, #16a34a), var(--green);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:60px;font-size:1rem;font-weight:950;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 42px #18aa5552,inset 0 1px #ffffff57}.primary-cta:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:36%;animation:3.8s ease-in-out infinite ctaSweep;position:absolute;inset:-40% auto -40% -30%;transform:skew(-18deg)}.primary-cta:hover{transform:translateY(-2px);box-shadow:0 24px 50px #18aa556b,inset 0 1px #fff6}.primary-cta span{aspect-ratio:1;background:#ffffff2e;border-radius:50%;place-items:center;width:34px;display:grid;position:relative}.cta-brand-icon{width:22px;height:22px;position:relative}.fine-print{max-width:300px;color:var(--muted);text-align:center;margin:0 auto 2px;font-size:.78rem;font-weight:800;line-height:1.35}@keyframes phoneEnter{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes softPop{0%{transform:scale(.88)}to{transform:scale(1)}}@keyframes onlinePulse{70%{box-shadow:0 0 0 9px #20bd6700}to{box-shadow:0 0 #20bd6700}}@keyframes panelSheen{0%,42%{transform:translate(-72%)}72%,to{transform:translate(72%)}}@keyframes beautyFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(1.5deg)}}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ctaSweep{0%,48%{left:-30%}78%,to{left:108%}}@media (max-width:520px){.landing-shell{background:var(--paper);padding:0;display:block}.phone-frame{width:100%;min-height:100svh;box-shadow:none;border:0;border-radius:0;gap:11px}.phone-frame:before,.status-bar{display:none}h1{font-size:clamp(2.16rem,10.2vw,2.82rem)}.hero-panel{min-height:242px;padding:20px}.beauty-visual{bottom:-44px;right:-42px;transform:scale(.92)}}@media (max-height:760px) and (max-width:520px){.phone-frame{gap:9px;padding:10px 12px}.group-header{padding:10px}.hero-panel{min-height:228px;padding:20px 18px}h1{font-size:clamp(2rem,9.7vw,2.56rem)}.hero-copy{max-width:220px;margin-top:10px}.category-row{margin-top:12px}.message{padding:10px 12px;font-size:.84rem}.proof-strip div{padding-block:10px}.primary-cta{min-height:56px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
