:root{--forest:#174c46;--forest-deep:#103b37;--cream:#fbf7ed;--paper:#fffdf8;--ink:#183633;--muted:#657b76;--coral:#ef765f;--yellow:#f2c95c;--mint:#b8ddd0;--sky:#dceeea;--line:#174c4624;--shadow:0 24px 70px #19423b24;--font-display:Georgia, "Times New Roman", serif;--font-sans:"Instrument Sans", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.skip-link{z-index:100;background:#fff;border-radius:.75rem;padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbf7eded;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;min-height:78px;padding:0 clamp(1.25rem,5vw,5.75rem);display:grid;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:.7rem;width:max-content;font-size:1.22rem;display:inline-flex}.brand b{font-weight:800}.brand-mark{align-items:flex-end;width:42px;height:32px;display:inline-flex;position:relative}.brand-mark i{border:4px solid var(--forest);border-bottom:0;border-radius:40px 40px 0 0;display:block;position:absolute;bottom:0}.brand-mark i:first-child{width:42px;height:25px}.brand-mark i:nth-child(2){border-color:var(--coral);width:30px;height:19px;left:6px}.brand-mark i:nth-child(3){border-color:var(--yellow);width:18px;height:12px;left:12px}.desktop-nav{color:#43615c;align-items:center;gap:clamp(1.2rem,3vw,2.8rem);font-size:.93rem;display:flex}.desktop-nav a{padding:.75rem 0}.desktop-nav a:hover{color:var(--forest)}.header-actions{justify-self:end;align-items:center;gap:.75rem;display:flex}.text-button,.button{cursor:pointer;border:0}.text-button{background:0 0;padding:.7rem .8rem}.button{background:var(--forest);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.8rem;min-height:50px;padding:.8rem 1.3rem;font-weight:700;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 10px 24px #174c4626}.button:hover{background:var(--forest-deep);transform:translateY(-2px)}.button-small{min-height:42px;padding:.65rem 1.15rem;font-size:.9rem}.button-quiet{color:var(--forest);background:0 0;box-shadow:inset 0 0 0 1px #174c4640}.button-quiet:hover{background:#ffffff8c}.hero{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:center;gap:clamp(2rem,5vw,6rem);min-height:calc(100vh - 78px);padding:clamp(4rem,8vw,8rem) clamp(1.25rem,7vw,8rem);display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;max-width:650px;position:relative}.eyebrow{color:#58716c;letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:.65rem;margin:0 0 1.8rem;font-size:.79rem;font-weight:700;display:flex}.eyebrow span{background:var(--coral);width:28px;height:2px}h1{max-width:700px;font:400 clamp(3.4rem, 6.7vw, 7.3rem)/.92 var(--font-display);letter-spacing:-.065em;margin:0}h1 em{color:var(--coral);font-weight:400}.hero-lede{color:#516c67;max-width:570px;margin:2rem 0;font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.75}.hero-actions{flex-wrap:wrap;gap:.8rem;display:flex}.trust-list{color:#58716c;flex-wrap:wrap;gap:1rem 1.7rem;margin:2rem 0 0;padding:0;font-size:.86rem;list-style:none;display:flex}.trust-list span{width:20px;height:20px;color:var(--forest);background:var(--mint);border-radius:50%;place-items:center;margin-right:.35rem;font-weight:800;display:inline-grid}.hero-world{aspect-ratio:1.05;background:var(--sky);width:100%;max-width:720px;box-shadow:var(--shadow);border-radius:48% 48% 12% 12%;justify-self:end;position:relative;overflow:hidden}.sun{aspect-ratio:1;background:var(--yellow);border-radius:50%;width:70px;position:absolute;top:12%;right:15%;box-shadow:0 0 0 16px #f2c95c2e}.cloud{background:#fffc;border-radius:40px;width:110px;height:30px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:0}.cloud:before{width:50px;height:50px;left:18px}.cloud:after{width:38px;height:38px;right:16px}.cloud-one{top:20%;left:10%;transform:scale(.75)}.cloud-two{top:35%;right:8%;transform:scale(.45)}.hill{border-radius:50% 50% 0 0;position:absolute;bottom:-18%}.hill-back{background:#8dbfac;width:105%;height:63%;left:-20%;transform:rotate(7deg)}.hill-front{background:var(--forest);width:110%;height:58%;right:-25%;transform:rotate(-8deg)}.now-playing-card{z-index:3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffdf8e8;border:1px solid #ffffffb8;border-radius:24px;grid-template-columns:92px 1fr auto;align-items:center;gap:1rem;padding:1rem;display:grid;position:absolute;bottom:9%;left:9%;right:9%;box-shadow:0 18px 50px #0b363038}.cover-art{aspect-ratio:1;background:#234f76;border-radius:17px;place-items:center;width:92px;display:grid;overflow:hidden}.cover-moon span{color:#234f76;background:#f7e7a6;border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.4rem;display:grid;box-shadow:20px -17px 0 -11px #fff}.track-copy p{color:var(--coral);letter-spacing:.07em;text-transform:uppercase;margin:0 0 .3rem;font-size:.68rem;font-weight:800}.track-copy h2{font:400 1.45rem var(--font-display);margin:0 0 .25rem}.track-copy span{color:var(--muted);font-size:.8rem}.play-button{aspect-ratio:1;background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:50%;width:54px;box-shadow:0 8px 20px #ef765f40}.floating-note{z-index:2;color:#ffffffbf;font:2.3rem var(--font-display);position:absolute;transform:rotate(-10deg)}.note-one{top:37%;left:19%}.note-two{top:49%;right:25%}.promise-strip{color:#fff;background:var(--forest);text-align:center;padding:clamp(4rem,7vw,7rem) clamp(1.25rem,7vw,8rem)}.promise-strip>p{color:#b9ddd2;text-transform:uppercase;letter-spacing:.13em;margin:0 0 .8rem;font-size:.76rem;font-weight:700}.promise-strip>h2{font:400 clamp(2.4rem, 4.5vw, 4.5rem) var(--font-display);letter-spacing:-.04em;margin:0}.promise-grid{background:#ffffff26;grid-template-columns:repeat(3,1fr);gap:1px;max-width:1100px;margin:4rem auto 0;display:grid}.promise-grid article{background:var(--forest);padding:1.5rem clamp(1rem,3vw,2.7rem)}.promise-grid article>span{width:48px;height:48px;color:var(--forest);background:var(--mint);border-radius:50%;place-items:center;font-size:1.2rem;display:inline-grid}.promise-grid h3{margin:1.2rem 0 .55rem;font-size:1rem}.promise-grid p{color:#c9ded8;margin:0;font-size:.88rem;line-height:1.6}.toast{z-index:50;color:#fff;max-width:calc(100% - 2rem);box-shadow:var(--shadow);background:#102f2c;border-radius:12px;padding:.9rem 1.15rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.desktop-nav .active{color:var(--forest);font-weight:700}.menu-button,.mobile-nav{display:none}.site-footer{color:#bfd5d0;background:#103b37;grid-template-columns:1fr auto;align-items:center;gap:1.2rem 3rem;padding:3.5rem clamp(1.25rem,7vw,8rem);display:grid}.footer-brand{color:#fff}.site-footer>p{justify-self:end;margin:0}.site-footer nav{gap:1.5rem;display:flex}.site-footer nav a:hover{color:#fff}.site-footer small{justify-self:end}.install-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:999px;width:max-content;padding:.6rem 1rem}.home-membership{background:#efe5d3;justify-content:space-between;align-items:end;gap:2rem;padding:clamp(4rem,8vw,8rem) clamp(1.25rem,7vw,8rem);display:flex}.home-membership h2{font:400 clamp(2.4rem, 5vw, 5rem)/1 var(--font-display);letter-spacing:-.05em;margin:0}.page-hero{text-align:center;padding:clamp(4rem,8vw,7rem) 1.25rem}.compact-hero{max-width:900px;margin:auto}.page-hero h1,.form-intro h1,.account-heading h1,.status-page h1{font:400 clamp(3.4rem, 7vw, 6.8rem)/.94 var(--font-display);letter-spacing:-.06em;margin:0}.page-hero h1 em,.form-intro h1 em,.account-heading h1 em,.status-page h1 em{color:var(--coral);font-weight:400}.page-hero>p:last-child{max-width:650px;color:var(--muted);margin:1.7rem auto 0;line-height:1.7}.centred{justify-content:center}.catalogue-section,.plans-section{padding:0 clamp(1.25rem,7vw,8rem) clamp(5rem,9vw,9rem)}.filter-row{justify-content:center;gap:.6rem;margin-bottom:2.5rem;display:flex}.filter-chip{border:1px solid var(--line);color:var(--forest);cursor:pointer;background:0 0;border-radius:999px;padding:.7rem 1.1rem}.filter-chip.active{color:#fff;background:var(--forest)}.sample-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;max-width:1240px;margin:auto;display:grid}.sample-card{border:1px solid var(--line);background:var(--paper);border-radius:22px;grid-template-columns:104px 1fr auto;align-items:center;gap:1rem;padding:.85rem;display:grid;box-shadow:0 10px 35px #19423b0f}.sample-art{aspect-ratio:1;color:#fff;border-radius:16px;place-items:center;width:104px;display:grid;position:relative;overflow:hidden}.sample-art>span{font-size:1.65rem}.sample-art small{text-transform:uppercase;letter-spacing:.08em;font-size:.6rem;position:absolute;bottom:.55rem}.art-moon,.art-stars{background:#254d72}.art-wombat{background:#ae725e}.art-rain{background:#4b7c92}.art-seed{background:#6a976b}.art-train{background:#d78355}.sample-copy{min-width:0}.sample-copy p{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.65rem;font-weight:800}.sample-copy h2{font:400 1.2rem var(--font-display);margin:0 0 .35rem}.sample-copy span{color:var(--muted);font-size:.74rem}.round-action{color:#fff;background:var(--forest);cursor:pointer;border:0;border-radius:50%;width:38px;height:38px}.catalogue-note{color:#4e6b66;background:#e6efeb;border-radius:16px;align-items:center;gap:.8rem;max-width:740px;margin:3rem auto 0;padding:1rem 1.2rem;display:flex}.catalogue-note>span,.configuration-note>span{color:#fff;background:var(--forest);border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-weight:800;display:grid}.catalogue-note p{margin:0;font-size:.83rem;line-height:1.5}.plans-hero{padding-bottom:3.5rem}.plans-grid{grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:1.25rem;display:grid}.plan-card,.loading-card{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:26px;padding:clamp(1.5rem,4vw,2.5rem);position:relative}.plan-card.recommended{border:2px solid var(--coral)}.plan-badge{color:#fff;background:var(--coral);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:.45rem .8rem;font-size:.7rem;font-weight:800;position:absolute;top:-14px;right:28px}.plan-card>p{color:var(--coral);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.plan-card h2{font:400 2rem var(--font-display);margin:.8rem 0 .2rem}.plan-price{align-items:baseline;gap:.25rem;margin:1.5rem 0;display:flex}.plan-price strong{font:400 3.8rem var(--font-display);letter-spacing:-.05em}.plan-price span{color:var(--muted)}.plan-card ul{border-top:1px solid var(--line);color:#506b66;gap:.75rem;margin:1.5rem 0;padding:1.5rem 0 0;font-size:.9rem;list-style:none;display:grid}.provider-row{gap:.65rem;margin-top:1.5rem;display:grid}.provider-button{color:#fff;background:var(--forest);cursor:pointer;border:0;border-radius:999px;width:100%;padding:.9rem 1rem;font-weight:700}.provider-button:disabled{cursor:not-allowed;color:#6e817d;background:#dde5e1}.provider-note{line-height:1.4;color:var(--muted)!important;text-transform:none!important;letter-spacing:0!important;margin:.7rem 0 0!important;font-size:.75rem!important;font-weight:400!important}.membership-includes{color:#fff;background:var(--forest);border-radius:20px;max-width:865px;margin:3rem auto 0;padding:1.5rem 2rem}.membership-includes>p{margin-top:0;font-weight:700}.membership-includes ul{color:#d2e4df;grid-template-columns:repeat(2,1fr);gap:.8rem 2rem;margin-bottom:0;padding:0;list-style:none;display:grid}.form-page{grid-template-columns:minmax(0,1fr) minmax(420px,600px);align-items:center;gap:clamp(3rem,8vw,9rem);min-height:740px;padding:clamp(3rem,7vw,7rem) clamp(1.25rem,9vw,10rem);display:grid}.form-intro{max-width:670px}.form-intro>p:not(.eyebrow){max-width:570px;color:var(--muted);line-height:1.7}.step-list{color:var(--muted);flex-wrap:wrap;gap:.8rem;margin:2.5rem 0 0;padding:0;font-size:.75rem;list-style:none;display:flex}.step-list li{align-items:center;gap:.35rem;display:flex}.step-list span{border:1px solid var(--line);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.step-list .active{color:var(--forest);font-weight:800}.step-list .active span{color:#fff;background:var(--forest)}.form-card{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:28px;padding:clamp(1.5rem,4vw,2.75rem)}.form-card>h2{font:400 2.2rem var(--font-display);margin:0}.form-card>p{color:var(--muted);line-height:1.5}.form-card form{gap:1rem;margin-top:1.7rem;display:grid}.field-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.form-card label{color:#3f5b56;gap:.45rem;font-size:.82rem;font-weight:700;display:grid}.form-card input:not([type=checkbox]),.form-card select{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #ccd8d4;border-radius:12px;padding:.82rem .9rem}.form-card label small{color:var(--muted);font-weight:400}.check-label{align-items:start;line-height:1.45;grid-template-columns:20px 1fr!important;gap:.65rem!important;font-weight:500!important}.check-label input{width:18px;height:18px;accent-color:var(--forest)}.form-card fieldset{border:0;border-top:1px solid var(--line);gap:.8rem;margin:.7rem 0 0;padding:1.2rem 0 0;display:grid}.form-card legend{margin-bottom:.9rem;font-weight:800}.wide-button{width:100%;margin-top:.5rem}.fine-print{color:var(--muted);text-align:center;margin:0;font-size:.7rem;line-height:1.5}.form-switch{border-top:1px solid var(--line);text-align:center;padding-top:1.3rem;font-size:.84rem;margin:1.5rem 0 0!important}.form-switch a{color:var(--coral);font-weight:800}.form-errors{color:#8c3027;background:#fde8e4;border-radius:12px;padding:.8rem 1rem;font-size:.8rem;line-height:1.5}.form-errors ul{margin:0;padding-left:1.1rem}.configuration-note,.privacy-callout{background:#e6efeb;border-radius:14px;align-items:flex-start;gap:.7rem;padding:.9rem;display:flex}.configuration-note p,.privacy-callout p{color:#4e6b66;margin:0;font-size:.78rem;line-height:1.5}.privacy-callout{max-width:530px;margin-top:2rem}.privacy-callout>span{color:var(--forest);font-size:1.8rem}.login-page{min-height:680px}.login-page .form-intro{align-self:center}.status-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:720px;padding:4rem 1.25rem;display:flex}.status-page>p:not(.eyebrow){max-width:610px;color:var(--muted);line-height:1.7}.status-symbol{color:#fff;background:var(--coral);border-radius:50%;place-items:center;width:92px;height:92px;margin-bottom:1.5rem;font-size:2.2rem;display:grid;box-shadow:0 0 0 15px #ef765f1f}.success-symbol{background:var(--forest);box-shadow:0 0 0 15px #174c461f}.status-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.5rem;display:flex}.status-page>small{color:var(--muted);margin-top:1.5rem}.narrow-errors{max-width:500px;margin-top:1rem}.account-page{min-height:720px;padding:clamp(4rem,8vw,8rem) clamp(1.25rem,8vw,9rem)}.account-heading{max-width:800px}.account-heading>p:last-child{color:var(--muted)}.account-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin:3.5rem 0 2rem;display:grid}.account-grid article{border:1px solid var(--line);background:var(--paper);border-radius:22px;padding:1.7rem}.status-dot{background:var(--mint);border-radius:50%;width:11px;height:11px;display:block}.status-dot.coral{background:var(--coral)}.status-dot.yellow{background:var(--yellow)}.account-grid p{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:1.5rem 0 .5rem;font-size:.75rem}.account-grid h2{font:400 1.8rem var(--font-display);margin:0 0 1rem}.account-grid a{color:var(--coral);font-size:.85rem;font-weight:800}.account-grid article>span:last-child{color:var(--muted);font-size:.8rem}button[disabled]{opacity:.75}.sample-art{background-position:50%;background-size:cover}.sample-art>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sample-art.with-poster:after{content:"";background:linear-gradient(#0000 35%,#082420b3);position:absolute;inset:0}.sample-art>span,.sample-art>small{z-index:1;position:relative}.art-default{background:#597e76}.member-library,.devices-page{max-width:1180px;margin:0 auto;padding:1rem 1.5rem 6rem}.library-state{color:#365b55;background:#e8f0ec;border-radius:16px;margin:0 0 1.5rem;padding:1rem 1.2rem}.library-state a{color:var(--forest);font-weight:800}.device-register-card{border:1px solid var(--line);background:var(--paper);border-radius:22px;grid-template-columns:1fr minmax(220px,.6fr) auto;align-items:end;gap:1.2rem;margin-bottom:2rem;padding:1.4rem;display:grid}.device-register-card h2{font:400 1.6rem var(--font-display);margin:.25rem 0}.device-register-card p{color:var(--muted);margin:.25rem 0}.device-register-card label{gap:.4rem;font-size:.8rem;font-weight:800;display:grid}.device-register-card input{border:1px solid var(--line);border-radius:12px;padding:.8rem}.album-list{gap:1.5rem;display:grid}.member-album{border:1px solid var(--line);background:var(--paper);border-radius:24px;overflow:hidden;box-shadow:0 12px 36px #19423b0f}.member-album-heading{color:#fff;background:var(--forest);padding:1.35rem 1.5rem}.member-album-heading p{color:var(--yellow);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .2rem;font-size:.7rem;font-weight:800}.member-album-heading h2{font:400 1.75rem var(--font-display);margin:0}.member-tracks{counter-reset:track;margin:0;padding:0;list-style:none}.member-tracks li{counter-increment:track;border-top:1px solid var(--line);grid-template-columns:32px 1fr auto;align-items:center;gap:.9rem;padding:.9rem 1.2rem;display:grid}.member-tracks li:before{content:counter(track);color:var(--coral);font-weight:800}.member-tracks li div{gap:.2rem;display:grid}.member-tracks strong{font-family:var(--font-display);font-weight:400}.member-tracks span{color:var(--muted);font-size:.72rem}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.device-card{border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:1.4rem}.device-card p{color:var(--coral);text-transform:uppercase;margin:0;font-size:.68rem;font-weight:800}.device-card h2{font:400 1.5rem var(--font-display);margin:.4rem 0}.device-card span{color:var(--muted);margin-bottom:1rem;font-size:.8rem;display:block}.parent-controls-page{padding:0 clamp(1.25rem,7vw,8rem) clamp(5rem,9vw,9rem)}.profile-create-card{border:1px solid var(--line);background:#ffffffb8;border-radius:28px;grid-template-columns:1.4fr 1fr 1fr 1fr auto;align-items:end;gap:1rem;max-width:1050px;margin:1.5rem auto 2rem;padding:1.5rem;display:grid}.profile-create-card h2{margin:.25rem 0 0}.profile-create-card label,.profile-control-card label{color:#3f5b56;gap:.4rem;font-size:.82rem;font-weight:700;display:grid}.profile-create-card input:not([type=checkbox]),.profile-create-card select,.profile-control-card input:not([type=checkbox]),.profile-control-card select{background:#fff;border:1px solid #ccd8d4;border-radius:12px;width:100%;min-width:0;padding:.75rem .8rem}.profile-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;max-width:1050px;margin:0 auto;display:grid}.profile-control-card{border:1px solid var(--line);background:#ffffffc7;border-radius:28px;padding:1.5rem;box-shadow:0 16px 35px #174c460f}.profile-control-card form{gap:1rem;display:grid}.profile-card-heading{align-items:center;gap:1rem;display:flex}.profile-card-heading>span{width:54px;height:54px;color:var(--forest);background:var(--yellow);border-radius:18px;place-items:center;font-size:1.35rem;font-weight:800;display:grid}.profile-card-heading p,.profile-card-heading h2{margin:0}.control-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.control-checks,.profile-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.profile-usage{color:var(--muted);margin:0}.danger-text{color:#923f3f}.profile-history{background:var(--cream);border-radius:16px;padding:1rem}.profile-history ul{margin:0;padding-left:1.2rem}.profile-catalogue-controls{border:1px solid var(--line);border-radius:16px;padding:.9rem 1rem}.profile-catalogue-controls summary{cursor:pointer;font-weight:700}.profile-catalogue-controls h3{margin:1rem 0 .5rem}.profile-catalogue-controls .check-label{margin:.45rem 0}.profile-picker{flex-wrap:wrap;align-items:center;gap:.7rem;max-width:1050px;margin:1rem auto;display:flex}.profile-picker p{margin:0;font-weight:700}.profile-picker>div{flex-wrap:wrap;gap:.5rem;display:flex}.profile-chip{border:1px solid var(--line);color:var(--forest);cursor:pointer;background:#fff;border-radius:999px;padding:.55rem .9rem}.profile-chip.active{color:#fff;background:var(--forest)}.profile-picker>a{color:var(--forest);margin-left:auto;text-decoration:underline}.sample-dialog{width:min(760px,100% - 2rem);color:var(--ink);background:var(--paper);border:0;border-radius:24px;padding:1.2rem;box-shadow:0 30px 90px #0824204d}.sample-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#071e1bb8}.dialog-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.dialog-heading p{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-size:.65rem;font-weight:800}.dialog-heading h2{font:400 1.8rem var(--font-display);margin:0}.dialog-heading button{color:#fff;background:var(--forest);cursor:pointer;border:0;border-radius:50%;place-items:center;width:42px;height:42px;font-size:1.6rem;display:grid}.sample-player{aspect-ratio:16/9;background:#102f2c;border-radius:16px;overflow:hidden}.sample-player iframe{border:0;width:100%;height:100%}.sample-dialog>p{color:var(--muted);margin:1rem .25rem .2rem;font-size:.78rem;line-height:1.5}@media (width<=980px){.site-header{grid-template-columns:1fr auto}.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:5rem}.hero-copy{max-width:750px}.hero-world{justify-self:center;max-width:680px}.sample-grid{grid-template-columns:repeat(2,1fr)}.form-page{grid-template-columns:1fr}.form-intro{max-width:760px}.account-grid,.site-footer{grid-template-columns:1fr}.site-footer>p,.site-footer small{justify-self:start}}@media (width<=620px){.site-header{min-height:68px;padding:0 1rem}.header-actions{display:none}.menu-button{background:#e9eee9;border:0;border-radius:50%;place-content:center;justify-self:end;gap:4px;width:42px;height:42px;display:grid}.menu-button span{background:var(--forest);width:18px;height:2px;display:block}.mobile-nav{z-index:19;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:1rem;position:fixed;inset:68px 0 auto}.mobile-nav:not([hidden]){display:grid}.mobile-nav a{border-bottom:1px solid var(--line);padding:.8rem}.button-small{padding-inline:.9rem;font-size:.78rem}.hero{gap:3rem;min-height:auto;padding:3.7rem 1rem 4rem}h1{font-size:clamp(3.2rem,16vw,5rem)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.hero-world{aspect-ratio:.86;border-radius:44% 44% 8% 8%}.now-playing-card{grid-template-columns:70px 1fr auto;gap:.7rem;padding:.7rem;left:5%;right:5%}.cover-art{width:70px}.track-copy h2{font-size:1.15rem}.play-button{width:44px}.promise-grid,.sample-grid,.plans-grid,.membership-includes ul{grid-template-columns:1fr}.home-membership{flex-direction:column;align-items:start}.page-hero{padding-top:3.5rem}.filter-row{justify-content:flex-start;padding-bottom:.4rem;overflow-x:auto}.filter-chip{flex:none}.sample-card{grid-template-columns:78px 1fr auto}.sample-art{width:78px}.form-page{padding:3rem 1rem}.form-card{border-radius:20px;padding:1.25rem}.field-grid{grid-template-columns:1fr}.step-list{grid-template-columns:repeat(2,1fr);display:grid}.site-footer nav{flex-wrap:wrap}}@media (width<=760px){.device-register-card,.device-grid,.profile-create-card,.profile-controls-grid,.control-row{grid-template-columns:1fr}.member-library,.devices-page{padding-inline:1rem}.member-tracks li{grid-template-columns:24px 1fr auto;padding-inline:.8rem}.profile-picker>a{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
