body{background:#0a0a1f;margin:0}.vibe{--h:271;--bg:#0a0a1f;--p1:hsl(var(--h) 81% 56%);--p2:hsl(calc(var(--h) - 28) 75% 59%);--text:#ebe9fa;--muted:#a9a6c9;--line:#ffffff21;background:radial-gradient(60rem 40rem at 5% 40%, hsl(var(--h) 80% 55% / .16), transparent 60%), radial-gradient(50rem 40rem at 95% 70%, hsl(calc(var(--h) - 28) 80% 55% / .16), transparent 60%), var(--bg);color:var(--text);padding-bottom:40px;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:background-color .4s;overflow-x:clip}.vibe[data-mode=light]{--h:262;--bg:#100a28}.vibe *{box-sizing:border-box}.vibe a{color:inherit}.vibe .wrap{width:min(1120px,100% - 32px);margin:0 auto}.vibe section.wrap,.vibe .band{margin-top:88px}.vibe .narrow{width:min(760px,100% - 32px)}.vibe .glass{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 40px hsl(var(--h) 80% 40% / .2);background:#ffffff0f;border-radius:20px}.vibe .gt,.vibe .shine{background:linear-gradient(90deg,#d8b4fe,#f0abfc,#a5b4fc);color:#0000;-webkit-background-clip:text;background-clip:text}.vibe h2{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(26px,4vw,40px);line-height:1.15}.vibe h3{margin:0 0 6px;font-size:18px}.vibe .center,.vibe .sub{text-align:center}.vibe .sub{color:var(--muted);margin:0 0 36px}.vibe .btn{background:linear-gradient(135deg, var(--p1), var(--p2));color:#fff;cursor:pointer;box-shadow:0 0 24px hsl(var(--h) 90% 60% / .45);border:0;border-radius:999px;padding:12px 22px;font:600 15px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.vibe .btn:hover{box-shadow:0 0 36px hsl(var(--h) 90% 65% / .7);transform:translateY(-2px)}.vibe .btn.sm{padding:8px 16px;font-size:14px}.vibe .btn.white{color:hsl(var(--h) 70% 35%);box-shadow:none;background:#fff}.vibe .btn.ghost{box-shadow:none;background:#ffffff1f;border:1px solid #ffffff59}.vibe .err{color:#fca5a5;background:#2b0d16;border-bottom:1px solid #7f1d2d;border-left:4px solid #ef4444;flex-wrap:wrap;justify-content:space-between;gap:10px 20px;padding:10px 16px;display:flex}.vibe .err pre{white-space:pre-wrap;margin:0;font:12.5px/1.5 ui-monospace,Menlo,Consolas,monospace}.vibe .err b{color:#fecaca}.vibe .err-side{align-items:flex-start;gap:10px;font-size:13px;display:flex}.vibe .ok{color:#86efac;background:#052e1b;border-radius:999px;padding:3px 10px}.vibe .err button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #7f1d2d;border-radius:6px;padding:3px 10px}.vibe .nav{z-index:20;background:#14103099;border-radius:999px;align-items:center;gap:18px;width:min(1120px,100% - 24px);margin:12px auto 0;padding:10px 12px 10px 20px;display:flex;position:sticky;top:10px}.vibe .logo{margin:0 auto 0 0;font-size:20px;font-weight:800;text-decoration:none}.vibe .logo small{background:linear-gradient(135deg, var(--p1), var(--p2));vertical-align:middle;border-radius:999px;padding:1px 8px;font-size:12px}.vibe .nav-links{gap:22px;font-size:15px;display:flex}.vibe .nav-links a{color:var(--muted);text-decoration:none}.vibe .nav-links a:hover{color:#fff}.vibe .mode{border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:50%;width:38px;height:38px;font-size:17px}.vibe .hero{background:linear-gradient(135deg, var(--p1) 0%, var(--p2) 100%);color:#fff;text-align:center;margin-top:-64px;padding:140px 0 80px;position:relative;overflow:hidden}.vibe .hero-in{position:relative}.vibe .orb{filter:blur(70px);opacity:.55;border-radius:50%;width:420px;height:420px;animation:14s ease-in-out infinite alternate vibe-float;position:absolute}.vibe .orb.a{background:#f0abfc;top:-120px;left:-80px}.vibe .orb.b{background:#818cf8;animation-delay:-7s;bottom:-160px;right:-120px}.vibe .badge{background:#ffffff26;border:1px solid #fff6;border-radius:999px;margin:0 0 14px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.vibe .chip{background:#0003;border-radius:999px;margin:0 auto 22px;padding:4px 14px;font-size:14px;text-decoration:none;display:table}.vibe h1{letter-spacing:-.035em;max-width:900px;margin:0 auto 18px;font-size:clamp(38px,7vw,76px);line-height:1.04}.vibe .shine{background:linear-gradient(90deg,#fff,#fbcfe8,#c7d2fe,#fff,#fbcfe8) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;animation:7s linear infinite vibe-shine}.vibe .lead{opacity:.92;max-width:640px;margin:0 auto 28px;font-size:19px}.vibe .ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.vibe .proof{text-align:left;justify-content:center;align-items:center;gap:12px;margin:24px 0 44px;font-size:14px;display:flex}.vibe .faces i{background:linear-gradient(135deg,#f0abfc,#818cf8);border:2px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;margin-left:-10px;font-style:normal;display:inline-grid}.vibe .proof b{color:#fde68a}.vibe .mock{background:#0c082873;max-width:820px;margin:0 auto;overflow:hidden}.vibe .mock-bar{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:7px;padding:10px 14px;font-size:12px;display:flex}.vibe .mock-bar i{background:#f87171;border-radius:50%;width:11px;height:11px}.vibe .mock-bar i:nth-child(2){background:#fbbf24}.vibe .mock-bar i:nth-child(3){background:#4ade80}.vibe .mock-bar span{margin-left:8px}.vibe .mock code{color:#86efac;place-items:center;min-height:240px;font:clamp(18px,3vw,28px) ui-monospace,Menlo,Consolas,monospace;display:grid}.vibe .logos{text-align:center;color:var(--muted);margin-top:48px;font-size:14px}.vibe .logos ul{opacity:.6;flex-wrap:wrap;justify-content:center;gap:12px 40px;margin:14px 0 0;padding:0;font-size:20px;font-weight:700;list-style:none;display:flex}.vibe .metrics,.vibe .grid,.vibe .steps,.vibe .tiers{gap:20px;margin:0;padding:0;list-style:none;display:grid}.vibe .metrics{text-align:center;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.vibe .metrics li{padding:22px 12px}.vibe .metrics strong{font-size:38px;line-height:1.1;display:block}.vibe .metrics span,.vibe .card p,.vibe .steps p,.vibe .muted{color:var(--muted)}.vibe .about{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;padding:36px;display:grid}.vibe .facts{align-content:center;gap:12px;margin:0;padding:0;list-style:none;display:grid}.vibe .facts li,.vibe .tags span{border:1px solid var(--line);background:#ffffff0a;border-radius:14px;padding:10px 16px}.vibe .facts .tags{background:0 0;border:0;flex-wrap:wrap;gap:8px;padding:0;display:flex}.vibe .tags span{border-radius:999px;padding:3px 12px;font-size:13px}.vibe .grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.vibe .card{margin:0;padding:26px;transition:transform .25s,border-color .25s}.vibe .card:hover{border-color:hsl(var(--h) 90% 70% / .6);transform:translateY(-4px)}.vibe .card p{margin:0}.vibe .card .mono{color:#86efac;font-family:ui-monospace,Menlo,Consolas,monospace}.vibe .ico,.vibe .avatar{background:linear-gradient(135deg, var(--p1), var(--p2));width:48px;height:48px;box-shadow:0 0 20px hsl(var(--h) 90% 60% / .4);border-radius:14px;place-items:center;margin-bottom:16px;font-size:22px;display:grid}.vibe .avatar{border-radius:50%;width:64px;height:64px;font-size:30px}.vibe .avatar.sm{width:36px;height:36px;margin:0;font-size:18px}.vibe .people{text-align:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.vibe .people .avatar{margin:0 auto 14px}.vibe blockquote footer{align-items:center;gap:10px;margin-top:18px;font-size:14px;font-weight:600;display:flex}.vibe .steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:36px}.vibe .steps li{padding:26px}.vibe .steps b{opacity:.35;font-size:44px;line-height:1}.vibe .memory{max-width:900px;margin:36px auto 0;padding:14px}.vibe .ghibli{filter:saturate(1.4)contrast(.92)brightness(1.06)sepia(.18)hue-rotate(-8deg);border-radius:12px;width:100%;height:auto;display:block}.vibe .gen{aspect-ratio:16/9;color:#3b0764;background:linear-gradient(135deg,#a7f3d0,#bae6fd 40%,#fbcfe8);border-radius:12px;align-content:center;place-items:center;gap:12px;font:14px ui-monospace,Menlo,monospace;display:grid}.vibe .progress{background:#3b076433;border-radius:999px;width:min(320px,70%);height:8px}.vibe .progress i{border-radius:inherit;background:#7c3aed;width:97%;height:100%;display:block}.vibe figcaption{color:var(--muted);text-align:center;padding:12px 6px 2px;font-size:14px}.vibe .band{background:linear-gradient(135deg, var(--p1), var(--p2));text-align:center;color:#fff;padding:64px 0}.vibe .band .big{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(24px,4vw,40px);font-weight:800}.vibe .billing{border:1px solid var(--line);border-radius:999px;justify-content:center;gap:4px;width:max-content;margin:-12px auto 32px;padding:4px;display:flex}.vibe .billing button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 18px;font:600 14px system-ui,sans-serif}.vibe .billing .on{background:linear-gradient(135deg, var(--p1), var(--p2));color:#fff}.vibe .billing em{color:#86efac;font-style:normal}.vibe .tiers{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.vibe .tier{padding:30px;position:relative}.vibe .tier.hot{border:2px solid hsl(var(--h) 90% 70%);box-shadow:0 0 60px hsl(var(--h) 90% 60% / .45)}.vibe .pop{background:linear-gradient(135deg, var(--p1), var(--p2));white-space:nowrap;border-radius:999px;padding:3px 14px;font-size:13px;font-weight:700;position:absolute;top:-13px;left:50%;translate:-50%}.vibe .price{letter-spacing:-.03em;margin:6px 0 18px;font-size:44px;font-weight:800}.vibe .price small{color:var(--muted);font-size:16px;font-weight:400}.vibe .tier ul{color:var(--muted);gap:8px;margin:0 0 26px;padding:0;list-style:none;display:grid}.vibe .tier .btn{text-align:center;display:block}.vibe .fine{text-align:center;color:var(--muted);margin-top:20px;font-size:13px}.vibe details{border-radius:16px;margin-bottom:12px;padding:18px 22px}.vibe summary{cursor:pointer;font-weight:600}.vibe details p{color:var(--muted);margin:10px 0 0}.vibe .cta{text-align:center;padding:44px 28px}.vibe .join{flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0;display:flex}.vibe .join input{border:1px solid var(--line);color:#fff;max-width:340px;font:inherit;background:#0000004d;border-radius:999px;flex:240px;padding:12px 18px}.vibe .save{color:var(--muted);margin:0;font-size:14px}.vibe .foot{border-top:1px solid var(--line);grid-template-columns:2fr repeat(3,1fr);gap:28px;margin-top:88px;padding-top:36px;font-size:14px;display:grid}.vibe .foot p{margin:0 0 6px}.vibe .foot ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.vibe .foot ul a{color:var(--muted);text-decoration:none}.vibe .foot code{color:#86efac;font-size:12px}.vibe .copy{grid-column:1/-1}.vibe .edit{z-index:30;border:1px solid var(--line);background:#17123a;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;position:fixed;bottom:16px;left:16px}.vibe .toasts{z-index:40;gap:8px;max-width:min(380px,100% - 32px);display:grid;position:fixed;bottom:16px;right:16px}.vibe .toast{border:1px solid hsl(var(--h) 90% 70% / .5);background:#18123ceb;border-radius:14px;padding:12px 16px;font-size:14px;transition:opacity .4s,translate .4s;animation:.3s ease-out vibe-in;box-shadow:0 10px 30px #0006}.vibe .toast.out{opacity:0;translate:0 8px}@keyframes vibe-shine{to{background-position:300% 0}}@keyframes vibe-float{to{transform:translate(60px,40px)scale(1.15)}}@keyframes vibe-in{0%{opacity:0;translate:0 12px}}@media (width<=760px){.vibe .nav-links{display:none}.vibe .foot{grid-template-columns:1fr 1fr}.vibe .foot>div{grid-column:1/-1}.vibe .about{padding:24px}}@media (prefers-reduced-motion:reduce){.vibe *,.vibe :before,.vibe :after{transition:none!important;animation:none!important}}
