@font-face{font-family:"Syne";src:url(fonts/syne.woff2) format("woff2");font-weight:600 800;font-display:swap}
@font-face{font-family:"Outfit";src:url(fonts/outfit.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{--bg:#120710;--bg2:#1c0d19;--card:#231220;--line:#3a1d33;--ink:#fdf0f7;--ink2:#e2c9d8;--mute:#b796aa;--pink:#ff4fa3;--pink2:#e0338a;--blush:#ff8cc4;--ok:#4ade80;--r:18px;--h:"Syne",Impact,sans-serif;--t:"Outfit",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17.5px/1.68 var(--t);overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--h);font-weight:800;line-height:1.06;letter-spacing:-.015em;margin:0;text-wrap:balance}
h1{font-size:clamp(34px,6.4vw,62px)}
h2{font-size:clamp(26px,3.8vw,38px)}
h3{font-size:21px}
p{margin:0 0 1em}
.sb-skip{position:absolute;left:-999px;top:8px;z-index:99;background:var(--pink);color:#fff;padding:8px 14px;border-radius:10px}.sb-skip:focus{left:8px}
.sb-in{width:min(1180px,100%);margin:0 auto;padding:0 16px}
@media(min-width:760px){.sb-in{padding:0 28px}}
.sb-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:700 12.5px/1.2 var(--t);letter-spacing:.16em;text-transform:uppercase;color:var(--blush)}
.sb-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(74,222,128,.18)}
.sb-lede{font-size:19.5px;line-height:1.55;color:var(--ink2);max-width:620px;margin:16px 0 24px}
.sb-small{font-size:14px;color:var(--mute);margin:0 0 8px}
.sb-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.sb-link{font-weight:700;color:var(--blush);text-decoration:none}

.sb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border-radius:999px;border:0;background:linear-gradient(135deg,var(--blush),var(--pink));color:#2a0a1f;font:700 16px/1 var(--t);text-decoration:none;cursor:pointer;box-shadow:0 14px 30px -14px var(--pink);transition:transform .18s,filter .18s}
.sb-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.sb-btn--lg{min-height:56px;padding:15px 30px;font-size:17px}
.sb-btn--sm{min-height:38px;padding:8px 16px;font-size:14px;box-shadow:none}
.sb-btn--ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);box-shadow:none}
.sb-btn--wide{display:flex;width:100%}

.sb-bar{position:sticky;top:0;z-index:50;background:rgba(18,7,16,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.sb-bar__in{display:flex;align-items:center;gap:14px;min-height:64px}
.sb-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font:800 19px/1 var(--h);margin-right:auto}
.sb-brand b{color:var(--pink)}
.sb-nav{display:none}
.sb-bar__go{flex:0 0 auto}
.sb-menu{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;cursor:pointer}
.sb-menu i,.sb-menu i::before,.sb-menu i::after{content:"";display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);position:relative}
.sb-menu i::before{position:absolute;top:-6px}.sb-menu i::after{position:absolute;top:6px}
.sb-nav.is-open{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;padding:10px 16px 18px;background:var(--bg2);border-bottom:1px solid var(--line)}
.sb-nav a{padding:11px 12px;border-radius:12px;text-decoration:none;font-weight:600;color:var(--ink2)}
.sb-nav a[aria-current],.sb-nav a:hover{color:var(--ink);background:var(--card)}
@media(min-width:1000px){.sb-nav,.sb-nav.is-open{display:flex;flex-direction:row;position:static;padding:0;background:none;border:0;gap:2px}.sb-menu{display:none}}

.sb-hero{padding:30px 0 20px;background:radial-gradient(800px 420px at 80% 10%,rgba(255,79,163,.22),transparent 70%)}
.sb-hero__in{display:grid;gap:30px;align-items:center}
@media(min-width:960px){.sb-hero__in{grid-template-columns:1.15fr .85fr;padding-top:24px;padding-bottom:24px}}
.sb-phone{display:block;width:min(300px,78vw);justify-self:center;padding:12px;border-radius:44px;background:#05020a;border:2px solid #3b2034;box-shadow:0 40px 80px -36px rgba(255,79,163,.55),0 0 0 8px rgba(255,255,255,.03);text-decoration:none;transform:rotate(2deg)}
.sb-phone__screen{position:relative;display:block;border-radius:32px;overflow:hidden;aspect-ratio:9/17;background:var(--card)}
.sb-phone__screen img{width:100%;height:100%;object-fit:cover}
.sb-phone__tag{position:absolute;top:14px;left:14px;padding:5px 11px;border-radius:999px;background:rgba(18,7,16,.82);font-size:12.5px;font-weight:700;color:var(--blush)}
.sb-phone__title{position:absolute;left:0;right:0;bottom:0;padding:60px 16px 18px;background:linear-gradient(transparent,rgba(5,2,10,.95));font:800 20px/1.1 var(--h)}
.sb-phone__play{position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(255,79,163,.92);box-shadow:0 0 0 10px rgba(255,79,163,.25)}
.sb-phone__play::after{content:"";position:absolute;left:26px;top:20px;border-style:solid;border-width:12px 0 12px 18px;border-color:transparent transparent transparent #fff}

.sb-sec{padding-top:28px;padding-bottom:28px}
.sb-head{margin-bottom:18px}.sb-head p{color:var(--mute);margin:8px 0 0}
.sb-acts{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px;counter-reset:a}
@media(min-width:860px){.sb-acts{grid-template-columns:repeat(3,1fr)}}
.sb-act{position:relative;padding:20px 20px 16px;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}
.sb-act::before{content:"";position:absolute;left:20px;right:20px;top:0;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--blush),var(--pink))}
.sb-act__n{display:block;font:800 13px/1 var(--h);letter-spacing:.12em;text-transform:uppercase;color:var(--pink);margin-bottom:10px}
.sb-act h3{margin-bottom:8px}
.sb-act p{margin:0;color:var(--ink2);font-size:16px}

