:root{--ink:#1c2430;--ink-soft:#4a5568;--paper:#f4faf7;--paper-2:#eaf4ef;--foam:#fff;--mint:#7fd6b8;--mint-deep:#1f8f72;--coral:#ff5c3a;--coral-deep:#e04122;--butter:#ffe08a;--sky:#b8e4f5;--line:#1c24301a;--shadow-soft:0 18px 40px #1c243014;--radius:22px;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Literata", Georgia, serif;--ease-spring:cubic-bezier(.22, 1.2, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);background:radial-gradient(ellipse 90% 60% at 12% -10%, #7fd6b873, transparent 55%), radial-gradient(ellipse 70% 50% at 95% 8%, #ffe08a8c, transparent 50%), radial-gradient(ellipse 60% 40% at 70% 100%, #b8e4f566, transparent 55%), linear-gradient(180deg, #f7fcfa 0%, var(--paper) 40%, #eef6f2 100%);background-attachment:fixed;margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.35;mix-blend-mode:multiply;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}a{color:inherit}button{font:inherit;cursor:pointer;background:0 0;border:none}img{max-width:100%;display:block}.site-nav{z-index:40;pointer-events:none;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.site-nav>*{pointer-events:auto}.nav-brand{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);transition:transform .35s var(--ease-spring), box-shadow .35s ease;background:#ffffffb8;border-radius:999px;padding:.55rem 1rem;font-size:1.05rem;font-weight:800}.nav-brand:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)rotate(-1deg)}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.nav-chip{font-family:var(--font-display);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);color:var(--ink-soft);transition:transform .35s var(--ease-spring), background .25s ease, color .25s ease, box-shadow .25s ease;background:#ffffffb3;border-radius:999px;padding:.5rem .85rem;font-size:.8rem;font-weight:650}.nav-chip:hover{background:var(--ink);color:var(--foam);transform:translateY(-3px)scale(1.04);box-shadow:0 10px 24px #1c24302e}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:2rem;min-height:100dvh;padding:6.5rem 6vw 4rem;display:grid;position:relative}.hero-copy{max-width:34rem}.brand-mark{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);margin:0 0 1.25rem;font-size:clamp(4.5rem,12vw,8.5rem);font-weight:800;line-height:.88}.brand-mark span{color:var(--coral);display:inline-block}.hero-headline{font-family:var(--font-display);max-width:22ch;margin:0 0 .85rem;font-size:clamp(1.35rem,2.6vw,1.9rem);font-weight:700;line-height:1.25}.hero-lede{color:var(--ink-soft);max-width:36ch;margin:0 0 1.75rem;font-size:1.08rem;line-height:1.55}.hero-cta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn{font-family:var(--font-display);transition:transform .4s var(--ease-spring), box-shadow .3s ease, background .25s ease;will-change:transform;border-radius:999px;align-items:center;gap:.55rem;padding:.9rem 1.35rem;font-size:.95rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--coral);color:#fff;box-shadow:0 12px 28px #ff5c3a59}.btn-primary:hover{background:var(--coral-deep);transform:translateY(-4px)rotate(-1.5deg)scale(1.03);box-shadow:0 18px 36px #ff5c3a66}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:#ffffffb3}.btn-ghost:hover{box-shadow:var(--shadow-soft);background:#fff;transform:translateY(-3px)rotate(1deg)}.btn .arrow{transition:transform .35s var(--ease-spring)}.btn:hover .arrow{transform:translate(4px)}.hero-visual{place-items:center;min-height:420px;display:grid;position:relative}.vinyl-stage{aspect-ratio:1;filter:drop-shadow(0 30px 50px #1c24302e);width:min(52vw,460px);position:relative}.vinyl{background:radial-gradient(circle,#ff5c3a 0 9%,#0000 9.2%),radial-gradient(circle,#f4faf7 0 14%,#0000 14.2%),repeating-radial-gradient(circle,#24303c 0 1px,#1c2430 2px,#2a3644 3px,#1c2430 4px);border-radius:50%;width:100%;height:100%;animation:28s linear infinite spin-slow;position:relative}.vinyl:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute;inset:18%;box-shadow:0 0 0 28px #ffffff08,0 0 0 56px #ffffff05}.vinyl-label{text-align:center;color:#fff;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(145deg,#7fd6b8,#1f8f72);border-radius:50%;place-items:center;font-size:clamp(.7rem,1.5vw,.95rem);font-weight:800;line-height:1.2;display:grid;position:absolute;inset:34%;box-shadow:inset 0 0 0 3px #ffffff40}.float-chip{font-family:var(--font-display);background:var(--foam);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:16px;padding:.65rem .9rem;font-size:.82rem;font-weight:700;animation:5s ease-in-out infinite float-y;position:absolute}.float-chip strong{color:var(--mint-deep);font-size:1.05rem;display:block}.float-a{animation-delay:0s;top:8%;left:-4%}.float-b{animation-delay:1.2s;bottom:12%;right:-2%}.float-c{background:var(--butter);animation-delay:.6s;top:42%;right:-8%}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.section{max-width:1180px;margin:0 auto;padding:4.5rem 6vw}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.75rem;display:flex}.eyebrow{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--mint-deep);margin:0 0 .4rem;font-size:.78rem;font-weight:700}.section h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.05}.section-note{color:var(--ink-soft);max-width:38ch;margin:.6rem 0 0;line-height:1.5}.stat-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.stat-tile{border:1px solid var(--line);border-radius:var(--radius);transition:transform .45s var(--ease-spring), box-shadow .35s ease, background .25s ease;transform-origin:bottom;background:#ffffffb8;padding:1.25rem 1.3rem}.stat-tile:hover{box-shadow:var(--shadow-soft);background:#fff;transform:translateY(-8px)rotate(-.8deg)}.stat-tile:nth-child(2n):hover{transform:translateY(-8px)rotate(.8deg)}.stat-label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .45rem;font-size:.78rem;font-weight:700}.stat-value{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:800;line-height:1}.stat-sub{color:var(--ink-soft);margin:.45rem 0 0;font-size:.92rem}.panel{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);transition:transform .45s var(--ease-spring), box-shadow .35s ease;background:#ffffffc7;padding:1.35rem;box-shadow:inset 0 1px #fffc}.panel:hover{box-shadow:var(--shadow-soft)}.panel-window{padding:0;overflow:hidden}.window-chrome{border-bottom:1px solid var(--line);background:linear-gradient(#fff,#f3faf7);align-items:center;gap:.45rem;padding:.75rem 1rem;display:flex}.traffic{width:11px;height:11px;transition:transform .35s var(--ease-spring);border-radius:50%}.panel-window:hover .traffic:first-child{transform:scale(1.25)}.panel-window:hover .traffic:nth-child(2){transform:scale(1.15)translateY(-1px)}.panel-window:hover .traffic:nth-child(3){transform:scale(1.2)}.traffic.red{background:#ff6b6b}.traffic.amber{background:#ffd166}.traffic.green{background:#6bcf8e}.window-title{font-family:var(--font-display);color:var(--ink-soft);margin-left:.4rem;font-size:.82rem;font-weight:700}.window-body{padding:1.2rem 1.25rem 1.35rem}.split-2{grid-template-columns:1.2fr .8fr;gap:1.1rem;display:grid}.split-3{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}.year-rail{scrollbar-width:thin;gap:.5rem;padding-bottom:.4rem;display:flex;overflow-x:auto}.year-pill{font-family:var(--font-display);border:1px solid var(--line);color:var(--ink-soft);transition:transform .35s var(--ease-spring), background .25s ease, color .25s ease, border-color .25s ease;background:#ffffffa6;border-radius:999px;flex:none;padding:.7rem 1rem;font-size:.9rem;font-weight:700}.year-pill:hover{transform:translateY(-3px)scale(1.04)}.year-pill.active{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-2px)}.year-detail{grid-template-columns:1.1fr .9fr;gap:1rem;margin-top:1.1rem;display:grid}.big-metric{font-family:var(--font-display);letter-spacing:-.04em;margin:.2rem 0 .35rem;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:800;line-height:.95}.muted{color:var(--ink-soft)}.bar-list{flex-direction:column;gap:.7rem;display:flex}.bar-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem .75rem;display:grid}.bar-meta{grid-column:1/-1;justify-content:space-between;gap:.75rem;display:flex}.bar-name{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.bar-sub{color:var(--ink-soft);font-size:.82rem}.bar-count{font-family:var(--font-display);color:var(--ink-soft);white-space:nowrap;font-size:.85rem;font-weight:700}.bar-track{background:#1c24300f;border-radius:999px;grid-column:1/-1;height:10px;overflow:hidden}.bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--mint-deep), var(--mint));transform-origin:0;height:100%;transition:width .8s var(--ease-out)}.bar-fill.coral{background:linear-gradient(90deg, var(--coral-deep), var(--coral))}.bar-fill.butter{background:linear-gradient(90deg, #e0b84a, var(--butter))}.hour-chart{grid-template-columns:repeat(24,1fr);align-items:end;gap:.28rem;min-height:180px;padding-top:.5rem;display:grid}.hour-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:.35rem;height:100%;display:flex}.hour-bar{background:linear-gradient(180deg, var(--sky), var(--mint-deep));width:100%;min-height:4px;transition:transform .35s var(--ease-spring), filter .25s ease;transform-origin:bottom;border-radius:8px 8px 4px 4px}.hour-col:hover .hour-bar{filter:brightness(1.08);transform:scaleY(1.06)scaleX(1.15)}.hour-label{font-family:var(--font-display);color:var(--ink-soft);font-size:.58rem;font-weight:700}.dow-grid{grid-template-columns:repeat(7,1fr);gap:.55rem;display:grid}.dow-cell{text-align:center;border:1px solid var(--line);transition:transform .4s var(--ease-spring), background .25s ease;background:#ffffffb3;border-radius:16px;padding:.9rem .4rem}.dow-cell:hover{background:#fff;transform:translateY(-6px)rotate(-2deg)}.dow-cell .label{font-family:var(--font-display);color:var(--ink-soft);font-size:.78rem;font-weight:700}.dow-cell .value{font-family:var(--font-display);margin-top:.25rem;font-size:1.15rem;font-weight:800}.fun-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.fun-card{border-radius:var(--radius);border:1px solid var(--line);transition:transform .45s var(--ease-spring), box-shadow .35s ease;background:#fff;padding:1.3rem}.fun-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-8px)rotate(-1deg)}.fun-card:nth-child(3n-1):hover{transform:translateY(-8px)rotate(1deg)}.fun-card.mint{background:linear-gradient(160deg,#e8faf3,#fff 60%)}.fun-card.butter{background:linear-gradient(160deg,#fff6d8,#fff 60%)}.fun-card.sky{background:linear-gradient(160deg,#e5f5fc,#fff 60%)}.fun-card h3{font-family:var(--font-display);margin:0 0 .45rem;font-size:1.15rem}.fun-card p{color:var(--ink-soft);margin:0;line-height:1.5}.muse-banner{border-radius:calc(var(--radius) + 6px);color:#fff;transition:transform .45s var(--ease-spring);background:radial-gradient(circle at 90% 20%,#ff5c3a2e,#0000 40%),linear-gradient(120deg,#1c2430,#2d3a4d);grid-template-columns:1.2fr .8fr;align-items:center;gap:1rem;margin-top:1rem;padding:1.6rem 1.5rem;display:grid;position:relative;overflow:hidden}.muse-banner:hover{transform:scale(1.01)}.muse-banner h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.5rem,3vw,2rem)}.muse-banner p{opacity:.86;max-width:42ch;margin:0;line-height:1.5}.muse-stat{font-family:var(--font-display);letter-spacing:-.04em;text-align:right;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.muse-stat span{letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-top:.25rem;font-size:.85rem;font-weight:650;display:block}.track-grid{grid-template-columns:repeat(2,1fr);gap:.65rem;display:grid}.track-item{border:1px solid var(--line);transition:transform .4s var(--ease-spring), background .25s ease, box-shadow .3s ease;background:#ffffffa6;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.75rem .85rem;display:grid}.track-item:hover{box-shadow:var(--shadow-soft);background:#fff;transform:translate(6px)scale(1.01)}.track-rank{font-family:var(--font-display);color:var(--mint-deep);width:1.6rem;font-weight:800}.track-name{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:700;overflow:hidden}.track-artist{color:var(--ink-soft);margin:.1rem 0 0;font-size:.82rem}.track-plays{font-family:var(--font-display);color:var(--ink-soft);font-size:.85rem;font-weight:700}.platform-pills{flex-wrap:wrap;gap:.55rem;display:flex}.platform-pill{font-family:var(--font-display);border:1px solid var(--line);transition:transform .4s var(--ease-spring);background:#fff;border-radius:999px;padding:.7rem .95rem;font-weight:700}.platform-pill:hover{transform:translateY(-4px)rotate(-2deg)scale(1.04)}.platform-pill em{color:var(--mint-deep);margin-left:.35rem;font-style:normal}.footer{text-align:center;color:var(--ink-soft);padding:3rem 6vw 4rem;font-size:.95rem}.footer strong{font-family:var(--font-display);color:var(--ink)}.loading,.error{text-align:center;place-items:center;min-height:100vh;padding:2rem;display:grid}.loading-orb{border:4px solid var(--line);border-top-color:var(--coral);border-radius:50%;width:72px;height:72px;margin:0 auto 1rem;animation:.9s linear infinite spin-slow}@media (width<=960px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:5.5rem}.hero-visual{order:-1;min-height:300px}.vinyl-stage{width:min(78vw,340px)}.stat-grid,.fun-grid,.split-3{grid-template-columns:1fr 1fr}.split-2,.year-detail,.muse-banner,.track-grid{grid-template-columns:1fr}.muse-stat{text-align:left}}@media (width<=640px){.nav-links{display:none}.stat-grid,.fun-grid,.split-3,.dow-grid{grid-template-columns:1fr}.hour-label:nth-child(odd){opacity:0}.section{padding:3.2rem 1.25rem}.hero{padding-inline:1.25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}