:root{--bg: #f2f2f7;--surface: #ffffff;--ink: #1d1d1f;--ink-2: #3c3c43;--ink-dim: #8e8e93;--line: rgba(60, 60, 67, .12);--line-strong: rgba(60, 60, 67, .2);--accent: #0071e3;--accent-hover: #0077ed;--grad-a: #0071e3;--grad-b: #6a5cff;--radius: 18px;--radius-sm: 12px;--shadow: 0 1px 3px rgba(0, 0, 0, .04);--sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--maxw: 820px;--t-blue: #0a84ff;--t-purple: #bf5af2;--t-green: #30d158;--t-pink: #ff375f;--t-indigo: #5e5ce6;--t-teal: #40c8e0;--t-orange: #ff9f0a;--t-red: #ff453a}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.47}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}::selection{background:#0071e32e}h1,h2{letter-spacing:-.022em;font-weight:600;margin:0}.nav{position:sticky;top:0;z-index:100;background:#f2f2f7cc;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}.nav-inner{max-width:var(--maxw);margin:0 auto;padding:0 22px;height:52px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:600;font-size:17px;color:var(--ink)}.brand:hover{color:var(--ink)}.nav-links{display:flex;gap:26px}.nav-links a{color:var(--ink-2);font-size:14px;font-weight:400}.nav-links a:hover{color:var(--ink)}@media (max-width: 560px){.nav-links{gap:15px}.nav-links a{font-size:13px}}main{max-width:var(--maxw);margin:0 auto;padding:0 22px}.section{padding:54px 0;scroll-margin-top:64px}.kicker{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--ink-dim);text-transform:uppercase;margin:0 0 10px 2px}.section-title{font-size:clamp(24px,3.4vw,32px);line-height:1.12;margin:0 0 10px}.section-lead{font-size:17px;color:var(--ink-dim);margin:0 0 22px 2px;max-width:62ch;line-height:1.5}.hero{padding:72px 0 56px;text-align:center;scroll-margin-top:64px}.hero-icon{width:84px;height:84px;margin:0 auto 26px;border-radius:20px;background:linear-gradient(150deg,var(--grad-a),var(--grad-b));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 26px #0071e347}.hero-icon svg{width:46px;height:46px}.eyebrow{font-size:15px;color:var(--ink-dim);margin:0 0 18px}.eyebrow a{font-weight:500}.hero h1{font-size:clamp(38px,6.4vw,62px);line-height:1.07;margin:0 auto 22px;max-width:16ch}.grad{background:linear-gradient(120deg,var(--grad-a),var(--grad-b));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lede{font-size:18px;line-height:1.6;color:var(--ink-2);max-width:52ch;margin:0 auto 30px}.lede strong{font-weight:600;color:var(--ink)}.cta-row{display:flex;flex-wrap:wrap;gap:12px}.hero .cta-row,.cta-row.centered{justify-content:center}.btn{font-family:var(--sans);font-size:15px;font-weight:500;padding:11px 22px;border-radius:980px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;transition:transform .15s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px);border-color:var(--ink-dim);color:var(--ink)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.group{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.row{display:flex;align-items:center;gap:14px;padding:13px 18px;position:relative}.row+.row:before{content:"";position:absolute;top:0;left:64px;right:0;height:1px;background:var(--line)}a.row.link{color:inherit;transition:background .15s ease}a.row.link:hover{background:#00000006}.tile{flex:0 0 auto;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 1px #ffffff47,0 1px 2px #0000001f}.tile svg{width:19px;height:19px}.tile-blue{background:var(--t-blue)}.tile-purple{background:var(--t-purple)}.tile-green{background:var(--t-green)}.tile-pink{background:var(--t-pink)}.tile-indigo{background:var(--t-indigo)}.tile-teal{background:var(--t-teal)}.tile-orange{background:var(--t-orange)}.tile-red{background:var(--t-red)}.row-text{flex:1;min-width:0}.row-title{font-size:16px;font-weight:500;color:var(--ink);line-height:1.3}.row-sub{font-size:13.5px;color:var(--ink-dim);line-height:1.4;margin-top:1px}.chev{flex:0 0 auto;color:var(--ink-dim);font-size:20px;font-weight:400;opacity:.5}.video-feature{display:grid;grid-template-columns:1.35fr 1fr;gap:26px;align-items:center;margin-bottom:20px}@media (max-width: 760px){.video-feature{grid-template-columns:1fr;gap:18px}}.video{position:relative;display:block;border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 9;background:#000;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.video:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000024}.video img{width:100%;height:100%;object-fit:cover;display:block}.video .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;background:#fffffff2;color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000004d;transition:transform .18s ease;padding-left:3px}.video:hover .play{transform:translate(-50%,-50%) scale(1.08)}.video-badge{position:absolute;left:14px;bottom:14px;font-size:12px;font-weight:500;color:#fff;background:#0000008c;padding:5px 12px;border-radius:980px;backdrop-filter:blur(6px)}.video-meta{padding-right:8px}.video-eyebrow{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.video-title{font-size:22px;font-weight:600;color:var(--ink);margin-bottom:10px;letter-spacing:-.01em;line-height:1.2}.video-desc{font-size:15px;color:var(--ink-dim);line-height:1.55}.spotify-wrap{max-width:520px}.contact{text-align:center;padding-top:64px}.contact .kicker{text-align:center;margin-left:0}.contact-h{font-size:clamp(24px,3.4vw,34px);max-width:22ch;margin:0 auto 28px;line-height:1.18}.footer{padding:34px 0 48px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-dim);text-align:center;margin-top:40px}
