/* MIDILAB 6 / professional editorial storefront. */
:root{--pro-bg:#101115;--pro-paper:#e7e9f3;--pro-muted:#999eae;--pro-accent:#b6aeff}
html{color-scheme:dark}
body{background:#101115;color:#e9eaf0;font-family:Inter,'Segoe UI',Arial,sans-serif}
body::before{background:radial-gradient(ellipse at 75% 7%,#5650752e,transparent 46%);content:'';position:absolute;inset:0 0 auto 0;height:750px;pointer-events:none}
.site-header{border-color:#282b36;position:relative;z-index:10}
.site-brand{font-weight:830;letter-spacing:-.06em}
.brand-symbol{background:#b6acff;color:#15111f;box-shadow:none}
.brand-symbol span,.brand-period{color:#7870d4}
.site-links .current{border-color:#b6acff}
.site-action{background:#292b37;border:1px solid #46475b;color:#efedf9;border-radius:8px;font-weight:720}
.site-action:hover{background:#3b3c4e}
.hero{padding-top:77px;padding-bottom:115px;position:relative}
.hero .pretitle{color:#bbb1ff;letter-spacing:.17em;font-size:10px}
.hero .pretitle i{background:#b7a9ff}
.hero h1{font:770 clamp(60px,7vw,118px)/.98 Inter,'Segoe UI',sans-serif;letter-spacing:-.085em;color:#f1f1f5;max-width:850px;margin:30px 0 23px}
.hero h1 em{font-style:normal;color:#b6adf5}
.hero p{max-width:600px;line-height:1.85;font-size:15px;color:#afb0bf}
.hero .btn-dark{background:#aba3f5;color:#171523;border:1px solid #aba3f5;border-radius:8px;font-weight:790;box-shadow:0 10px 45px #a39bff19}
.hero .btn-dark:hover{background:#c6beff}
.hero .btn-ghost{border-color:#505061;color:#e4e3f1;border-radius:8px;background:#262832}
.hero .trust-line{color:#8e92a5}
.feature-cover{background:linear-gradient(135deg,#4b476c,#232634 73%);border:1px solid #68617a;box-shadow:0 30px 60px #0005}
.feature-cover .cover-title{color:#f2f1fb;font-style:normal}
.feature-cover .cover-title em{color:#bdb3ff}
.feature-cover .cover-disc{background:#191925;border:1px solid #4b475e}
.float-stamp{background:#b9b0fb;color:#171725}
.cover-back-1,.cover-back-2{border-color:#4d4c5f}
.scroll-cue{color:#73798c;border-color:#30313d}
.manifesto{background:#181a22;color:#e9eaf0}
.manifesto h2{color:#e9eaf4;font-family:Inter,'Segoe UI',sans-serif;font-weight:760;letter-spacing:-.067em}
.manifesto h2 em{color:#b6adf5;font-family:Inter,'Segoe UI',sans-serif;font-style:normal}
.manifesto p,.manifesto a{color:#aeb3c2}
.manifesto a:hover{color:white}
.section-eyebrow{color:#a8a4cf}
.experience,.samples-section,.packs-section{background:transparent;color:#e9eaf0}
.experience h2,.section-heading h2,.packs-heading h2{font-family:Inter,'Segoe UI',sans-serif;font-weight:760;color:#eff0f6;letter-spacing:-.065em}
.experience h2 em,.section-heading h2 em,.packs-heading h2 em{font:inherit;color:#b6adf5}
.experience .exp-card{background:#1c1f28;border:1px solid #383c49;border-radius:12px;box-shadow:none}
.experience .exp-card h3{color:#f2f1fa}
.experience .exp-card p{color:#a8abbd}
.exp-no{color:#8e8ab9}
.exp-music,.exp-beat,.exp-file{background:#232532;color:#b8b2fd}
.section-heading p,.packs-heading p{color:#acafbf}
.sample-browser{background:#1c1e26;border:1px solid #383b48;border-radius:12px;box-shadow:none}
.sample-browser-head{background:#222530;border-bottom:1px solid #373a48}
.sample-browser-name strong{color:#efeff6}
.sample-browser-name small{color:#8d90a5}
.filter-group button{color:#aeb3c3;border-color:#454958;background:#292b37}
.filter-group button.active,.filter-group button:hover{background:#aaa2f1;color:#191724;border-color:#aaa2f1}
.sample-grid .sample-row{color:#e2e3ef}
.sample-browser-bottom{background:#20232d;border-color:#353948;color:#9ba0ae}
.kit-link{background:#b0a7fa!important;color:#181624!important;border-color:#b0a7fa!important}
.pack{border:1px solid #3b3d49;background:#1c1e27;box-shadow:none;border-radius:12px;overflow:hidden}
.pack-copy{background:#1c1e27;color:#e9eaf3}
.pack-copy h3,.pack-price{color:#ebebf7}
.pack-copy p{color:#aeb1c0}
.preview-button{background:#2a2d3b!important;border:1px solid #44475a!important;color:#e9e9f4!important;border-radius:8px!important}
.soon-button{background:#272936!important;border:1px solid #3c3f50!important;color:#9599ab!important;border-radius:8px!important}
.pack-night{background:linear-gradient(140deg,#30344b,#141621 80%)}
.pack-slow{background:linear-gradient(140deg,#6d4f65,#242130 85%)}
.closing{background:linear-gradient(120deg,#262638,#1b1e2b);border-top:1px solid #373849}
.closing h2{font-family:Inter,'Segoe UI',sans-serif;font-weight:740;color:#f1f1fa}
.closing h2 em{font:inherit;color:#b6adf5}
.closing .btn-light{background:#b4adfb;color:#181422;border-radius:8px}
.site-footer{color:#9398a9;border-color:#353744}
.reveal{transition-duration:.65s}
@media(max-width:980px){.hero h1{font-size:clamp(54px,9vw,85px)}.hero{padding-top:60px}}
@media(max-width:720px){.hero{padding-top:50px;padding-bottom:74px}.hero h1{font-size:clamp(50px,11vw,70px)}.hero p{font-size:13px}.section-heading h2,.packs-heading h2{font-size:clamp(36px,9vw,54px)}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.hero h1 em,.hero h1,.manifesto h2 em,.experience h2 em,.section-heading h2 em,.packs-heading h2 em,.closing h2 em{font-family:Inter,'Segoe UI',Arial,sans-serif!important;font-style:normal!important;letter-spacing:-.077em!important}
.hero .feature-cover .cover-title em{font-family:Inter,'Segoe UI',sans-serif!important;font-style:normal!important}
.feature-cover .disc-center{background:#b6aeff!important;color:#171522!important}
.feature-cover .cover-disc:after{background:#b6aeff!important}
.trust-line .avatar-dots b{background:#a69cff!important}
.hero h1{font-size:clamp(62px,6.4vw,104px)}
.hero h1 em{font-size:.87em}