:root{--bg:#f7f8fa;--surface:#fff;--ink:#20252c;--muted:#66707c;--line:#e2e6eb;--soft:#f0f2f5;--accent:#2f6feb;--accent2:#1f57be;--ok:#137a4b;--radius:18px;--shadow:0 14px 34px rgba(32,37,44,.08);--max:1180px}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}
img{max-width:100%;height:auto}
a{color:inherit}
button,input,select{font:inherit}
.container{width:min(var(--max),calc(100% - 36px));margin-inline:auto}
.section{padding:86px 0}
.section-sm{padding:58px 0}
.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:700;color:#4b5563;letter-spacing:.02em}
.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
h1,h2,h3{line-height:1.15;letter-spacing:-.035em;margin:0 0 16px}
h1{font-size:clamp(2.5rem,6vw,5.3rem);max-width:950px}
h2{font-size:clamp(2rem,4vw,3.4rem)}
h3{font-size:1.15rem;letter-spacing:-.01em}
p{margin:0 0 18px}
.lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:780px}
.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:11px 18px;border-radius:12px;border:1px solid transparent;font-weight:800;text-decoration:none;cursor:pointer;transition:.2s}
.btn-primary{background:var(--ink);color:#fff}
.btn-primary:hover{transform:translateY(-1px);background:#0f1318}
.btn-light{background:#fff;border-color:var(--line)}
.btn-outline{border-color:var(--line);background:transparent}
.btn-sm{min-height:40px;padding:8px 12px;font-size:.9rem}
.site-header{position:sticky;top:0;z-index:60;background:rgba(247,248,250,.93);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.2s}
.site-header.scrolled{border-bottom-color:var(--line);box-shadow:0 6px 24px rgba(32,37,44,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:24px}
.brand img{width:185px;display:block}
.nav-links{display:flex;align-items:center;gap:6px}
.nav-links>a{padding:9px 10px;text-decoration:none;border-radius:10px;font-size:.9rem;font-weight:700;color:#4c5561}
.nav-links>a.active,.nav-links>a:hover{background:#fff;color:#111}
.nav-links .nav-cta{background:var(--ink);color:#fff;padding-inline:15px;margin-left:4px}
.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;width:44px;height:44px}
.hero{padding:72px 0 44px}
.hero-inner{text-align:center}
.hero .lead{margin-inline:auto}
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:28px 0}
.hero-stats{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;color:#5f6874;font-size:.92rem}
.hero-stats strong{color:var(--ink)}
.hero-visual{margin:46px auto 0;border:1px solid var(--line);border-radius:28px;background:#fff;padding:14px;box-shadow:var(--shadow);max-width:1040px}
.hero-visual img{border-radius:18px;display:block}
.content-split{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.image-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:12px}
.image-card img{display:block;border-radius:15px}
.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}
.mini-card,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.mini-card b{display:block;margin-bottom:7px}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}
.feature-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;min-height:190px}
.icon{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;margin-bottom:22px;background:#f8fafc;font-weight:900}
.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.step{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px}
.step:before{counter-increment:step;content:"0" counter(step);display:block;color:var(--accent);font-weight:900;margin-bottom:30px}
.strip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.chip-row{display:flex;gap:10px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:999px;font-size:.88rem}
.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sound-library{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.library-head{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-bottom:24px}
.controls{display:flex;gap:10px;flex-wrap:wrap}
.search{min-width:280px;border:1px solid var(--line);border-radius:12px;padding:11px 13px;background:#fff}
.filter{border:1px solid var(--line);border-radius:12px;padding:11px 13px;background:#fff}
.sound-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sound-card{border:1px solid var(--line);background:#fbfcfd;border-radius:14px;padding:16px;display:flex;flex-direction:column;min-height:192px}
.sound-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.sound-num{font-size:.72rem;font-weight:900;color:#8a939f;letter-spacing:.08em}
.sound-meta{display:flex;gap:8px;flex-wrap:wrap;color:#7a8490;font-size:.78rem;margin:10px 0 16px}
.sound-actions{display:flex;gap:8px;margin-top:auto}
.play-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer;min-width:74px}
.play-btn.is-playing{background:#eef4ff;border-color:#bfd0f6;color:#174da4}
.download-mini{flex:1}
.wave-mini{height:28px;display:flex;gap:3px;align-items:center;margin:8px 0 4px}
.wave-mini span{display:block;width:3px;background:#aeb6c1;border-radius:5px}
.download-panel{display:grid;grid-template-columns:1fr .75fr;gap:28px;background:var(--ink);color:#fff;border-radius:26px;padding:42px;align-items:center}
.download-panel .muted{color:#c6ccd4}
.download-panel .btn-primary{background:#fff;color:#1d232a}
.download-panel img{border-radius:18px}
.notice{border-left:4px solid var(--accent);padding:20px 22px;background:#eef4ff;border-radius:0 14px 14px 0}
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.list-card ul{margin:16px 0 0;padding-left:20px}
.release-grid,.trouble-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.blog-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.blog-card img{aspect-ratio:16/9;object-fit:cover}
.blog-card-body{padding:20px}
.blog-card a{text-decoration:none}
.faq-wrap{display:grid;grid-template-columns:240px 1fr;gap:30px;margin-top:34px}
.faq-tabs{display:flex;flex-direction:column;gap:8px;align-self:start;position:sticky;top:100px}
.faq-tab{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;text-align:left;font-weight:800;cursor:pointer}
.faq-tab.active{background:var(--ink);color:#fff}
.faq-group{display:none}
.faq-group.active{display:block}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;border:0;background:transparent;padding:19px 4px;text-align:left;font-weight:800;display:flex;justify-content:space-between;gap:20px;cursor:pointer;color:var(--ink)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease}
.faq-a p{padding:0 30px 20px 4px;color:var(--muted)}
.faq-item.open .faq-a{max-height:240px}
.faq-q:after{content:"+";font-size:1.25rem}
.faq-item.open .faq-q:after{content:"−"}
.site-footer{background:#1e232a;color:#e9edf2;padding:54px 0 26px;margin-top:0}
.footer-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:40px}
.site-footer a{color:#e9edf2;text-decoration:none}
.site-footer a:hover{opacity:.82}
.footer-links{display:flex;flex-direction:column;gap:9px}
.footer-meta{border-top:1px solid #353c45;margin-top:34px;padding-top:22px;font-size:.9rem;color:#bac2cc;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.page-hero{padding:74px 0 36px;text-align:center}
.page-hero .lead{margin-inline:auto}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:38px;align-items:start}
.article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,5vw,54px)}
.article h2{font-size:2rem;margin-top:38px}
.article h3{font-size:1.25rem;margin-top:26px}
.article img{border-radius:16px;margin:8px 0 28px}
.article li{margin-bottom:8px}
.sidebar{position:sticky;top:100px}
.sidebar .card{margin-bottom:14px}
.crumbs{font-size:.88rem;color:var(--muted);margin-bottom:18px}
.legal{max-width:900px}
.legal h2{font-size:1.6rem;margin-top:32px}
.contact-card{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px}
.contact-card .email-plain{font-size:1.2rem;font-weight:900;background:var(--soft);padding:14px 16px;border-radius:12px;display:inline-block}
.reveal{opacity:0;transform:translateY(16px);transition:.55s}
.reveal.visible{opacity:1;transform:none}
.scroll-top{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);display:none;cursor:pointer;z-index:40}
.scroll-top.show{display:block}
.no-results{grid-column:1/-1;text-align:center;padding:32px;color:var(--muted)}

@media(max-width:1000px){.features-grid,.sound-grid{grid-template-columns:repeat(2,1fr)}
.blog-grid{grid-template-columns:repeat(2,1fr)}
.content-split,.download-panel{grid-template-columns:1fr}
.article-layout{grid-template-columns:1fr}
.sidebar{position:static}
.use-grid,.release-grid,.trouble-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:780px){.nav{min-height:68px}
.brand img{width:165px}
.menu-toggle{display:block}
.nav-links{display:none;position:absolute;top:68px;left:18px;right:18px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
.nav-links.open{display:flex}
.nav-links>a{padding:11px 12px}
.nav-links .nav-cta{margin-left:0;text-align:center}
.section{padding:66px 0}
.feature-list,.features-grid,.steps,.sound-grid,.use-grid,.release-grid,.trouble-grid,.blog-grid,.proscons{grid-template-columns:1fr}
.library-head{grid-template-columns:1fr}
.search{min-width:0;width:100%}
.controls{display:grid;grid-template-columns:1fr 1fr}
.controls .search{grid-column:1/-1}
.faq-wrap{grid-template-columns:1fr}
.faq-tabs{position:static;flex-direction:row;overflow:auto}
.faq-tab{white-space:nowrap}
.footer-grid{grid-template-columns:1fr}
.hero-stats{gap:10px 18px}
.download-panel{padding:25px}
.article{padding:24px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.reveal{opacity:1;transform:none;transition:none}
}



/* ===== VIP hero + 4-row sound rail upgrade ===== */
:root{--vip-blue:#335ff0;--vip-navy:#132a63;--vip-pale:#eef3ff;--vip-glow:#dfe8ff}
.vip-hero{position:relative;overflow:hidden;padding:66px 0 0;background:linear-gradient(180deg,#fbfcff 0%,#f5f8ff 55%,#eef3ff 100%);isolation:isolate;border-bottom:1px solid #dfe6f3}
.vip-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 8%,rgba(80,118,255,.14),transparent 36%),linear-gradient(rgba(255,255,255,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.55) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 78%);z-index:-2}
.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.55;z-index:-1}.hero-orb-one{width:280px;height:280px;left:-120px;top:80px;background:radial-gradient(circle,#bcd0ff,transparent 68%)}.hero-orb-two{width:340px;height:340px;right:-160px;top:15px;background:radial-gradient(circle,#d8e2ff,transparent 68%)}
.vip-hero .hero-inner{text-align:center}.vip-kicker{display:inline-flex;align-items:center;gap:9px;color:#506487;font-weight:800;letter-spacing:.1em;font-size:.76rem;text-transform:uppercase;margin-bottom:16px}.vip-kicker span{font-size:.55rem;color:var(--vip-blue);filter:drop-shadow(0 0 6px rgba(51,95,240,.45))}
.vip-hero h1{font-size:clamp(3rem,6.7vw,6.15rem);max-width:1050px;margin:0 auto 17px;line-height:.98;letter-spacing:-.058em;color:#121c33}.vip-hero h1 span{color:var(--vip-blue)}
.vip-hero .lead{max-width:850px;margin:0 auto;color:#586780;font-size:clamp(1rem,1.65vw,1.22rem);line-height:1.72}.vip-hero .hero-actions{margin:25px 0 14px}.vip-download{min-width:260px;background:linear-gradient(135deg,#3f69f5,#2f56df);color:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:0 16px 34px rgba(48,88,226,.26),inset 0 1px 0 rgba(255,255,255,.28);border-radius:10px}.vip-download:hover{background:linear-gradient(135deg,#345eea,#284dcc);transform:translateY(-2px);box-shadow:0 20px 40px rgba(48,88,226,.32)}.vip-download span{font-size:1.15rem}
.hero-trust{display:flex;justify-content:center;align-items:center;gap:12px;color:#7a8699;font-size:.82rem;font-weight:700}.hero-trust i{display:block;width:3px;height:3px;border-radius:50%;background:#aab4c4}
.hero-stage{position:relative;height:250px;max-width:920px;margin:16px auto 0}.hero-sound-disc{position:absolute;left:50%;bottom:-91px;transform:translateX(-50%);width:225px;height:225px;border-radius:50%;background:linear-gradient(145deg,#fff,#e8eeff);box-shadow:0 -3px 0 #fff,0 22px 55px rgba(38,65,134,.15),inset 0 0 0 1px rgba(95,120,184,.14);text-decoration:none;display:grid;place-items:center;color:#607093}.disc-ring{position:absolute;inset:25px;border-radius:50%;border:1px dashed #a8b9e8;animation:discSpin 20s linear infinite}.disc-core{width:88px;height:88px;border-radius:50%;display:flex;gap:4px;align-items:center;justify-content:center;background:linear-gradient(145deg,#3562ef,#244dcc);box-shadow:0 12px 24px rgba(41,81,218,.28)}.disc-core i{display:block;width:4px;border-radius:5px;background:#fff}.disc-core i:nth-child(1),.disc-core i:nth-child(7){height:18px;opacity:.7}.disc-core i:nth-child(2),.disc-core i:nth-child(6){height:30px}.disc-core i:nth-child(3),.disc-core i:nth-child(5){height:44px}.disc-core i:nth-child(4){height:58px}.hero-sound-disc small{position:absolute;bottom:35px;font-size:.65rem;font-weight:900;letter-spacing:.14em}@keyframes discSpin{to{transform:rotate(360deg)}}
.float-pill{position:absolute;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.9);border:1px solid rgba(131,151,198,.18);box-shadow:0 10px 30px rgba(45,67,113,.10);border-radius:999px;padding:8px 13px;color:#485975;font-size:.78rem;font-weight:800;backdrop-filter:blur(10px);animation:floatPill 5.5s ease-in-out infinite}.float-pill b{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#eef3ff;color:var(--vip-blue);font-size:.75rem}.pill-a{left:7%;top:48px}.pill-b{left:20%;top:136px;animation-delay:-1.1s}.pill-c{left:1%;top:154px;animation-delay:-2.2s}.pill-d{right:7%;top:48px;animation-delay:-.7s}.pill-e{right:20%;top:136px;animation-delay:-1.7s}.pill-f{right:1%;top:154px;animation-delay:-2.9s}@keyframes floatPill{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.marquee-library{position:relative;overflow:hidden;background:#fff;padding:58px 0 52px;border-bottom:1px solid var(--line)}.marquee-library:before,.marquee-library:after{content:"";position:absolute;top:128px;bottom:38px;width:min(8vw,120px);z-index:6;pointer-events:none}.marquee-library:before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}.marquee-library:after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}.marquee-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:25px}.marquee-head h2{font-size:clamp(2rem,4vw,3.35rem);margin-top:10px}.marquee-head .lead{max-width:780px;margin-bottom:0}.sound-marquee{display:grid;gap:13px}.sound-row{overflow:hidden;padding:2px 0}.sound-row-track{display:flex;width:max-content;animation:railLeft 78s linear infinite;will-change:transform}.sound-row-2 .sound-row-track{animation-duration:92s;animation-delay:-31s}.sound-row-3 .sound-row-track{animation-duration:84s;animation-delay:-53s}.sound-row-4 .sound-row-track{animation-duration:98s;animation-delay:-17s}.sound-row:hover .sound-row-track,.sound-row.is-paused .sound-row-track{animation-play-state:paused}.sound-row-set{display:flex;gap:13px;padding-right:13px}.rail-card{width:292px;min-width:292px;min-height:152px;padding:14px 14px 13px;border-radius:16px;background:linear-gradient(145deg,#fff,#f8faff);border:1px solid #e2e8f4;box-shadow:0 9px 25px rgba(33,54,99,.06);transition:.2s}.rail-card:hover{transform:translateY(-2px);border-color:#c8d6f6;box-shadow:0 13px 31px rgba(36,61,118,.11)}.rail-card h3{font-size:.94rem;line-height:1.25;margin:4px 0 0;max-width:172px;letter-spacing:-.015em}.sound-type{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf2ff;color:#3158cf;font-size:.67rem;font-weight:900;white-space:nowrap}.rail-card .sound-num{font-size:.62rem;color:#97a2b3}.rail-card .wave-mini{height:24px;margin:7px 0 2px}.rail-card .wave-mini span{width:3px;background:linear-gradient(#5880f5,#254dcc)}.rail-card .sound-meta{margin:5px 0 8px;font-size:.69rem}.rail-card .sound-actions{gap:7px}.rail-card .play-btn,.rail-card .btn-sm{min-height:34px;padding:6px 9px;border-radius:8px;font-size:.73rem}.rail-card .play-btn{min-width:78px}.rail-card .download-mini{white-space:nowrap}.marquee-note{text-align:center;color:#8993a2;font-size:.76rem;margin:15px 18px 0}@keyframes railLeft{to{transform:translateX(-50%)}}
@media(max-width:780px){.vip-hero{padding-top:44px}.vip-hero h1{font-size:clamp(2.65rem,13vw,4.3rem)}.vip-hero .lead{font-size:.98rem}.hero-trust{flex-wrap:wrap;gap:6px 10px}.hero-stage{height:220px}.hero-sound-disc{width:195px;height:195px;bottom:-78px}.float-pill{font-size:.66rem;padding:6px 8px}.float-pill b{width:21px;height:21px}.pill-a{left:0;top:55px}.pill-b{left:4%;top:142px}.pill-c{display:none}.pill-d{right:0;top:55px}.pill-e{right:4%;top:142px}.pill-f{display:none}.marquee-library{padding-top:48px}.marquee-head{align-items:flex-start;flex-direction:column;margin-bottom:22px}.marquee-head .btn{display:none}.rail-card{width:244px;min-width:244px}.rail-card h3{font-size:.83rem;max-width:145px}.sound-row-track{animation-duration:68s}.sound-row-2 .sound-row-track{animation-duration:76s}.sound-row-3 .sound-row-track{animation-duration:72s}.sound-row-4 .sound-row-track{animation-duration:82s}.marquee-library:before,.marquee-library:after{width:28px}}
@media(prefers-reduced-motion:reduce){.sound-row-track,.disc-ring,.float-pill{animation:none!important}.sound-row{overflow:auto}.sound-row-set[aria-hidden="true"]{display:none}}

/* ===== Premium V3: varied editorial layouts + compact sound cards ===== */
:root{
  --bg:#f6f7fc;--surface:#ffffff;--ink:#111936;--muted:#64708c;--line:#e3e6f1;--soft:#eef0fb;
  --accent:#6558f5;--accent2:#4a3fe0;--aqua:#19bfc5;--lilac:#9b8cff;--warm:#ffcf70;
  --ok:#15966b;--radius:20px;--shadow:0 18px 50px rgba(30,36,78,.09);--max:1180px;
  --vip-blue:#6558f5;--vip-navy:#111936;--vip-pale:#f0efff;--vip-glow:#e8e6ff;
}
body{background:linear-gradient(180deg,#fbfbfe 0,#f6f7fc 28%,#f8f9fd 100%);color:var(--ink)}
.eyebrow{border-color:#dedff0;background:rgba(255,255,255,.78);color:#505a78;box-shadow:0 5px 18px rgba(30,36,78,.04)}
.eyebrow:before{background:linear-gradient(135deg,var(--accent),var(--aqua))}
.btn-primary{background:linear-gradient(135deg,#171f43,#0e1531);box-shadow:0 10px 24px rgba(17,25,54,.15)}
.btn-primary:hover{background:linear-gradient(135deg,#222c58,#111936)}

/* Header */
.premium-header{background:rgba(250,250,254,.9);border-bottom:1px solid rgba(216,219,234,.8)}
.premium-header .nav{min-height:78px}.premium-header .brand{display:flex;align-items:center;text-decoration:none}.premium-header .brand img{width:235px}
.brand-mobile-text{display:none}.premium-header .nav-links>a{color:#4b5675}.premium-header .nav-links>a:hover,.premium-header .nav-links>a.active{background:#efeffa;color:#181f43}
.premium-header .nav-links .nav-cta{background:linear-gradient(135deg,#685bf7,#4c42dc);color:#fff;border-radius:999px;padding-inline:18px;box-shadow:0 8px 22px rgba(101,88,245,.22)}

/* Hero palette */
.vip-hero{background:radial-gradient(circle at 50% 4%,rgba(121,106,255,.18),transparent 35%),linear-gradient(180deg,#fcfcff 0%,#f4f3ff 58%,#ececff 100%);border-bottom-color:#dcdcf1}
.vip-hero:before{background:radial-gradient(circle at 50% 8%,rgba(101,88,245,.13),transparent 36%),linear-gradient(rgba(255,255,255,.56) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.56) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
.hero-orb-one{background:radial-gradient(circle,#c4f5f4,transparent 68%)}.hero-orb-two{background:radial-gradient(circle,#dcd4ff,transparent 68%)}
.vip-hero h1{color:#101735}.vip-hero h1 span{background:linear-gradient(90deg,#5b4ff0,#7769ff 55%,#27b9c0);-webkit-background-clip:text;background-clip:text;color:transparent}
.vip-download{background:linear-gradient(135deg,#675af5,#4e42df 65%,#3b9eb5);box-shadow:0 18px 42px rgba(87,73,228,.28)}
.vip-download:hover{background:linear-gradient(135deg,#594ce8,#4136cc 65%,#338fa4)}
.disc-core{background:linear-gradient(145deg,#6b5df7,#4e42df 60%,#22aeb8)}.float-pill b{background:#f0efff;color:#5d50e6}.disc-ring{border-color:#b4acf7}

/* Compact 4-row sound rail */
.marquee-library{background:linear-gradient(180deg,#fff 0%,#fbfbff 100%);padding:48px 0 44px}
.marquee-library:before{background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}.marquee-library:after{background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
.marquee-head{margin-bottom:19px}.marquee-head h2{font-size:clamp(1.9rem,3.5vw,3rem)}
.sound-marquee{gap:9px}.sound-row-set{gap:9px;padding-right:9px}
.rail-card{width:224px;min-width:224px;min-height:122px;padding:10px 10px 9px;border-radius:13px;background:linear-gradient(145deg,#fff,#f8f7ff);border-color:#e2e1f2;box-shadow:0 7px 18px rgba(35,37,86,.055)}
.rail-card:hover{border-color:#c9c4f7;box-shadow:0 10px 25px rgba(66,55,174,.11)}
.rail-card h3{font-size:.77rem;line-height:1.18;margin:2px 0 0;max-width:130px;letter-spacing:-.01em}.rail-card .sound-num{font-size:.53rem}.sound-type{padding:3px 6px;font-size:.57rem;background:#eeedff;color:#5549d9}
.rail-card .wave-mini{height:16px;margin:4px 0 0;gap:2px}.rail-card .wave-mini span{width:2px;max-height:16px;background:linear-gradient(#7c70fa,#27b8c0)}
.rail-card .sound-meta{margin:2px 0 5px;font-size:.57rem;gap:5px}.rail-card .sound-actions{gap:5px}.rail-card .play-btn,.rail-card .btn-sm{min-height:27px;padding:3px 7px;border-radius:7px;font-size:.61rem}.rail-card .play-btn{min-width:62px}.rail-card .download-mini{font-weight:800}.marquee-note{margin-top:11px}

/* About: editorial asymmetry */
.story-section{position:relative;padding:104px 0 94px;background:#f7f8fd;overflow:hidden}.story-section:before{content:"01";position:absolute;left:max(22px,calc((100vw - 1180px)/2 - 82px));top:78px;font-size:7rem;font-weight:900;line-height:1;color:#ececf6;letter-spacing:-.08em}
.story-section .content-split{grid-template-columns:.88fr 1.12fr;gap:76px}.story-section .image-card{order:-1;padding:0;border:0;background:transparent;box-shadow:none;transform:rotate(-1.5deg)}.story-section .image-card img{border-radius:32px;box-shadow:0 30px 70px rgba(35,39,82,.14)}
.story-section .feature-list{grid-template-columns:1fr;border-top:1px solid #dfe2ee;padding-top:18px;gap:0}.story-section .mini-card{border:0;border-bottom:1px solid #e1e3ee;border-radius:0;padding:14px 0;background:transparent}

/* Features: bento */
.feature-bento-section{padding:92px 0;background:linear-gradient(145deg,#111936 0%,#171f45 58%,#17374a 100%);color:#fff;border:0;position:relative;overflow:hidden}.feature-bento-section:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-180px;top:-190px;background:radial-gradient(circle,rgba(90,236,226,.18),transparent 70%)}
.feature-bento-section .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.13);color:#d9def2}.feature-bento-section .lead,.feature-bento-section .muted{color:#b9c1d9}.feature-bento-section .features-grid{grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:auto auto;gap:14px}.feature-bento-section .feature-card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1);min-height:170px;color:#fff;backdrop-filter:blur(8px)}
.feature-bento-section .feature-card:first-child{grid-row:span 2;min-height:354px;background:linear-gradient(160deg,rgba(124,108,255,.26),rgba(255,255,255,.06))}.feature-bento-section .feature-card:nth-child(4){grid-column:2/4}.feature-bento-section .icon{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.14);color:#8cf1ed}

/* How it works: flowing timeline */
.process-section{background:#fff;padding:100px 0}.process-section .container>h2{max-width:600px}.process-section .steps{position:relative;gap:0;margin-top:46px;background:#f2f2fb;border:1px solid #e3e3f1;border-radius:28px;padding:10px}.process-section .steps:before{content:"";position:absolute;top:52px;left:17%;right:17%;height:2px;background:linear-gradient(90deg,#6a5cf5,#24bec4)}
.process-section .step{border:0;background:transparent;padding:28px 28px 24px;z-index:1}.process-section .step:before{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #d7d4fb;color:#5f52e8;margin-bottom:24px;box-shadow:0 8px 20px rgba(70,58,173,.09)}

/* Compatibility: compact ribbon */
.compat-section{padding:40px 0;border:0;background:#eeeefa}.compat-section .container{display:grid;grid-template-columns:.7fr 1.3fr;gap:42px;align-items:center}.compat-section h2{margin-bottom:8px!important}.compat-section .lead{font-size:.96rem;margin-bottom:0}.compat-section .chip-row{justify-content:flex-end}.compat-section .chip{background:#fff;border:0;box-shadow:0 7px 18px rgba(48,48,93,.06);padding:10px 14px;color:#495474}

/* Use cases: asymmetric tiles */
.usecase-section{padding:100px 0;background:#fbfbfe}.usecase-section .use-grid{grid-template-columns:1.15fr .85fr .85fr;grid-auto-rows:minmax(155px,auto);margin-top:34px}.usecase-section .card{position:relative;overflow:hidden;border:0;box-shadow:0 13px 36px rgba(30,36,78,.07);padding:28px;background:#fff}.usecase-section .card:first-child{grid-row:span 2;background:linear-gradient(145deg,#685bf7,#5145dc);color:#fff}.usecase-section .card:first-child .muted{color:#e6e4ff}.usecase-section .card:nth-child(5){background:#e9fbfa}.usecase-section .card:nth-child(6){background:#fff5dd}.usecase-section .card h3{font-size:1.32rem}

/* Setup: split guide with numbered workflow */
.setup-section{padding:76px 0;background:linear-gradient(90deg,#f0efff 0%,#f7f7fd 52%,#eefbfb 100%)}.setup-section .content-split{grid-template-columns:1fr .9fr}.setup-section .card{border:0;box-shadow:0 18px 50px rgba(35,37,82,.08);padding:28px 32px}.setup-section ol{list-style:none;counter-reset:flow;padding:0;margin:0}.setup-section li{counter-increment:flow;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #ececf3}.setup-section li:before{content:counter(flow);width:31px;height:31px;border-radius:9px;background:#111936;color:#fff;display:grid;place-items:center;font-weight:900;font-size:.8rem}

/* Download: premium dark stage */
.premium-download-section{padding:86px 0;background:#fff;border:0}.premium-download-section .download-panel{position:relative;overflow:hidden;grid-template-columns:1.05fr .75fr;background:radial-gradient(circle at 80% 20%,rgba(39,190,197,.22),transparent 30%),linear-gradient(135deg,#111936,#211e55 65%,#153e50);border-radius:34px;padding:52px;box-shadow:0 30px 80px rgba(18,26,62,.17)}.premium-download-section .download-panel:before{content:"DING";position:absolute;right:-10px;bottom:-48px;font-size:9rem;font-weight:900;color:rgba(255,255,255,.035);letter-spacing:-.08em}.premium-download-section .download-panel img{border-radius:24px;transform:rotate(2deg);box-shadow:0 20px 50px rgba(0,0,0,.18)}

/* Safety: minimal alert band */
.safety-section{padding:28px 0;background:#fff}.safety-section .notice{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center;border:0;border-radius:18px;background:#fff7e7;padding:20px 24px}.safety-section .notice h3{margin:0;color:#76530d}.safety-section .notice p{margin:0;color:#725d33}

/* Pros/cons: contrasted comparison */
.compare-section{padding:94px 0;background:#f7f8fd}.compare-section .proscons{gap:0;margin-top:30px;border-radius:28px;overflow:hidden;box-shadow:0 18px 60px rgba(33,37,78,.08)}.compare-section .card{border:0;border-radius:0;padding:34px 38px}.compare-section .card:first-child{background:#e9faf4}.compare-section .card:last-child{background:#fff0f1}.compare-section .card:first-child h3{color:#117a59}.compare-section .card:last-child h3{color:#a0444d}.compare-section li{padding:5px 0}

/* Release: metric strip */
.release-section{padding:62px 0;background:#111936;color:#fff;border:0}.release-section .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#d9dff2}.release-section .release-grid{margin-top:28px}.release-section .mini-card{background:transparent;border:0;border-left:1px solid rgba(255,255,255,.13);border-radius:0;padding:8px 26px}.release-section .mini-card:first-child{border-left:0;padding-left:0}.release-section .mini-card b{font-size:1.45rem;color:#fff}.release-section .muted{color:#aeb7cf}

/* Troubleshooting: rows rather than repeated cards */
.trouble-section{padding:98px 0;background:#fff}.trouble-section .trouble-grid{display:block;margin-top:30px;border-top:1px solid #dfe2ec}.trouble-section .card{display:grid;grid-template-columns:52px .45fr 1fr;gap:24px;align-items:start;border:0;border-radius:0;border-bottom:1px solid #e1e3ec;padding:24px 6px;background:transparent}.trouble-section .card:before{content:"0" counter(trouble);counter-increment:trouble;width:40px;height:40px;border-radius:12px;background:#eeedff;color:#574ade;display:grid;place-items:center;font-size:.72rem;font-weight:900}.trouble-section .trouble-grid{counter-reset:trouble}.trouble-section .card h3,.trouble-section .card p{margin:5px 0 0}

/* Guides: editorial first story */
.editorial-guides-section{padding:94px 0;background:#f0f1f8;border:0}.editorial-guides-section .blog-grid{grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:16px}.editorial-guides-section .blog-card{border:0;border-radius:24px;box-shadow:0 12px 38px rgba(34,38,79,.07)}.editorial-guides-section .blog-card:first-child{grid-row:1/3;display:grid;grid-template-rows:1.08fr .92fr}.editorial-guides-section .blog-card:not(:first-child){display:grid;grid-template-columns:150px 1fr}.editorial-guides-section .blog-card:not(:first-child) img{height:100%;aspect-ratio:auto;object-fit:cover}.editorial-guides-section .blog-card-body{padding:24px}.editorial-guides-section .blog-card:first-child .blog-card-body{padding:28px}.editorial-guides-section .blog-card:first-child h3{font-size:1.65rem}

/* FAQ: soft studio */
.premium-faq-section{padding:100px 0;background:#fff}.premium-faq-section .faq-wrap{grid-template-columns:260px 1fr;gap:46px}.premium-faq-section .faq-tabs{background:#f2f2fa;border-radius:18px;padding:8px}.premium-faq-section .faq-tab{border:0;background:transparent}.premium-faq-section .faq-tab.active{background:#111936;box-shadow:0 8px 20px rgba(17,25,54,.14)}.premium-faq-section .faq-list{border:1px solid #e1e3ed;border-radius:22px;padding:0 22px}.premium-faq-section .faq-item:last-child{border-bottom:0}.premium-faq-section .faq-q{padding:21px 4px}

/* Footer */
.premium-footer{background:linear-gradient(145deg,#0c1228,#111936 58%,#102d38);padding:70px 0 26px;color:#e8ebf6}.premium-footer .footer-brand-row{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.1)}.premium-footer .footer-brand-block img{filter:brightness(0) invert(1);margin-bottom:14px;width:250px}.premium-footer .footer-brand-block h2{font-size:2.15rem;margin-bottom:12px}.premium-footer .footer-brand-block p{max-width:650px;color:#aeb7d0}.premium-footer .footer-email{font-weight:800;color:#fff!important}.premium-footer .footer-promise{padding:26px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(255,255,255,.055)}.premium-footer .footer-promise span{display:block;color:#7ee3de;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.premium-footer .footer-promise strong{font-size:1.25rem;line-height:1.45}.premium-footer .footer-link-grid{grid-template-columns:1fr 1fr;padding:38px 0 28px}.premium-footer h3{color:#fff}.premium-footer .footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px}.premium-footer .footer-links a{color:#b8c0d5}.premium-footer .footer-links a:hover{color:#fff}.premium-footer .footer-meta{border-top:1px solid rgba(255,255,255,.09);padding-top:22px;color:#909ab5}

@media(max-width:1000px){
 .feature-bento-section .features-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.feature-bento-section .feature-card:first-child{grid-row:auto;min-height:190px}.feature-bento-section .feature-card:nth-child(4){grid-column:auto}
 .compat-section .container{grid-template-columns:1fr}.compat-section .chip-row{justify-content:flex-start}.usecase-section .use-grid{grid-template-columns:1fr 1fr}.usecase-section .card:first-child{grid-row:auto}
 .editorial-guides-section .blog-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.editorial-guides-section .blog-card:first-child{grid-row:auto}.editorial-guides-section .blog-card:not(:first-child){display:block}.editorial-guides-section .blog-card:not(:first-child) img{height:auto;aspect-ratio:16/9}
 .premium-footer .footer-brand-row{grid-template-columns:1fr}.premium-footer .footer-links{grid-template-columns:1fr 1fr}
}
@media(max-width:780px){
 .premium-header .brand img{width:205px}.story-section{padding:76px 0}.story-section .content-split{grid-template-columns:1fr;gap:34px}.story-section .image-card{order:0;transform:none}.story-section:before{display:none}
 .feature-bento-section,.process-section,.usecase-section,.trouble-section,.editorial-guides-section,.premium-faq-section{padding:72px 0}
 .feature-bento-section .features-grid,.usecase-section .use-grid,.editorial-guides-section .blog-grid{grid-template-columns:1fr}.process-section .steps{grid-template-columns:1fr}.process-section .steps:before{display:none}.process-section .step{padding:20px}
 .compat-section .container{gap:20px}.setup-section .content-split{grid-template-columns:1fr}.premium-download-section .download-panel{padding:30px 24px}.safety-section .notice{grid-template-columns:1fr;gap:4px}.compare-section .proscons{grid-template-columns:1fr}.release-section .release-grid{grid-template-columns:1fr}.release-section .mini-card{border-left:0;border-top:1px solid rgba(255,255,255,.13);padding:18px 0}.release-section .mini-card:first-child{border-top:0}.trouble-section .card{grid-template-columns:44px 1fr;gap:14px}.trouble-section .card p{grid-column:2}.premium-faq-section .faq-wrap{grid-template-columns:1fr;gap:20px}.premium-footer .footer-link-grid{grid-template-columns:1fr}.premium-footer .footer-links{grid-template-columns:1fr}.premium-footer .footer-meta{display:grid;gap:8px}
 .rail-card{width:202px;min-width:202px;min-height:116px}.rail-card h3{font-size:.72rem;max-width:118px}.rail-card .play-btn,.rail-card .btn-sm{font-size:.57rem;padding:3px 6px}.rail-card .play-btn{min-width:57px}
}

/* ===== Footer + guide image refinements ===== */
.editorial-guides-section .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:18px}
.editorial-guides-section .blog-card,
.editorial-guides-section .blog-card:first-child,
.editorial-guides-section .blog-card:not(:first-child){display:block !important;grid-row:auto !important;grid-template-columns:1fr !important;grid-template-rows:auto !important}
.editorial-guides-section .blog-card img,
.editorial-guides-section .blog-card:first-child img,
.editorial-guides-section .blog-card:not(:first-child) img{width:100%;aspect-ratio:16/9 !important;height:auto !important;object-fit:cover;border-bottom:1px solid #eceff6}
.editorial-guides-section .blog-card-body{padding:22px}

.premium-footer{background:#f2f4f7 !important;color:#5f7695 !important;padding:42px 0 18px !important;border-top:1px solid #dde3ea}
.premium-footer .footer-shell{width:min(var(--max),calc(100% - 56px))}
.premium-footer .screenshot-footer{grid-template-columns:1.35fr .9fr .95fr .95fr !important;gap:54px;align-items:start}
.premium-footer .footer-brand-col p{font-size:1rem;line-height:1.75;color:#627a9a;max-width:520px;margin-top:18px}
.premium-footer .footer-brand img{width:280px;filter:none !important;display:block}
.premium-footer h3{color:#102651 !important;font-size:1.05rem;letter-spacing:.01em;text-transform:uppercase;margin-bottom:20px}
.premium-footer .footer-links{display:flex !important;flex-direction:column;gap:12px}
.premium-footer .footer-links a,
.premium-footer .footer-meta,
.premium-footer .footer-meta a{color:#5f7695 !important;text-decoration:none !important}
.premium-footer .footer-links a:hover,
.premium-footer .footer-meta a:hover{color:#244bcc !important}
.premium-footer .footer-meta{justify-content:center !important;text-align:center;border-top:1px solid #dde3ea !important;margin-top:28px !important;padding-top:18px !important;font-size:.94rem}

@media(max-width:1100px){
  .editorial-guides-section .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .premium-footer .screenshot-footer{grid-template-columns:1fr 1fr}
}
@media(max-width:780px){
  .editorial-guides-section .blog-grid{grid-template-columns:1fr}
  .premium-footer .footer-shell{width:min(var(--max),calc(100% - 32px))}
  .premium-footer .screenshot-footer{grid-template-columns:1fr !important;gap:28px}
  .premium-footer .footer-brand img{width:235px}
}

/* ===== Visual refresh: keyword-first images + enhanced sound cards ===== */
.hero-visual img,.image-card img,.download-panel img,.blog-card img,.article img{box-shadow:0 14px 34px rgba(26,35,76,.12)}

.rail-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#f9f9ff 100%);border:1px solid #e3e5f3;box-shadow:0 10px 26px rgba(37,43,92,.08)}
.rail-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--cat1,#6558f5),var(--cat2,#22b7c3));opacity:.95}
.rail-card:after{content:"";position:absolute;right:-22px;top:-22px;width:76px;height:76px;border-radius:22px;background:radial-gradient(circle at center,rgba(255,255,255,.95),rgba(255,255,255,0));border:1px solid rgba(210,218,242,.6);transform:rotate(18deg)}
.rail-card .sound-top{position:relative;z-index:1}
.rail-card .sound-top > div{min-width:0}
.rail-card h3{color:#121935}
.rail-card .sound-meta span{padding:2px 6px;border-radius:999px;background:#f1f3fa;color:#71809b}
.rail-card .play-btn{background:#fff;border-color:#d9dfef;font-weight:900}
.rail-card .download-mini{background:linear-gradient(135deg,#131c3d,#1d2c5d);color:#fff;border:0}
.rail-card .download-mini:hover{background:linear-gradient(135deg,#1d2c5d,#29437c)}
.rail-card .play-btn:hover{border-color:#bcc9ea;background:#f7f9ff}
.rail-card .wave-mini{padding:5px 7px;border-radius:10px;background:linear-gradient(180deg,#f5f7ff,#eef3ff)}
.rail-card[data-category="clean"]{--cat1:#5670ff;--cat2:#8db8ff}
.rail-card[data-category="bright"]{--cat1:#19bfc5;--cat2:#6bdef0}
.rail-card[data-category="bell"]{--cat1:#f2b84b;--cat2:#ffd87b}
.rail-card[data-category="soft"]{--cat1:#9c7cff;--cat2:#cdb9ff}
.rail-card[data-category="correct"]{--cat1:#27af72;--cat2:#7ad5a8}
.rail-card[data-category="checkmark"]{--cat1:#1dba7a;--cat2:#79e0b1}
.rail-card[data-category="youtube"]{--cat1:#ff7070;--cat2:#ffaeae}
.rail-card[data-category="tiktok"]{--cat1:#18c6cf;--cat2:#85eef0}
.rail-card[data-category="meme"]{--cat1:#ff9250;--cat2:#ffcc8c}
.rail-card[data-category="ui"]{--cat1:#5b67ff;--cat2:#8fa1ff}
.rail-card[data-category="clean"] .sound-type{background:#edf1ff;color:#4157d8}
.rail-card[data-category="bright"] .sound-type{background:#e6fbfc;color:#1599a5}
.rail-card[data-category="bell"] .sound-type{background:#fff6df;color:#a87608}
.rail-card[data-category="soft"] .sound-type{background:#f1ebff;color:#7659d7}
.rail-card[data-category="correct"] .sound-type,.rail-card[data-category="checkmark"] .sound-type{background:#e7f8ef;color:#188e5f}
.rail-card[data-category="youtube"] .sound-type{background:#ffe9e9;color:#d65353}
.rail-card[data-category="tiktok"] .sound-type{background:#e4fbfa;color:#139da7}
.rail-card[data-category="meme"] .sound-type{background:#fff0e6;color:#dd7430}
.rail-card[data-category="ui"] .sound-type{background:#ecefff;color:#4f5ce6}

/* ===== Final refresh: centered headings + new color system + simplified footer ===== */
:root{
  --bg:#f4fbfb;--surface:#ffffff;--ink:#102738;--muted:#5f7486;--line:#d9e7ea;--soft:#edf7f7;
  --accent:#0ea5a8;--accent2:#0a8a92;--vip-blue:#0ea5a8;--vip-navy:#102738;--vip-pale:#e8f8f7;--vip-glow:#d6f3f1;
}
body{background:linear-gradient(180deg,#fbfefe 0%,#f4fbfb 30%,#f7fcfc 100%);color:var(--ink)}
.btn-primary{background:linear-gradient(135deg,#12364c,#0c6f79)}
.btn-primary:hover{background:linear-gradient(135deg,#18445f,#0d838e)}
.premium-header{background:rgba(251,254,254,.92);border-bottom-color:rgba(210,231,234,.9)}
.premium-header .nav-links>a{color:#4f6577}
.premium-header .nav-links>a:hover,.premium-header .nav-links>a.active{background:#eaf6f6;color:#12364c}
.premium-header .nav-links .nav-cta{background:linear-gradient(135deg,#0ea5a8,#0b7f8e);box-shadow:0 8px 22px rgba(14,165,168,.22)}
.eyebrow{background:rgba(255,255,255,.88);border-color:#d6e7ea;color:#3c6270}
.eyebrow:before{background:linear-gradient(135deg,#0ea5a8,#66d4cc)}
.vip-hero{background:radial-gradient(circle at 50% 4%,rgba(14,165,168,.14),transparent 35%),linear-gradient(180deg,#fcffff 0%,#eef9f9 58%,#e6f5f5 100%);border-bottom-color:#d8ecec}
.vip-hero:before{background:radial-gradient(circle at 50% 8%,rgba(14,165,168,.10),transparent 36%),linear-gradient(rgba(255,255,255,.56) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.56) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
.hero-orb-one{background:radial-gradient(circle,#d2f5f1,transparent 68%)}
.hero-orb-two{background:radial-gradient(circle,#d8eff2,transparent 68%)}
.vip-hero h1{color:#102738}.vip-hero h1 span{background:linear-gradient(90deg,#0ea5a8,#0f8f97 55%,#57d1ca);-webkit-background-clip:text;background-clip:text;color:transparent}
.vip-download{background:linear-gradient(135deg,#0ea5a8,#0d8692 65%,#12364c);box-shadow:0 18px 42px rgba(14,165,168,.24)}
.vip-download:hover{background:linear-gradient(135deg,#149a9d,#0c7782 65%,#123045)}
.disc-core{background:linear-gradient(145deg,#0ea5a8,#0f8c94 60%,#12364c)}
.float-pill b{background:#ebf8f7;color:#0d8c95}.disc-ring{border-color:#90d9d3}
.marquee-library{background:linear-gradient(180deg,#fff 0%,#f8fdfd 100%)}
.marquee-head .btn{background:linear-gradient(135deg,#0ea5a8,#0b7f8e)}

/* center major headings */
.story-section .reveal,.feature-bento-section>.container,.process-section>.container,.compat-section>.container>div:first-child,.usecase-section>.container,.setup-section>.container>div:first-child,.premium-download-section>.container>div:first-child,.compare-section>.container,.release-section>.container,.trouble-section>.container,.editorial-guides-section>.container,.premium-faq-section>.container{text-align:center}
.story-section .feature-list,.feature-bento-section .features-grid,.process-section .steps,.compat-section .chip-row,.usecase-section .use-grid,.setup-section ol,.compare-section .proscons,.release-section .release-grid,.trouble-section .trouble-grid,.editorial-guides-section .blog-grid,.premium-faq-section .faq-wrap{text-align:left}
.feature-bento-section>.container>.lead,.process-section>.container>.lead,.usecase-section>.container>.lead,.compare-section>.container>.lead,.trouble-section>.container>.lead,.editorial-guides-section>.container>.lead,.premium-faq-section>.container>.lead{margin-inline:auto;max-width:760px}
.compat-section>.container>div:first-child .lead,.setup-section>.container>div:first-child .lead,.story-section .reveal .lead{margin-inline:auto}
.feature-bento-section>.container>.eyebrow,.process-section>.container>.eyebrow,.usecase-section>.container>.eyebrow,.compare-section>.container>.eyebrow,.trouble-section>.container>.eyebrow,.editorial-guides-section>.container>.eyebrow,.premium-faq-section>.container>.eyebrow,.release-section>.container>.eyebrow{justify-content:center}
.story-section .reveal>.eyebrow,.compat-section>.container>div:first-child .eyebrow,.setup-section>.container>div:first-child .eyebrow{justify-content:center}

/* simplified footer */
.premium-footer{background:#f2f5f7 !important;color:#627892 !important;padding:36px 0 16px !important;border-top:1px solid #dbe6ea}
.premium-footer .footer-shell{width:min(var(--max),calc(100% - 50px))}
.premium-footer .screenshot-footer.footer-three{grid-template-columns:1.25fr .9fr .95fr !important;gap:58px;align-items:start}
.premium-footer .footer-brand img{width:268px;display:block;filter:none !important}
.premium-footer .footer-brand-col p{font-size:.98rem;line-height:1.7;color:#647c95;max-width:430px;margin-top:16px}
.premium-footer h3{color:#12364c !important;font-size:1rem;letter-spacing:.01em;text-transform:uppercase;margin-bottom:18px}
.premium-footer .footer-links{display:flex !important;flex-direction:column;gap:11px}
.premium-footer .footer-links a,.premium-footer .footer-meta,.premium-footer .footer-meta a{color:#627892 !important;text-decoration:none !important}
.premium-footer .footer-links a:hover,.premium-footer .footer-meta a:hover{color:#0c8690 !important}
.premium-footer .footer-meta{justify-content:center !important;text-align:center;border-top:1px solid #dbe6ea !important;margin-top:24px !important;padding-top:16px !important;font-size:.92rem}

@media(max-width:1100px){
  .premium-footer .screenshot-footer.footer-three{grid-template-columns:1fr 1fr !important}
}
@media(max-width:780px){
  .premium-footer .footer-shell{width:min(var(--max),calc(100% - 32px))}
  .premium-footer .screenshot-footer.footer-three{grid-template-columns:1fr !important;gap:24px}
  .premium-footer .footer-brand img{width:230px}
  .story-section .reveal,.feature-bento-section>.container,.process-section>.container,.compat-section>.container>div:first-child,.usecase-section>.container,.setup-section>.container>div:first-child,.premium-download-section>.container>div:first-child,.compare-section>.container,.release-section>.container,.trouble-section>.container,.editorial-guides-section>.container,.premium-faq-section>.container{text-align:center}
}

/* ===== V7 palette: deep navy + royal blue + warm amber ===== */
:root{
  --bg:#f7f9fc;
  --surface:#ffffff;
  --ink:#12233f;
  --muted:#63738a;
  --line:#dfe5ee;
  --soft:#eef3f9;
  --accent:#2f66e8;
  --accent2:#214fc2;
  --aqua:#64a7ff;
  --lilac:#7389ff;
  --warm:#f3b94f;
  --ok:#1f9d72;
  --vip-blue:#2f66e8;
  --vip-navy:#12233f;
  --vip-pale:#edf3ff;
  --vip-glow:#dfe9ff;
}
body{background:linear-gradient(180deg,#fcfdff 0%,#f6f8fc 30%,#f8f9fc 100%);color:var(--ink)}
.eyebrow{background:rgba(255,255,255,.9);border-color:#dbe3ef;color:#4e617b}
.eyebrow:before{background:linear-gradient(135deg,#2f66e8,#f3b94f)}
.btn-primary{background:linear-gradient(135deg,#17345f,#2459c9);box-shadow:0 10px 24px rgba(30,72,148,.16)}
.btn-primary:hover{background:linear-gradient(135deg,#1d4072,#2b68e0)}

.premium-header{background:rgba(252,253,255,.92);border-bottom-color:rgba(218,225,236,.92)}
.premium-header .nav-links>a{color:#52647d}
.premium-header .nav-links>a:hover,.premium-header .nav-links>a.active{background:#eef3fb;color:#17345f}
.premium-header .nav-links .nav-cta{
  background:linear-gradient(135deg,#2f66e8,#214fc2);
  color:#fff;
  border-radius:10px;
  padding:7px 12px;
  min-height:36px;
  font-size:.82rem;
  margin-left:3px;
  box-shadow:0 6px 16px rgba(47,102,232,.20);
}

.vip-hero{background:radial-gradient(circle at 50% 4%,rgba(47,102,232,.13),transparent 35%),linear-gradient(180deg,#fcfdff 0%,#f1f5fd 58%,#eaf0fb 100%);border-bottom-color:#dbe4f4}
.vip-hero:before{background:radial-gradient(circle at 50% 8%,rgba(47,102,232,.09),transparent 36%),linear-gradient(rgba(255,255,255,.58) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.58) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
.hero-orb-one{background:radial-gradient(circle,#e3ebff,transparent 68%)}
.hero-orb-two{background:radial-gradient(circle,#fff0cf,transparent 68%)}
.vip-hero h1{color:#12233f}
.vip-hero h1 span{background:linear-gradient(90deg,#2f66e8,#4c77ef 55%,#f3b94f);-webkit-background-clip:text;background-clip:text;color:transparent}
.vip-download{background:linear-gradient(135deg,#2f66e8,#2458cb 66%,#17345f);box-shadow:0 18px 42px rgba(47,102,232,.24)}
.vip-download:hover{background:linear-gradient(135deg,#285cd6,#1f4cb8 66%,#142e53)}
.disc-core{background:linear-gradient(145deg,#3f74ee,#285cd6 62%,#17345f)}
.float-pill b{background:#edf3ff;color:#2f66e8}.disc-ring{border-color:#a8bced}

.marquee-library{background:linear-gradient(180deg,#fff 0%,#fafbfd 100%)}
.marquee-head .btn{background:linear-gradient(135deg,#2f66e8,#214fc2)}
.story-section{background:linear-gradient(180deg,#fbfcff,#f6f8fc)}
.feature-bento-section{background:linear-gradient(180deg,#172b4e,#12233f)!important}
.feature-bento-section .feature-card{border-color:rgba(255,255,255,.10)}
.process-section{background:#f7f9fc}
.compat-section{background:#edf2fa}
.usecase-section{background:#fbfcff}
.setup-section{background:linear-gradient(90deg,#eef3ff 0%,#f8f9fc 55%,#fff5df 100%)}
.premium-download-section .download-panel{background:radial-gradient(circle at 80% 20%,rgba(243,185,79,.20),transparent 30%),linear-gradient(135deg,#12233f,#1a3f74 65%,#214fc2)}
.safety-section .notice{background:#fff6df}
.compare-section{background:#f7f9fc}
.release-section{background:linear-gradient(135deg,#12233f,#1a3560)}
.trouble-section{background:#fff}
.editorial-guides-section{background:#eef2f7}
.premium-faq-section{background:#fff}
.premium-faq-section .faq-tab.active{background:#17345f}

.premium-footer{background:#eef2f6 !important;color:#62758c !important;border-top-color:#dce4ec}
.premium-footer h3{color:#17345f !important}
.premium-footer .footer-links a:hover,.premium-footer .footer-meta a:hover{color:#2f66e8 !important}

.rail-card{background:linear-gradient(180deg,#ffffff 0%,#f8faff 100%);border-color:#e0e6f0}
.rail-card .download-mini{background:linear-gradient(135deg,#17345f,#2459c9)}
.rail-card .download-mini:hover{background:linear-gradient(135deg,#1d4072,#2f66e8)}
.rail-card .play-btn:hover{background:#f5f8ff;border-color:#b9c8ea}
.rail-card .wave-mini{background:linear-gradient(180deg,#f3f6fc,#edf2fa)}

@media(max-width:780px){
  .premium-header .nav-links .nav-cta{padding:7px 11px;font-size:.8rem;min-height:34px}
}

/* ===== V8 COMPLETE PALETTE: plum + coral + warm cream ===== */
:root{
  --bg:#fff8f4;
  --surface:#ffffff;
  --ink:#2a1738;
  --muted:#766678;
  --line:#eadde7;
  --soft:#f8eef4;
  --accent:#ff6f61;
  --accent2:#e4556a;
  --aqua:#f59b8e;
  --lilac:#9b72cf;
  --warm:#f5b85a;
  --ok:#3a9d75;
  --vip-blue:#ff6f61;
  --vip-navy:#2a1738;
  --vip-pale:#fff0ea;
  --vip-glow:#f7dce9;
}

html,body{background:#fff8f4;color:var(--ink)}
body{background:linear-gradient(180deg,#fffdfa 0%,#fff8f4 32%,#fbf3f7 100%)}

/* global controls */
.eyebrow{background:#fffdfb;border-color:#eadde7;color:#725c72;box-shadow:0 5px 18px rgba(70,31,65,.05)}
.eyebrow:before{background:linear-gradient(135deg,#ff6f61,#9b72cf)}
.btn-primary{background:linear-gradient(135deg,#3a204d,#6e3b75);color:#fff;box-shadow:0 10px 24px rgba(67,34,80,.16)}
.btn-primary:hover{background:linear-gradient(135deg,#4b2862,#87508c)}
.btn-light{background:#fffdfb;border-color:#eadde7}
.btn-outline{border-color:#dfcfdc}

/* header */
.premium-header{background:rgba(255,250,247,.94);border-bottom-color:rgba(231,214,226,.94)}
.premium-header.scrolled{box-shadow:0 8px 26px rgba(55,29,62,.08)}
.premium-header .nav-links>a{color:#705e72}
.premium-header .nav-links>a:hover,.premium-header .nav-links>a.active{background:#f9eaf0;color:#3a204d}
.premium-header .nav-links .nav-cta{background:linear-gradient(135deg,#ff6f61,#e4556a);color:#fff;border-radius:10px;padding:6px 11px;min-height:34px;font-size:.8rem;box-shadow:0 6px 16px rgba(228,85,106,.22)}

/* hero */
.vip-hero{background:radial-gradient(circle at 50% 2%,rgba(255,111,97,.19),transparent 34%),linear-gradient(180deg,#fffdfb 0%,#fff0ea 57%,#f6e8f3 100%);border-bottom-color:#ead6e3}
.vip-hero:before{background:radial-gradient(circle at 50% 8%,rgba(155,114,207,.10),transparent 36%),linear-gradient(rgba(255,255,255,.58) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.58) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
.hero-orb-one{background:radial-gradient(circle,#ffd9ce,transparent 68%)}
.hero-orb-two{background:radial-gradient(circle,#ead9f7,transparent 68%)}
.vip-hero h1{color:#2a1738}
.vip-hero h1 span{background:linear-gradient(90deg,#ff6f61,#e4556a 48%,#9b72cf);-webkit-background-clip:text;background-clip:text;color:transparent}
.vip-hero .lead{color:#735f74}
.vip-download{background:linear-gradient(135deg,#ff6f61,#e4556a 64%,#874d8c);box-shadow:0 18px 42px rgba(228,85,106,.26)}
.vip-download:hover{background:linear-gradient(135deg,#f25f54,#d94860 64%,#744079)}
.disc-core{background:linear-gradient(145deg,#ff7c70,#e4556a 58%,#7b4d91)}
.disc-ring{border-color:#d6a6bf}
.float-pill{border-color:rgba(151,111,143,.18);box-shadow:0 10px 28px rgba(83,45,79,.10)}
.float-pill b{background:#fff0ea;color:#e4556a}
.hero-trust{color:#846f82}

/* sound marquee */
.marquee-library{background:linear-gradient(180deg,#fffdfb 0%,#fff7f2 100%);border-color:#eadde7}
.marquee-library:before{background:linear-gradient(90deg,#fffdfb,rgba(255,253,251,0))}
.marquee-library:after{background:linear-gradient(270deg,#fffdfb,rgba(255,253,251,0))}
.marquee-head .btn{background:linear-gradient(135deg,#ff6f61,#e4556a)}
.rail-card{background:linear-gradient(180deg,#fff 0%,#fff8f7 100%);border-color:#eddfe6;box-shadow:0 10px 25px rgba(85,47,76,.07)}
.rail-card:hover{border-color:#d9b9ca;box-shadow:0 13px 31px rgba(104,54,91,.12)}
.rail-card h3{color:#321d40}
.rail-card .sound-meta span{background:#f9edf3;color:#806b7d}
.rail-card .wave-mini{background:linear-gradient(180deg,#fff3ef,#f6ebf5)}
.rail-card .play-btn{background:#fff;border-color:#e7d8e2;color:#4a3153}
.rail-card .play-btn:hover{background:#fff4f0;border-color:#d8bacb}
.rail-card .download-mini{background:linear-gradient(135deg,#3a204d,#6e3b75)}
.rail-card .download-mini:hover{background:linear-gradient(135deg,#4b2862,#87508c)}

/* all homepage section backgrounds */
.story-section{background:linear-gradient(180deg,#fffaf7,#fff3ee)}
.story-section:before{background:#ffe9df}
.story-section .image-card{background:#fff;border-color:#ebdce6}
.story-section .mini-card{background:#fffdfb;border-color:#ebdce6}

.feature-bento-section{background:linear-gradient(145deg,#2a1738,#43224f 58%,#5d2f5c)!important}
.feature-bento-section .feature-card{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.12)}
.feature-bento-section .feature-card:nth-child(2){background:linear-gradient(145deg,rgba(255,111,97,.22),rgba(255,255,255,.05))}
.feature-bento-section .feature-card:nth-child(3){background:linear-gradient(145deg,rgba(155,114,207,.25),rgba(255,255,255,.05))}
.feature-bento-section .icon{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.10)}

.process-section{background:#fff8f4}
.process-section .step{background:#fff;border-color:#eadde7;box-shadow:0 12px 30px rgba(73,39,68,.06)}
.process-section .step:before{color:#e4556a}
.process-section .steps:before{background:#e6cfdc}

.compat-section{background:#f7eaf2;border-color:#ead8e5}
.compat-section .chip{background:#fff;border-color:#e6d5df;color:#6e586c;box-shadow:0 7px 18px rgba(73,39,68,.05)}

.usecase-section{background:#fffdfb}
.usecase-section .card{box-shadow:0 13px 34px rgba(71,38,67,.07)}
.usecase-section .card:first-child{background:linear-gradient(145deg,#ff6f61,#d94d67);color:#fff}
.usecase-section .card:nth-child(5){background:#f1e7fb}
.usecase-section .card:nth-child(6){background:#fff0d5}

.setup-section{background:linear-gradient(90deg,#fff0ea 0%,#fff8f4 52%,#f3eafa 100%)}
.setup-section .card{background:#fff;box-shadow:0 18px 48px rgba(75,42,72,.08)}
.setup-section li:before{background:#3a204d}
.setup-section li{border-color:#eee0e9}

.premium-download-section{background:#fffaf7}
.premium-download-section .download-panel{background:radial-gradient(circle at 80% 20%,rgba(255,184,90,.19),transparent 30%),linear-gradient(135deg,#2a1738,#5d2f5c 64%,#e4556a);box-shadow:0 30px 80px rgba(67,31,67,.19)}

.safety-section{background:#fffaf7}
.safety-section .notice{background:#fff1d9;color:#684d2d}
.safety-section .notice h3{color:#7b4a24}
.safety-section .notice p{color:#785f43}

.compare-section{background:#fbf2f7}
.compare-section .card:first-child{background:#edf8f1}
.compare-section .card:last-child{background:#fff0f1}

.release-section{background:linear-gradient(135deg,#2a1738,#4a2859 60%,#6b3d6c)}
.release-section .eyebrow{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.14);color:#f4e7f0}
.release-section .muted{color:#d8c2d3}

.trouble-section{background:#fffdfb}
.trouble-section .trouble-grid{border-color:#eadde7}
.trouble-section .card{border-color:#eadde7}
.trouble-section .card:before{background:#f8e5ee;color:#c84965}

.editorial-guides-section{background:#f5eaf2;border-color:#e8d6e3}
.editorial-guides-section .blog-card{background:#fff;border-color:#eadde7;box-shadow:0 12px 36px rgba(71,38,67,.07)}

.premium-faq-section{background:#fffaf7}
.premium-faq-section .faq-tabs{background:#f5e9f1}
.premium-faq-section .faq-tab{color:#654f64}
.premium-faq-section .faq-tab.active{background:#3a204d;color:#fff}
.premium-faq-section .faq-list{background:#fff;border-color:#eadde7}
.premium-faq-section .faq-item{border-color:#eadde7}

/* supporting pages and blog */
.page-hero{background:linear-gradient(180deg,#fffdfb,#fff1eb)}
.article,.sidebar .card,.contact-card,.legal{border-color:#eadde7}
.article{background:#fff}
.sidebar .card,.contact-card{background:#fffdfb}
.contact-card .email-plain{background:#f8edf3}
.blog-card{border-color:#eadde7;background:#fff;box-shadow:0 10px 28px rgba(76,39,70,.06)}

/* footer kept light, but fully recolored */
.premium-footer{background:#f3e8ef !important;color:#765f74 !important;border-top-color:#e4d2df}
.premium-footer h3{color:#3a204d !important}
.premium-footer .footer-brand-col p{color:#7c6879}
.premium-footer .footer-links a,.premium-footer .footer-meta,.premium-footer .footer-meta a{color:#765f74 !important}
.premium-footer .footer-links a:hover,.premium-footer .footer-meta a:hover{color:#e4556a !important}
.premium-footer .footer-meta{border-top-color:#e1cfdb !important}

/* shift keyword artwork away from the former blue/teal palette */
.hero-visual img,.image-card img,.download-panel img,.blog-card img,.article img{filter:hue-rotate(115deg) saturate(.9) contrast(1.02);}
.logo img,.brand img,.footer-brand img{filter:none!important}

@media(max-width:780px){
  .premium-header .nav-links .nav-cta{padding:6px 10px;font-size:.78rem;min-height:32px}
}


/* ===== V9 color system: forest sage + warm gold ===== */
:root{
  --bg:#f7f8f1;
  --surface:#fffef9;
  --ink:#18362f;
  --muted:#66766d;
  --line:#dde5da;
  --soft:#eef3ea;
  --accent:#2f7d5a;
  --accent2:#225f47;
  --ok:#2f7d5a;
  --vip-blue:#2f7d5a;
  --vip-navy:#18362f;
  --vip-pale:#edf4e9;
  --vip-glow:#dce9d7;
}

html,body{background:#faf9f2;color:var(--ink)}
body{background:linear-gradient(180deg,#fffef9 0%,#f6f7ef 34%,#f2f5ed 100%)}

/* global controls */
.eyebrow{background:#fffef9;border-color:#dce5d8;color:#607066;box-shadow:0 5px 18px rgba(35,72,55,.05)}
.eyebrow:before{background:linear-gradient(135deg,#2f7d5a,#d6a84f)}
.btn-primary{background:linear-gradient(135deg,#18362f,#2f6f52);color:#fff;box-shadow:0 10px 24px rgba(31,82,61,.16)}
.btn-primary:hover{background:linear-gradient(135deg,#21473d,#397d5e)}
.btn-light{background:#fffef9;border-color:#dce5d8}
.btn-outline{border-color:#d8e1d5}

/* header */
.premium-header{background:rgba(255,254,249,.94);border-bottom-color:rgba(218,229,215,.96)}
.premium-header.scrolled{box-shadow:0 8px 26px rgba(35,72,55,.08)}
.premium-header .nav-links>a{color:#617069}
.premium-header .nav-links>a:hover,.premium-header .nav-links>a.active{background:#edf4e9;color:#18362f}
.premium-header .nav-links .nav-cta{background:linear-gradient(135deg,#2f7d5a,#245f47);color:#fff;box-shadow:0 6px 16px rgba(47,125,90,.23)}

/* hero */
.vip-hero{background:radial-gradient(circle at 50% 2%,rgba(214,168,79,.16),transparent 34%),linear-gradient(180deg,#fffef9 0%,#f1f5e9 58%,#e8f0e3 100%);border-bottom-color:#dae5d5}
.vip-hero:before{background:radial-gradient(circle at 50% 8%,rgba(47,125,90,.10),transparent 36%),linear-gradient(rgba(255,255,255,.58) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.58) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
.hero-orb-one{background:radial-gradient(circle,#f5e8bc,transparent 68%)}
.hero-orb-two{background:radial-gradient(circle,#d9ead8,transparent 68%)}
.vip-hero h1{color:#18362f}
.vip-hero h1 span{background:linear-gradient(90deg,#2f7d5a,#3c8c65 48%,#d2a047);-webkit-background-clip:text;background-clip:text;color:transparent}
.vip-hero .lead{color:#66766d}
.vip-download{background:linear-gradient(135deg,#2f7d5a,#286d50 64%,#c4963f);box-shadow:0 18px 42px rgba(47,125,90,.25)}
.vip-download:hover{background:linear-gradient(135deg,#286f50,#225f47 64%,#b48735)}
.disc-core{background:linear-gradient(145deg,#3f8d68,#2f7d5a 58%,#c79a43)}
.disc-ring{border-color:#9fc5aa}
.float-pill{border-color:rgba(86,126,103,.18);box-shadow:0 10px 28px rgba(37,77,58,.10)}
.float-pill b{background:#edf4e9;color:#2f7d5a}
.hero-trust{color:#738079}

/* sound marquee */
.marquee-library{background:linear-gradient(180deg,#fffef9 0%,#f8f8f1 100%);border-color:#dce5d8}
.marquee-library:before{background:linear-gradient(90deg,#fffef9,rgba(255,254,249,0))}
.marquee-library:after{background:linear-gradient(270deg,#fffef9,rgba(255,254,249,0))}
.marquee-head .btn{background:linear-gradient(135deg,#2f7d5a,#245f47)}
.rail-card{background:linear-gradient(180deg,#fffef9 0%,#f7f8f1 100%);border-color:#dde5da;box-shadow:0 10px 25px rgba(39,78,59,.07)}
.rail-card:hover{border-color:#b9cdbd;box-shadow:0 13px 31px rgba(46,91,68,.12)}
.rail-card h3{color:#18362f}
.rail-card .sound-meta span{background:#edf2e9;color:#6b796f}
.rail-card .wave-mini{background:linear-gradient(180deg,#f4f7ef,#eaf0e5)}
.rail-card .play-btn{background:#fffef9;border-color:#d7e1d4;color:#284d3f}
.rail-card .play-btn:hover{background:#f3f7ee;border-color:#b9cdbd}
.rail-card .download-mini{background:linear-gradient(135deg,#18362f,#2f6f52)}
.rail-card .download-mini:hover{background:linear-gradient(135deg,#21473d,#397d5e)}
.rail-card[data-category="clean"],.rail-card[data-category="bright"],.rail-card[data-category="ui"]{--cat1:#2f7d5a;--cat2:#76ad7f}
.rail-card[data-category="bell"]{--cat1:#c7983e;--cat2:#e5c46d}
.rail-card[data-category="soft"]{--cat1:#78936f;--cat2:#b6c9a8}
.rail-card[data-category="correct"],.rail-card[data-category="checkmark"]{--cat1:#33885e;--cat2:#71b887}
.rail-card[data-category="youtube"],.rail-card[data-category="tiktok"]{--cat1:#577e69;--cat2:#a1b99e}
.rail-card[data-category="meme"]{--cat1:#b7853d;--cat2:#dfbd74}
.rail-card[data-category] .sound-type{background:#edf4e9;color:#2f6f52}
.rail-card[data-category="bell"] .sound-type,.rail-card[data-category="meme"] .sound-type{background:#fbf2dc;color:#9a6d22}

/* homepage section backgrounds */
.story-section{background:linear-gradient(180deg,#fffdf8,#f4f7ee)}
.story-section:before{background:#e8f0df}
.story-section .image-card{background:#fffef9;border-color:#dce5d8}
.story-section .mini-card{background:#fffef9;border-color:#dce5d8}

.feature-bento-section{background:linear-gradient(145deg,#18362f,#24513f 58%,#3b6d50)!important}
.feature-bento-section .feature-card{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.12)}
.feature-bento-section .feature-card:nth-child(2){background:linear-gradient(145deg,rgba(214,168,79,.18),rgba(255,255,255,.05))}
.feature-bento-section .feature-card:nth-child(3){background:linear-gradient(145deg,rgba(117,170,128,.20),rgba(255,255,255,.05))}
.feature-bento-section .icon{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.10)}

.process-section{background:#faf9f2}
.process-section .step{background:#fffef9;border-color:#dce5d8;box-shadow:0 12px 30px rgba(42,78,61,.06)}
.process-section .step:before{color:#2f7d5a}
.process-section .steps:before{background:#d6e3d4}

.compat-section{background:#edf4e9;border-color:#d9e5d6}
.compat-section .chip{background:#fffef9;border-color:#d8e2d5;color:#617069;box-shadow:0 7px 18px rgba(41,77,60,.05)}

.usecase-section{background:#fffef9}
.usecase-section .card{box-shadow:0 13px 34px rgba(39,75,57,.07)}
.usecase-section .card:first-child{background:linear-gradient(145deg,#2f7d5a,#245f47);color:#fff}
.usecase-section .card:nth-child(5){background:#edf4e9}
.usecase-section .card:nth-child(6){background:#fbf0d6}

.setup-section{background:linear-gradient(90deg,#eef4e8 0%,#faf9f2 52%,#f7efd9 100%)}
.setup-section .card{background:#fffef9;box-shadow:0 18px 48px rgba(39,75,57,.08)}
.setup-section li:before{background:#18362f}
.setup-section li{border-color:#dfe7da}

.premium-download-section{background:#fffdf8}
.premium-download-section .download-panel{background:radial-gradient(circle at 80% 20%,rgba(222,180,88,.20),transparent 30%),linear-gradient(135deg,#18362f,#2a5945 64%,#9d7630);box-shadow:0 30px 80px rgba(33,69,52,.19)}

.safety-section{background:#fffdf8}
.safety-section .notice{background:#fbf0d6;color:#694f24}
.safety-section .notice h3{color:#78581f}
.safety-section .notice p{color:#715e3f}

.compare-section{background:#f2f5ed}
.compare-section .card:first-child{background:#e7f3e9}
.compare-section .card:last-child{background:#f8eee8}

.release-section{background:linear-gradient(135deg,#18362f,#285440 60%,#6f5b30)}
.release-section .eyebrow{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.14);color:#ecf4ed}
.release-section .muted{color:#cad9cf}

.trouble-section{background:#fffef9}
.trouble-section .trouble-grid{border-color:#dce5d8}
.trouble-section .card{border-color:#dce5d8}
.trouble-section .card:before{background:#e8f1e4;color:#2f7d5a}

.editorial-guides-section{background:#eef3e9;border-color:#dce5d8}
.editorial-guides-section .blog-card{background:#fffef9;border-color:#dce5d8;box-shadow:0 12px 36px rgba(39,75,57,.07)}

.premium-faq-section{background:#fffdf8}
.premium-faq-section .faq-tabs{background:#edf3e9}
.premium-faq-section .faq-tab{color:#5d6f65}
.premium-faq-section .faq-tab.active{background:#18362f;color:#fff}
.premium-faq-section .faq-list{background:#fffef9;border-color:#dce5d8}
.premium-faq-section .faq-item{border-color:#dce5d8}

/* supporting pages and blog */
.page-hero{background:linear-gradient(180deg,#fffef9,#f0f5e9)}
.article,.sidebar .card,.contact-card,.legal{border-color:#dce5d8}
.article{background:#fffef9}
.sidebar .card,.contact-card{background:#fffdf8}
.contact-card .email-plain{background:#edf3e9}
.blog-card{border-color:#dce5d8;background:#fffef9;box-shadow:0 10px 28px rgba(39,75,57,.06)}

/* footer */
.premium-footer{background:#eaf0e6 !important;color:#64766b !important;border-top-color:#d5e0d2}
.premium-footer h3{color:#18362f !important}
.premium-footer .footer-brand-col p{color:#6b796f}
.premium-footer .footer-links a,.premium-footer .footer-meta,.premium-footer .footer-meta a{color:#64766b !important}
.premium-footer .footer-links a:hover,.premium-footer .footer-meta a:hover{color:#2f7d5a !important}
.premium-footer .footer-meta{border-top-color:#d4dfd1 !important}

/* recolor keyword artwork to match the forest palette */
.hero-visual img,.image-card img,.download-panel img,.blog-card img,.article img{filter:hue-rotate(265deg) saturate(.72) contrast(1.01) brightness(1.02)}
.logo img,.brand img,.footer-brand img{filter:none!important}

/* ===== Sound card download button compact size ===== */
.rail-card .download-mini{
  flex:0 0 auto;
  min-height:24px;
  padding:2px 6px;
  border-radius:6px;
  font-size:.54rem;
  line-height:1.15;
}
@media(max-width:780px){
  .rail-card .download-mini{
    min-height:23px;
    padding:2px 5px;
    font-size:.52rem;
  }
}

/* ===== Sound card multicolor line styling ===== */
.rail-card .sound-num{
  color:var(--cat1,#2f7d5a) !important;
  letter-spacing:.11em;
}
.rail-card h3{
  color:#14263a !important;
}
.rail-card .sound-type{
  background:linear-gradient(135deg,var(--cat1,#2f7d5a),var(--cat2,#76ad7f)) !important;
  color:#fff !important;
  box-shadow:0 6px 16px rgba(0,0,0,.08);
}
.rail-card .wave-mini{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(242,246,250,.92)) !important;
  border:1px solid rgba(210,220,225,.9);
}
.rail-card .wave-mini span:nth-child(4n+1){background:linear-gradient(180deg,var(--cat1,#2f7d5a),#7fcf97) !important}
.rail-card .wave-mini span:nth-child(4n+2){background:linear-gradient(180deg,#4f86ff,#9ebfff) !important}
.rail-card .wave-mini span:nth-child(4n+3){background:linear-gradient(180deg,#f0b24d,#f6d780) !important}
.rail-card .wave-mini span:nth-child(4n+4){background:linear-gradient(180deg,#ad7bff,#d3b4ff) !important}
.rail-card .sound-meta span:first-child{
  background:rgba(79,134,255,.12) !important;
  color:#2958b3 !important;
  border:1px solid rgba(79,134,255,.16);
}
.rail-card .sound-meta span:last-child{
  background:rgba(240,178,77,.16) !important;
  color:#9a6a17 !important;
  border:1px solid rgba(240,178,77,.18);
}
.rail-card .play-btn{
  background:linear-gradient(135deg,#ffffff,#f6fbf8) !important;
  color:var(--cat1,#2f7d5a) !important;
  border:1px solid color-mix(in srgb,var(--cat1,#2f7d5a) 28%, #d7e1d4) !important;
}
.rail-card .play-btn:hover{
  background:linear-gradient(135deg,#f8fffb,#edf8f1) !important;
  color:#173a2f !important;
}
.rail-card .download-mini{
  background:linear-gradient(135deg,#1b2f4d,#4f86ff) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(79,134,255,.18);
}
.rail-card .download-mini:hover{
  background:linear-gradient(135deg,#25416a,#6394ff) !important;
}
.rail-card[data-category="bell"] .download-mini,
.rail-card[data-category="meme"] .download-mini{
  background:linear-gradient(135deg,#8e5f1d,#f0b24d) !important;
}
.rail-card[data-category="bell"] .download-mini:hover,
.rail-card[data-category="meme"] .download-mini:hover{
  background:linear-gradient(135deg,#a77023,#f5bf63) !important;
}
.rail-card[data-category="youtube"] .download-mini,
.rail-card[data-category="tiktok"] .download-mini{
  background:linear-gradient(135deg,#214a42,#41b8a0) !important;
}
.rail-card[data-category="youtube"] .download-mini:hover,
.rail-card[data-category="tiktok"] .download-mini:hover{
  background:linear-gradient(135deg,#295b52,#58cdb5) !important;
}
.rail-card[data-category="soft"] .download-mini{
  background:linear-gradient(135deg,#5c4597,#ad7bff) !important;
}
.rail-card[data-category="soft"] .download-mini:hover{
  background:linear-gradient(135deg,#7257b3,#bc91ff) !important;
}

/* ===== Stronger per-card color backgrounds ===== */
.rail-card{
  border-width:1px !important;
  backdrop-filter:blur(6px);
}
.rail-card[data-category="clean"]{
  background:linear-gradient(180deg,#eef4ff 0%,#f8fbff 100%) !important;
  border-color:#c9d7ff !important;
  box-shadow:0 12px 28px rgba(86,112,255,.12) !important;
}
.rail-card[data-category="bright"]{
  background:linear-gradient(180deg,#e9feff 0%,#f8ffff 100%) !important;
  border-color:#b9eef1 !important;
  box-shadow:0 12px 28px rgba(25,191,197,.12) !important;
}
.rail-card[data-category="bell"]{
  background:linear-gradient(180deg,#fff5df 0%,#fffdf6 100%) !important;
  border-color:#f0d391 !important;
  box-shadow:0 12px 28px rgba(240,178,77,.15) !important;
}
.rail-card[data-category="soft"]{
  background:linear-gradient(180deg,#f4eeff 0%,#fcfaff 100%) !important;
  border-color:#d7c2ff !important;
  box-shadow:0 12px 28px rgba(173,123,255,.14) !important;
}
.rail-card[data-category="correct"]{
  background:linear-gradient(180deg,#ebf9ef 0%,#fbfffc 100%) !important;
  border-color:#bfe8cb !important;
  box-shadow:0 12px 28px rgba(39,175,114,.13) !important;
}
.rail-card[data-category="checkmark"]{
  background:linear-gradient(180deg,#e8fff3 0%,#fbfffd 100%) !important;
  border-color:#b8ebd0 !important;
  box-shadow:0 12px 28px rgba(29,186,122,.13) !important;
}
.rail-card[data-category="youtube"]{
  background:linear-gradient(180deg,#fff0f0 0%,#fffaf9 100%) !important;
  border-color:#f5c3c3 !important;
  box-shadow:0 12px 28px rgba(255,112,112,.14) !important;
}
.rail-card[data-category="tiktok"]{
  background:linear-gradient(180deg,#eafdfd 0%,#f9ffff 100%) !important;
  border-color:#bceeee !important;
  box-shadow:0 12px 28px rgba(24,198,207,.13) !important;
}
.rail-card[data-category="meme"]{
  background:linear-gradient(180deg,#fff1e7 0%,#fffaf6 100%) !important;
  border-color:#f4c6a8 !important;
  box-shadow:0 12px 28px rgba(255,146,80,.15) !important;
}
.rail-card[data-category="ui"]{
  background:linear-gradient(180deg,#eef1ff 0%,#fafbff 100%) !important;
  border-color:#cfd7ff !important;
  box-shadow:0 12px 28px rgba(91,103,255,.13) !important;
}
.rail-card:hover{
  transform:translateY(-3px) scale(1.01) !important;
}
.rail-card[data-category="clean"] .play-btn{background:linear-gradient(135deg,#ffffff,#eef4ff) !important;color:#3652d3 !important;border-color:#c9d7ff !important}
.rail-card[data-category="bright"] .play-btn{background:linear-gradient(135deg,#ffffff,#ebfeff) !important;color:#1599a5 !important;border-color:#b9eef1 !important}
.rail-card[data-category="bell"] .play-btn{background:linear-gradient(135deg,#fffdf7,#fff4dd) !important;color:#a87608 !important;border-color:#f0d391 !important}
.rail-card[data-category="soft"] .play-btn{background:linear-gradient(135deg,#fffcff,#f2ebff) !important;color:#7a5bd8 !important;border-color:#d7c2ff !important}
.rail-card[data-category="correct"] .play-btn,.rail-card[data-category="checkmark"] .play-btn{background:linear-gradient(135deg,#fcfffd,#ebf9ef) !important;color:#1f8f60 !important;border-color:#bfe8cb !important}
.rail-card[data-category="youtube"] .play-btn{background:linear-gradient(135deg,#fffdfd,#fff0f0) !important;color:#cf5656 !important;border-color:#f5c3c3 !important}
.rail-card[data-category="tiktok"] .play-btn{background:linear-gradient(135deg,#ffffff,#eafdfd) !important;color:#159ea5 !important;border-color:#bceeee !important}
.rail-card[data-category="meme"] .play-btn{background:linear-gradient(135deg,#fffdfb,#fff0e5) !important;color:#dd7430 !important;border-color:#f4c6a8 !important}
.rail-card[data-category="ui"] .play-btn{background:linear-gradient(135deg,#ffffff,#eef1ff) !important;color:#4f5ce6 !important;border-color:#cfd7ff !important}


/* ===== Service bell logo + card glide line ===== */
.premium-header .brand img{width:290px;height:auto}
.premium-footer .footer-brand img{width:300px;height:auto}
@media(max-width:780px){.premium-header .brand img{width:220px}.premium-footer .footer-brand img{width:240px}}

.card-glide-track{position:relative;height:6px;border-radius:999px;background:rgba(255,255,255,.74);border:1px solid rgba(177,196,204,.55);overflow:hidden;margin:4px 0 8px;box-shadow:inset 0 1px 2px rgba(0,0,0,.03)}
.card-glide-track:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.55),rgba(255,255,255,.12));opacity:.85}
.card-glide-thumb{position:absolute;top:-1px;left:0;width:34%;height:calc(100% + 2px);border-radius:999px;background:linear-gradient(90deg,var(--cat1,#2f7d5a),var(--cat2,#76ad7f));box-shadow:0 2px 8px rgba(0,0,0,.12);animation:cardGlide 3.6s ease-in-out infinite alternate}
.rail-card:nth-child(2n) .card-glide-thumb{animation-duration:4.2s}
.rail-card:nth-child(3n) .card-glide-thumb{animation-duration:3.1s}
.rail-card:hover .card-glide-thumb{animation-duration:1.8s}
@keyframes cardGlide{from{left:0}to{left:66%}}


/* ===== Correct original transparent logo sizing ===== */
.premium-header .brand img{width:auto!important;height:62px!important;max-width:120px!important;object-fit:contain!important;filter:none!important}
.premium-footer .footer-brand img{width:auto!important;height:105px!important;max-width:180px!important;object-fit:contain!important;filter:none!important}
@media(max-width:780px){.premium-header .brand img{height:54px!important;max-width:105px!important}.premium-footer .footer-brand img{height:90px!important;max-width:155px!important}}


/* ===== V15 exact logo + keyword sizing only ===== */
.premium-header .nav{min-height:92px!important}
.premium-header .brand{display:flex!important;align-items:center!important;gap:11px!important;text-decoration:none!important}
.premium-header .brand img{height:78px!important;width:auto!important;max-width:84px!important;object-fit:contain!important;filter:none!important}
.brand-keyword{display:inline-block;font-weight:900;font-size:1.02rem;line-height:1;color:#18362f;white-space:nowrap;letter-spacing:-.02em}
.premium-footer .footer-brand{display:flex!important;align-items:center!important;gap:14px!important;text-decoration:none!important}
.premium-footer .footer-brand img{height:104px!important;width:auto!important;max-width:112px!important;object-fit:contain!important;filter:none!important}
.premium-footer .footer-brand span{font-weight:900;font-size:1.32rem;line-height:1.05;color:#18362f}
@media(max-width:780px){.premium-header .brand img{height:68px!important;max-width:74px!important}.brand-keyword{font-size:.88rem}.premium-footer .footer-brand img{height:90px!important;max-width:98px!important}.premium-footer .footer-brand span{font-size:1.14rem}}


/* ===== V16 bell-only logo + row scrollbar ===== */
.premium-header .nav{min-height:106px!important}
.premium-header .brand img{height:94px!important;width:auto!important;max-width:112px!important;object-fit:contain!important;filter:none!important}
@media(max-width:780px){.premium-header .brand img{height:80px!important;max-width:96px!important}.premium-header .nav{min-height:92px!important}}

.sound-row.is-manual .sound-row-track{animation:none!important;will-change:transform}
.row-scrollbar{width:min(1180px,calc(100% - 36px));margin:5px auto 12px;padding:0 2px;height:14px;display:flex;align-items:center}
.row-scroll-range{-webkit-appearance:none;appearance:none;width:100%;height:7px;margin:0;background:transparent;cursor:ew-resize;outline:none}
.row-scroll-range::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:linear-gradient(90deg,#d7dde6,#eef1f5 50%,#d7dde6);border:1px solid #ccd4df;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}
.row-scroll-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:64px;height:12px;margin-top:-3px;border-radius:999px;border:0;background:linear-gradient(90deg,#53687a,#8aa0b2);box-shadow:0 2px 8px rgba(30,48,62,.22)}
.row-scroll-range::-moz-range-track{height:7px;border-radius:999px;background:linear-gradient(90deg,#d7dde6,#eef1f5 50%,#d7dde6);border:1px solid #ccd4df;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}
.row-scroll-range::-moz-range-thumb{width:64px;height:12px;border-radius:999px;border:0;background:linear-gradient(90deg,#53687a,#8aa0b2);box-shadow:0 2px 8px rgba(30,48,62,.22)}
.row-scrollbar-1 .row-scroll-range::-webkit-slider-thumb{background:linear-gradient(90deg,#5670ff,#8db8ff)}
.row-scrollbar-2 .row-scroll-range::-webkit-slider-thumb{background:linear-gradient(90deg,#d69a2d,#f0cd72)}
.row-scrollbar-3 .row-scroll-range::-webkit-slider-thumb{background:linear-gradient(90deg,#2fa06e,#73c995)}
.row-scrollbar-4 .row-scroll-range::-webkit-slider-thumb{background:linear-gradient(90deg,#24a9b2,#8b75e8)}
.row-scrollbar-1 .row-scroll-range::-moz-range-thumb{background:linear-gradient(90deg,#5670ff,#8db8ff)}
.row-scrollbar-2 .row-scroll-range::-moz-range-thumb{background:linear-gradient(90deg,#d69a2d,#f0cd72)}
.row-scrollbar-3 .row-scroll-range::-moz-range-thumb{background:linear-gradient(90deg,#2fa06e,#73c995)}
.row-scrollbar-4 .row-scroll-range::-moz-range-thumb{background:linear-gradient(90deg,#24a9b2,#8b75e8)}
@media(max-width:780px){.row-scrollbar{width:calc(100% - 28px);margin-top:4px;margin-bottom:10px}.row-scroll-range::-webkit-slider-thumb{width:48px}.row-scroll-range::-moz-range-thumb{width:48px}}


/* ===== V17 keyword match + synced row scrollbar ===== */
.premium-header .brand{gap:13px!important}
.brand-keyword,.premium-footer .footer-brand .brand-keyword{
  display:inline-flex!important;align-items:baseline!important;gap:.22em!important;
  font-size:1.42rem!important;font-weight:900!important;line-height:1!important;
  letter-spacing:-.035em!important;white-space:nowrap!important;
}
.brand-keyword .kw-one{color:#1c6fba!important}
.brand-keyword .kw-two{color:#b34f87!important}
.premium-footer .footer-brand{gap:13px!important}
.premium-footer .footer-brand .brand-keyword{font-size:1.42rem!important}
@media(max-width:780px){
  .brand-keyword,.premium-footer .footer-brand .brand-keyword{font-size:1.04rem!important}
}

.synced-card-rows .sound-row-track{animation:none!important;will-change:transform!important}
.sound-row{touch-action:pan-y;cursor:grab}
.sound-row.is-dragging{cursor:grabbing;user-select:none}
.row-scrollbar{height:18px!important;margin:4px auto 13px!important}
.row-scroll-range{height:12px!important;cursor:ew-resize!important}
.row-scroll-range::-webkit-slider-runnable-track{height:8px!important;background:linear-gradient(90deg,#d8dee8,#f4f6f9 50%,#d8dee8)!important}
.row-scroll-range::-moz-range-track{height:8px!important;background:linear-gradient(90deg,#d8dee8,#f4f6f9 50%,#d8dee8)!important}
.row-scroll-range::-webkit-slider-thumb{width:72px!important;height:14px!important;margin-top:-4px!important}
.row-scroll-range::-moz-range-thumb{width:72px!important;height:14px!important}
@media(max-width:780px){
  .row-scroll-range::-webkit-slider-thumb{width:52px!important}
  .row-scroll-range::-moz-range-thumb{width:52px!important}
}


/* ===== V19 hover-pause per row ===== */
/* Only the sound-card row currently under the mouse pauses; leaving it resumes automatically. */
.sound-row:hover .sound-row-track{animation-play-state:paused!important}

/* Center the “Find a ding in three steps.” heading only */
.process-section > .container > h2{max-width:none;margin-inline:auto;text-align:center}


/* ===== Requested header/footer keyword color only ===== */
.brand-keyword .kw-one,.premium-footer .footer-brand .brand-keyword .kw-one{color:#18362f!important}
.brand-keyword .kw-two,.premium-footer .footer-brand .brand-keyword .kw-two{color:#ff6f61!important}

/* Header/footer keyword gradient matched to the provided reference */
.brand-keyword,
.premium-footer .footer-brand .brand-keyword{
  background:linear-gradient(90deg,#307e5b 0%,#398862 42%,#6b925e 60%,#a59555 78%,#c99f4a 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
.brand-keyword .kw-one,
.brand-keyword .kw-two,
.premium-footer .footer-brand .brand-keyword .kw-one,
.premium-footer .footer-brand .brand-keyword .kw-two{
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}