.sb-top{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.sb-top__row{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start;padding:14px;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}
@media(min-width:760px){.sb-top__row{grid-template-columns:180px 1fr;gap:24px;padding:18px}}
.sb-top__pic{position:relative;display:block;border-radius:14px;overflow:hidden}
.sb-top__pic img{aspect-ratio:3/4;object-fit:cover;width:100%}
.sb-top__n{position:absolute;top:8px;left:8px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blush),var(--pink));color:#2a0a1f;font:800 17px/1 var(--h)}
.sb-top__body h3{font-size:clamp(20px,2.6vw,26px);margin-bottom:6px}.sb-top__body h3 a{text-decoration:none}
.sb-top__body p{color:var(--ink2)}

.sb-strip{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:4px 0 10px;scroll-snap-type:x mandatory}
.sb-strip::-webkit-scrollbar{display:none}
.sb-face{flex:0 0 104px;scroll-snap-align:start;text-align:center;text-decoration:none;font-size:13.5px;font-weight:600}
.sb-face img{width:104px;height:104px;border-radius:50%;object-fit:cover;border:3px solid var(--pink);margin-bottom:8px}

.sb-twins{display:grid;gap:14px}
@media(min-width:760px){.sb-twins{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.sb-twins{grid-template-columns:repeat(3,1fr)}}
.sb-twin{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:start;padding:16px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);scroll-margin-top:80px}
.sb-twin img{width:92px;height:92px;border-radius:50%;object-fit:cover;border:3px solid var(--pink)}
.sb-twin p{color:var(--ink2);font-size:15.5px}

.sb-filter{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:14px}
.sb-filter::-webkit-scrollbar{display:none}
.sb-filter button{flex:0 0 auto;padding:8px 15px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink2);font:600 14px var(--t);cursor:pointer}
.sb-filter button.is-on{background:var(--pink);border-color:var(--pink);color:#2a0a1f}
.sb-cat{display:grid;gap:14px}
@media(min-width:700px){.sb-cat{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.sb-cat{grid-template-columns:repeat(3,1fr)}}
.sb-item{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:12px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);scroll-margin-top:80px}
.sb-item__pic{position:relative;display:block;border-radius:12px;overflow:hidden}
.sb-item__pic img{aspect-ratio:3/4;object-fit:cover;width:100%}
.sb-new{position:absolute;top:6px;left:6px;padding:2px 8px;border-radius:999px;background:var(--pink);color:#2a0a1f;font-size:11px;font-weight:700}
.sb-item h3{font-size:17px;margin-bottom:4px}
.sb-item__rev{font-size:14.5px;line-height:1.5;color:var(--ink2);margin:0}

.sb-pagehead{display:grid;gap:26px;align-items:center;padding-top:26px;padding-bottom:10px}
@media(min-width:960px){.sb-pagehead{grid-template-columns:1.2fr .8fr}}
.sb-page--legal .sb-pagehead{grid-template-columns:1fr}
.sb-crumb{font-size:13.5px;color:var(--mute);margin-bottom:12px}.sb-crumb a{text-decoration:none}
.sb-facts{display:inline-block;padding:7px 13px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:14px;font-weight:600;color:var(--blush)}
.sb-answer{margin:0 0 22px;padding:14px 16px;border-radius:var(--r);background:var(--card);border-left:4px solid var(--pink);max-width:640px}
.sb-answer p:last-child{margin:0;font-weight:600}
.sb-prose>*{max-width:800px}
.sb-prose h2{margin:36px 0 12px}
.sb-prose ul{padding-left:22px}.sb-prose li{margin-bottom:6px}
.sb-cta{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;margin:30px 0;padding:14px;border-radius:var(--r);background:linear-gradient(135deg,rgba(255,140,196,.12),rgba(255,79,163,.06));border:1px solid var(--line)}
.sb-cta img{border-radius:12px;aspect-ratio:3/4;object-fit:cover}
.sb-cta p{margin:0 0 10px;color:var(--ink2)}
.sb-faq{margin-top:36px}
.sb-faq details{border-bottom:1px solid var(--line);padding:13px 0}
.sb-faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}
.sb-faq summary::after{content:"+";color:var(--pink);font-size:22px;line-height:1}
.sb-faq details[open] summary::after{content:"\2212"}
.sb-faq details p{margin:10px 0 0;color:var(--ink2)}

.sb-foot{margin-top:30px;padding:28px 0 92px;border-top:1px solid var(--line);font-size:13.5px;color:var(--mute)}
.sb-foot nav{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:12px}.sb-foot a{color:var(--ink2)}
@media(min-width:900px){.sb-foot{padding-bottom:30px}}
.sb-dock{position:fixed;left:0;right:0;bottom:0;z-index:55;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(18,7,16,.94);border-top:1px solid var(--line)}
@media(min-width:900px){.sb-dock{display:none!important}}
.sb-gate{position:fixed;inset:0;z-index:99;display:grid;place-items:center;padding:16px;background:rgba(10,3,8,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.sb-gate__card{width:min(420px,100%);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:28px 22px;border-radius:24px;background:var(--card);border:1px solid var(--line)}
.sb-gate__card p{color:var(--ink2);margin:0 0 6px}
