:root{--bg:#0a0b12;--bg-soft:#11131f;--card:#161925;--card-2:#1b1f2e;--fg:#eef1f8;--muted:#98a1b4;--accent:#8b7bff;--accent-2:#2fe3c6;--accent-3:#ff7eb0;--border:#272c3d}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--fg);font-family:Gothic A1,-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,sans-serif;line-height:1.6;background-color:var(--bg);background-image:radial-gradient(60rem 60rem at 12% -10%,rgba(139,123,255,.18),transparent 60%),radial-gradient(50rem 50rem at 100% 110%,rgba(47,227,198,.12),transparent 60%),radial-gradient(40rem 40rem at 90% 0,rgba(255,126,176,.08),transparent 60%);background-attachment:fixed}a{color:var(--accent);text-decoration:none}.container{max-width:880px;margin:0 auto;padding:48px 20px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px}.btn{display:inline-block;background:linear-gradient(135deg,var(--accent),#6f5cff);color:#fff;border:none;border-radius:12px;padding:11px 20px;font-size:15px;font-family:inherit;font-weight:700;cursor:pointer;box-shadow:0 8px 22px -8px rgba(139,123,255,.6);transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(139,123,255,.75)}.muted{color:var(--muted)}.landing{min-height:100vh;max-width:980px;margin:0 auto;padding:40px 24px 72px;flex-direction:column;text-align:center;overflow-x:hidden}.brand-row,.landing{display:flex;align-items:center}.brand-row{gap:9px;font-weight:800;letter-spacing:-.01em;font-size:18px;align-self:flex-start;margin-bottom:8px}.brand-dot{width:11px;height:11px;border-radius:4px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 14px rgba(139,123,255,.8)}.stage{position:relative;width:300px;height:300px;margin:18px auto 6px}.mascot{width:260px;height:280px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:bob 3.6s ease-in-out infinite;filter:drop-shadow(0 24px 30px rgba(0,0,0,.45))}.eye{animation:blink 4.2s infinite}.antenna,.eye{transform-box:fill-box;transform-origin:center}.antenna{animation:pulse 1.8s ease-in-out infinite}.gear{transform-box:fill-box;transform-origin:center;animation:spin 6s linear infinite}.float{position:absolute;display:flex;align-items:center;gap:6px;padding:7px 11px;border-radius:12px;background:var(--card-2);border:1px solid var(--border);font-size:12.5px;font-weight:700;white-space:nowrap;box-shadow:0 10px 24px -12px rgba(0,0,0,.7);animation:floaty 4.5s ease-in-out infinite}.float .ic{font-size:15px}.float.f1{top:8%;left:-6%;animation-delay:0s}.float.f2{top:2%;right:-8%;animation-delay:.9s;border-color:rgba(47,227,198,.4)}.float.f3{bottom:14%;right:-10%;animation-delay:1.8s;border-color:rgba(255,126,176,.4)}.float.f4{bottom:4%;left:-4%;animation-delay:1.3s}.heart{position:absolute;right:20%;bottom:26%;color:var(--accent-3);font-size:16px;opacity:0;animation:rise 3.4s ease-in infinite}.heart.h2{right:30%;font-size:12px;animation-delay:1.1s}.heart.h3{right:14%;font-size:20px;animation-delay:2.2s}.eyebrow{margin-top:10px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2)}.hero-title{font-family:Jua,Gothic A1,sans-serif;font-size:clamp(34px,7vw,58px);line-height:1.12;margin:10px 0 0;letter-spacing:-.01em}.hero-title .pop{background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{color:var(--muted);font-size:clamp(15px,2.4vw,18px);max-width:540px;margin:16px auto 0}.cta-row{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap;justify-content:center}.btn-ghost{background:transparent;color:var(--fg);box-shadow:none;border:1px solid var(--border)}.btn-ghost:hover{box-shadow:none;border-color:var(--accent)}.btn-lg{padding:14px 28px;font-size:16px}.features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:54px;width:100%;max-width:760px}.feat{background:linear-gradient(180deg,var(--card),var(--bg-soft));border:1px solid var(--border);border-radius:16px;padding:20px 18px;text-align:left;transition:transform .18s ease,border-color .18s ease}.feat:hover{transform:translateY(-4px);border-color:var(--accent)}.feat .emoji{font-size:26px}.feat h3{margin:10px 0 4px;font-size:16px}.feat p{margin:0;font-size:13px;color:var(--muted)}.reveal{opacity:0;animation:revealUp .7s cubic-bezier(.2,.7,.2,1) forwards}@media (max-width:640px){.features{grid-template-columns:1fr;max-width:360px}.float.f1{left:0}.float.f2{right:0}.float.f3{right:-2%}.stage{width:260px}}@keyframes bob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 12px))}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%,97%{transform:scaleY(.1)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rise{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-120px) scale(1.1)}}@keyframes revealUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.antenna,.eye,.float,.gear,.heart,.mascot,.reveal{animation:none!important;opacity:1!important}}