:root{--background:222 47% 5%;--foreground:210 35% 96%;--primary:188 95% 55%;--secondary:18 96% 62%;--muted:214 18% 68%;--destructive:0 84% 60%;--border:215 24% 24%;--card:222 40% 11%;--shadow-sm:0 8px 24px hsl(0 0% 0%/.24);--shadow-md:0 18px 48px hsl(0 0% 0%/.34);--shadow-lg:0 28px 80px hsl(188 95% 55%/.18);--transition-fast:180ms ease;--transition-smooth:420ms cubic-bezier(.2,.8,.2,1);--radius-sm:14px;--radius-md:22px;--radius-lg:34px}.dark{--background:222 47% 5%;--foreground:210 35% 96%;--primary:188 95% 55%;--secondary:18 96% 62%;--muted:214 18% 68%;--destructive:0 84% 60%;--border:215 24% 24%;--card:222 40% 11%}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 10%,hsl(var(--secondary)/.24),transparent 32%),radial-gradient(circle at 80% 0%,hsl(var(--primary)/.22),transparent 30%),hsl(var(--background));color:hsl(var(--foreground));min-height:100vh}a{text-decoration:none;color:inherit}.dynamic-island{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:10px;padding:8px;width:156px;overflow:hidden;border:1px solid hsl(var(--border)/.7);border-radius:999px;background:hsl(var(--card)/.58);backdrop-filter:blur(22px);box-shadow:var(--shadow-lg);transition:width var(--transition-smooth),background var(--transition-smooth)}.dynamic-island.expanded,.dynamic-island:hover{width:min(94vw,560px)}.island-trigger{border:0;background:hsl(var(--foreground)/.08);color:hsl(var(--foreground));border-radius:999px;padding:10px 14px;display:flex;gap:8px;align-items:center;font-weight:800;cursor:pointer;white-space:nowrap}.pulse-dot{width:9px;height:9px;border-radius:50%;background:hsl(var(--primary));box-shadow:0 0 18px hsl(var(--primary))}.island-menu{display:flex;gap:4px;opacity:0;transform:translateX(-8px);pointer-events:none;transition:var(--transition-smooth)}.dynamic-island.expanded .island-menu,.dynamic-island:hover .island-menu{opacity:1;transform:translateX(0);pointer-events:auto}.island-menu a{padding:10px 13px;border-radius:999px;color:hsl(var(--muted));font-size:14px;transition:var(--transition-fast)}.island-menu a:hover,.island-menu .active{background:hsl(var(--primary)/.13);color:hsl(var(--primary))}main{padding:110px 18px 40px;max-width:1180px;margin:auto}.hero-shell{display:grid;gap:32px;min-height:70vh;align-items:center}.eyebrow{color:hsl(var(--primary));text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900}.hero-content h1{font-size:clamp(46px,11vw,104px);line-height:.92;margin:12px 0;background:linear-gradient(135deg,hsl(var(--foreground)),hsl(var(--primary)),hsl(var(--secondary)));-webkit-background-clip:text;color:transparent}.hero-copy{color:hsl(var(--muted));font-size:18px;max-width:680px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}.btn{padding:14px 20px;border-radius:999px;font-weight:800;transition:var(--transition-fast)}.btn.primary{background:hsl(var(--primary));color:hsl(var(--background));box-shadow:0 16px 36px hsl(var(--primary)/.18)}.btn.ghost{border:1px solid hsl(var(--border));background:hsl(var(--foreground)/.05)}.btn:hover{transform:translateY(-2px)}.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:hsl(var(--muted))}.trust-row strong{color:hsl(var(--foreground))}.hero-visual{position:relative;min-height:420px}.orb{position:absolute;border-radius:999px;filter:blur(18px)}.orb-one{width:210px;height:210px;background:hsl(var(--secondary)/.38);right:12%;top:8%}.orb-two{width:170px;height:170px;background:hsl(var(--primary)/.34);left:8%;bottom:10%}.album-stack{position:relative;height:420px}.album-card,.glass-card,.artist-pill{background:hsl(var(--card)/.58);border:1px solid hsl(var(--border)/.7);backdrop-filter:blur(18px);box-shadow:var(--shadow-md);border-radius:var(--radius-lg)}.main-card{position:absolute;right:8%;top:18%;width:min(86vw,390px);padding:18px;display:flex;align-items:center;gap:16px}.cover,.playlist-art{display:grid;place-items:center;font-weight:900}.cover{width:90px;height:90px;border-radius:24px}.aurora,.gradient-one{background:linear-gradient(135deg,#22d3ee,#fb7185)}.main-card button{margin-left:auto;border:0;border-radius:50%;width:46px;height:46px;background:hsl(var(--primary));cursor:pointer}.small-card{position:absolute;padding:22px}.small-card.one{left:8%;top:12%}.small-card.two{right:2%;bottom:12%}.section-block{margin-top:36px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.section-heading h2{font-size:clamp(28px,5vw,46px);margin:0}.playlist-grid{display:grid;gap:16px}.playlist-card{padding:16px;transition:var(--transition-smooth)}.playlist-card:hover,.artist-pill:hover{transform:translateY(-6px);border-color:hsl(var(--primary)/.55)}.playlist-art{height:170px;border-radius:24px;margin-bottom:16px;font-size:28px}.gradient-two{background:linear-gradient(135deg,#38bdf8,#475569)}.gradient-three{background:linear-gradient(135deg,#f97316,#06b6d4)}.playlist-card p{color:hsl(var(--muted));line-height:1.55}.artist-strip{display:grid;gap:14px}.artist-pill{padding:14px;display:flex;align-items:center;gap:12px}.avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:hsl(var(--secondary)/.22);color:hsl(var(--secondary));font-weight:900}.artist-pill small{display:block;color:hsl(var(--muted));margin-top:4px}.site-footer{max-width:1180px;margin:20px auto;padding:28px 18px;color:hsl(var(--muted));display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid hsl(var(--border)/.7)}@media(min-width:760px){.hero-shell{grid-template-columns:1.05fr .95fr}.playlist-grid{grid-template-columns:repeat(3,1fr)}.artist-strip{grid-template-columns:repeat(4,1fr)}}@media(max-width:560px){.dynamic-island.expanded,.dynamic-island:hover{width:calc(100vw - 22px)}.island-menu a{font-size:12px;padding:9px 8px}.hero-actions .btn{width:100%;text-align:center}}