/* SONIC V63 — landing preview mirrors the member dashboard; static sample only */
.sonic-showcase .sonic-preview-v63{display:grid;grid-template-columns:185px minmax(0,1fr);width:100%;border:1px solid #454563;border-radius:21px;overflow:hidden;background:#090917;color:#fff;box-shadow:0 24px 70px #0005;text-align:left;font-family:inherit}
.sonic-preview-v63 *{box-sizing:border-box}.sonic-preview-v63 .sp-sidebar{background:#101124;padding:20px 10px;border-right:1px solid #2b2c46}.sp-brand{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:900;line-height:1.25}.sp-brand img{width:39px;height:39px;object-fit:contain}.sp-brand small{display:block;font-size:8px;letter-spacing:.12em;color:#bcb4ff}.sp-workspace{margin:55px 9px 13px;color:#a9a3f2;font-size:9px;letter-spacing:.16em;font-weight:800}.sp-sidebar nav{display:grid;gap:6px}.sp-sidebar nav div{display:flex;gap:10px;align-items:center;padding:11px 9px;border-radius:10px;font-size:10px;color:#e3e5ff}.sp-sidebar nav div.selected{background:linear-gradient(110deg,#ff615f,#c4486b);color:white}.sp-sidebar nav span{font-size:15px;min-width:17px;text-align:center}.sp-sidebar nav b{font-weight:650}
.sonic-preview-v63 .sp-main{padding:24px 26px;min-width:0}.sp-main header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:18px;border-bottom:1px solid #33344c}.sp-main header small,.sp-hero-copy>small,.sp-overview small,.sp-bottom article>small{font-size:9px;letter-spacing:.12em;color:#b9a5ff;font-weight:800}.sp-main header h3{font-size:28px!important;color:#fff!important;line-height:1.2;margin:8px 0!important}.sp-subtitle{font-size:9px;color:#b1f4d1}.sp-account{display:flex;align-items:center;gap:8px;font-size:9px}.sp-account>span{padding:8px 10px;border:1px solid #3d405e;border-radius:30px;white-space:nowrap}.sp-account .sp-active{color:#67efb1;border-color:#26624b;background:#112c27}.sp-user{color:#e6dfff}
.sp-hero{position:relative;display:flex;align-items:center;min-height:186px;margin-top:17px;padding:24px;border:1px solid #444363;border-radius:17px;overflow:hidden;background:radial-gradient(ellipse at 55% 40%,#24204b66,transparent 45%),#090918}.sp-hero-copy{position:relative;z-index:2;width:65%}.sp-hero h4{font-size:22px!important;line-height:1.25!important;margin:13px 0!important;color:#fff!important}.sp-hero p{font-size:11px!important;line-height:1.65!important;color:#cbd0e7!important;max-width:460px}.sp-actions{display:flex;gap:8px;margin-top:14px}.sp-actions>span,.sp-bottom .sp-primary{padding:10px 14px;border-radius:24px;background:#252743;font-size:10px;font-weight:800;color:white}.sp-actions .sp-primary,.sp-bottom .sp-primary{background:#ff625f}.sp-smoke{position:absolute;left:56%;top:8%;width:110px;height:155px;border-radius:50%;background:conic-gradient(from 50deg,#00d8ff77,#a540f588,transparent,#4f1fff66,#00d8ff77);filter:blur(18px);opacity:.7;animation:sp-smoke 8s ease-in-out infinite alternate}.sp-disc{position:absolute;right:30px;top:50%;transform:translateY(-50%);width:132px;height:132px;border-radius:50%;background:repeating-radial-gradient(circle,#181831 0 3px,#29274d 4px 5px);border:9px solid #19192d;display:grid;place-items:center;box-shadow:0 0 0 8px #17152b80}.sp-disc>div{display:grid;place-content:center;text-align:center;width:53px;height:53px;border-radius:50%;background:#9574ff;border:4px solid #b5a1ff;font-size:11px;font-weight:900;animation:sp-disc 9s linear infinite}.sp-disc small{font-size:6px}.sp-overview{display:flex;align-items:end;justify-content:space-between;margin:22px 0 14px}.sp-overview h4{margin:7px 0 0!important;color:#fff!important;font-size:16px!important}.sp-overview>span{font-size:9px;color:#87e3bd}.sp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sp-stats article,.sp-bottom article{border:1px solid #373953;background:#1c203a;border-radius:15px;padding:15px;min-width:0}.sp-stats article{display:flex;flex-direction:column;min-height:133px;gap:7px}.sp-stats i{font-style:normal;background:#393255;color:#ff98a6;width:26px;height:26px;border-radius:9px;display:grid;place-items:center}.sp-stats small{font-size:10px;color:#cbd3f8}.sp-stats strong{font-size:24px;line-height:1.1;color:#fff}.sp-stats article>span{font-size:9px;color:#d5d9fa}.sp-bottom{display:grid;grid-template-columns:1.55fr 1fr;gap:12px;margin-top:12px}.sp-bottom article{min-height:190px;padding:20px}.sp-bottom h4{color:#fff!important;font-size:16px!important;margin:12px 0!important}.sp-release{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #363953}.sp-cover{width:33px;height:33px;border-radius:6px;background:linear-gradient(135deg,#2e446d,#151827);display:grid;place-items:center;color:#ffb7b4}.sp-cover.alt{background:linear-gradient(135deg,#714578,#211c3c)}.sp-release div{display:grid;gap:4px;flex:1}.sp-release b{font-size:10px}.sp-release small{font-size:9px;color:#aeb5d9}.sp-release em{font-style:normal;border-radius:25px;background:#65491f;color:#ffe1a0;font-size:9px;padding:7px}.sp-release em.live{background:#1d4934;color:#8cf4b6}.sp-bottom p{font-size:11px!important;line-height:1.7!important;color:#cbd3ef!important;margin:10px 0 18px!important}.sp-bottom .sp-primary{display:inline-block}
@keyframes sp-disc{to{transform:rotate(360deg)}}@keyframes sp-smoke{to{transform:translate(22px,-13px) rotate(35deg);filter:blur(24px)}}
@media(max-width:900px){.sonic-showcase .sonic-preview-v63{grid-template-columns:65px minmax(0,1fr)}.sp-sidebar{padding:15px 7px!important}.sp-brand span,.sp-workspace,.sp-sidebar nav b{display:none!important}.sp-sidebar nav div{justify-content:center}.sp-main{padding:18px!important}.sp-account .sp-user{display:none}.sp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-hero-copy{width:77%}.sp-disc{right:12px;width:100px;height:100px;opacity:.7}}
@media(max-width:580px){.sonic-showcase .sonic-preview-v63{grid-template-columns:45px minmax(0,1fr);border-radius:14px}.sp-sidebar nav div{padding:9px 0}.sp-brand img{width:28px;height:28px}.sp-main{padding:12px!important}.sp-main header h3{font-size:20px!important}.sp-account{gap:4px}.sp-account>span{padding:5px;font-size:8px}.sp-hero{padding:14px;min-height:170px}.sp-hero-copy{width:100%}.sp-hero h4{font-size:17px!important}.sp-hero p{font-size:9px!important;max-width:80%}.sp-disc{width:62px;height:62px;right:4px;top:38%}.sp-disc>div{width:28px;height:28px;font-size:6px}.sp-disc small{font-size:4px}.sp-smoke{width:65px}.sp-stats{gap:6px}.sp-stats article{padding:9px;min-height:118px}.sp-stats strong{font-size:19px}.sp-bottom{grid-template-columns:1fr}.sp-bottom article{min-height:unset}.sp-overview>span{font-size:7px}}