/* Lumonora — Brand & Creator profile onboarding, Nov 2026 */
.onboard-page{background:#FBFAFF;color:#171A26;padding-bottom:80px}
.onboard-hero{background:linear-gradient(125deg,#F4F1FF,#FBFAFF 55%,#F4F1FF);padding:82px max(22px,calc((100vw - 1160px)/2));}
.onboard-tag{display:inline-flex;align-items:center;gap:9px;color:#6956EA;font-size:11px;font-weight:900;letter-spacing:.11em;margin-bottom:20px}
.onboard-tag:before{content:"✳";font-size:20px}
.onboard-hero h1{font:900 clamp(40px,6vw,78px)/1.02 Montserrat,Arial,sans-serif;letter-spacing:-.06em;max-width:890px;margin:0 0 23px}
.onboard-hero h1 em{color:#705CF5}
.onboard-hero>p{font:500 15px/1.85 Montserrat,Arial,sans-serif;color:#706B83;max-width:725px;margin:0}
.onboard-inline{display:inline-block;margin:22px 0 0;color:#6956EA;font-size:12px;font-weight:800}
.onboard-hero-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.onboard-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1160px;margin:-8px auto 55px;padding:0 20px}
.onboard-path{display:flex;flex-direction:column;align-items:flex-start;background:white;border:1px solid #DFDBF2;border-radius:10px;min-height:310px;padding:42px;text-decoration:none;color:#1D1A32;transition:transform .2s,box-shadow .2s,border-color .2s}
.onboard-path:hover{transform:translateY(-4px);box-shadow:0 17px 36px #30216d22;border-color:#C2B8FF}
.onboard-symbol{font-size:44px;line-height:1;color:#775FFB}
.onboard-eyebrow{color:#6655D5;font-size:10px;letter-spacing:.12em;font-weight:900;margin-top:18px}
.onboard-path h2{font:900 clamp(24px,2.5vw,33px)/1.2 Montserrat,Arial,sans-serif;letter-spacing:-.045em;margin:10px 0}
.onboard-path p{font-size:13px;line-height:1.8;color:#726B86;margin:0 0 25px}
.onboard-action{margin-top:auto;color:#6551E1;font-size:12px;font-weight:900}
.onboard-path-dark{background:linear-gradient(125deg,#1D193B,#101326);color:white;border-color:#39306F}
.onboard-path-dark .onboard-symbol,.onboard-path-dark .onboard-eyebrow,.onboard-path-dark .onboard-action{color:#B8ACFF}
.onboard-path-dark p{color:#D3CEE5}
.onboard-notes,.onboard-listing,.brand-form-shell,.brand-public-body{max-width:1160px;margin:0 auto;padding:12px 20px}
.onboard-notes h2,.onboard-listing h2,.brand-form-top h2{font-size:clamp(23px,3vw,36px);font-weight:900;letter-spacing:-.04em}
.onboard-notes>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px}
.onboard-notes article{padding:23px;border:1px solid #E7E2F4;border-radius:7px;background:white}
.onboard-notes article b{font-size:12px;color:#6656DB}
.onboard-notes article p{font-size:12px;line-height:1.75;color:#706B82}
.onboard-future{font-size:11px;line-height:1.7;color:#868096;margin-top:25px}
.brand-application .onboard-hero{padding-top:60px;padding-bottom:60px}
.brand-form-shell{max-width:930px;background:white;border:1px solid #EAE6F6;border-radius:9px;padding:44px;margin:45px auto 90px;box-shadow:0 18px 50px #30236f0d}
.brand-form-top{margin-bottom:30px}
.brand-form-top>span{font-size:10px;font-weight:900;color:#7560ED;letter-spacing:.12em}
.brand-form-top h2{margin:11px 0}
.brand-form-top p{font-size:12px;line-height:1.7;color:#777186}
.brand-form-shell form{display:flex;flex-direction:column;gap:18px}
.brand-form-shell .form-subtitle{margin:12px 0 0}
.onboard-listing{padding-top:54px}
.onboard-listing-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.onboard-listing-head h2{margin:0}
.onboard-listing-head span{font-size:11px;font-weight:800;color:#7463E7}
.brand-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.brand-card{display:flex;flex-direction:column;text-decoration:none;color:#28233D;padding:20px;border-radius:7px;border:1px solid #E7E2F4;background:white;min-height:340px}
.brand-card:hover{border-color:#8C7CFF;box-shadow:0 10px 28px #30236f13}
.brand-card-art{height:120px;background:#F2F0FB;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.brand-card-art span{font-size:52px;color:#8D7AFF}
.brand-card-art img{max-width:100%;height:100%;object-fit:contain}
.brand-card-tag{margin:17px 0 8px;color:#7563E9;letter-spacing:.07em;font-size:10px;font-weight:800}
.brand-card strong{font-size:21px;font-weight:900}
.brand-card p{font-size:11px;line-height:1.7;color:#777186}
.brand-card-link{font-size:10px;font-weight:900;color:#715FE5;margin-top:auto}
.onboard-empty{text-align:center;background:white;border:1px dashed #DCD6EC;padding:58px 25px;border-radius:8px}
.onboard-empty h3{font-size:24px;letter-spacing:-.04em}
.onboard-empty p{font-size:12px;color:#777186;margin:0 auto 22px;max-width:380px}
.brand-profile-heading{display:flex;gap:20px;align-items:center;margin-top:28px}
.brand-profile-heading h1{font-size:clamp(35px,5vw,65px);margin:0 0 11px}
.brand-profile-heading p{font-size:13px;color:#716B82;margin:0}
.brand-profile-logo{width:110px;height:110px;flex-shrink:0;border-radius:12px;background:#fff;border:1px solid #E5E0F5;display:flex;align-items:center;justify-content:center;overflow:hidden}
.brand-profile-logo span{font-size:57px;color:#7C69EA}
.brand-profile-logo img{width:100%;height:100%;object-fit:contain}
.brand-public-body{display:grid;grid-template-columns:1.3fr 1fr;gap:25px;padding-top:50px}
.brand-public-body article{background:white;border:1px solid #E7E3F1;border-radius:7px;padding:30px}
.brand-public-body h2{font-size:28px;margin:10px 0}
.brand-public-body p{font-size:13px;line-height:1.8;color:#716B82}
.brand-public-body .btn-primary{display:inline-block;margin-top:10px}
@media(max-width:850px){.brand-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onboard-path{padding:28px}}
@media(max-width:650px){.onboard-hero{padding:54px 22px}.onboard-paths,.onboard-notes>div,.brand-public-body{grid-template-columns:1fr}.onboard-paths{padding:0 15px}.onboard-path{min-height:260px}.brand-form-shell{padding:30px 18px;margin:20px 14px 45px}.brand-card-grid{grid-template-columns:1fr}.brand-card{min-height:310px}.brand-profile-heading{align-items:flex-start}.brand-profile-logo{width:75px;height:75px}.brand-profile-logo span{font-size:38px}.brand-public-body{padding-top:25px}}
