#hero{min-height:92vh;display:flex;justify-content:center;padding:120px 40px 80px;position:relative;overflow:hidden;background:radial-gradient(140% 120% at 0 0,rgba(91,141,248,.12) 0,rgba(17,24,39,0) 46%),radial-gradient(95% 110% at 100% 0,rgba(168,85,247,.12) 0,rgba(17,24,39,0) 40%)}#hero,.hero-container{width:100%;align-items:center}.hero-container{max-width:1300px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,560px);grid-gap:80px;gap:80px}.hero-left{position:relative;z-index:2}.hero-background-blob{position:absolute;top:40%;left:-120px;width:520px;height:520px;background:radial-gradient(circle,rgba(148,163,253,.25) 0,rgba(148,163,253,0) 70%);filter:blur(12px);transform:translateY(-50%);pointer-events:none;z-index:-1}.hero-content{display:grid;grid-gap:24px;gap:24px}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--blue-font);background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.25);padding:8px 16px;border-radius:999px;width:-moz-fit-content;width:fit-content}.hero-title{margin:0;font-size:clamp(40px,4vw,60px);line-height:1.05;letter-spacing:-.02em;color:var(--font-color)}.hero-description{margin:0;font-size:18px;line-height:1.7;color:var(--font-secondary);max-width:560px}.hero-highlights{margin:0;padding:0;list-style:none;display:grid;grid-gap:16px;gap:16px}.hero-highlights li{display:grid;grid-template-columns:auto 1fr;grid-gap:14px;gap:14px;align-items:flex-start}.hero-highlight-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:rgba(59,130,246,.12);color:var(--blue-font);border:1px solid rgba(59,130,246,.18);flex-shrink:0}.hero-highlights strong{display:block;font-size:16px;margin-bottom:2px;color:var(--font-color)}.hero-highlights p{margin:0;font-size:15px;color:var(--font-secondary);line-height:1.6}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-app-button{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;border:none}.hero-app-button.spotify{background:linear-gradient(135deg,#1db954,#1ed760);color:#fff;box-shadow:0 16px 45px rgba(29,185,84,.32)}.hero-app-button.spotify:hover{transform:translateY(-2px);box-shadow:0 20px 52px rgba(29,185,84,.38)}.hero-app-button.apple{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff;box-shadow:0 16px 45px rgba(168,85,247,.32)}.hero-app-button.apple:hover{transform:translateY(-2px);box-shadow:0 22px 52px rgba(168,85,247,.38)}.hero-right,.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.hero-visual{width:clamp(320px,40vw,520px);height:clamp(360px,45vw,520px)}.hero-glow{position:absolute;border-radius:999px;filter:blur(40px);opacity:.8}.hero-glow--primary{width:360px;height:360px;background:radial-gradient(circle,rgba(59,130,246,.35) 0,rgba(59,130,246,0) 70%);top:10%;left:12%}.hero-glow--secondary{width:420px;height:420px;background:radial-gradient(circle,rgba(168,85,247,.35) 0,rgba(168,85,247,0) 72%);bottom:6%;right:6%}.hero-device{position:relative;z-index:2;width:min(360px,82%);border-radius:28px;padding:28px 24px;background:rgba(15,23,42,.88);border:1px solid rgba(148,163,253,.18);box-shadow:0 26px 70px rgba(15,23,42,.55);display:grid;grid-gap:24px;gap:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-device__header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:rgba(226,232,240,.85)}.hero-device__status-dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#34d399 0,rgba(34,197,94,.3) 100%);box-shadow:0 0 12px rgba(34,197,94,.5)}.hero-device__time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:rgba(226,232,240,.65)}.hero-wave{display:flex;align-items:flex-end;gap:6px;height:120px;padding:12px 10px;border-radius:18px;background:linear-gradient(180deg,rgba(59,130,246,.18),rgba(30,64,175,.05));border:1px solid rgba(59,130,246,.2)}.hero-wave__bar{width:10px;border-radius:999px;background:linear-gradient(180deg,rgba(148,163,253,.8),rgba(59,130,246,.5));animation:hero-wave-pulse 1.8s ease-in-out infinite}.hero-wave__bar:nth-child(3n){animation-delay:.3s}.hero-wave__bar:nth-child(3n+1){animation-delay:.6s}@keyframes hero-wave-pulse{0%,to{opacity:.7;transform:scaleY(.95)}50%{opacity:1;transform:scaleY(1.05)}}.hero-device__footer{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(59,130,246,.16);color:rgba(226,232,240,.9);font-size:13px;width:-moz-fit-content;width:fit-content;border:1px solid rgba(59,130,246,.3)}.hero-card{position:absolute;width:220px;border-radius:18px;padding:18px;display:grid;grid-template-columns:auto 1fr;grid-gap:14px;gap:14px;align-items:start;background:rgba(15,23,42,.92);border:1px solid rgba(148,163,253,.18);color:rgba(226,232,240,.9);box-shadow:0 18px 45px rgba(15,23,42,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3}.hero-card--ready{top:32px;right:-16px}.hero-card--voice{bottom:36px;left:-12px}.hero-card__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:rgba(59,130,246,.18);color:var(--blue-font);border:1px solid rgba(59,130,246,.25)}.hero-card p{margin:4px 0 0;font-size:14px;line-height:1.5;color:rgba(226,232,240,.72)}@media screen and (max-width:1160px){.hero-container{gap:60px;grid-template-columns:1fr minmax(300px,480px)}.hero-card{width:200px}}@media screen and (max-width:980px){.hero-container{grid-template-columns:1fr;gap:60px}.hero-right{order:-1}.hero-content{text-align:center}.hero-eyebrow{margin:0 auto}.hero-highlights{justify-items:center}.hero-highlights li{max-width:480px}.hero-actions{justify-content:center}.hero-background-blob{left:50%;transform:translate(-50%,-50%)}#hero{padding:110px 24px 80px}}@media screen and (max-width:600px){#hero{padding:90px 16px 60px;min-height:auto}.hero-highlights li{grid-template-columns:1fr;text-align:center}.hero-highlight-icon{margin:0 auto}.hero-actions{flex-direction:column;width:100%}.hero-app-button{width:100%;justify-content:center}.hero-visual{width:100%;height:360px}.hero-device{width:88%}.hero-card--ready{top:12px;right:10px}.hero-card--voice{bottom:16px;left:10px}}