*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #fafafa;--color-text: #1a1a1a;--color-text-secondary: #666;--color-text-muted: #999;--color-accent: #333;--color-accent-hover: #000;--color-border: #e5e5e5;--font-family: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}html,body{height:100%}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{flex:1;display:flex;flex-direction:column;width:100%}.header{padding:24px 40px;display:flex;justify-content:flex-start;align-items:center}.logo{display:flex;align-items:center}.logo-text{font-size:1.25rem;font-weight:500;color:var(--color-text);letter-spacing:-.02em}.hero{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:60px 40px 40px}.hero-content{display:flex;align-items:center;justify-content:center;gap:40px;max-width:1200px;width:100%}.hero-text{flex:1;max-width:480px}.product-name{font-size:3.5rem;font-weight:600;color:var(--color-text);letter-spacing:-.03em;margin-bottom:16px;line-height:1.1}.tagline{font-size:1.5rem;font-weight:400;color:var(--color-text-secondary);margin-bottom:24px;letter-spacing:.1em}.description{font-size:1rem;line-height:1.8;color:var(--color-text-muted);margin-bottom:40px}.btn-console{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:500;color:#fff;background:var(--color-accent);border:none;border-radius:50px;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-console:hover{background:var(--color-accent-hover);transform:translate(4px);box-shadow:0 8px 30px #0000001f}.btn-console svg{transition:transform .3s ease}.btn-console:hover svg{transform:translate(4px)}.hero-image{flex:1;display:flex;justify-content:center;align-items:center;max-width:400px}.device-preview{width:100%;max-width:320px;height:auto;filter:drop-shadow(0 20px 60px rgba(0,0,0,.1))}.footer{padding:12px 40px;text-align:center;border-top:1px solid var(--color-border)}.footer p{font-size:.75rem;color:var(--color-text-muted);line-height:1.6}.footer .footer-links{margin-bottom:4px}.footer a{color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.footer a:hover{color:var(--color-text-secondary)}.footer .divider{margin:0 12px;color:var(--color-border)}@media (max-width: 900px){.hero-content{flex-direction:column;gap:20px;text-align:center}.hero-text{max-width:100%}.product-name{font-size:2.5rem}.tagline{font-size:1.25rem}.btn-console{justify-content:center}}@media (max-width: 600px){.header{padding:20px 24px}.hero{padding:24px}.product-name{font-size:2rem}.tagline{font-size:1.1rem;letter-spacing:.05em}.description{font-size:.9rem}.btn-console{width:100%;justify-content:center;padding:14px 28px}.device-preview{max-width:200px}.footer{padding:10px 24px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-text{animation:fadeInUp .8s ease-out}.hero-image{animation:fadeInUp .8s ease-out .2s both}