:root{--bg-color: #ffffff;--text-primary: #111827;--text-secondary: #4b5563;--accent-color: #000000;--glass-bg: rgba(0, 0, 0, .02);--glass-border: rgba(0, 0, 0, .05);--glow-color: rgba(59, 130, 246, .08)}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-glow{position:fixed;top:-20%;left:50%;transform:translate(-50%);width:60vw;height:60vw;background:radial-gradient(circle,var(--glow-color) 0%,transparent 60%);z-index:-1;pointer-events:none;filter:blur(80px)}.container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;min-height:100vh}nav{display:flex;justify-content:space-between;align-items:center;padding:32px 0;flex-shrink:0}.logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.logo-dot{width:12px;height:12px;background-color:#0f8fff;border-radius:50%;display:inline-block}.hero{display:flex;align-items:stretch;justify-content:space-between;flex:1;gap:64px}.hero-content{flex:1;max-width:540px;display:flex;flex-direction:column;justify-content:center;padding-bottom:90px}h1{font-size:4.5rem;font-weight:800;line-height:1.1;letter-spacing:-.04em;margin-bottom:24px;background:linear-gradient(135deg,#111827,#4b5563);-webkit-background-clip:text;-webkit-text-fill-color:transparent}p.subtitle{font-size:1.5rem;font-weight:400;color:var(--text-secondary);margin-bottom:40px;letter-spacing:-.01em}.cta-group{display:flex;gap:16px;align-items:center}.play-badge{display:inline-block;transition:transform .3s ease}.play-badge img{height:60px;width:auto;display:block}.play-badge:hover{transform:translateY(-2px)}.hero-image{flex:1;position:relative;display:flex;justify-content:center;align-items:flex-end;padding-top:40px}.phone-mockup{max-width:400px;width:100%;height:auto;display:block;object-fit:contain;object-position:bottom;transform-origin:bottom center;transition:transform .4s cubic-bezier(.22,1,.36,1)}@media(max-width:992px){.hero{flex-direction:column;text-align:center;gap:32px}.hero-content{margin:0 auto;padding-top:40px;padding-bottom:20px}h1{font-size:3.5rem}.cta-group{justify-content:center}.hero-image{padding-top:0;align-items:flex-end;overflow:hidden}.phone-mockup{transform:translateY(0)}.hero-image:hover .phone-mockup{transform:translateY(-5px)}}