:root{--ink:#f8f2ed;--muted:#c3b4b3;--red:#f25b3d;--orange:#ff9a58;--wine:#160609;--wine2:#25090e;--line:rgba(255,238,228,.16);--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--wine);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(1200px,calc(100% - 72px));margin:auto}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.wordmark{font:700 22px var(--display);letter-spacing:-1.3px}.mark{color:var(--red);padding:0 2px}.nav nav{display:flex;gap:38px;color:#ddccca;font-size:13px}.nav nav a:hover,.footer a:hover{color:var(--orange)}.nav-cta{border:1px solid rgba(255,255,255,.35);border-radius:30px;padding:12px 18px;font-size:12px;font-weight:600;letter-spacing:.02em}.nav-cta span{color:var(--orange);padding-left:12px}.hero{min-height:700px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:40px 5.5% 70px}.hero-copy{position:relative;z-index:2;padding:28px 0 20px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:#e3b5a5;display:flex;align-items:center;gap:10px}.eyebrow i,.soon-pill i{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 16px #f25b3d;display:inline-block}h1,h2,h3,p{margin-top:0}.hero h1{font:500 clamp(50px,6vw,78px)/.98 var(--display);letter-spacing:-.065em;margin:30px 0 24px}.hero h1 em,h2 em{font-family:var(--serif);font-weight:400;color:var(--orange);letter-spacing:-.04em}.hero-text{font-size:16px;line-height:1.7;color:#d7c5c2;max-width:430px;margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:26px;padding:16px 22px;border-radius:4px;font-size:12px;font-weight:700}.button-cream{background:#f2e6dc;color:#211013}.button-cream span{font-size:18px;color:#a34230}.hero-note{margin-top:38px;color:#cdbab8;font-size:11px;display:flex;align-items:center;gap:12px}.sound-bars{display:flex;align-items:center;gap:3px;height:16px}.sound-bars b{display:block;width:2px;background:var(--orange);height:8px;border-radius:2px}.sound-bars b:nth-child(2){height:14px}.sound-bars b:nth-child(3){height:6px}.sound-bars b:nth-child(4){height:11px}.hero-visual{height:555px;position:relative;display:flex;align-items:center;justify-content:center}.hero-photo{position:absolute;height:490px;width:375px;object-fit:cover;object-position:center 25%;border-radius:190px 190px 4px 4px;z-index:1;filter:saturate(.86)}.hero-shade{position:absolute;z-index:1;width:375px;height:490px;border-radius:190px 190px 4px 4px;background:linear-gradient(0deg,rgba(14,2,4,.88),transparent 48%,rgba(30,5,8,.08))}.photo-label{position:absolute;left:calc(50% - 149px);bottom:54px;z-index:2;display:flex;flex-direction:column;gap:6px}.photo-label span,.floating-note small,.premium-chip{font-size:8px;letter-spacing:.14em;color:#e3b6a7;font-weight:700}.photo-label strong{font:500 37px var(--display);letter-spacing:-1.5px}.photo-label small{font-size:9px;letter-spacing:.16em;color:#cdb5b1}.hero-orbit{position:absolute;border:1px solid rgba(244,157,111,.26);border-radius:50%;width:550px;height:550px}.orbit-two{width:630px;height:630px;border-color:rgba(244,157,111,.11)}.floating-note{position:absolute;z-index:3;bottom:120px;right:-2px;display:flex;align-items:center;gap:13px;background:rgba(40,15,19,.83);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(16px);padding:13px 15px;border-radius:4px;box-shadow:0 16px 60px #100306}.floating-note span:nth-child(2){display:flex;flex-direction:column;gap:5px}.floating-note b{font-size:11px}.note-icon{font-size:22px;color:var(--orange)}.note-wave{font-size:13px;letter-spacing:2px;color:#f4714b}.hero-stamp{position:absolute;top:60px;right:5px;width:98px;height:98px;border:1px solid rgba(255,191,151,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(12deg);z-index:2;background:rgba(41,9,13,.55)}.hero-stamp span{font:600 25px var(--display);color:var(--orange)}.hero-stamp small{font-size:7px;letter-spacing:.13em;text-align:center;line-height:1.5}.hero-bottom{position:absolute;bottom:0;left:5.5%;right:5.5%;height:42px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.14em;color:#977f7f}.section-pad{padding:112px 0}.intro{background:linear-gradient(105deg,#250a10,#1b080c 65%,#1c080c);border-block:1px solid rgba(255,255,255,.035)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end}.intro h2,.section-heading h2,.premium h2,.closing h2{font:500 clamp(42px,5vw,62px)/1.03 var(--display);letter-spacing:-.06em;margin:22px 0 0}.intro-copy{padding:0 2% 4px 12%}.intro-copy p{color:#cfbfbc;line-height:1.8;font-size:15px;max-width:470px}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid rgba(240,161,124,.6);padding-bottom:9px;display:inline-block}.text-link span{color:var(--orange);margin-left:18px}.how{background:radial-gradient(ellipse at 83% 52%,rgba(106,20,30,.24),transparent 40%)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:56px}.section-heading>p{color:#c6b4b1;max-width:270px;line-height:1.7;font-size:13px;margin:0 0 6px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.step{min-height:254px;padding:25px 33px 30px 0;position:relative}.step+.step{padding-left:33px;border-left:1px solid var(--line)}.step-no{font-size:9px;letter-spacing:.15em;color:#a18481}.step-icon{margin:28px 0 18px;height:43px;width:43px;border:1px solid rgba(247,132,91,.55);border-radius:50%;display:grid;place-items:center;color:var(--orange);font-size:24px}.icon-disc{font-size:20px}.icon-swap{font-size:20px}.step h3{font:600 17px var(--display);margin-bottom:10px}.step p{max-width:285px;color:#bca9a7;font-size:12px;line-height:1.7}.step-line{position:absolute;bottom:0;left:0;right:33px;height:1px;background:linear-gradient(90deg,var(--red),transparent)}.step+.step .step-line{left:33px}.cycle-note{margin-top:28px;font-size:11px;color:#c7b4b0}.cycle-note span{color:var(--orange);margin-right:10px}.artists{background:#1b070b;border-top:1px solid var(--line)}.artists-heading{margin-bottom:38px}.artist-count{display:flex;align-items:center;gap:12px;margin-right:4%;color:#ad9290}.artist-count b{font:500 36px var(--display);color:var(--orange)}.artist-count span{font-size:8px;letter-spacing:.15em;line-height:1.6}.artist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.artist-card{height:275px;position:relative;overflow:hidden;background:#310f16;border-radius:3px}.artist-card:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(0deg,rgba(15,3,5,.92),rgba(15,3,5,0))}.artist-card img{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:saturate(.76);transition:transform .55s,filter .55s}.artist-card:hover img{transform:scale(1.045);filter:saturate(1)}.artist-meta{position:absolute;bottom:21px;left:18px;z-index:1}.artist-meta small{font-size:8px;letter-spacing:.14em;color:#edbca8}.artist-meta h3{font:500 22px var(--display);margin:6px 0 0;letter-spacing:-.04em}.artist-arrow{position:absolute;top:13px;right:14px;z-index:1;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:rgba(20,5,8,.48);border:1px solid rgba(255,255,255,.34);font-size:12px}.artist-card-wide{grid-column:span 2}.artist-caption{font-size:10px;color:#998584;margin:18px 0 0}.premium{padding-top:40px}.premium-panel{background:linear-gradient(118deg,#581822,#300e16 57%,#19080d);min-height:420px;display:grid;grid-template-columns:1.25fr .75fr;position:relative;overflow:hidden;padding:60px 7%;border:1px solid rgba(255,206,184,.15)}.premium-copy{position:relative;z-index:2}.premium h2{font-size:48px;margin:24px 0}.premium-copy>p{color:#e0c7c3;max-width:490px;line-height:1.7;font-size:13px}.price{display:flex;gap:13px;align-items:center;margin-top:29px}.price strong{font:500 38px var(--display);letter-spacing:-.04em}.price span{font-size:10px;line-height:1.6;color:#d7b6b3}.price-note{display:block;color:#b89a98;font-size:9px;margin-top:12px}.premium-art{position:relative;min-height:300px;display:grid;place-items:center}.vinyl{position:absolute;width:270px;height:270px;border-radius:50%;background:repeating-radial-gradient(circle,#1d0a0e 0 2px,#311016 3px 6px,#20090d 7px 10px);border:1px solid rgba(255,174,132,.36);box-shadow:0 25px 65px rgba(10,0,0,.45)}.vinyl-one{transform:translate(-24px,10px);opacity:.82}.vinyl-two{transform:translate(18px,-8px)}.vinyl-center{z-index:1;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;color:#351016;background:radial-gradient(circle,#ffae67,#e75a3b 68%);font-size:26px}.premium-chip{position:absolute;right:0;bottom:12px;z-index:2;background:#f2e1d4;color:#541620;padding:12px 17px;border-radius:2px;line-height:1.8}.premium-chip b{font:700 11px var(--display);color:#351016}.closing{padding-top:32px;padding-bottom:120px}.closing-inner{text-align:center;position:relative;overflow:hidden;padding:78px 0;background:radial-gradient(ellipse at center,rgba(110,22,32,.38),transparent 62%)}.closing .eyebrow{justify-content:center}.closing h2{font-size:56px;margin:25px 0 17px}.closing p{color:#c8b4b2;font-size:13px}.soon-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(246,190,163,.33);border-radius:30px;padding:12px 18px;font-size:9px;letter-spacing:.12em;color:#e8cac1;margin-top:16px}.soon-pill i{width:6px;height:6px}.footer{border-top:1px solid var(--line);background:#110509}.footer-main{padding:48px 0 42px;display:flex;justify-content:space-between}.footer-brand p{font-size:12px;color:#c4b0ae;margin:20px 0 10px}.footer-brand>span{font-size:10px;color:#806f6f}.footer-links{display:flex;gap:110px}.footer-links>div{display:flex;flex-direction:column;gap:12px;min-width:150px}.footer-links b{font-size:8px;letter-spacing:.16em;color:#a68d8b;margin-bottom:5px}.footer-links a{font-size:10px;color:#c4b0ae}.footer-links small{font-size:7px;letter-spacing:.1em;color:var(--orange);margin-left:3px}.footer-bottom{border-top:1px solid var(--line);height:56px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#826d6c}.footer-bottom a{color:#cbb5b1}.legal-main{min-height:60vh;padding:90px 0}.legal-main h1{font:500 clamp(40px,6vw,64px)/1 var(--display);letter-spacing:-.05em}.legal-main h2{font:600 18px var(--display);margin:34px 0 10px}.legal-main p,.legal-main li{color:#cfbfbc;line-height:1.8;font-size:14px;max-width:760px}.legal-main .draft-alert{padding:16px 20px;border:1px solid #a75340;background:#35151a;color:#ffd4bf;margin:24px 0;max-width:800px}.legal-main a:not(.button){color:var(--orange);text-decoration:underline}.contact-card{padding:24px;border:1px solid var(--line);max-width:550px;background:#220a10}.contact-card a{color:#ffd1b3!important}.back-home{display:inline-block;margin-bottom:30px;color:#d5a894;font-size:12px}.not-found{text-align:center;padding:140px 20px}
@media(max-width:850px){.wrap{width:min(100% - 40px,650px)}.nav{height:70px}.nav nav{gap:18px}.nav nav a{font-size:11px}.hero{grid-template-columns:1fr;min-height:auto;padding:65px 4% 70px}.hero h1{font-size:clamp(52px,12vw,78px)}.hero-copy{padding:15px 0 0}.hero-visual{height:490px;margin-top:24px}.hero-photo,.hero-shade{height:440px;width:min(340px,75vw)}.hero-orbit{width:450px;height:450px}.orbit-two{width:510px;height:510px}.floating-note{right:0;bottom:58px}.hero-stamp{top:18px;right:2%}.hero-bottom{left:4%;right:4%}.intro-grid{grid-template-columns:1fr;gap:35px}.intro-copy{padding:0;max-width:550px}.section-pad{padding:82px 0}.steps{grid-template-columns:1fr}.step,.step+.step{padding:24px 0 25px;border-left:0;border-bottom:1px solid var(--line);min-height:220px}.step+.step .step-line,.step-line{left:0;right:0}.step-icon{margin-top:20px}.section-heading{gap:20px}.artist-grid{grid-template-columns:repeat(2,1fr)}.artist-card{height:300px}.premium-panel{grid-template-columns:1fr;padding:48px 7% 20px}.premium-art{min-height:260px}.vinyl{width:230px;height:230px}.footer-links{gap:35px}.footer-main{gap:40px}.footer-bottom{gap:15px;flex-wrap:wrap;height:auto;padding:18px 0}.closing h2{font-size:48px}}
@media(max-width:520px){.wrap{width:calc(100% - 36px)}.nav nav{display:none}.nav-cta{padding:10px 13px}.hero{padding-top:55px}.hero h1{font-size:52px}.hero-text{font-size:14px;max-width:340px}.hero-visual{height:410px}.hero-photo,.hero-shade{height:372px;width:272px}.hero-orbit{width:360px;height:360px}.orbit-two{width:410px;height:410px}.floating-note{bottom:43px;padding:10px 12px;right:-6px}.hero-stamp{width:78px;height:78px;right:-6px}.hero-stamp span{font-size:20px}.hero-stamp small{font-size:6px}.photo-label{left:calc(50% - 125px);bottom:44px}.photo-label strong{font-size:31px}.hero-bottom{font-size:7px;letter-spacing:.08em}.hero-bottom span:nth-child(2){display:none}.intro h2,.section-heading h2{font-size:45px}.section-heading{align-items:start;flex-direction:column;margin-bottom:38px}.section-heading>p{max-width:340px}.artist-count{margin:0}.artist-card{height:225px}.artist-meta{left:12px;bottom:16px}.artist-meta h3{font-size:18px}.artist-meta small{font-size:7px}.artist-card-wide{grid-column:span 2;height:220px}.premium{padding-top:22px}.premium-panel{padding:38px 22px 12px}.premium h2{font-size:39px}.premium-copy>p{font-size:12px}.price strong{font-size:34px}.vinyl{width:205px;height:205px}.premium-art{min-height:230px}.closing{padding-bottom:75px}.closing h2{font-size:43px}.closing p{max-width:300px;margin:0 auto 12px;line-height:1.7}.soon-pill{font-size:7px}.footer-main{flex-direction:column;gap:32px;padding:38px 0}.footer-links{gap:25px}.footer-links>div{min-width:0}.footer-links a{font-size:9px}.footer-bottom{font-size:8px}.footer-bottom span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Product-first presentation, using the actual app design preview. */
.hero-refresh{min-height:650px;padding-top:26px}
.hero-refresh .hero-copy{max-width:550px}
.hero-refresh h1{font-size:clamp(48px,5.4vw,72px);line-height:.96}
.hero-refresh .hero-photo,.hero-refresh .hero-shade{border-radius:190px 190px 18px 18px}
.hero-refresh .floating-note{border-radius:16px;background:rgba(19,7,10,.94);padding:15px 18px}
.hero-refresh .hero-stamp{border-radius:28px;transform:rotate(5deg)}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.ai-disclosure{margin:14px 0 0;color:#cdbab8;font-size:11px;line-height:1.6;max-width:340px}
.hero-refresh .hero-text{display:flex;align-items:flex-start;gap:10px}
.hero-refresh .hero-text .sound-bars{display:inline-flex;flex:0 0 16px;vertical-align:middle;margin:6px 0 0}
.app-store-badge{min-height:54px;display:inline-flex;align-items:center;gap:10px;padding:7px 15px;background:#050505;color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:8px;box-shadow:0 7px 22px rgba(0,0,0,.24)}
.app-store-badge .apple-mark{font:34px/1 Arial,sans-serif}
.app-store-badge>span:last-child{display:flex;flex-direction:column;gap:2px}
.app-store-badge small{font-size:7px;letter-spacing:.12em;color:#eee}
.app-store-badge strong{font:600 17px/1 var(--display);letter-spacing:-.03em}
.hero-refresh .hero-visual{height:620px;overflow:visible}
.app-phone{position:relative;z-index:1;width:min(286px,72vw);padding:9px;border:3px solid #575257;border-radius:42px;background:#080609;box-shadow:0 24px 70px rgba(0,0,0,.56),inset 0 0 0 2px #181519;transform:rotate(1deg)}
.app-phone:before{content:"";position:absolute;z-index:2;top:11px;left:50%;transform:translateX(-50%);width:29%;height:18px;border-radius:20px;background:#070608}
.app-phone img{display:block;width:100%;height:auto;border-radius:31px}
.phone-caption{position:absolute;z-index:2;bottom:5px;right:0;padding:10px 14px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:rgba(33,9,15,.91);color:#eed2c5;font-size:8px;letter-spacing:.12em}
.screens-section{background:linear-gradient(120deg,#230b11,#17080c 72%);border-block:1px solid var(--line)}
.screens-layout{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:54px}
.screens-copy h2{font:500 clamp(42px,5vw,62px)/1.03 var(--display);letter-spacing:-.06em;margin:22px 0}
.screens-copy h2 em{font-family:var(--serif);font-weight:400;color:var(--orange);letter-spacing:-.04em}
.screens-copy p{max-width:390px;color:#cfbfbc;font-size:14px;line-height:1.8;margin-bottom:24px}
.screens-figure{margin:0;min-width:0}
.screens-figure img{display:block;width:100%;height:auto;border:1px solid rgba(245,212,199,.18);border-radius:12px;box-shadow:0 22px 72px rgba(0,0,0,.28)}
.screens-figure figcaption{font-size:9px;letter-spacing:.12em;color:#ab9290;text-align:right;margin-top:12px}
.screen-disclaimer{font-size:10px!important;color:#a99290!important}
.screen-fan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:12px;padding:24px 7px 34px;perspective:1100px}
.phone-card{min-width:0;margin:0;padding:5px 5px 0;border:1px solid rgba(243,213,200,.22);border-radius:24px;background:#09070a;box-shadow:0 18px 42px rgba(0,0,0,.4);transition:transform .3s ease,box-shadow .3s ease}
.phone-card:hover{transform:translateY(-8px) rotate(0)!important;box-shadow:0 26px 58px rgba(0,0,0,.53);z-index:4}
.artists-phone{transform:translateY(10px) rotate(-4deg)}
.player-hailey{transform:translateY(-9px) rotate(-1deg);z-index:2}
.player-selena{transform:translateY(8px) rotate(2deg)}
.player-cole{transform:translateY(-5px) rotate(5deg)}
.artists-phone img,.player-capture{display:block;width:100%;aspect-ratio:430/932;border-radius:19px;overflow:hidden}
.artists-phone img{object-fit:cover}
.phone-card figcaption{min-height:28px;padding:8px 3px 5px;color:#cfb8b4;text-align:center;font-size:7px;letter-spacing:.07em;white-space:nowrap}
.player-capture{position:relative;background-image:linear-gradient(0deg,rgba(12,3,7,.96),rgba(12,3,7,.05) 70%),var(--artist-image);background-size:cover;background-position:center 28%;color:#fff}
.capture-status,.capture-tabs{position:absolute;left:9%;right:9%;display:flex;justify-content:space-between;align-items:center}
.capture-status{top:5%;font:500 7px var(--sans);color:rgba(255,255,255,.88)}
.capture-tabs{top:10%;font:600 6px var(--sans);color:rgba(255,255,255,.64)}
.capture-tabs b{color:#fff;border-bottom:1px solid #fff;padding-bottom:3px}
.capture-song{position:absolute;left:9%;right:9%;bottom:12%;display:flex;flex-direction:column;gap:5px}
.capture-song small{font:500 6px var(--sans);color:#f1bba3;letter-spacing:.1em}
.capture-song strong{font:700 clamp(11px,1.2vw,16px)/1.08 var(--display);letter-spacing:-.04em}
.capture-song>span{font:500 8px var(--sans);color:#eadbd8}
.capture-progress{height:2px;margin-top:12px;background:rgba(255,255,255,.45);border-radius:2px}
.capture-progress i{display:block;width:43%;height:100%;background:#fff;border-radius:2px}
.capture-controls{font:500 13px var(--sans);letter-spacing:.1em;margin-top:9px;color:#fff}
.artist-card{border-radius:12px}
.premium-panel{border-radius:16px}
.soon-pill{border-radius:12px}
@media(max-width:850px){.hero-refresh{min-height:auto}.hero-refresh .hero-visual{height:600px}.app-phone{width:min(270px,68vw)}.screens-layout{grid-template-columns:1fr;gap:35px}.screens-copy{max-width:560px}.screens-figure{width:100%}.screen-fan{grid-template-columns:repeat(4,175px);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:22px 16px 32px}.phone-card{scroll-snap-align:center}}
@media(max-width:520px){.hero-refresh h1{font-size:clamp(38px,11vw,44px)}.hero-refresh .hero-visual{height:500px;margin-top:26px}.app-phone{width:min(235px,66vw);border-radius:35px;padding:7px}.app-phone img{border-radius:26px}.app-phone:before{top:8px}.phone-caption{bottom:4px;right:-4px;font-size:7px;padding:8px 10px}.hero-actions{align-items:flex-start}.app-store-badge{min-height:50px;padding:6px 12px}.app-store-badge strong{font-size:15px}.screens-section{padding:70px 0}.screen-fan{grid-template-columns:repeat(4,155px);gap:9px}.phone-card{border-radius:20px;padding:4px 4px 0}.artists-phone img,.player-capture{border-radius:16px}}
.closing-inner>.app-store-badge{margin-top:34px}

/* Improve the legibility of supporting labels across desktop and mobile. */
.nav nav{font-size:14px}
.nav-cta,.button,.text-link{font-size:13px}
.eyebrow{font-size:11px}
.photo-label span,.floating-note small,.premium-chip,.artist-meta small{font-size:10px}
.photo-label small{font-size:11px}
.hero-stamp small,.hero-bottom,.step-no,.artist-count span,.screens-figure figcaption,.phone-card figcaption{font-size:10px}
.hero-stamp small{font-size:9px}
.hero-note,.ai-disclosure,.cycle-note,.artist-caption,.closing p,.footer-brand>span{font-size:12px}
.step p,.section-heading>p,.premium-copy>p{font-size:14px}
.price span,.footer-brand p{font-size:12px}
.price-note,.premium-chip{font-size:11px}
.soon-pill{font-size:11px}
.footer-links b{font-size:10px}
.footer-links a{font-size:12px}
.footer-links small{font-size:9px}
.footer-bottom{font-size:11px}
.app-store-badge small{font-size:9px}
.phone-caption{font-size:10px}
.capture-status{font-size:9px}
.capture-tabs{font-size:8px}
.capture-song small{font-size:8px}
.capture-song>span{font-size:9px}
.ai-disclosure{max-width:440px;margin:18px 0 0;color:#f0dfd9;font-size:14px;line-height:1.55;font-weight:500;letter-spacing:0}
.ai-disclosure strong{color:inherit;font-weight:700}

/* Centered product landing inspired by the reference page, in seven's own palette. */
.nav{justify-content:center;border-bottom:0}
.nav .wordmark{font-size:27px;letter-spacing:-1.7px}
.hero-refresh{width:100%;max-width:none;min-height:1020px;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:center;align-content:start;gap:0;overflow:hidden;padding:44px 24px 38px;background:radial-gradient(ellipse 68% 48% at 50% 38%,rgba(105,25,39,.48),rgba(48,11,20,.18) 58%,transparent 100%),linear-gradient(180deg,#19070c 0%,#22090f 65%,#160609 100%)}
.hero-refresh .hero-copy{width:min(100%,940px);max-width:940px;text-align:center;padding:12px 0 0}
.hero-refresh h1{font-size:clamp(54px,7.2vw,88px);line-height:.97;margin:12px 0 22px;letter-spacing:-.07em}
.hero-refresh .hero-text{display:block;max-width:760px;margin:0 auto 25px;text-align:center;font-size:clamp(16px,1.55vw,19px);line-height:1.65}
.hero-refresh .hero-text .sound-bars{display:inline-flex;vertical-align:-3px;margin:0 10px 0 0}
.hero-actions{justify-content:center}
.ai-disclosure{margin:20px auto 0;max-width:none;text-align:center;font-size:14px}
.hero-refresh .hero-visual{width:min(100%,1000px);height:640px;margin:10px auto 0;overflow:visible}
.hero-refresh .hero-orbit{width:690px;height:690px;top:12px;left:50%;transform:translateX(-50%);border-color:rgba(244,157,111,.17)}
.hero-refresh .orbit-two{width:780px;height:780px;top:-32px;border-color:rgba(244,157,111,.08)}
.app-phone{width:min(330px,78vw);transform:none;box-shadow:0 28px 90px rgba(0,0,0,.7),0 0 90px rgba(242,91,61,.1),inset 0 0 0 2px #181519}
.hero-stamp,.phone-caption,.hero-bottom{display:none}
@media(max-width:850px){.hero-refresh{min-height:940px;padding:50px 22px 28px}.hero-refresh .hero-visual{height:590px;margin-top:12px}.hero-refresh .hero-orbit{width:580px;height:580px;top:10px}.hero-refresh .orbit-two{width:660px;height:660px;top:-25px}.app-phone{width:min(300px,72vw)}}
@media(max-width:520px){.nav{height:68px}.nav .wordmark{font-size:24px}.hero-refresh{min-height:unset;padding:38px 18px 56px}.hero-refresh .hero-copy{padding-top:5px}.hero-refresh h1{font-size:clamp(42px,11vw,54px);line-height:.98;margin:10px 0 20px}.hero-refresh .hero-text{max-width:390px;font-size:15px;line-height:1.6;margin-bottom:21px}.ai-disclosure{max-width:300px;margin-top:16px;font-size:13px}.hero-refresh .hero-visual{height:auto;min-height:520px;margin-top:24px;align-items:flex-start;padding-top:8px}.hero-refresh .hero-orbit{width:min(112vw,430px);height:min(112vw,430px);top:48px}.hero-refresh .orbit-two{width:min(126vw,485px);height:min(126vw,485px);top:20px}.app-phone{width:min(250px,68vw);border-radius:35px;padding:7px}.app-phone img{border-radius:26px}.app-phone:before{top:8px}}
@media(max-width:520px){
  .nav nav a{font-size:12px}
  .hero-bottom{font-size:9px}
  .hero-stamp small{font-size:8px}
  .artist-meta small{font-size:9px}
  .footer-links a{font-size:12px}
  .footer-bottom{font-size:10px}
  .phone-caption{font-size:9px}
  .phone-card figcaption{font-size:9px}
  .ai-disclosure{font-size:13px;max-width:340px}
}

/* Give the app screen previews more room and scale them up. */
.screens-section .screens-layout{width:min(1360px,calc(100% - 72px));grid-template-columns:.58fr 1.42fr;gap:38px}
.screen-fan{gap:16px;padding-inline:10px}
@media(max-width:850px){
  .screens-section .screens-layout{width:min(100% - 40px,720px);grid-template-columns:1fr;gap:35px}
  .screen-fan{grid-template-columns:repeat(4,205px);gap:14px}
}
@media(max-width:520px){
  .screens-section .screens-layout{width:calc(100% - 28px)}
  .screen-fan{grid-template-columns:repeat(4,180px);gap:12px}
}

/* Keep the phone preview below the App Store and AI disclosure. */
.hero-refresh .hero-visual{height:940px;margin-top:14px;padding-top:76px;align-items:flex-start}
.app-phone{width:min(390px,82vw)}
.hero-refresh .hero-orbit{top:104px}
.hero-refresh .orbit-two{top:60px}
@media(max-width:850px){.hero-refresh .hero-visual{height:850px;margin-top:12px;padding-top:62px}.app-phone{width:min(340px,78vw)}.hero-refresh .hero-orbit{top:88px}.hero-refresh .orbit-two{top:48px}}
@media(max-width:520px){.hero-refresh .hero-visual{height:700px;min-height:0;margin-top:10px;padding-top:48px}.app-phone{width:min(280px,76vw)}.hero-refresh .hero-orbit{top:80px}.hero-refresh .orbit-two{top:50px}}

/* Fine alignment and legibility adjustments requested for the hero. */
.hero-refresh .ai-disclosure{font-size:13px}
.hero-refresh .hero-text .sound-bars{vertical-align:middle}
@media(max-width:520px){.hero-refresh .ai-disclosure{font-size:12px}}

/* Match the app's blue controls in the website's accent typography. */
:root{--app-blue:#45B4FF;--app-blue-light:#B5E2FF}
.hero h1 em,h2 em,.screens-copy h2 em{color:var(--app-blue)}
.button-cream span,.text-link span,.note-icon,.note-wave,.hero-stamp span,.step-icon,.cycle-note span,.artist-count b,.footer-links small,.capture-song small,.nav nav a:hover,.footer a:hover{color:var(--app-blue)}
.sound-bars b{background:var(--app-blue)}
.eyebrow,.photo-label span,.photo-label small,.floating-note small,.hero-stamp small,.artist-meta small{color:var(--app-blue-light)}

/* Unify the burgundy product imagery with the app's blue controls. */
:root{--wine:#111522;--wine2:#191a2b}
body{background:var(--wine)}
.hero-refresh{background:radial-gradient(ellipse 68% 48% at 50% 38%,rgba(69,180,255,.2),rgba(48,20,38,.16) 58%,transparent 100%),linear-gradient(180deg,#111522 0%,#1b1120 65%,#111522 100%)}
.hero-refresh .hero-orbit{border-color:rgba(143,183,201,.14)}
.hero-refresh .orbit-two{border-color:rgba(143,183,201,.07)}
.app-phone{box-shadow:0 28px 90px rgba(0,0,0,.7),0 0 90px rgba(8,119,249,.12),inset 0 0 0 2px #181519}
.intro{background:linear-gradient(105deg,#1b0d18,#15101b 65%,#171020);border-color:rgba(143,183,201,.08)}
.how{background:radial-gradient(ellipse at 83% 52%,rgba(40,115,180,.24),transparent 42%)}
.screens-section{background:linear-gradient(120deg,#101629,#171020 72%);border-block-color:rgba(143,183,201,.13)}
.artists{background:#140e19;border-top-color:rgba(143,183,201,.12)}
.artist-card{background:#211522}
.artist-arrow{border-color:rgba(143,183,201,.4)}
.premium-panel{background:linear-gradient(118deg,#382035,#261522 57%,#171020);border-color:rgba(143,183,201,.14)}
.closing-inner{background:radial-gradient(ellipse at center,rgba(8,119,249,.12),rgba(72,33,64,.15) 38%,transparent 66%)}
.footer{background:#0c0a12}
.footer-links small,.capture-song small{color:var(--app-blue-light)}
.how .step-icon{border-color:rgba(8,119,249,.58);color:var(--app-blue)}
.how .step-line{background:linear-gradient(90deg,var(--app-blue),transparent)}
.app-phone-native{overflow:visible;padding:8px;border:1px solid #78808a;border-radius:clamp(38px,4vw,52px);background:linear-gradient(112deg,#777d85 0%,#202226 9%,#090a0c 28%,#050607 72%,#5e636b 91%,#111215 100%);box-shadow:0 34px 90px rgba(0,0,0,.76),0 0 90px rgba(69,180,255,.12),inset 0 0 0 2px #282b30,inset 0 0 0 4px #08090a}
.app-phone-native img{border-radius:clamp(30px,3.3vw,42px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.app-phone-native:before{display:block;content:"";position:absolute;z-index:3;top:19%;left:-5px;width:4px;height:48px;border-radius:3px;background:linear-gradient(90deg,#32353a,#a4a8ae 48%,#484c52);box-shadow:0 58px 0 #555a61}
.app-phone-native:after{content:"";position:absolute;z-index:3;top:24%;right:-5px;width:4px;height:72px;border-radius:3px;background:linear-gradient(90deg,#494d54,#a5a9af 52%,#383b40)}
@media(max-width:520px){.app-phone-native{padding:7px;border-radius:38px}.app-phone-native img{border-radius:30px}}

/* Give the hero preview the proportions and hardware details of a recent iPhone. */
.app-phone{
  padding:8px;
  border:1px solid #747981;
  border-radius:clamp(48px,5vw,58px);
  background:linear-gradient(112deg,#92969d 0%,#3b3e44 2%,#101114 6%,#07080a 24%,#050607 76%,#25282d 94%,#858991 99%,#17191d 100%);
  box-shadow:0 34px 90px rgba(0,0,0,.72),0 0 70px rgba(69,180,255,.1),inset 0 0 0 2px #272a30,inset 0 0 0 4px #08090b;
  transform:rotate(.3deg);
}
.app-phone:before{
  top:15px;
  width:30%;
  height:26px;
  background:#020304;
  box-shadow:0 0 0 1px rgba(255,255,255,.035),inset 0 1px 1px rgba(255,255,255,.06);
}
.app-phone img{
  border-radius:clamp(39px,4vw,49px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
}
.iphone-button{position:absolute;z-index:3;display:block;border:1px solid #6c7076;background:linear-gradient(90deg,#24272c,#999da3 48%,#383b40);box-shadow:0 1px 2px #020304}
.iphone-action,.iphone-volume-up,.iphone-volume-down{left:-4px;width:4px;border-radius:3px 0 0 3px}
.iphone-action{top:17%;height:28px}
.iphone-volume-up{top:23%;height:48px}
.iphone-volume-down{top:31%;height:48px}
.iphone-power{right:-4px;top:25%;height:76px;width:4px;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#404349,#9a9ea4 48%,#2c2f34)}
@media(max-width:520px){
  .app-phone{padding:7px;border-radius:43px}
  .app-phone:before{top:12px;height:22px}
  .app-phone img{border-radius:36px}
}

/* Make the three how-it-works icons bolder and easier to see. */
.how .step-icon{
  width:46px;
  height:46px;
  border:1.5px solid #45b4ff;
  color:#45b4ff;
  box-shadow:none;
}
.how .step-icon svg{display:block;width:25px;height:25px;overflow:visible}
.how .step-icon svg circle,.how .step-icon svg path{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.how .step-icon svg .disc-center{fill:currentColor;stroke-width:1}
.how .step-no{font-size:11px;color:#9edaff}
.how .step h3{font-size:20px}
.how .step p{font-size:15px;line-height:1.75;color:#d5e4f1}
.how .cycle-note{font-size:14px;line-height:1.7;color:#d5e4f1}

/* Typography trial: use the selected Archivo Black face for display text. */
:root{--display:'Archivo Black',sans-serif}
.hero h1 em,h2 em{font-family:var(--display);font-weight:400;font-style:normal;letter-spacing:inherit}
.screens-copy h2 em{font-family:var(--display);font-weight:400;font-style:normal;letter-spacing:inherit}

/* Carry the blue seven identity through support and legal pages. */
.legal-main a:not(.button){color:#78c8ff}
.legal-main .back-home{color:#b5e2ff}
.legal-main .draft-alert{border-color:rgba(120,200,255,.5);background:#172438;color:#dceeff}
.legal-main .contact-card{border-color:rgba(120,200,255,.35);background:linear-gradient(135deg,#1b2739,#151522)}
.legal-main .contact-card a{color:#b5e2ff!important}
.wordmark{font-family:'Space Grotesk',sans-serif}
.legal-main #datos-titular{margin-top:42px;padding-top:20px;border-top:1px solid rgba(181,226,255,.22)}
body{min-height:100vh;display:flex;flex-direction:column}
body>main{flex:1 0 auto}
body>.footer{margin-top:auto}