:root{--bg:#0b0e28;--panel:#1b2040;--cyan:#03d5f3;--pink:#f00690;--muted:#9096c2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,Arial,sans-serif}header{height:67px;background:#090d24;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1150px)/2));position:sticky;top:0;z-index:10;border-bottom:1px solid #242548}.logo{color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;width:57px;font-size:18px}.logo span{filter:drop-shadow(0 0 8px #f00690)}.logo small{font-size:6px;letter-spacing:1px}nav{display:flex;gap:28px}nav a,footer a{color:#a9afd2;text-decoration:none;font-size:13px}nav a:hover,footer a:hover{color:var(--cyan)}#menu{display:none;border:0;background:none;color:#fff;font-size:25px}.hero{min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:85px 18px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 48%,#3c0b3d88,transparent 48%),radial-gradient(ellipse at 5% 30%,#06365388,transparent 42%)}.tiny,.eyebrow{color:var(--cyan);letter-spacing:2px;font-size:11px;font-weight:700}.hero h1{font:800 clamp(43px,7vw,88px)/.99 'Barlow Condensed',sans-serif;margin:27px 0 17px;color:#00cef3}.hero h1 span{color:#f00796}.hero p,.intro{color:var(--muted);line-height:1.9;max-width:630px;font-size:14px}.buttons{display:flex;gap:14px;margin-top:30px}.btn{border:0;border-radius:28px;padding:15px 28px;color:#091126;text-decoration:none;font-weight:700;font-size:13px;cursor:pointer}.cyan{background:linear-gradient(100deg,#00d9f9,#06b1d2)}.pink{background:linear-gradient(100deg,#f7079d,#d90081);color:white}.section{padding:100px 22px;text-align:center;max-width:1080px;margin:auto;scroll-margin-top:65px}.section h2{font:800 clamp(30px,4vw,45px)/1.1 'Barlow Condensed',sans-serif;margin:10px 0 16px}.intro{margin:0 auto 40px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:40px}.cards article{text-align:left;border:1px solid #233a68;border-radius:13px;background:#1a1e3b;padding:27px;box-shadow:0 0 14px #00c7f010}.cards article:nth-child(3n+1){border-color:#633059;box-shadow:0 0 15px #ef07851b}.emoji{font-size:26px;margin-bottom:16px}.cards h3{font:700 22px 'Barlow Condensed',sans-serif;margin:0 0 11px}.cards article:first-child h3{color:#ff168f}.cards p{color:var(--muted);font-size:13px;line-height:1.75;margin:0}.download{max-width:none;background:#1a1d3b;padding-bottom:85px}.pinktext{color:#f00796}.phone{width:190px;height:325px;border:2px solid #00bbdf;border-radius:30px;background:#070c25;box-shadow:0 0 25px #00bde750;margin:35px auto 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.speaker{position:absolute;top:13px;width:50px;height:4px;border-radius:10px;background:#126b92}.heart{font-size:70px}.phone strong{font:800 23px 'Barlow Condensed',sans-serif;color:#06d3ef}.phone small{color:#b3add4;font-size:9px;margin-top:8px}.phonebar{position:absolute;bottom:12px;background:#a0a0c0;width:50px;height:3px;border-radius:3px}.storelinks{display:flex;flex-direction:column;align-items:center;gap:12px}.storelinks a{width:190px;background:#10152f;border:1px solid #0a92c1;box-shadow:0 0 12px #00c7e522;color:white;text-decoration:none;border-radius:9px;font-size:9px;padding:10px}.storelinks a+ a{border-color:#ab217a}.storelinks b{font-size:13px}.fine{font-size:10px;color:#777da9;margin-top:22px}.contact form{background:#1b203f;border:1px solid #11698a;box-shadow:0 0 15px #00d4ff1a;border-radius:12px;max-width:600px;margin:0 auto;padding:25px;text-align:left}.contact label{display:block;color:#777db4;font-size:10px;letter-spacing:1px;margin-bottom:17px}.contact input,.contact textarea{display:block;width:100%;margin-top:8px;background:#0b102b;border:1px solid #25284c;border-radius:7px;padding:14px;color:#fff;font:13px Inter}.contact textarea{height:110px;resize:vertical}.contact button{width:100%}#formNotice{font-size:12px;color:#8ae4f2}footer{border-top:1px solid #232747;padding:55px max(6%,calc((100vw - 1100px)/2)) 25px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-top p{font-size:12px;line-height:1.8;color:#8e94bd;max-width:290px}.footer-top small{color:#7781b5}.footer-top h4{color:#ed0b91;font-size:11px}.footer-top a{display:block;margin:12px 0}.social{color:#8e92d5}.copyright{text-align:center;color:#767fa8;font-size:10px;border-top:1px solid #232747;margin-top:40px;padding-top:22px;line-height:2}@media(max-width:650px){header{height:56px;padding:0 18px}#menu{display:block}nav{display:none;position:absolute;top:56px;right:0;left:0;background:#0b0e28;flex-direction:column;padding:20px;gap:20px;border-bottom:1px solid #2d3055}nav.open{display:flex}.hero{min-height:520px;padding:70px 18px}.hero h1{font-size:47px}.hero p{font-size:12px}.section{padding:65px 15px}.cards{grid-template-columns:1fr;gap:15px}.cards article{padding:20px}.footer-top{grid-template-columns:1fr 1fr;gap:20px}.footer-top>div:first-child{grid-column:1/-1}.buttons{gap:9px}.btn{padding:13px 17px}}

/* Animated edition: lightweight CSS motion and scroll-triggered reveals */
.hero::before,.hero::after{content:"";position:absolute;pointer-events:none;width:min(60vw,550px);height:min(60vw,550px);border-radius:50%;filter:blur(75px);opacity:.20;z-index:0;animation:orbDrift 13s ease-in-out infinite alternate}
.hero::before{background:var(--cyan);left:-19%;top:5%}
.hero::after{background:var(--pink);right:-19%;bottom:-17%;animation-delay:-6s;animation-direction:alternate-reverse}
.hero>.tiny,.hero>h1,.hero>p,.hero>.buttons{position:relative;z-index:1;animation:heroEnter .85s both cubic-bezier(.2,.8,.2,1)}
.hero>h1{animation-delay:.12s}.hero>p{animation-delay:.25s}.hero>.buttons{animation-delay:.38s}
.hero h1{filter:drop-shadow(0 0 12px #00cef320)}
.hero h1 span{background:linear-gradient(110deg,#f00796 15%,#ff78cb 40%,#f00796 70%);background-size:240% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 5s linear infinite}
.btn,.storelinks a{transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.btn:hover,.btn:focus-visible{transform:translateY(-4px);box-shadow:0 0 23px #00d5f355;filter:brightness(1.08)}
.btn.pink:hover,.btn.pink:focus-visible{box-shadow:0 0 23px #f0069055}
.cards article{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.cards article:hover{transform:translateY(-7px);border-color:#06d5ef;box-shadow:0 10px 32px #00d5f322}
.cards article:nth-child(3n+1):hover{border-color:#f00690;box-shadow:0 10px 32px #f0069025}
.phone{animation:phoneFloat 4.5s ease-in-out infinite;will-change:transform}
.phone .heart{animation:heartPulse 3s ease-in-out infinite}
.storelinks a:hover,.storelinks a:focus-visible{transform:translateY(-3px);box-shadow:0 0 20px #00d5f344}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--delay,0ms)}
.reveal.visible{opacity:1;transform:translateY(0)}
/* Phone float uses an inner element's movement so reveal transform stays independent */
.phone.reveal.visible{animation:phoneFloat 4.5s ease-in-out infinite}
@keyframes heroEnter{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes orbDrift{from{transform:translate(-4%,0) scale(.9)}to{transform:translate(14%,12%) scale(1.18)}}
@keyframes shimmer{to{background-position:240% center}}
@keyframes phoneFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes heartPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero::before,.hero::after,.hero>.tiny,.hero>h1,.hero>p,.hero>.buttons,.hero h1 span,.phone,.phone.reveal.visible,.phone .heart{animation:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}.btn,.cards article,.storelinks a{transition:none!important}}

/* Official SecondMeet logo */
.logo{width:112px;flex-direction:row;justify-content:center;overflow:hidden}
.logo img{display:block;width:100%;height:56px;object-fit:contain;mix-blend-mode:screen}
.phone-logo{display:block;width:90%;max-height:240px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 10px #f0069040)}
@media(max-width:650px){.logo{width:92px}.logo img{height:48px}}