@import "https://fonts.googleapis.com/css2?family=Helvetica+Neue:wght@300;400;500;700&display=swap";
:root{--bg:#0a0a0a;--surface:#111;--surface-2:#141414;--text:#f5f5f5;--muted:#bdbdbd;--line:#2b2b2b;--accent:#fff}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{opacity:.7}.page{flex-direction:column;gap:120px;max-width:1200px;margin:0 auto;padding:32px 6vw 96px;display:flex}.gateway{place-items:center;min-height:100vh;padding:32px 6vw;display:grid}.gateway-inner{gap:24px;width:min(1080px,100%);display:grid}.gateway-inner h1{letter-spacing:-.02em;margin:0;font-size:clamp(2.2rem,4vw,3.4rem)}.gateway-sub{color:var(--muted);max-width:720px;margin:0}.gateway-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;display:grid}.gateway-card{border:1px solid var(--line);background:var(--surface);border-radius:6px;gap:12px;padding:26px;transition:transform .2s;display:grid}.gateway-card:hover{transform:translateY(-3px)}.gateway-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;margin:0;font-size:.72rem}.gateway-card h2{margin:0;font-size:1.8rem}.gateway-card p{color:var(--muted);margin:0}.gateway-card span{margin-top:6px;font-weight:600}.nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:var(--accent);color:#0a0a0a;letter-spacing:.12em;border-radius:4px;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.brand-title{margin:0;font-weight:600}.brand-sub{color:var(--muted);margin:0;font-size:.85rem}.nav-links{color:var(--muted);flex-wrap:wrap;gap:18px;font-size:.9rem;display:flex}.nav-actions{flex-wrap:wrap;gap:10px;display:flex}.hero{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:48px;display:grid}.hero-content h1{letter-spacing:-.02em;margin:12px 0 16px;font-size:clamp(2.4rem,4vw,3.4rem)}.hero-sub{color:var(--muted);margin:0 0 24px;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--muted);margin:0;font-size:.72rem}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:28px;display:grid}.hero-stats strong{font-size:1.3rem;display:block}.hero-stats span{color:var(--muted);font-size:.9rem}.hero-visual{border:1px solid var(--line);min-height:380px;color:var(--muted);text-transform:uppercase;letter-spacing:.2em;background:#0f0f0f;border-radius:6px;place-items:center;font-size:.85rem;display:grid}.section{flex-direction:column;gap:36px;display:flex}.room{border:1px solid var(--line);background:#0f0f0f;border-radius:8px;padding:36px}.featured .feature-card{gap:12px;display:grid}.feature-card .hero-actions{flex-wrap:wrap}.room-grid{row-gap:32px}.release-hero{border:1px solid var(--line);background:linear-gradient(#0a0a0ad9,#0a0a0ad9),url(/images/luvsonglan-1.png) 50%/cover no-repeat;border-radius:8px;padding:40px}.release-hero-content h2{margin:8px 0 12px;font-size:clamp(2rem,3.4vw,3rem)}.release-hero-content p{color:var(--muted);max-width:680px;margin:0 0 20px;line-height:1.7}.release-hero{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center;gap:28px;display:grid}.product-link{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.12em;background:#0e0e0e;border-radius:6px;padding:16px;font-size:.8rem;display:block}.section-header h2{margin:0 0 8px;font-size:clamp(1.6rem,3vw,2.2rem)}.section-header p{color:var(--muted);max-width:720px;margin:0;line-height:1.6}.grid{gap:20px;display:grid}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:22px}.card h3{margin:0 0 8px;font-size:1.05rem}.card p{color:var(--muted);margin:0 0 12px;line-height:1.6}.release-card h3{margin:12px 0 6px}.release-embed{border:1px solid var(--line);background:#0b0b0b;border-radius:6px;place-items:center;min-height:260px;padding:10px;display:grid;overflow:hidden}.release-embed iframe{border:0;border-radius:4px;width:100%;height:100%;min-height:240px}.btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:12px 18px;font-weight:600;display:inline-flex}.btn.primary{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}.btn.ghost{border-color:var(--line)}.video-card{background:var(--surface);border:1px solid var(--line);border-radius:6px;gap:10px;padding:16px;display:grid}.video-embed{border:1px solid var(--line);background:#0b0b0b;border-radius:6px;place-items:center;min-height:360px;padding:10px;display:grid;overflow:hidden}.video-embed iframe{border:0;border-radius:4px;width:100%;height:100%;min-height:320px}.embed-frame{border:1px solid var(--line);background:#0b0b0b;border-radius:6px;min-height:240px;padding:10px;overflow:hidden}.embed-frame iframe{border:0;border-radius:4px;width:100%;height:100%;min-height:220px}.video-frame{border:1px dashed var(--line);min-height:160px;color:var(--muted);background:#0e0e0e;border-radius:4px;place-items:center;font-size:.85rem;display:grid}.visual-block{border:1px solid var(--line);min-height:260px;color:var(--muted);text-transform:uppercase;letter-spacing:.18em;background:#0f0f0f;border-radius:6px;place-items:center;font-size:.8rem;display:grid}.product-frame{border:1px dashed var(--line);min-height:180px;color:var(--muted);background:#0e0e0e;border-radius:4px;place-items:center;margin-bottom:12px;font-size:.85rem;display:grid}.photo-frame{border:1px dashed var(--line);min-height:320px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;background:#0e0e0e;border-radius:6px;place-items:center;font-size:.8rem;display:grid;overflow:hidden}.photo-frame img{object-fit:cover;width:100%;height:100%;display:block}.footer{border-top:1px solid var(--line);gap:18px;padding-top:40px;display:grid}.footer p{color:var(--muted);max-width:680px;margin:0}.footer-links{color:var(--muted);flex-wrap:wrap;gap:16px;display:flex}@media (max-width:800px){.page{gap:72px;padding:24px 6vw 72px}.nav-links{width:100%}.nav-cta{justify-content:flex-start;width:100%}}
