/* SimpMusic's unpublished project page. Kept separate from the core site bundle. */
.sm-project{--sm-accent:#7ba8ff;--sm-line:#243040;--sm-muted:#a5b3c6;background:#070b10;color:#f2f5fa;overflow:clip}
.sm-project .shell{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.sm-project a:not(.button){color:var(--sm-accent)}
.sm-project a:focus-visible,.sm-project summary:focus-visible{outline:2px solid var(--sm-accent);outline-offset:5px}
.sm-project .button{border-radius:0;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:20px;text-decoration:none}
.sm-project p{line-height:1.7}
.sm-preview{padding-block:18px;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--sm-line);color:var(--sm-muted);font-size:12px}
.sm-preview strong{color:#e0e8f5}
.sm-preview a{flex-shrink:0;text-underline-offset:4px}
.sm-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:72px;padding-block:72px 90px}
.sm-wordmark{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;margin:0 0 28px}
.sm-wordmark img{border-radius:9px}.sm-wordmark span{font-size:14px;color:var(--sm-muted);font-weight:400;border-left:1px solid var(--sm-line);padding-left:12px}
.sm-release{font-size:12px;letter-spacing:.05em;color:#c1cddd;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.sm-release>span:last-child{color:var(--sm-accent)}
.sm-hero h1{font-size:clamp(42px,5.5vw,76px);letter-spacing:-.055em;line-height:1.04;margin:0 0 24px;font-weight:600;max-width:640px}
.sm-intro{font-size:18px;color:#b6c3d5;max-width:490px;margin-bottom:30px}
.sm-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}
.sm-actions form{margin:0}.sm-text-link{font-weight:500;font-size:14px;text-underline-offset:5px}
.sm-hero__note{font-size:12px;color:var(--sm-muted);max-width:380px;margin-top:24px}
.sm-hero__screen{margin:0;min-width:0;text-align:center;position:relative}
.sm-hero__screen::before{content:"";position:absolute;inset:-30px;background:radial-gradient(ellipse,#15376455 0,transparent 68%);pointer-events:none}
.sm-hero__screen>img{display:block;width:100%;height:auto;max-width:450px;aspect-ratio:1;object-fit:contain;border-radius:50%;position:relative;margin:auto}
.sm-hero__screen figcaption{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--sm-muted);font-size:12px;margin-top:24px;position:relative}
.sm-status-dot{width:5px;height:5px;border-radius:50%;background:var(--sm-accent)}
.sm-section{padding-block:72px;border-top:1px solid var(--sm-line)}
.sm-section .eyebrow{color:var(--sm-accent);font-size:11px;font-weight:500;letter-spacing:.13em;margin:0 0 14px}
.sm-section h2{font-size:clamp(28px,3.2vw,42px);letter-spacing:-.035em;line-height:1.16;margin:0 0 20px;font-weight:500}
.sm-section__heading{max-width:750px;margin-bottom:42px}.sm-section__heading>p:last-child{max-width:640px;color:var(--sm-muted);margin-bottom:0}
.sm-screen-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px}
.sm-feature{margin:0;min-width:0}.sm-feature img{width:100%;height:auto;aspect-ratio:1;border-radius:50%;max-width:290px;display:block;margin:0 auto 28px}
.sm-feature h3{font-size:18px;letter-spacing:-.02em;margin:0 0 10px;font-weight:500}.sm-feature p{font-size:14px;color:var(--sm-muted);margin:0}
.sm-detail-note{font-size:12px;color:var(--sm-muted);margin:30px 0 0}
.sm-companion{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}
.sm-companion__copy{max-width:490px}.sm-companion__copy>p:not(.eyebrow){color:var(--sm-muted)}
.sm-phone-screen{margin:0;text-align:center}.sm-phone-screen img{display:block;width:210px;max-width:100%;height:auto;max-height:460px;object-fit:contain;margin:auto;border:1px solid #2c3a4c;border-radius:18px}
.sm-phone-screen figcaption{font-size:11px;color:var(--sm-muted);margin-top:15px}
.sm-downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.sm-download{border:1px solid var(--sm-line);padding:28px;display:flex;flex-direction:column;align-items:flex-start}
.sm-download__heading{display:flex;align-items:center;gap:16px}.sm-download__heading img{border-radius:12px;flex-shrink:0}.sm-download__heading .eyebrow{margin-bottom:4px;font-size:10px}
.sm-download h3{font-size:22px;letter-spacing:-.025em;margin:0}.sm-download>p{font-size:14px;color:var(--sm-muted)}.sm-download .button{margin-top:auto;width:100%;justify-content:space-between;font-size:13px;box-sizing:border-box}.sm-download .button span{font-size:11px;white-space:nowrap}
.sm-download .sm-download__footnote{font-size:11px;margin-bottom:0}
.sm-package-details{margin-top:26px;border-bottom:1px solid var(--sm-line);padding-bottom:22px;font-size:14px}.sm-project summary{cursor:pointer;line-height:1.5;padding-block:8px;color:#cbd9ed}.sm-project details[open]>summary{margin-bottom:14px}.sm-package-details>p{color:var(--sm-muted)}
.sm-package-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-block:22px}
.sm-package-list article{padding:18px;border:1px solid var(--sm-line);min-width:0}.sm-package-list article>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.sm-package-list article>div span{color:var(--sm-muted);white-space:nowrap}.sm-package-list a{font-size:12px;overflow-wrap:anywhere}.sm-package-list p{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--sm-muted);margin:15px 0 4px}
.sm-package-list code,.sm-hash{display:block;overflow-wrap:anywhere;white-space:normal;font-size:11px;line-height:1.65;color:#aabbcf}.sm-command{display:block;padding:12px 14px;border-left:2px solid #385982;background:#0b121c;font-size:11px;line-height:1.6;overflow-wrap:anywhere;white-space:normal;margin-block:10px;color:#baccdf}
.sm-setup{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:90px}.sm-setup>div>p:last-child{font-size:14px;color:var(--sm-muted)}.sm-steps{list-style:none;margin:0;padding:0;display:grid;gap:30px}.sm-steps li{display:flex;gap:20px}.sm-steps li>span{color:var(--sm-accent);font-size:12px;line-height:27px}.sm-steps li>div{min-width:0}.sm-steps h3{font-size:18px;margin:0 0 8px;font-weight:500}.sm-steps p{font-size:14px;color:var(--sm-muted);margin:0}
.sm-beta{border-left:2px solid #507bb8;padding:2px 0 2px 30px;max-width:900px}.sm-beta>p:not(.eyebrow),.sm-beta details{color:var(--sm-muted);font-size:14px}.sm-beta details{margin-block:18px}.sm-beta h2{font-size:30px}
.sm-source{display:grid;grid-template-columns:1fr 1fr;gap:90px}.sm-source>div:last-child>p{font-size:14px;color:var(--sm-muted)}.sm-source>div:last-child>.sm-detail-note{font-size:12px}
.sm-draft{background:#0b131e;padding:32px;border:1px dashed #3c5270}.sm-draft h2{font-size:28px}.sm-draft>p:not(.eyebrow){color:var(--sm-muted);font-size:14px;max-width:820px}.sm-draft .sm-media-links{font-size:12px;margin-bottom:0}
.sm-bottom{display:flex;gap:26px;border-top:1px solid var(--sm-line);padding-block:24px;font-size:12px;color:var(--sm-muted)}.sm-bottom>span{margin-right:auto}
.sm-privacy-back{padding-block:40px 20px}.sm-privacy-back .sm-release{margin:20px 0 0}.sm-privacy{padding-block:20px 70px;max-width:900px}.sm-privacy h1{font-size:clamp(30px,4vw,48px);line-height:1.15;letter-spacing:-.035em;margin-bottom:30px}.sm-privacy h2{font-size:24px;margin-top:36px}.sm-privacy p,.sm-privacy td{font-size:14px;color:#bdc9da;line-height:1.8}.sm-privacy table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse}.sm-privacy td,.sm-privacy th{padding:14px;min-width:130px;border:1px solid var(--sm-line);text-align:left}
.sm-project [id]{scroll-margin-top:84px}
@media(prefers-reduced-motion:no-preference){.sm-project .button{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}.sm-project .sm-text-link{transition:color .18s}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.sm-project .button:hover{box-shadow:0 0 0 1px #83aaff44;transform:translateY(-1px)}.sm-project .button:active{transform:translateY(0)}.sm-hero__screen>img,.sm-feature>img,.sm-phone-screen>img{transition:transform .26s cubic-bezier(.2,.65,.3,1)}.sm-hero__screen:hover>img,.sm-feature:hover>img,.sm-phone-screen:hover>img{transform:translateY(-3px) scale(1.01)}}
@media(prefers-reduced-motion:reduce){.sm-project .button,.sm-project .sm-text-link,.sm-hero__screen>img,.sm-feature>img,.sm-phone-screen>img{transition:none;transform:none}}
@media(max-width:900px){.sm-hero{gap:32px;padding-block:56px}.sm-hero h1{font-size:52px}.sm-intro{font-size:16px}.sm-screen-strip{gap:30px}.sm-companion,.sm-source,.sm-setup{gap:40px}.sm-download{padding:22px}.sm-download h3{font-size:18px}.sm-download .button{gap:10px;font-size:12px}.sm-download .button span{font-size:10px}}
@media(max-width:620px){.sm-project .shell{width:calc(100% - 40px)}.sm-preview{font-size:11px;flex-direction:column;gap:7px;padding-block:14px}.sm-preview a{align-self:flex-start}.sm-hero{grid-template-columns:1fr;gap:38px;padding-block:36px 44px}.sm-wordmark{font-size:19px;margin-bottom:24px}.sm-hero h1{font-size:clamp(44px,12vw,64px)}.sm-intro{max-width:100%;margin-bottom:24px}.sm-hero__note{margin-top:18px;max-width:100%}.sm-hero__screen{width:min(100%,340px);margin:auto}.sm-hero__screen figcaption{font-size:11px;margin-top:16px}.sm-section{padding-block:40px}.sm-section__heading{margin-bottom:28px}.sm-section h2{font-size:30px}.sm-screen-strip{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#345681 #101923;padding-bottom:20px}.sm-feature{flex:0 0 78%;scroll-snap-align:start}.sm-feature img{max-width:250px;margin-bottom:24px}.sm-detail-note{margin-top:20px}.sm-companion{grid-template-columns:1fr;gap:28px}.sm-companion__copy{max-width:none}.sm-phone-screen img{width:190px;max-height:420px}.sm-downloads,.sm-package-list,.sm-setup,.sm-source{grid-template-columns:1fr}.sm-downloads{gap:16px}.sm-download{padding:24px}.sm-download h3{font-size:21px}.sm-download .button{font-size:13px}.sm-download .button span{font-size:11px}.sm-package-list{gap:12px}.sm-package-details{font-size:13px}.sm-setup{gap:26px}.sm-steps{gap:25px}.sm-steps li{gap:14px}.sm-beta{padding-left:20px}.sm-beta h2{font-size:27px}.sm-source{gap:8px}.sm-draft{padding:22px}.sm-draft h2{font-size:25px}.sm-actions{gap:18px}.sm-bottom{gap:16px;flex-wrap:wrap;font-size:11px}.sm-bottom>span{flex-basis:100%}.sm-privacy h1{font-size:32px}.sm-privacy h2{font-size:22px}.sm-privacy td{min-width:120px;padding:10px}}