@import "https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--bg:#07070c;--bg-soft:#10101a;--card:#ffffff13;--card-strong:#ffffff1f;--stroke:#ffffff24;--stroke-strong:#ffffff38;--text:#fff;--muted:#ffffffad;--muted-2:#ffffff7a;--pink:#ff3d7f;--pink-2:#ff6aa2;--cyan:#38dfff;--blue:#6c7cff;--purple:#a855f7;--green:#56f1a7;--danger:#f57;--radius-xl:34px;--radius-lg:24px;--radius-md:18px;--shadow:0 30px 90px #00000073;--font-title:"Nunito", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 15% 12%, #ff3d7f3d, transparent 34%), radial-gradient(circle at 85% 8%, #38dfff33, transparent 30%), radial-gradient(circle at 50% 80%, #a855f733, transparent 36%), var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-body);overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 85%);mask-image:linear-gradient(#000c,#0000 85%)}a{color:inherit;text-decoration:none}button,input{font-family:inherit}.page{z-index:1;position:relative}.noise{pointer-events:none;opacity:.08;z-index:2;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)' opacity='0.65'/%3E%3C/svg%3E");position:fixed;inset:0}.container{width:min(1160px,100% - 40px);margin:0 auto}.nav{z-index:50;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);justify-content:space-between;align-items:center;gap:18px;width:min(1160px,100% - 40px);margin:0 auto;padding:22px 0;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:fit-content;display:flex}.brand-mark{background:radial-gradient(circle at 30% 25%, #ffffffe6, transparent 18%), linear-gradient(135deg, var(--pink), var(--cyan));border-radius:15px;place-items:center;width:42px;height:42px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 42px #ff3d7f47}.brand-mark:before{content:"S";color:#fff;font-weight:900;font-family:var(--font-title);font-size:22px;transform:rotate(-8deg)}.brand-mark:after{content:"";background:#ffffff2e;border-radius:999px;width:24px;height:24px;position:absolute;bottom:-7px;right:-8px}.brand-name{font-family:var(--font-title);letter-spacing:-.05em;font-size:24px;font-weight:900}.brand-name span{background:linear-gradient(90deg, var(--pink), var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text}.nav-links{color:var(--muted);justify-content:center;align-items:center;gap:24px;font-size:14px;font-weight:700;display:flex}.nav-links a{transition:color .2s,transform .2s}.nav-links a:hover{color:#fff;transform:translateY(-1px)}.btn{cursor:pointer;color:#fff;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-size:14px;font-weight:900;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s;display:inline-flex}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg, var(--pink), var(--cyan));box-shadow:0 18px 54px #ff3d7f47,0 18px 54px #38dfff24}.btn-primary:hover{box-shadow:0 22px 66px #ff3d7f59,0 18px 54px #38dfff38}.btn-ghost{border:1px solid var(--stroke);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12}.btn-ghost:hover{border-color:var(--stroke-strong);background:#ffffff1c}.hero{padding:54px 0 92px;position:relative}.hero-grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:56px;display:grid}.eyebrow{color:#ffffffc2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;width:fit-content;margin-bottom:22px;padding:9px 14px;font-size:13px;font-weight:800;display:inline-flex}.pulse-dot{background:var(--green);border-radius:999px;width:9px;height:9px;animation:1.7s infinite pulse;box-shadow:0 0 0 7px #56f1a71c}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #56f1a740}70%{transform:scale(1.08);box-shadow:0 0 0 12px #56f1a700}to{transform:scale(1);box-shadow:0 0 #56f1a700}}.hero h1{font-family:var(--font-title);letter-spacing:-.075em;max-width:760px;font-size:clamp(48px,7vw,86px);font-weight:900;line-height:.92}.hero h1 .grad{background:linear-gradient(90deg, #fff 0%, var(--pink-2) 42%, var(--cyan) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-copy{color:var(--muted);max-width:650px;margin-top:24px;font-size:clamp(18px,2vw,21px);font-weight:500;line-height:1.65}.hero-copy strong{color:#fff;font-weight:900}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.micro-proof{color:var(--muted-2);align-items:center;gap:12px;margin-top:28px;font-size:13px;font-weight:700;display:flex}.avatar-stack{align-items:center;display:flex}.avatar{border:2px solid var(--bg);background:#ffffff1a;border-radius:999px;place-items:center;width:34px;height:34px;margin-left:-8px;display:grid;box-shadow:0 10px 24px #00000038}.avatar:first-child{margin-left:0}.hero-visual{justify-content:center;align-items:center;min-height:650px;display:flex;position:relative}.orb{filter:blur(20px);opacity:.75;border-radius:999px;animation:8s ease-in-out infinite floatOrb;position:absolute}.orb.one{background:#ff3d7f38;width:210px;height:210px;top:12%;left:2%}.orb.two{background:#38dfff2e;width:240px;height:240px;animation-delay:-2s;bottom:10%;right:2%}@keyframes floatOrb{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(12px,-18px)scale(1.06)}}.phone-wrap{width:354px;position:relative;transform:rotate(1.3deg)}.phone-glow{filter:blur(38px);opacity:.9;background:linear-gradient(135deg,#ff3d7f73,#38dfff59);border-radius:44px;position:absolute;inset:28px}.phone{width:354px;height:704px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#ffffff40,#ffffff0d),#ffffff14;border:1px solid #ffffff2e;border-radius:48px;padding:14px;position:relative}.phone-screen{background:radial-gradient(circle at 50% 10%,#ffffff2e,#0000 26%),linear-gradient(160deg,#1b0611 0%,#130818 48%,#051017 100%);border:1px solid #ffffff1f;border-radius:38px;width:100%;height:100%;position:relative;overflow:hidden}.notch{z-index:8;background:#00000061;border-radius:999px;width:88px;height:8px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.phone-hearts{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.heart{color:#ffffff59;font-size:18px;animation:linear infinite floatHeart;position:absolute;bottom:-40px}@keyframes floatHeart{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.8}82%{opacity:.65}to{opacity:0;transform:translateY(-760px)rotate(26deg)}}.phone-content{z-index:5;flex-direction:column;justify-content:center;height:100%;padding:46px 22px 22px;display:flex;position:relative}.invite-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff24;border-radius:28px;padding:24px;animation:.45s cardIn;box-shadow:0 18px 58px #00000047}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.phone-emoji{filter:drop-shadow(0 14px 22px #00000040);margin-bottom:16px;font-size:74px;line-height:1}.phone-kicker{color:#ffffff8c;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:900}.phone-title{font-family:var(--font-title);letter-spacing:-.045em;margin-bottom:12px;font-size:31px;font-weight:900;line-height:1.02}.phone-sub{color:#ffffffa3;margin-bottom:20px;font-size:14px;font-weight:600;line-height:1.5}.phone-buttons{justify-content:center;gap:10px;margin-top:12px;display:flex}.phone-btn{color:#fff;background:linear-gradient(135deg, var(--pink), var(--cyan));border:0;border-radius:999px;padding:12px 18px;font-size:13px;font-weight:900;box-shadow:0 14px 34px #ff3d7f3d}.phone-btn.ghost{box-shadow:none;background:#ffffff1a;border:1px solid #fff3}.floating-note{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#ffffffd1;z-index:6;background:#ffffff1a;border:1px solid #ffffff24;border-radius:18px;padding:13px 15px;font-size:13px;font-weight:800;line-height:1.35;animation:5s ease-in-out infinite floatNote;position:absolute;box-shadow:0 18px 48px #00000040}.floating-note.one{top:120px;left:-58px;transform:rotate(-5deg)}.floating-note.two{animation-delay:-2.2s;bottom:142px;right:-66px;transform:rotate(5deg)}@keyframes floatNote{0%,to{translate:0}50%{translate:0 -13px}}.section{padding:92px 0;position:relative}.section-header{max-width:790px;margin-bottom:40px}.section-center{text-align:center;margin:0 auto 46px}.section-label{color:var(--pink-2);text-transform:uppercase;letter-spacing:.16em;margin-bottom:14px;font-size:13px;font-weight:900}.section-title{font-family:var(--font-title);letter-spacing:-.06em;font-size:clamp(34px,5vw,62px);font-weight:900;line-height:.98}.section-title span{background:linear-gradient(90deg, var(--pink-2), var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text}.section-copy{color:var(--muted);max-width:710px;margin-top:18px;font-size:18px;font-weight:500;line-height:1.7}.cards-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.glass-card{border-radius:var(--radius-lg);border:1px solid var(--stroke);background:linear-gradient(145deg,#ffffff1b,#ffffff0b);min-height:250px;padding:26px;transition:transform .25s,border-color .25s,background .25s;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000002e}.glass-card:hover{background:linear-gradient(145deg,#ffffff21,#ffffff0f);border-color:#ffffff3d;transform:translateY(-8px)}.glass-card:after{content:"";background:radial-gradient(circle,#ff3d7f2e,#0000 68%);border-radius:999px;width:150px;height:150px;position:absolute;top:-54px;right:-48px}.card-icon{background:#ffffff1a;border:1px solid #ffffff21;border-radius:18px;place-items:center;width:52px;height:52px;margin-bottom:22px;font-size:25px;display:grid}.glass-card h3{font-family:var(--font-title);letter-spacing:-.045em;margin-bottom:12px;font-size:27px;line-height:1.02}.glass-card p{color:var(--muted);font-size:15px;font-weight:500;line-height:1.65}.emotion-band{border-radius:var(--radius-xl);border:1px solid var(--stroke);box-shadow:var(--shadow);background:radial-gradient(circle at 0 0,#ff3d7f38,#0000 34%),radial-gradient(circle at 100% 100%,#38dfff2e,#0000 34%),#ffffff12;grid-template-columns:.85fr 1.15fr;align-items:center;gap:34px;padding:42px;display:grid}.quote-mark{font-family:var(--font-title);letter-spacing:-.1em;color:#ffffff26;font-size:118px;line-height:.72}.emotion-band h2{font-family:var(--font-title);letter-spacing:-.065em;font-size:clamp(34px,5vw,64px);line-height:.95}.message-stack{gap:14px;display:grid}.message{border-radius:21px;width:fit-content;max-width:100%;padding:16px 18px;font-weight:800;line-height:1.35;box-shadow:0 16px 42px #0003}.message.left{color:#ffffffd6;background:#ffffff1a;border:1px solid #ffffff24}.message.right{background:linear-gradient(135deg, var(--pink), var(--cyan));color:#fff;justify-self:end}.timeline{counter-reset:steps;grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.step-card{counter-increment:steps;border-radius:var(--radius-lg);border:1px solid var(--stroke);background:#fff1;min-height:230px;padding:24px;position:relative;overflow:hidden}.step-card:before{content:"0" counter(steps);color:#ffffff1f;font-family:var(--font-title);letter-spacing:-.07em;font-size:52px;font-weight:900;position:absolute;top:18px;right:20px}.step-card .mini{background:#ffffff1a;border:1px solid #ffffff21;border-radius:15px;place-items:center;width:44px;height:44px;margin-bottom:20px;font-size:22px;display:grid}.step-card h3{font-family:var(--font-title);letter-spacing:-.045em;z-index:2;margin-bottom:12px;font-size:24px;line-height:1;position:relative}.step-card p{color:var(--muted);z-index:2;font-size:14.5px;font-weight:500;line-height:1.62;position:relative}.unique-grid{grid-template-columns:1.05fr .95fr;align-items:stretch;gap:20px;display:grid}.unique-card{border-radius:var(--radius-xl);border:1px solid var(--stroke);background:linear-gradient(145deg,#ffffff1b,#ffffff0b);min-height:420px;padding:38px;position:relative;overflow:hidden}.unique-card.big{background:radial-gradient(circle at 15% 20%,#ff3d7f38,#0000 30%),linear-gradient(145deg,#ffffff1f,#ffffff0b)}.unique-card h2{font-family:var(--font-title);letter-spacing:-.06em;max-width:580px;margin-bottom:16px;font-size:clamp(34px,5vw,58px);line-height:.96}.unique-card p{color:var(--muted);max-width:600px;font-size:17px;line-height:1.7}.expire-box{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;display:grid}.expire-item{background:#00000038;border:1px solid #ffffff1f;border-radius:20px;padding:18px}.expire-item strong{font-family:var(--font-title);letter-spacing:-.05em;margin-bottom:6px;font-size:25px;display:block}.expire-item span{color:var(--muted-2);font-size:13px;font-weight:700;line-height:1.4}.sealed{text-align:center;place-items:center;min-height:100%;display:grid}.seal{background:radial-gradient(circle at 30% 22%,#ffffffa6,#0000 18%),linear-gradient(135deg,#ff3d7ff0,#38dfffeb);border-radius:999px;place-items:center;width:190px;height:190px;margin:0 auto 24px;animation:4.8s ease-in-out infinite sealFloat;display:grid;position:relative;box-shadow:0 25px 72px #ff3d7f33,0 25px 72px #38dfff2e}@keyframes sealFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-12px)rotate(2deg)}}.seal:before{content:"24h";font-family:var(--font-title);letter-spacing:-.08em;color:#fff;font-size:58px;font-weight:900}.sealed h3{font-family:var(--font-title);letter-spacing:-.05em;margin-bottom:12px;font-size:31px;line-height:1}.sealed p{max-width:360px;margin:0 auto;font-size:15px}.vibe-row{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:32px;display:grid}.vibe-pill{border:1px solid var(--stroke);text-align:center;background:#ffffff12;border-radius:22px;padding:18px 14px;transition:transform .22s,background .22s}.vibe-pill:hover{background:#ffffff1c;transform:translateY(-6px)rotate(-1deg)}.vibe-pill .emoji{margin-bottom:8px;font-size:28px;display:block}.vibe-pill strong{font-family:var(--font-title);letter-spacing:-.035em;font-size:18px}.deep-cta{padding:110px 0 120px}.cta-box{text-align:center;box-shadow:var(--shadow);background:radial-gradient(circle at 20% 20%,#ff3d7f4d,#0000 34%),radial-gradient(circle at 80% 20%,#38dfff38,#0000 34%),linear-gradient(145deg,#ffffff21,#ffffff0e);border:1px solid #ffffff29;border-radius:42px;padding:58px;position:relative;overflow:hidden}.cta-box:before{content:"";background:linear-gradient(90deg,#0000,#ffffff29,#0000);animation:6s infinite shine;position:absolute;inset:-2px;transform:translate(-100%)}@keyframes shine{0%,45%{transform:translate(-100%)}70%,to{transform:translate(100%)}}.cta-box h2{font-family:var(--font-title);letter-spacing:-.075em;max-width:850px;margin:0 auto 20px;font-size:clamp(42px,7vw,82px);line-height:.9;position:relative}.cta-box p{color:var(--muted);max-width:680px;margin:0 auto 32px;font-size:19px;line-height:1.65;position:relative}.cta-box .btn{position:relative}.faq{gap:12px;max-width:860px;margin:0 auto;display:grid}details{border:1px solid var(--stroke);background:#fff1;border-radius:22px;padding:20px 22px}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-weight:900;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:#fff;background:#ffffff17;border-radius:999px;flex:none;place-items:center;width:28px;height:28px;display:grid}details[open] summary:after{content:"−"}details p{color:var(--muted);margin-top:14px;font-size:15px;line-height:1.65}.footer{color:var(--muted-2);padding:34px 0 46px;font-size:13px}.footer-inner{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;display:flex}.footer-links{flex-wrap:wrap;gap:18px;display:flex}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}.reveal.visible{opacity:1;transform:translateY(0)}.mobile-only{display:none}@media (max-width:980px){.nav-links{display:none}.hero{padding-top:34px}.hero-grid,.emotion-band,.unique-grid{grid-template-columns:1fr}.hero-visual{min-height:auto;padding-top:26px}.phone-wrap{width:330px}.phone{width:330px;height:650px}.floating-note.one{top:92px;left:-4px}.floating-note.two{bottom:118px;right:-6px}.cards-3,.timeline{grid-template-columns:1fr 1fr}.vibe-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:680px){.container,.nav{width:min(100% - 28px,1160px)}.nav{padding:16px 0}.brand-name{font-size:21px}.nav .btn{padding:12px 15px;font-size:12px}.hero{padding:22px 0 70px}.hero h1{font-size:clamp(46px,15vw,72px)}.hero-copy{font-size:17px}.hero-actions{flex-direction:column}.btn{width:100%}.micro-proof{align-items:flex-start}.phone-wrap{width:302px;transform:rotate(0)}.phone{border-radius:42px;width:302px;height:600px;padding:12px}.phone-screen{border-radius:32px}.phone-title{font-size:28px}.phone-emoji{font-size:62px}.floating-note{display:none}.section{padding:70px 0}.section-copy{font-size:16px}.cards-3,.timeline,.vibe-row,.expire-box{grid-template-columns:1fr}.emotion-band,.unique-card,.cta-box{border-radius:30px;padding:28px}.quote-mark{font-size:78px}.message{font-size:14px}.footer-inner{flex-direction:column;align-items:flex-start}.desktop-only{display:none}.mobile-only{display:inline}}
