:root{color-scheme:dark;--bg:#08090d;--bg2:#0c0e15;--surface:#10121a;--surface2:#151823;--text:#f1f2f7;--muted:#8c919f;--quiet:#697080;--line:rgba(206,216,241,.105);--line-strong:rgba(206,216,241,.19);--ice:#bec9e6;--ice-strong:#d9e2fa;--purple:#8278c9;--radius:22px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"SF Pro Display","Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-width:320px;overflow-x:hidden}
body:has(.preloader:not(.is-done)){overflow:hidden}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #bac7ed;outline-offset:4px}
::selection{background:#7484c9;color:#fff}
.container{width:min(1220px,calc(100% - 96px));margin-inline:auto}
.site-shell{isolation:isolate;position:relative;overflow:hidden;min-height:100vh}
.ambient{position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(100px)}
.ambient-one{top:-80px;right:-350px;width:1020px;height:850px;background:radial-gradient(ellipse,rgba(75,85,145,.14),transparent 66%)}
.ambient-two{top:1500px;left:-450px;width:850px;height:800px;background:radial-gradient(ellipse,rgba(63,80,135,.085),transparent 68%)}
.grain{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.23;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");background-size:180px 180px}
svg{display:block}
svg path,svg circle{vector-effect:non-scaling-stroke}

/* Initial logo reveal */
.preloader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#050609;transition:opacity .85s cubic-bezier(.2,.7,.24,1),visibility .85s;visibility:visible;opacity:1;overflow:hidden}
.preloader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.preloader-glow{position:absolute;width:580px;height:580px;max-width:90vw;max-height:90vw;border-radius:50%;background:radial-gradient(circle,rgba(76,100,155,.16),transparent 65%);filter:blur(28px);animation:loader-glow 3.4s ease-in-out infinite alternate}
.preloader-content{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;gap:0;animation:loader-arrive .8s cubic-bezier(.19,1,.22,1) both}
.preloader-logo{display:block;width:clamp(220px,35vw,380px);height:auto;max-height:260px;object-fit:contain;filter:drop-shadow(0 13px 44px rgba(105,120,175,.12));animation:loader-float 3.5s ease-in-out infinite alternate}
.preloader-track{width:128px;height:2px;margin-top:22px;border-radius:10px;overflow:hidden;background:#292e3d}
.preloader-track span{width:37%;height:100%;display:block;background:linear-gradient(90deg,transparent,#cedcff,transparent);animation:loader-scan 1.4s ease-in-out infinite}
.preloader-text{margin-top:16px;color:#9199b0;font-size:11px;letter-spacing:.17em;text-transform:lowercase}
@keyframes loader-glow{to{opacity:.45;transform:scale(1.08)}}
@keyframes loader-arrive{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@keyframes loader-float{from{transform:translateY(2px)}to{transform:translateY(-5px)}}
@keyframes loader-scan{from{transform:translateX(-120%)}to{transform:translateX(380%)}}

/* Navigation */
.site-header{position:relative;z-index:50;height:96px;transition:background .25s,border-color .25s;border-bottom:1px solid transparent}
.site-header.is-scrolled,.site-header.menu-open{position:sticky;top:0;background:rgba(9,10,15,.88);backdrop-filter:blur(22px);border-color:var(--line)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}
.wordmark{font-size:26px;font-weight:780;letter-spacing:-.075em;white-space:nowrap;line-height:1}
.wordmark span:not(.wordmark-star){color:#abb7d3}
.wordmark-star{position:relative;top:-9px;margin-left:5px;color:#b4bde5;font-size:12px;letter-spacing:0}
.desktop-nav{display:flex;align-items:center;gap:37px;margin-left:auto;margin-right:auto;padding-left:85px}
.desktop-nav a{font-size:13px;color:#aaaebc;font-weight:550;transition:color .18s;letter-spacing:.01em}
.desktop-nav a:hover{color:#fff}
.header-actions{display:flex;align-items:center;gap:18px}
.header-support{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;color:#e4e7f2;border:1px solid var(--line-strong);border-radius:999px;font-size:12px;font-weight:680;transition:background .2s,border-color .2s}
.header-support:hover{background:rgba(190,205,247,.095);border-color:rgba(196,207,243,.34)}
.header-support svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-logo{display:grid;place-items:center;width:76px;height:56px;margin-right:-10px;transition:transform .25s}
.header-logo:hover{transform:rotate(-7deg) scale(1.08)}
.header-logo img{display:block;width:100%;height:100%;object-fit:contain}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line-strong);border-radius:12px;background:#11131b;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--text);cursor:pointer}
.menu-toggle span{display:block;width:17px;height:1px;background:currentColor;transition:transform .25s}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}
.mobile-nav[hidden]{display:none!important}
.mobile-nav{position:absolute;top:96px;left:0;right:0;padding:10px 24px 22px;background:#0a0b10;border-bottom:1px solid var(--line-strong);display:flex;flex-direction:column;gap:0;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.mobile-nav a{padding:16px 12px;color:#c9cdd9;border-bottom:1px solid var(--line);font-size:15px}

/* Hero */
.hero{min-height:740px;display:grid;grid-template-columns:43% 57%;align-items:center;position:relative;padding-top:56px;padding-bottom:92px}
.hero-copy{position:relative;z-index:4;padding-bottom:28px}
.eyebrow,.section-index{font-size:10px;font-weight:760;letter-spacing:.21em;color:#a3afce;display:inline-flex;align-items:center;gap:11px}
.eyebrow{white-space:nowrap}
.eyebrow-num{color:#626d86;font-size:11px;margin-left:3px}
.pulse-point,.tiny-dot{width:6px;height:6px;border-radius:50%;background:#b7c8f0;box-shadow:0 0 13px rgba(175,197,254,.58);flex:0 0 auto}
.pulse-point{animation:pulse-point 2.2s ease-in-out infinite}
@keyframes pulse-point{50%{opacity:.48;box-shadow:0 0 4px rgba(175,197,254,.22)}}
.hero h1{font-size:clamp(59px,6.3vw,96px);line-height:1.035;letter-spacing:-.082em;font-weight:770;margin:26px 0 24px;white-space:nowrap}
.hero h1 em{font-style:normal;background:linear-gradient(105deg,#eef1fd 0%,#b8c4e3 42%,#747f9e 100%);background-clip:text;color:transparent}
.hero-description{font-size:16px;line-height:1.85;max-width:435px;color:#a1a7b6;margin:0}
.hero-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:33px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:11px;min-height:48px;padding:13px 20px;font-size:13px;font-weight:750;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.btn-primary{background:linear-gradient(135deg,#e4e9f7,#b3c1df);color:#171c2b;box-shadow:0 5px 35px rgba(147,170,227,.14)}
.btn-primary:hover{box-shadow:0 7px 38px rgba(147,170,227,.28)}
.btn-secondary{border:1px solid var(--line-strong);color:#d7dbe9;background:rgba(255,255,255,.027)}
.btn-secondary:hover{background:rgba(255,255,255,.065);border-color:rgba(206,216,241,.3)}
.hero-meta{display:flex;align-items:center;gap:15px;margin-top:56px;color:#6d7588;font-size:10px;font-weight:720;letter-spacing:.145em;white-space:nowrap}
.meta-line{width:28px;height:1px;background:#6f7c99}
.meta-separator{font-size:11px;color:#8e9cbb}
.hero-stage{position:relative;z-index:1;min-width:0;height:560px;display:flex;align-items:center;justify-content:center;transform:translateX(18px)}
.hero-aura{position:absolute;inset:7% -12% 0 -12%;background:radial-gradient(ellipse at 50% 50%,rgba(70,75,128,.3),rgba(46,56,112,.13) 35%,transparent 70%);filter:blur(50px);pointer-events:none}
.desktop-mock{position:relative;width:min(100%,635px);height:435px;background:#08090d;border:1px solid rgba(219,226,252,.19);border-radius:18px;box-shadow:0 0 0 5px rgba(255,255,255,.016),0 20px 40px rgba(0,0,0,.4),0 45px 100px rgba(0,0,0,.54);overflow:hidden;transform:perspective(1300px) rotateY(-5deg) rotateX(2deg);transform-origin:45% 50%}
.desktop-mock::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.mock-topbar{height:45px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;padding:0 16px;gap:22px;background:#0d0e14;color:#f2f2f8}
.mock-topbar>b{font-size:12px;font-weight:790;white-space:nowrap;letter-spacing:-.045em}
.mock-tabs{display:flex;gap:17px;margin-left:14px;font-size:9px;color:#8d93a3;white-space:nowrap}
.mock-tabs span{padding:6px 9px}
.mock-tabs .selected{background:#1c1e28;border-radius:6px;color:#f1f3fb}
.mock-window-controls{display:flex;gap:9px;margin-left:auto;align-items:center}
.mock-window-controls i{display:block;width:8px;height:8px;border:1px solid #969bac;border-radius:1px;opacity:.7}
.mock-window-controls i:first-child{height:1px;border:0;border-top:1px solid #969bac;border-radius:0}
.mock-window-controls i:last-child{transform:rotate(45deg);height:8px;width:8px;border:0}
.mock-window-controls i:last-child::before,.mock-window-controls i:last-child::after{content:"";display:block;background:#969bac;position:absolute;top:3px;left:0;width:8px;height:1px}
.mock-window-controls i:last-child::after{transform:rotate(90deg)}
.mock-workspace{display:grid;grid-template-columns:35% 65%;height:calc(100% - 45px)}
.mock-library{margin:13px 0 13px 13px;border:1px solid #242733;border-radius:11px;padding:13px 10px;background:rgba(255,255,255,.025)}
.mock-library-heading{display:flex;align-items:center;gap:8px;color:#f2f3f9}
.mock-library-heading strong{font-size:12px}
.mock-count{font-size:9px;color:#bbc6ee;background:#242238;border:1px solid #403b62;border-radius:5px;padding:2px 5px}
.mock-search{display:flex;align-items:center;gap:8px;margin-top:13px;height:28px;padding:0 9px;border-radius:6px;border:1px solid #282a34;font-size:9px;color:#626775;background:#15161d}
.mock-search svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}
.mock-songs{display:flex;flex-direction:column;gap:5px;margin-top:13px}
.mock-song{height:44px;display:flex;align-items:center;gap:9px;padding:5px 7px;border-radius:7px;min-width:0}
.mock-song.active{background:#242031;border:1px solid rgba(178,146,247,.14)}
.song-art{width:32px;height:32px;flex:0 0 32px;border-radius:5px;border:1px solid rgba(255,255,255,.06)}
.art-1{background:radial-gradient(circle at 60% 24%,#b9a2df,#42446a 29%,#161a32 73%)}
.art-2{background:radial-gradient(circle at 20% 20%,#9faab3,#3e465f 28%,#101525 75%)}
.art-3{background:linear-gradient(145deg,#766889,#2c354d 55%,#10121c)}
.art-4{background:radial-gradient(circle at 50% 80%,#9f7579,#514653 35%,#181622 80%)}
.mock-song>div:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:4px;white-space:nowrap}
.mock-song b{font-size:10px;font-weight:670;overflow:hidden;text-overflow:ellipsis}
.mock-song small{font-size:8px;color:#777f91;white-space:nowrap}
.mock-duration{font-size:8px;color:#858b9d}
.sound-bars{display:flex;align-items:center;gap:2px;height:15px;margin-right:2px}
.sound-bars i{height:8px;width:2px;border-radius:2px;background:#b9a6ff;animation:soundbar .9s infinite alternate}
.sound-bars i:nth-child(2){height:14px;animation-delay:.16s}.sound-bars i:nth-child(3){height:6px;animation-delay:.34s}
@keyframes soundbar{to{height:3px}}
.mock-player{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:22px 23px;position:relative;overflow:hidden}
.mock-player::before{content:"";width:340px;height:380px;position:absolute;left:50%;top:3%;transform:translateX(-50%);filter:blur(27px);background:radial-gradient(ellipse at 50% 42%,rgba(113,89,167,.28),transparent 69%);z-index:0}
.mock-cover{position:relative;z-index:1;width:169px;height:169px;flex:0 0 169px;border-radius:15px;overflow:hidden;background:radial-gradient(circle at 70% 12%,#8c93b3,#34354f 40%,#141827 78%);box-shadow:0 14px 43px rgba(0,0,0,.36),0 0 40px rgba(110,87,190,.2)}
.mock-cover::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(0,0,0,.32));z-index:1}
.cover-moon{position:absolute;display:block;width:125px;height:125px;top:22px;left:21px;border-radius:50%;background:radial-gradient(circle at 30% 19%,#8d8faa,#4b5677 47%,#181e36 80%);box-shadow:0 0 70px #a1a6f332}
.cover-shine{position:absolute;left:-20px;top:-30px;width:140px;height:70px;transform:rotate(-25deg);filter:blur(17px);background:rgba(255,255,255,.13)}
.cover-orbit{position:absolute;z-index:2;left:6px;top:71px;width:160px;height:55px;border:2px solid rgba(202,208,251,.63);transform:rotate(-25deg);border-radius:50%}
.cover-star{position:absolute;z-index:3;right:22px;top:20px;font-size:22px;color:#fff}
.mock-track-name{position:relative;z-index:2;margin-top:16px;font-size:17px;letter-spacing:-.035em;font-weight:740}
.mock-track-artist{position:relative;z-index:2;color:#8e91ac;font-size:10px;margin-top:4px}
.mock-progress{position:relative;z-index:2;display:flex;align-items:center;gap:7px;width:100%;margin-top:20px;font-size:9px;color:#86899a}
.mock-progress-bar{flex:1;height:3px;border-radius:9px;background:#33343b;overflow:hidden}
.mock-progress-bar i{display:block;height:100%;width:35%;background:#aaa9ea;border-radius:inherit}
.mock-controls{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:24px;color:#a6a8b7;font-size:13px;margin-top:17px}
.mock-play{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#9d91e0;color:#fff;font-weight:800;font-size:14px;box-shadow:0 0 24px rgba(159,132,231,.23)}
.floating-label{position:absolute;z-index:3;font-size:9px;font-weight:710;letter-spacing:.18em;color:#afbad7;display:flex;gap:8px;align-items:center;white-space:nowrap}
.label-top{right:-15px;top:19px}
.label-bottom{left:18px;bottom:12px}
.tiny-spark{font-size:15px;color:#c3d2f6}
.mock-note{position:absolute;right:21px;bottom:-19px;font-size:10px;letter-spacing:.03em;color:#586071}
.section-divider{display:flex;justify-content:space-between;align-items:center;height:66px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#666e83;font-size:10px;letter-spacing:.21em;font-weight:730}
.section-divider span:nth-child(2){font-size:18px;color:#919fbd}

/* General section styles */
.section-pad{padding-top:138px;padding-bottom:138px}
.section-heading{max-width:710px;margin-bottom:42px}
.section-heading h2,.experience-copy h2,.faq-heading h2{font-weight:720;font-size:clamp(45px,5.3vw,71px);letter-spacing:-.075em;line-height:1.08;margin:18px 0 17px}
.section-heading h2 span{color:#919bac}
.section-heading>p{font-size:15px;color:#9097a8;line-height:1.8;max-width:430px;margin:0}
.centered{text-align:center;margin:0 auto 44px}
.features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.feature-card{padding:27px 27px 30px;min-height:296px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:17px;background:linear-gradient(150deg,rgba(30,34,49,.58),rgba(13,15,23,.68));position:relative;overflow:hidden;transition:transform .24s,border-color .24s,box-shadow .24s}
.feature-card:hover{transform:translateY(-4px);border-color:rgba(181,196,241,.27);box-shadow:0 23px 48px rgba(0,0,0,.17)}
.feature-card .feature-num{font-size:10px;letter-spacing:.15em;font-weight:760;color:#8f9dbd}
.feature-card .feature-icon{margin-top:36px;margin-bottom:19px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(158,176,221,.23);background:rgba(116,131,194,.07);border-radius:11px;color:#c3cfee}
.feature-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.feature-card h3{font-size:19px;letter-spacing:-.04em;line-height:1.25;margin:0 0 10px;font-weight:710}
.feature-card p{font-size:12px;line-height:1.75;color:#9096a7;max-width:240px;margin:0}
.feature-large{grid-column:span 2;display:flex;flex-direction:row;justify-content:space-between;padding:29px;gap:20px;background:radial-gradient(circle at 80% 60%,rgba(66,75,127,.17),transparent 60%),linear-gradient(145deg,#181c2a,#0d0f18)}
.feature-large h3{font-size:34px;line-height:1.12;letter-spacing:-.064em;margin:44px 0 14px}
.feature-large p{font-size:13px;max-width:235px}
.feature-copy{flex:1;z-index:1}
.feature-visual{position:relative;align-self:end;flex:0 0 47%;height:196px;transform:rotate(-5deg) translate(15px,24px);border:1px solid #383d51;border-radius:13px;background:linear-gradient(135deg,#1c2030,#141722);padding:14px 11px;box-shadow:0 18px 40px rgba(0,0,0,.3)}
.v-search{height:29px;background:#10131d;border:1px solid #313547;border-radius:7px;display:flex;align-items:center;gap:9px;padding:0 9px;font-size:9px;color:#7f869e}
.v-search>span:first-child{font-size:19px;line-height:1}.v-search>span:last-child{margin-left:auto;font-size:8px;border:1px solid #313747;border-radius:4px;padding:2px}
.v-music{display:flex;align-items:center;gap:8px;margin-top:10px;color:#e0e6f9;font-size:10px}
.v-music>div{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.v-music small{color:#898fa4;font-size:8px}.v-music>span:last-child{margin-left:auto;color:#9ea5d7}
.v-art{width:29px;height:29px;flex:0 0 29px;border-radius:5px;background:linear-gradient(45deg,#63618d,#1a243d)}
.v-art-2{background:radial-gradient(circle at 15% 25%,#9794b0,#374257 50%,#161b29)}

/* Experience */
.experience-section{position:relative;background:linear-gradient(180deg,rgba(16,19,29,.25),rgba(13,15,23,.55) 60%,transparent);border-block:1px solid rgba(206,216,241,.055)}
.experience-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:108px;min-height:550px}
.experience-art{height:580px;display:grid;place-items:center;position:relative}
.experience-art::before{content:"";position:absolute;left:0;right:0;top:12%;bottom:10%;background:radial-gradient(ellipse at center,rgba(89,104,165,.15),transparent 64%);filter:blur(27px)}
.orbit-field{position:relative;width:min(100%,500px);aspect-ratio:1;display:grid;place-items:center}
.orbit-field::before,.orbit-field::after{content:"";position:absolute;inset:11%;border:1px solid rgba(158,176,221,.08);border-radius:50%}
.orbit-field::after{inset:0%;border-color:rgba(158,176,221,.045)}
.orbit-field img{display:block;position:relative;z-index:2;width:95%;height:auto;filter:drop-shadow(0 15px 50px rgba(49,73,128,.2));animation:soft-float 6s ease-in-out infinite alternate}
@keyframes soft-float{to{transform:translateY(-8px)}}
.orbit-ring{border:1px solid rgba(164,180,224,.11);border-radius:50%;position:absolute;inset:23%;transform:rotate(-30deg) scaleX(1.8);pointer-events:none}
.orbit-ring-b{transform:rotate(38deg) scaleX(1.5);inset:30%;opacity:.45}
.vertical-caption{position:absolute;left:0;bottom:3px;font-size:10px;letter-spacing:.18em;color:#727d94}
.experience-copy h2{margin:21px 0 20px}
.experience-copy h2 i{font-style:normal;color:#adbddd}
.experience-intro{color:#a2a8b8;line-height:1.88;font-size:15px;max-width:465px}
.experience-points{margin-top:36px;border-top:1px solid var(--line)}
.experience-points>div{display:flex;align-items:flex-start;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.experience-points>div>span{color:#8291b4;font-size:11px;letter-spacing:.07em;padding-top:4px}
.experience-points b{font-size:14px;font-weight:710}
.experience-points p{font-size:13px;color:#8c93a4;line-height:1.6;margin:6px 0 0}
.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;color:#c7d2ed;margin-top:31px;transition:gap .18s,color .18s}
.text-link:hover{gap:18px;color:#fff}
.text-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Purchase */
.pricing-section{padding-bottom:130px}
.purchase-card{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:1.1fr .9fr;border-radius:23px;border:1px solid rgba(186,200,242,.24);background:linear-gradient(130deg,#1a1e2d,#10121b 52%,#141725);box-shadow:0 24px 70px rgba(0,0,0,.25)}
.purchase-glow{position:absolute;z-index:-1;inset:-65% auto auto -25%;width:730px;height:730px;background:radial-gradient(circle,rgba(94,108,168,.16),transparent 70%);pointer-events:none}
.purchase-body{padding:50px 56px 55px;border-right:1px solid var(--line)}
.purchase-tag{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:760;letter-spacing:.17em;color:#b8c4e4}
.purchase-tag span{width:7px;height:7px;border-radius:50%;background:#b3c4e3;box-shadow:0 0 10px #9dafd4}
.purchase-body h3{font-size:clamp(47px,5.1vw,66px);line-height:1;letter-spacing:-.078em;margin:25px 0 15px}
.purchase-glyph{font-size:22px;vertical-align:top;margin-left:8px;color:#aebbd9}
.purchase-body>p{font-size:15px;color:#a5aabc;line-height:1.75;max-width:370px}
.purchase-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:42px}
.purchase-meta span{display:inline-block;border:1px solid var(--line-strong);border-radius:100px;padding:9px 12px;color:#b9bece;font-size:11px}
.purchase-side{padding:51px 50px 45px;background:rgba(5,6,10,.15)}
.purchase-price-label{display:block;color:#8c98b5;letter-spacing:.19em;font-weight:770;font-size:10px}
.purchase-price{display:block;margin:21px 0 12px;font-size:clamp(33px,3.4vw,44px);letter-spacing:-.06em;font-weight:740}
.purchase-price span{color:#a7b3e0}
.purchase-side>p{max-width:315px;line-height:1.7;color:#9da4b7;font-size:13px;margin:0 0 25px}
.purchase-disabled{width:100%;min-height:47px;border-radius:10px;background:#2c3042;border:1px solid #3b4158;color:#b8bed1;font-size:13px;font-weight:720;display:flex;align-items:center;justify-content:space-between;padding:10px 17px;cursor:not-allowed;user-select:none}
.purchase-disabled svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.7}
.purchase-update{display:block;margin-top:17px;text-align:center;color:#b7c7e9;font-size:12px;font-weight:670;transition:color .2s}
.purchase-update:hover{color:#fff}

/* FAQ */
.faq-section{padding-block:136px;background:linear-gradient(180deg,rgba(15,17,25,.65),rgba(9,11,16,.5));border-top:1px solid var(--line)}
.faq-layout{display:grid;grid-template-columns:.81fr 1.19fr;gap:110px}
.faq-heading h2{font-size:clamp(43px,4.8vw,65px);margin-top:21px}
.faq-heading h2 i{font-style:normal;color:#aab9d9}
.faq-heading>p{font-size:14px;line-height:1.85;max-width:350px;color:#929aac}
.faq-list{border-top:1px solid var(--line-strong)}
.faq-list details{border-bottom:1px solid var(--line-strong);background:transparent;transition:background .2s}
.faq-list details[open]{background:linear-gradient(90deg,rgba(114,131,187,.055),transparent 72%)}
.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:14px;font-weight:680;min-height:72px;padding:15px 4px 15px 14px;color:#e3e6ee}
.faq-list summary::-webkit-details-marker{display:none}
.faq-plus{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;border:1px solid #414754;position:relative;transition:transform .22s,border-color .22s,background .22s}
.faq-plus:before,.faq-plus:after{content:"";position:absolute;width:10px;height:1px;background:#b1bfdc;border-radius:2px}
.faq-plus:after{transform:rotate(90deg);transition:transform .25s}
.faq-list details[open] .faq-plus{background:rgba(134,153,212,.12);border-color:#6a7798}
.faq-list details[open] .faq-plus:after{transform:rotate(0)}
.faq-answer{max-width:600px;font-size:13px;line-height:1.85;color:#959daf;padding:0 45px 24px 14px}
.faq-answer a{color:#c3d1ed;text-decoration:underline;text-underline-offset:3px}

/* Closing CTA */
.support-section{padding-top:108px;padding-bottom:107px}
.support-panel{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;flex-direction:column;text-align:center;justify-content:center;min-height:364px;padding:60px 30px;border:1px solid rgba(180,192,233,.19);border-radius:20px;background:radial-gradient(ellipse at 50% 160%,rgba(118,130,181,.22),transparent 65%),linear-gradient(135deg,#161a29,#0d1018 70%)}
.support-panel::before,.support-panel::after{content:"";position:absolute;border-radius:50%;width:500px;height:500px;border:1px solid rgba(163,175,217,.08);left:50%;top:55%;transform:translate(-50%,-50%) scaleX(1.8);z-index:-1}
.support-panel::after{width:660px;height:660px;opacity:.6;transform:translate(-50%,-50%) scaleX(1.5)}
.support-asterisk{position:absolute;right:36px;top:23px;color:#a7b6df;font-size:35px;font-weight:200}
.support-panel h2{font-size:clamp(45px,5.4vw,72px);letter-spacing:-.078em;line-height:1;margin:19px 0 15px}
.support-panel>p{max-width:400px;color:#9ca6bb;font-size:14px;line-height:1.7;margin:0 0 25px}
.btn-light{color:#151923;background:#d2dbec}
.btn-light:hover{box-shadow:0 8px 30px rgba(169,184,221,.2)}

/* Footer */
.footer{min-height:154px;padding-top:25px;padding-bottom:36px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.footer-brand{display:flex;align-items:center;gap:5px;white-space:nowrap}
.footer-brand img{width:56px;height:43px;object-fit:contain;margin-left:-10px}
.footer-brand span{font-size:16px;font-weight:780;letter-spacing:-.055em}
.footer>p{font-size:12px;color:#777e8e;margin:0 auto 0 0}
.footer-links{display:flex;align-items:center;gap:22px}
.footer-links a{font-size:12px;color:#999faf;transition:color .2s}
.footer-links a:hover{color:#fff}
.footer-copyright{width:100%;color:#5d6473;font-size:11px;margin-top:5px}

/* Reveals */
.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.features-grid .feature-card:nth-child(2),.features-grid .feature-card:nth-child(4){transition-delay:.09s}
.features-grid .feature-card:nth-child(3),.features-grid .feature-card:nth-child(5){transition-delay:.17s}

@media(max-width:1150px){.container{width:min(1100px,calc(100% - 60px))}.hero{grid-template-columns:43% 57%}.hero h1{font-size:clamp(55px,6vw,78px)}.hero-stage{transform:translateX(6px)}.desktop-mock{width:min(100%,590px)}.mock-tabs{gap:6px;margin-left:4px}.label-top{right:-1px}.experience-layout{gap:55px}.faq-layout{gap:55px}.feature-card{padding:23px}.feature-large{padding:25px}.feature-large h3{font-size:30px}.feature-visual{flex-basis:44%}}
@media(max-width:850px){.site-header{height:77px}.desktop-nav{display:none}.header-actions{margin-left:auto}.header-logo{width:65px;height:50px}.header-support{padding:9px 12px}.menu-toggle{display:flex}.mobile-nav{top:77px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:57px;padding-bottom:70px;gap:65px}.hero-copy{text-align:center;padding-bottom:0}.hero h1{font-size:clamp(65px,10vw,92px)}.hero-description{max-width:540px;margin:0 auto}.hero-buttons,.hero-meta{justify-content:center}.hero-meta{margin-top:32px}.hero-stage{height:530px;transform:none;max-width:690px;width:100%;margin:auto}.desktop-mock{width:min(100%,650px)}.label-top{top:12px;right:6px}.label-bottom{bottom:11px;left:15px}.section-pad{padding-block:96px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-large{grid-column:span 2;min-height:285px}.feature-card{min-height:240px}.feature-card .feature-icon{margin-top:24px}.experience-layout{grid-template-columns:1fr;gap:5px}.experience-art{height:440px;order:2}.experience-copy{order:1;max-width:640px}.experience-art .orbit-field{width:420px}.faq-layout{grid-template-columns:1fr;gap:42px}.faq-heading{max-width:580px}.purchase-card{grid-template-columns:1fr}.purchase-body{border-right:0;border-bottom:1px solid var(--line)}.purchase-body,.purchase-side{padding:35px 42px}.purchase-body h3{font-size:60px}.purchase-meta{margin-top:25px}.footer{gap:18px}}
@media(max-width:570px){.container{width:calc(100% - 38px)}.site-header{height:72px}.header-inner{gap:10px}.wordmark{font-size:24px}.header-actions{gap:7px}.header-logo{width:54px;height:45px;margin-right:0}.header-support{font-size:0;width:38px;height:38px;padding:0;gap:0}.header-support svg{width:17px;height:17px}.menu-toggle{width:38px;height:38px;border-radius:10px}.mobile-nav{top:72px}.hero{padding-top:50px;gap:36px}.hero h1{font-size:clamp(51px,12.5vw,72px);margin:22px 0 17px}.hero-description{font-size:14px;line-height:1.75;max-width:375px}.eyebrow{font-size:8px;letter-spacing:.12em}.eyebrow-num{display:none}.hero-buttons{gap:10px;margin-top:26px}.btn{min-height:44px;padding:12px 15px;font-size:12px;gap:9px}.hero-meta{font-size:8px;gap:9px;letter-spacing:.08em;white-space:normal;justify-content:center}.meta-line{display:none}.hero-stage{height:auto;min-height:360px;padding-bottom:48px;align-items:center}.hero-aura{inset:0 -8%}.desktop-mock{height:338px;border-radius:13px;transform:none;width:100%}.mock-topbar{height:37px;gap:6px;padding:0 8px}.mock-topbar>b{font-size:10px}.mock-tabs{gap:0;margin-left:5px;font-size:8px}.mock-tabs span{padding:5px}.mock-window-controls{gap:4px}.mock-window-controls i{height:6px;width:6px}.mock-workspace{height:calc(100% - 37px)}.mock-library{margin:8px 0 8px 8px;padding:8px 5px}.mock-library-heading strong{font-size:10px}.mock-search{font-size:8px;height:24px;padding:0 5px;margin-top:9px;gap:2px}.mock-search svg{width:10px}.mock-song{height:35px;gap:5px;padding:3px}.song-art{width:24px;height:24px;flex-basis:24px}.mock-song b{font-size:8px}.mock-song small{font-size:7px}.mock-duration{font-size:7px}.mock-songs{margin-top:8px;gap:3px}.mock-player{padding:14px 8px}.mock-cover{width:130px;height:130px;flex-basis:130px;border-radius:10px}.cover-moon{width:97px;height:97px;top:17px;left:15px}.cover-orbit{width:125px;top:57px;left:3px;height:43px}.mock-track-name{font-size:13px;margin-top:12px}.mock-progress{margin-top:13px}.mock-controls{gap:15px;margin-top:11px}.mock-play{width:31px;height:31px}.floating-label{font-size:7px;letter-spacing:.1em}.label-top{top:0}.label-bottom{bottom:18px;left:6px}.mock-note{bottom:3px;font-size:8px;right:4px}.section-divider{font-size:8px;letter-spacing:.08em;height:55px}.section-divider span:nth-child(2){font-size:12px}.section-pad{padding-block:75px}.section-heading h2,.experience-copy h2,.faq-heading h2{font-size:clamp(43px,10vw,55px)}.section-heading{margin-bottom:30px}.section-heading>p{font-size:13px}.features-grid{gap:10px}.feature-card{padding:19px;min-height:245px;border-radius:13px}.feature-card .feature-num{font-size:9px;letter-spacing:.08em}.feature-card .feature-icon{width:34px;height:34px;margin:24px 0 15px}.feature-card h3{font-size:17px}.feature-card p{font-size:11px;line-height:1.7}.feature-large{padding:21px;min-height:280px}.feature-large h3{font-size:28px;margin-top:37px}.feature-large p{font-size:11px;max-width:200px}.feature-visual{flex:0 0 38%;height:155px;padding:8px;transform:rotate(-5deg) translate(20px,20px)}.v-search{font-size:7px}.v-music{font-size:8px}.v-music small{font-size:6px}.v-art{width:23px;height:23px;flex-basis:23px}.experience-art{height:340px}.experience-art .orbit-field{width:100%}.vertical-caption{font-size:8px}.experience-intro{font-size:13px}.experience-points{margin-top:22px}.experience-points>div{padding:16px 0}.purchase-body,.purchase-side{padding:30px 25px}.purchase-body h3{font-size:54px}.purchase-meta{gap:6px}.purchase-meta span{font-size:10px;padding:7px 9px}.purchase-price{font-size:37px}.faq-section{padding-block:81px}.faq-layout{gap:28px}.faq-list summary{min-height:66px;font-size:13px}.faq-answer{font-size:12px;padding-right:24px}.support-section{padding-top:74px;padding-bottom:65px}.support-panel{min-height:320px;padding:43px 20px}.support-panel>p{font-size:13px}.support-panel h2{font-size:54px}.footer{padding-block:25px;gap:13px;justify-content:space-between}.footer>p{width:100%;order:4}.footer-links{gap:14px}.footer-links a{font-size:11px}.footer-copyright{order:5}.preloader-logo{width:min(90vw,310px);max-height:230px}}
@media(max-width:380px){.hero h1{font-size:50px}.hero-buttons .btn{font-size:11px}.mock-tabs span:nth-child(3){display:none}.feature-card{padding:15px}.feature-card h3{font-size:16px}.feature-large h3{font-size:25px}.feature-visual{flex-basis:40%;transform:rotate(-5deg) translate(29px,22px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


/* sadagain.lol v2 — clearer, more readable one-page layout */
body {font-size:16px;line-height:1.55}
.wordmark {font-size:29px;letter-spacing:-.055em}
.desktop-nav {padding-left:0;gap:38px}
.desktop-nav a {font-size:16px;font-weight:700;color:#c6cede}
.header-support {min-height:44px;padding:11px 18px;font-size:15px;font-weight:750}
.mobile-nav a {font-size:17px;font-weight:680}
.preloader-text {font-size:14px;letter-spacing:.09em;font-weight:650;color:#b2bdd3}
.hero {min-height:650px;padding-top:28px;padding-bottom:64px}
.hero-copy {padding-bottom:0}
.hero h1 {margin:0 0 32px;font-weight:790}
.hero h1 span {background:linear-gradient(105deg,#eef1fd 0%,#b8c4e3 42%,#747f9e 100%);background-clip:text;color:transparent;font-style:normal}
.hero-buttons {margin-top:0}
.btn {min-height:51px;font-size:16px;font-weight:780;padding:14px 23px}
.hero-stage {height:540px}
.pricing-section {padding-top:85px;padding-bottom:100px}
.section-heading {max-width:850px;margin-bottom:34px}
.section-heading h2,.faq-heading h2 {font-weight:780}
.section-index {font-size:17px;letter-spacing:.025em;font-weight:790;color:#cbd6f0;text-transform:none}
.purchase-card {box-shadow:0 24px 72px rgba(0,0,0,.32)}
.purchase-tag {font-size:15px;letter-spacing:.045em;font-weight:750;color:#ced9f3}
.purchase-body>p {font-size:17px;font-weight:550;color:#c3cadd;line-height:1.65}
.purchase-meta span {font-size:15px;font-weight:650;color:#cbd3e4;padding:10px 14px}
.purchase-price-label {font-size:15px;font-weight:750;letter-spacing:.05em;color:#c8d2e9}
.purchase-side>p {font-size:17px;font-weight:550;color:#bfc7d8;line-height:1.65;max-width:440px}
.purchase-disabled {min-height:54px;font-size:16px;font-weight:780}
.purchase-update {font-size:16px;font-weight:740;margin-top:18px}
.faq-section {padding-block:110px}
.faq-layout {gap:75px;grid-template-columns:.84fr 1.16fr}
.faq-heading>p {font-size:18px;line-height:1.65;font-weight:550;max-width:440px;color:#c2c9d8}
.faq-heading h2 span {color:#aebddd;font-style:normal}
.text-link {font-size:16px;font-weight:750}
.faq-list summary {font-size:18px;font-weight:750;min-height:78px;padding:17px 8px 17px 15px}
.faq-answer {font-size:16px;line-height:1.75;color:#bdc6d7;font-weight:520;padding-bottom:25px}
.footer {min-height:190px;padding-top:40px;padding-bottom:44px;gap:22px 36px}
.footer-brand {gap:7px}
.footer-brand img {width:78px;height:61px;margin-left:-8px}
.footer-brand span {font-size:26px;letter-spacing:-.06em;font-weight:800}
.footer>p {font-size:16px;font-weight:600;color:#b5becf}
.footer-links {gap:27px}
.footer-links a {font-size:16px;font-weight:720;color:#bfc8da}
.footer-copyright {font-size:15px;color:#99a4ba;font-weight:550;line-height:1.6;margin-top:10px}

@media (max-width:1150px) {
  .faq-layout {gap:45px}
}
@media (max-width:850px) {
  .hero {min-height:0;gap:46px;padding-top:58px;padding-bottom:60px}
  .hero h1 {margin:0 0 30px}
  .hero-buttons {justify-content:center}
  .hero-stage {height:480px}
  .pricing-section {padding-block:80px}
  .faq-section {padding-block:85px}
  .faq-layout {grid-template-columns:1fr;gap:38px}
  .footer {gap:19px}
}
@media (max-width:570px) {
  .wordmark {font-size:26px}
  .hero {padding-top:42px;gap:24px;padding-bottom:35px}
  .hero h1 {font-size:clamp(49px,11vw,70px);margin:0 0 26px}
  .hero-stage {height:auto;min-height:340px;padding-bottom:14px}
  .btn {font-size:15px;min-height:47px;padding:13px 16px}
  .section-index {font-size:16px;letter-spacing:.01em}
  .section-heading h2,.faq-heading h2 {font-size:clamp(40px,9vw,54px)}
  .pricing-section {padding-top:60px;padding-bottom:80px}
  .purchase-body,.purchase-side {padding:32px 25px}
  .purchase-body h3 {font-size:52px}
  .purchase-body>p {font-size:16px}
  .purchase-tag,.purchase-price-label {font-size:14px}
  .purchase-meta span {font-size:14px;padding:9px 11px}
  .purchase-side>p {font-size:16px}
  .purchase-disabled,.purchase-update {font-size:15px}
  .faq-section {padding-block:75px}
  .faq-heading>p {font-size:17px}
  .faq-list summary {font-size:16px;min-height:72px;line-height:1.4}
  .faq-answer {font-size:16px;padding-right:20px}
  .footer {padding-top:35px;padding-bottom:34px;justify-content:flex-start;gap:14px 22px}
  .footer-brand {width:100%}
  .footer-brand img {height:60px;width:79px}
  .footer-brand span {font-size:25px}
  .footer>p {order:0;width:100%;font-size:16px}
  .footer-links {order:0;flex-wrap:wrap;gap:15px 24px;width:100%}
  .footer-links a {font-size:16px}
  .footer-copyright {order:0;font-size:14px;margin-top:5px}
  .preloader-text {font-size:14px}
}

/* Keep the illustrative in-page app preview legible at the scale shown. */
.mock-topbar > b {font-size:14px}
.mock-tabs {font-size:11px;gap:9px}
.mock-library-heading strong {font-size:14px}
.mock-count {font-size:11px}
.mock-search {font-size:11px}
.mock-song b {font-size:12px;font-weight:750}
.mock-song small {font-size:10px;color:#abb2c7}
.mock-duration {font-size:10px;color:#acb4c9}
.mock-track-artist {font-size:12px;color:#b6bcdb}
.mock-progress {font-size:11px;color:#bbc2da}
@media(max-width:570px) {
  .mock-topbar > b {font-size:11px}
  .mock-tabs {font-size:9px;gap:0}
  .mock-library-heading strong {font-size:11px}
  .mock-count {font-size:10px}
  .mock-search {font-size:10px}
  .mock-song b {font-size:10px}
  .mock-song small {font-size:9px}
  .mock-duration {font-size:9px}
  .mock-track-artist {font-size:11px}
  .mock-progress {font-size:10px}
}


/* sadagain.lol v3 — simplified header, clear $5 purchase section and Discord support */
.header-inner { justify-content: space-between; }
.header-logo-left { display:grid; place-items:center; width:132px; height:78px; flex:0 0 auto; margin:0 0 0 -10px; transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s; }
.header-logo-left img { width:100%; height:100%; object-fit:contain; }
.header-logo-left:hover { transform:scale(1.06); filter:drop-shadow(0 0 15px rgba(168,191,249,.22)); }
.desktop-nav { margin-left:auto; margin-right:0; padding-left:0; }
.header-actions { gap:0; }
.pricing-section { padding-top:84px; }
.purchase-body { display:flex; flex-direction:column; justify-content:center; }
.purchase-body h3 { margin:27px 0 19px; }
.purchase-meta { margin-top:24px; }
.purchase-meta span { font-weight:680; }
.purchase-price { margin:0 0 15px; font-weight:820; font-size:clamp(54px,5vw,74px); line-height:1.1; }
.purchase-side>p { max-width:360px; }
.faq-heading .section-index { font-size:17px; }
.faq-list .faq-answer strong { color:#eef2ff; font-weight:820; }
.footer { justify-content:space-between; padding-block:42px; min-height:150px; }
.footer-links { flex-wrap:wrap; gap:22px 32px; }
.footer-links a { font-size:17px; font-weight:740; color:#d0d8eb; }
.footer-copyright { color:#a7b2c8; font-size:16px; font-weight:580; }
/* Cinematic Discord link anchored above the lower right edge of the viewport. */
.discord-fab { position:fixed; bottom:28px; right:28px; z-index:110; display:flex; align-items:center; gap:12px; text-decoration:none; isolation:isolate; }
.discord-fab-label { display:block; padding:11px 16px; border:1px solid rgba(151,184,245,.24); border-radius:13px; background:rgba(12,17,31,.96); box-shadow:0 14px 38px rgba(0,0,0,.4); backdrop-filter:blur(20px); color:#f4f7ff; font-size:15px; font-weight:750; letter-spacing:.01em; white-space:nowrap; opacity:0; transform:translateX(17px) scale(.94); pointer-events:none; transition:transform .3s cubic-bezier(.2,.9,.2,1), opacity .3s ease; }
.discord-fab-circle { position:relative; display:grid; place-items:center; flex:0 0 60px; width:60px; height:60px; overflow:hidden; border-radius:50%; background:linear-gradient(145deg,#7889ff 0%,#5865f2 51%,#414fe1 100%); border:1px solid rgba(209,217,255,.48); color:#fff; box-shadow:0 0 0 5px rgba(88,101,242,.11),0 14px 40px rgba(52,70,196,.4),inset 0 1px 1px rgba(255,255,255,.3); transition:transform .3s cubic-bezier(.18,.8,.25,1),box-shadow .3s ease; }
.discord-fab-circle::before { content:""; position:absolute; inset:-140% -65%; background:linear-gradient(120deg,transparent 36%,rgba(255,255,255,.38) 49%,transparent 62%); transform:translateX(-65%) rotate(15deg); transition:transform .65s ease; }
.discord-fab-circle svg { position:relative; z-index:1; width:29px; height:29px; }
.discord-fab:hover .discord-fab-label,.discord-fab:focus-visible .discord-fab-label { opacity:1; transform:translateX(0) scale(1); }
.discord-fab:hover .discord-fab-circle,.discord-fab:focus-visible .discord-fab-circle { transform:translateY(-3px) scale(1.045); box-shadow:0 0 0 6px rgba(88,101,242,.18),0 16px 46px rgba(80,101,246,.52); }
.discord-fab:hover .discord-fab-circle::before,.discord-fab:focus-visible .discord-fab-circle::before { transform:translateX(65%) rotate(15deg); }
.discord-fab:focus-visible { border-radius:50%; outline:3px solid #dbe4ff; outline-offset:7px; }
body:has(.preloader:not(.is-done)) .discord-fab { visibility:hidden; }
@media(max-width:850px) {
 .header-logo-left { width:112px; height:70px; margin-left:-10px; }
 .desktop-nav { display:none; }
 .header-actions { margin-left:auto; }
 .pricing-section { padding-top:70px; }
}
@media(max-width:570px) {
 .header-logo-left { width:112px; height:67px; margin-left:-7px; }
 .pricing-section { padding-top:49px; }
 .purchase-price { font-size:53px; }
 .purchase-meta { gap:8px; }
 .purchase-meta span { font-size:14px; padding:9px 11px; }
 .footer { gap:18px; justify-content:flex-start; padding-block:34px 45px; }
 .footer-links { gap:17px 25px; }
 .footer-links a { font-size:16px; }
 .footer-copyright { font-size:15px; }
 .discord-fab { bottom:18px; right:18px; gap:9px; }
 .discord-fab-circle { width:56px; height:56px; flex-basis:56px; }
 .discord-fab-circle svg { width:27px; height:27px; }
 .discord-fab-label { font-size:14px; padding:10px 12px; }
}
@media(prefers-reduced-motion:reduce) {
 .discord-fab,.discord-fab * { transition:none !important; }
}


/* sadagain.lol v4: three-page navigation and presentation */
.site-shell { display:flex; flex-direction:column; }
.site-shell > main { flex:1 0 auto; }
.desktop-nav a[aria-current="page"] {color:#f5f7ff;}
.desktop-nav a[aria-current="page"]::after { content:"";display:block;height:2px;width:100%;background:#b7c5ed;border-radius:2px;margin-top:4px;box-shadow:0 0 18px #b7c5ed55; }
.mobile-nav a[aria-current="page"] {color:#fff;background:rgba(126,151,211,.09);}
.subpage-main { position:relative; min-height:calc(100svh - 96px - 190px); }
.subpage-main .standalone-section { position:relative; }
.purchase-main { display:flex;align-items:center; }
.purchase-main .pricing-section { width:100%; padding-top:clamp(80px,10vh,140px);padding-bottom:clamp(90px,12vh,150px); }
.purchase-main .purchase-card { max-width:1130px; margin:auto; transition:border-color .4s ease,box-shadow .4s ease; }
.purchase-main .purchase-card:hover { border-color:rgba(198,211,248,.35);box-shadow:0 30px 84px rgba(0,0,0,.5),0 0 75px rgba(110,131,195,.08); }
.purchase-body h3 {letter-spacing:-.065em;overflow-wrap:anywhere;}
.purchase-features-label {margin:9px 0 0;font-size:17px;font-weight:800;letter-spacing:.025em;color:#e2e8f9;}
.purchase-meta { margin-top:16px; }
.purchase-meta span { position:relative; isolation:isolate; overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:46px; border-color:rgba(189,202,243,.25); background:rgba(143,167,224,.055); box-shadow:inset 0 1px 0 rgba(255,255,255,.055); color:#d9e2fa; font-size:15px; font-weight:730;transition:transform .28s cubic-bezier(.2,.85,.25,1),border-color .28s ease,background .28s ease,box-shadow .28s ease,color .28s ease; }
.purchase-meta span::before {content:"";position:absolute;inset:-150% -40%;background:linear-gradient(110deg,transparent 37%,rgba(211,226,255,.2) 49%,transparent 61%);transform:translateX(-125%) rotate(10deg);transition:transform .65s ease;z-index:-1;}
.purchase-meta span:hover { transform:translateY(-4px) scale(1.035);background:rgba(151,180,242,.16);border-color:rgba(188,211,255,.57);color:white;box-shadow:0 12px 28px rgba(63,92,158,.2),0 0 24px rgba(137,167,231,.11),inset 0 1px 0 rgba(255,255,255,.15); }
.purchase-meta span:hover::before {transform:translateX(125%) rotate(10deg);}
.faq-main .faq-section {padding-top:clamp(85px,11vh,150px);padding-bottom:clamp(85px,11vh,150px);}
.faq-main .faq-heading h1 {font-size:clamp(43px,4.8vw,65px);line-height:1.08;letter-spacing:-.065em;margin:0;font-weight:780;}
.faq-main .faq-heading h1 span {color:#aebddd;font-style:normal;}
/* Prevent accidental selection or browser context menus throughout the public site. */
html,body,body *,body *::before,body *::after { -webkit-user-select:none !important;user-select:none !important;-webkit-touch-callout:none; }
::selection {background:transparent;color:inherit;}
::-moz-selection {background:transparent;color:inherit;}
@media (max-width:850px) {
 .subpage-main {min-height:calc(100svh - 77px - 190px);}
 .purchase-main .pricing-section {padding-block:82px;}
 .faq-main .faq-section {padding-block:86px;}
 .faq-main .faq-heading h1 {font-size:clamp(42px,8.8vw,58px);}
}
@media (max-width:570px) {
 .subpage-main {min-height:calc(100svh - 72px - 170px);}
 .purchase-main .pricing-section {padding-block:66px 87px;}
 .purchase-body h3 {font-size:clamp(41px,11vw,54px);}
 .purchase-features-label {font-size:16px;}
 .purchase-meta span {min-height:45px;font-size:14px;}
 .faq-main .faq-section {padding-block:65px 80px;}
 .faq-main .faq-heading h1 {font-size:clamp(41px,10vw,54px);}
}
@media (prefers-reduced-motion:reduce) {.purchase-meta span:hover {transform:none;}}


/* v5: fluid visual music preview + responsive cinematic side-focus */
.hero h1 {letter-spacing:-.076em;white-space:nowrap;font-size:clamp(54px,6vw,88px)}
.hero h1 span {color:#a6b4d7;background:linear-gradient(130deg,#d0dbf2,#8295bf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.desktop-mock {
  --tilt-x:0deg; --tilt-y:0deg; --art-glow:rgba(106,82,134,.24);
  isolation:isolate;overflow:visible;
  transform:perspective(1300px) rotateY(calc(-5deg + var(--tilt-x))) rotateX(calc(2deg + var(--tilt-y)));
  transition:transform .45s cubic-bezier(.18,.8,.2,1),box-shadow .45s,border-color .3s;
  will-change:transform;
}
.desktop-mock:hover {border-color:rgba(202,214,255,.34);box-shadow:0 0 0 5px rgba(184,199,244,.022),0 28px 60px rgba(0,0,0,.56),0 56px 120px rgba(33,36,65,.28)}
.mock-topbar {border-radius:17px 17px 0 0;position:relative;z-index:4}
.mock-workspace {position:relative;isolation:isolate;border-radius:0 0 17px 17px;overflow:visible}
.mock-library,.mock-player {transition:transform .5s cubic-bezier(.19,1,.22,1),background .45s,box-shadow .45s,border-color .45s,filter .45s;will-change:transform}
.mock-library {position:relative;z-index:2;background:#101117;min-width:0;overflow:hidden}
.mock-player {z-index:1;border-radius:0 0 17px 0;min-width:0;background:rgba(9,10,16,.88)}
.desktop-mock:hover .mock-player::before {opacity:1}
.mock-player::before {background:radial-gradient(ellipse at 50% 42%,var(--art-glow),transparent 71%);opacity:.84;transition:opacity .4s,background .4s}
.desktop-mock.is-library-hover .mock-player,
.desktop-mock:has(.mock-library:hover) .mock-player {
  transform:translate3d(12px,-5px,38px) scale(1.055);
  background:#0c0d15;
  box-shadow:0 18px 62px rgba(0,0,0,.64),0 0 40px rgba(159,170,223,.1);
  z-index:5;
}
.desktop-mock.is-library-hover .mock-library,
.desktop-mock:has(.mock-library:hover) .mock-library {filter:brightness(.86)}
.desktop-mock.is-player-hover .mock-library,
.desktop-mock:has(.mock-player:hover) .mock-library {
  transform:translate3d(-12px,-7px,38px) scale(1.075);
  border-color:rgba(183,200,249,.33);
  background:#171723;
  box-shadow:0 18px 64px rgba(0,0,0,.73),0 0 45px rgba(135,149,208,.16);
  z-index:6;
}
.desktop-mock.is-player-hover .mock-player,
.desktop-mock:has(.mock-player:hover) .mock-player {filter:brightness(.9)}
.mock-song {width:100%;border:1px solid transparent;color:#e5e9f9;text-align:left;font-family:inherit;background:transparent;cursor:pointer;transition:transform .25s,background .25s,border-color .25s;position:relative}
.mock-song:hover,.mock-song:focus-visible {background:rgba(150,169,228,.11);border-color:rgba(186,198,248,.18);transform:translateX(2px);outline:none}
.mock-song.active {background:linear-gradient(102deg,rgba(125,116,180,.22),rgba(101,115,153,.10));border-color:rgba(176,182,249,.22)}
.mock-song-info {display:flex;min-width:0;flex:1;flex-direction:column;gap:2px;white-space:nowrap}
.mock-song b {font-size:12px;line-height:1.28;letter-spacing:-.012em;overflow:hidden;text-overflow:ellipsis}
.mock-song small {font-size:10px;line-height:1.3;color:#a5acc4;overflow:hidden;text-overflow:ellipsis}
.mock-duration {margin-left:auto;font-variant-numeric:tabular-nums;font-size:10px;color:#99a4c2;white-space:nowrap}
.song-art {overflow:hidden;background:radial-gradient(circle at 40% 15%,#65617a,#22232f 70%)}
.song-art img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.95)}
.song-art img.is-missing {opacity:0}
.mock-cover-photo {background:radial-gradient(circle at 50% 40%,var(--art-color),#10111b 86%);box-shadow:0 20px 65px rgba(0,0,0,.6),0 0 50px var(--art-glow);transition:box-shadow .3s,transform .45s}
.mock-cover-photo img {display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.94) saturate(.98);transition:transform .75s cubic-bezier(.19,1,.22,1),opacity .18s}
.mock-cover-photo img.is-missing {opacity:0}
.mock-cover-photo::before {display:none}
.mock-cover-glint {position:absolute;z-index:2;inset:0;background:linear-gradient(122deg,transparent 27%,rgba(240,244,255,.2) 44%,transparent 58%);opacity:0;transform:translateX(-130%);pointer-events:none;transition:transform .95s cubic-bezier(.19,1,.22,1),opacity .3s}
.desktop-mock:hover .mock-cover-photo {transform:translateY(-2px)}
.desktop-mock:hover .mock-cover-photo img {transform:scale(1.055)}
.desktop-mock:hover .mock-cover-glint {transform:translateX(105%);opacity:.8}
.mock-demo-caption {position:absolute;bottom:9px;right:14px;font-size:8px;font-weight:730;letter-spacing:.12em;color:rgba(200,210,236,.45);pointer-events:none}
.mock-song.active .mock-duration {color:#c6c5f3}
@media(max-width:850px) {
 .hero h1 {font-size:clamp(50px,9vw,74px)}
 .desktop-mock {transform:none;will-change:auto}
 .desktop-mock:hover {transform:none}
}
@media(max-width:570px) {
 .hero h1 {font-size:clamp(42px,11vw,58px)}
 .mock-song {padding:3px 4px;gap:4px}
 .mock-song b {font-size:9px}
 .mock-song small {font-size:8px}
 .mock-duration {font-size:8px}
 .mock-demo-caption {font-size:6px;right:8px;bottom:5px}
 .desktop-mock.is-library-hover .mock-player,.desktop-mock:has(.mock-library:hover) .mock-player {transform:translate3d(4px,-2px,0) scale(1.025)}
 .desktop-mock.is-player-hover .mock-library,.desktop-mock:has(.mock-player:hover) .mock-library {transform:translate3d(-3px,-2px,0) scale(1.025)}
}
@media(hover:none),(prefers-reduced-motion:reduce) {
 .desktop-mock,.desktop-mock:hover {transform:none;will-change:auto}
 .desktop-mock.is-library-hover .mock-player,.desktop-mock:has(.mock-library:hover) .mock-player,
 .desktop-mock.is-player-hover .mock-library,.desktop-mock:has(.mock-player:hover) .mock-library {transform:none;box-shadow:none}
 .mock-cover-glint {display:none}
}

/* sadagain.lol v6 — larger crisp interactive player on homepage */
.hero-home-v6{grid-template-columns:minmax(310px,37%) minmax(620px,63%);min-height:780px;padding-top:38px;padding-bottom:72px;gap:28px}
.hero-home-v6 .hero-copy{align-self:center;z-index:3}
.hero-home-v6 h1{font-size:clamp(76px,8.1vw,130px);line-height:.95;letter-spacing:-.09em;white-space:normal;max-width:460px;margin:0 0 30px}
.hero-home-v6 .hero-stage{height:700px;display:flex;align-items:center;justify-content:center;transform:none}
.hero-home-v6 .hero-aura{inset:5% -8% 0 -8%;filter:none;opacity:.96}
.desktop-mock-v6{width:min(100%,920px);height:560px;border-radius:24px;background:linear-gradient(180deg,#070910 0%,#05060b 100%);border:1px solid rgba(194,205,241,.14);box-shadow:0 0 0 1px rgba(255,255,255,.03),0 26px 55px rgba(0,0,0,.58),0 60px 100px rgba(0,0,0,.45);transform:perspective(1600px) rotateY(-4deg) rotateX(1.2deg);transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s ease}
.desktop-mock-v6::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 34%,rgba(84,68,152,.13),transparent 26%),radial-gradient(circle at 48% 62%,rgba(108,80,188,.08),transparent 33%);pointer-events:none}
.desktop-mock-v6 .mock-topbar{height:50px;padding:0 18px;background:rgba(9,10,16,.98);border-bottom:1px solid rgba(255,255,255,.06)}
.desktop-mock-v6 .mock-topbar>b{font-size:15px;font-weight:800}
.desktop-mock-v6 .mock-tabs{font-size:11px;gap:12px}
.desktop-mock-v6 .mock-tabs span{padding:8px 11px;border-radius:8px}
.desktop-mock-v6 .mock-tabs .selected{background:#1d2030;color:#f2f4ff}
.mock-workspace-v6{grid-template-columns:36% 64%;height:calc(100% - 50px)}
.desktop-mock-v6 .mock-library{margin:16px 0 16px 16px;padding:16px 14px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.018));border:1px solid rgba(121,132,170,.24);backdrop-filter:none;transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease}
.desktop-mock-v6 .mock-library-heading strong{font-size:18px;font-weight:800}
.desktop-mock-v6 .mock-count{font-size:12px;padding:3px 7px;border-radius:8px}
.desktop-mock-v6 .mock-search{margin-top:16px;height:40px;border-radius:10px;font-size:12px;padding:0 12px;background:#10131b;color:#7f8798;border:1px solid rgba(255,255,255,.08)}
.desktop-mock-v6 .mock-search svg{width:14px;height:14px}
.desktop-mock-v6 .mock-songs{gap:8px;margin-top:16px}
.desktop-mock-v6 .mock-song{height:58px;width:100%;padding:7px 10px;border-radius:12px;background:transparent;border:1px solid transparent;cursor:pointer;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}
.desktop-mock-v6 .mock-song:hover{background:rgba(255,255,255,.045);border-color:rgba(121,132,170,.18)}
.desktop-mock-v6 .mock-song.active{background:linear-gradient(180deg,rgba(88,91,145,.24),rgba(49,53,84,.26));border-color:rgba(154,163,229,.42);box-shadow:0 14px 24px rgba(0,0,0,.28)}
.desktop-mock-v6 .song-art{flex:0 0 38px;width:38px;height:38px;border-radius:10px;overflow:hidden;background:#0c0f14;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.desktop-mock-v6 .song-art img{width:100%;height:100%;object-fit:cover;display:block}
.desktop-mock-v6 .mock-song-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px;align-items:flex-start}
.desktop-mock-v6 .mock-song-info b{font-size:13px;font-weight:780;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f5f7ff;max-width:100%}
.desktop-mock-v6 .mock-song-info small{font-size:10px;font-weight:700;color:#b5bed4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.desktop-mock-v6 .mock-duration{font-size:11px;font-weight:700;color:#b6bed2;margin-left:auto;padding-left:10px}
.mock-player-v6{display:flex;align-items:center;justify-content:center;padding:22px 24px 16px 18px;transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease}
.mock-player-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;position:relative}
.mock-player-v6 .mock-cover{width:208px;height:208px;border-radius:24px;background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.12),transparent 44%),linear-gradient(180deg,#131724 0%,#0d1020 100%);box-shadow:0 18px 36px rgba(0,0,0,.42),0 0 46px color-mix(in srgb,var(--art-color) 36%, transparent);overflow:hidden;display:grid;place-items:center}
.mock-player-v6 .mock-cover img{width:100%;height:100%;object-fit:cover;display:block}
.mock-player-v6 .mock-track-name{font-size:34px;font-weight:800;line-height:1.02;letter-spacing:-.04em;color:#f6f8ff;max-width:92%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-player-v6 .mock-track-artist{font-size:16px;font-weight:650;color:#bbc4dc;max-width:92%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-player-v6 .mock-progress{display:grid;grid-template-columns:54px 1fr 54px;align-items:center;gap:12px;width:min(100%,470px);font-size:13px;color:#d0d6e9;font-weight:700}
.mock-progress-hit{appearance:none;border:0;background:none;padding:0;cursor:pointer;width:100%}
.mock-player-v6 .mock-progress-bar{position:relative;height:6px;border-radius:999px;background:#31364a;overflow:hidden;box-shadow:inset 0 1px 1px rgba(255,255,255,.05)}
.mock-player-v6 .mock-progress-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#b9b2ff 0%,#8a76ff 100%);box-shadow:0 0 16px rgba(160,149,255,.5)}
.mock-controls-v6{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:2px}
.mock-icon-btn,.mock-play-btn{appearance:none;border:0;display:grid;place-items:center;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}
.mock-icon-btn{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);color:#eef2ff}
.mock-icon-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.07);box-shadow:0 10px 18px rgba(0,0,0,.22)}
.mock-icon-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mock-play-btn{position:relative;width:64px;height:64px;border-radius:50%;background:linear-gradient(180deg,#b7b0ff 0%,#9483ff 100%);color:#fff;box-shadow:0 0 0 8px rgba(148,131,255,.12),0 16px 30px rgba(77,63,165,.42)}
.mock-play-btn:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 0 0 10px rgba(148,131,255,.14),0 18px 34px rgba(77,63,165,.48)}
.mock-play-btn svg{width:24px;height:24px;fill:currentColor}
.mock-play-btn .icon-pause{display:none}
.mock-play-btn.is-playing .icon-play{display:none}
.mock-play-btn.is-playing .icon-pause{display:block}
.mock-demo-caption{position:absolute;right:0;bottom:0;font-size:10px;font-weight:800;letter-spacing:.18em;color:#8790aa}
.hero-home-v6 + .footer,.footer{margin-top:0}

@media(max-width:1200px){
  .hero-home-v6{grid-template-columns:1fr;gap:26px;min-height:0;padding-top:48px;padding-bottom:56px}
  .hero-home-v6 .hero-copy{text-align:center}
  .hero-home-v6 h1{margin-inline:auto}
  .hero-home-v6 .hero-buttons{justify-content:center}
  .hero-home-v6 .hero-stage{height:auto;min-height:580px}
  .desktop-mock-v6{width:min(100%,860px);height:540px}
}
@media(max-width:760px){
  .hero-home-v6 h1{font-size:clamp(58px,15vw,88px);max-width:none}
  .desktop-mock-v6{height:auto;min-height:680px;transform:none!important}
  .mock-workspace-v6{grid-template-columns:1fr;gap:12px;height:auto;padding-bottom:18px}
  .desktop-mock-v6 .mock-library{margin:14px 14px 0 14px}
  .mock-player-v6{padding:8px 18px 18px 18px}
  .mock-player-v6 .mock-cover{width:180px;height:180px}
  .mock-player-v6 .mock-track-name{font-size:29px}
  .mock-player-v6 .mock-progress{width:100%}
  .mock-demo-caption{position:static;margin-top:4px}
}

/* sadagain.lol v7 — clean headerless hero and flat lateral hover */
.visually-hidden {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero-home-v7 .hero-copy{align-self:start;padding-top:184px;padding-bottom:0}
.hero-home-v7 .hero-buttons{margin:0;display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap}
.hero-home-v7 .hero-buttons .btn{min-height:52px}
.hero-home-v7 .desktop-mock-v6{
  transform:translate3d(var(--hover-shift, 0px),0,0);
  transform-origin:center;
  transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease;
}
.hero-home-v7 .mock-library,.hero-home-v7 .mock-player-v6{transform:none!important}
.hero-home-v7 .mock-controls-v6{gap:23px}
.hero-home-v7 .mock-icon-btn{width:46px;height:46px}
@media(max-width:1200px){
  .hero-home-v7 .hero-copy{padding-top:64px;align-self:center}
  .hero-home-v7 .hero-buttons{justify-content:center}
}
@media(max-width:760px){
  .hero-home-v7 .hero-copy{padding-top:12px}
  .hero-home-v7 .desktop-mock-v6{transform:none!important}
  .hero-home-v7 .hero-buttons{gap:10px}
}

/* v7.1: purchase and FAQ content must not depend on the homepage reveal observer. */
.subpage-main .reveal { opacity: 1; transform: none; }