:root{--line: #e4e1da;--card: #ffffff;--muted: #6b6b6b;--ink: #1a1a1a;--vs-bg: #0d1b2a;--vs-bg2: #14293e;--vs-ink: #eef4f9;--vs-muted: #9db4c7;--vs-accent: #4fc3f7;--vs-accent2: #81c784;--vs-card: #16293c;--vs-line: #24405a}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}.container{max-width:880px;margin:0 auto;padding:0 24px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:28px 0}.logo{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.1rem;text-decoration:none;color:var(--vs-accent)}.langswitch{display:flex;gap:4px;font-size:.85rem}.langswitch button{background:none;border:1px solid transparent;border-radius:999px;padding:4px 12px;cursor:pointer;font:inherit;font-size:.85rem;color:var(--vs-muted)}.langswitch button.active{border-color:currentColor;color:var(--vs-ink)}.btn{display:inline-block;padding:10px 22px;border-radius:999px;border:1.5px solid var(--vs-accent);text-decoration:none;font-weight:500;font-size:.95rem;color:var(--vs-accent);transition:all .15s ease}.btn:hover{background:var(--vs-accent);color:var(--vs-bg)}section{padding:50px 0;border-top:1px solid var(--vs-line)}.section-title{font-family:Space Grotesk,sans-serif;font-size:1.6rem;font-weight:700;margin-bottom:30px}.pill-link{padding:6px 14px;border:1px solid var(--vs-line);border-radius:999px;background:var(--vs-card);text-decoration:none;transition:background .15s ease,border-color .15s ease}.pill-link:hover{border-color:var(--vs-accent)}footer{border-top:1px solid var(--vs-line);background:#0000002e;margin-top:0}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:14px;padding:44px 0 34px;text-align:center}.footer-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}.pill-link.footer-pill{background:#ffffff12;border-color:#ffffff38;color:var(--vs-ink)}.pill-link.footer-pill:hover{background:#ffffff24;border-color:var(--vs-accent)}.icon-btn{padding:6px 12px;font:inherit;cursor:pointer}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:6px;color:var(--vs-muted);font-size:.85rem;text-align:center}.footer-heart{font-size:1.5rem;line-height:1;color:#ff5d73}.marquee{overflow:hidden;white-space:nowrap;border-top:1px solid var(--vs-line);padding:12px 0;color:var(--vs-muted);font-size:.85rem}.marquee span{display:inline-block;animation:scroll 30s linear infinite}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.vs-page{background:linear-gradient(180deg,var(--vs-bg) 0%,var(--vs-bg2) 100%);color:var(--vs-ink);min-height:100vh}.vs-hero{padding:70px 0 50px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.vs-hero h1{font-family:Space Grotesk,sans-serif;font-size:clamp(2.6rem,7vw,4rem);font-weight:700;letter-spacing:-.02em;background:linear-gradient(90deg,var(--vs-accent),var(--vs-accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.vs-hero .tagline{font-size:1.4rem;font-weight:600;margin-top:10px}.vs-hero .lead{margin-top:16px;color:var(--vs-muted);max-width:32em}.vs-hero .cta-row{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}.shots{display:flex;gap:16px;justify-content:center;align-items:flex-start}.shot{width:215px;flex-shrink:0}.shot img{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}.shot .placeholder{aspect-ratio:9 / 19;border:1px solid var(--vs-line);border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px;color:var(--vs-muted);font-size:.8rem;background:radial-gradient(circle at 30% 20%,rgba(79,195,247,.18),transparent 55%),radial-gradient(circle at 75% 80%,rgba(129,199,132,.14),transparent 55%)}.shot .placeholder .icon{font-size:2rem}.carousel{position:relative}.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 100%;scroll-snap-align:start;margin:0;padding:0 2px}.carousel-frame{background:#f4f8fb;border:1px solid var(--vs-line);border-radius:14px;min-height:300px;padding:18px;display:flex;align-items:center;justify-content:center}.carousel-frame img{display:block;max-width:100%;max-height:380px;width:auto;height:auto}.carousel-slide figcaption{margin-top:14px;color:var(--vs-muted);font-size:.9rem;text-align:center;min-height:3em}.carousel-arrow{position:absolute;top:150px;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid var(--vs-line);background:var(--vs-card);color:var(--vs-ink);font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.carousel-arrow:hover:not(:disabled){border-color:var(--vs-accent);background:var(--vs-bg2)}.carousel-arrow:disabled{opacity:.3;cursor:default}.carousel-arrow.prev{left:-14px}.carousel-arrow.next{right:-14px}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:4px}.carousel-dots button{width:8px;height:8px;padding:0;border-radius:50%;border:none;background:var(--vs-line);cursor:pointer;transition:background .15s ease,transform .15s ease}.carousel-dots button.active{background:var(--vs-accent);transform:scale(1.35)}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature{background:var(--vs-card);border:1px solid var(--vs-line);border-radius:16px;padding:24px}.feature .icon{font-size:1.6rem}.feature h3{margin:10px 0 6px;font-size:1.05rem;font-family:Space Grotesk,sans-serif}.feature p{color:var(--vs-muted);font-size:.93rem}.vs-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vs-meta .feature h3{color:var(--vs-accent)}.tech-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tech-pills li{list-style:none;border:1px solid var(--vs-line);border-radius:999px;padding:4px 13px;font-size:.85rem;color:var(--vs-ink)}@media (max-width: 760px){.vs-hero{grid-template-columns:1fr}.shots{margin-top:10px}.shot{width:175px}.carousel-arrow.prev{left:2px}.carousel-arrow.next{right:2px}.features,.vs-meta{grid-template-columns:1fr}}