/* Shared homepage palette, typography, header, controls and footer. */
@import url('/style.css?v=stratum2-1');
html{scroll-snap-type:none;scroll-padding-top:100px}
.pack-page .pack-main{padding-top:68px;padding-bottom:0}
.hero{padding:84px 0 64px;max-width:900px}
.eyebrow,.number{font-size:13px;color:var(--muted-text);font-weight:600}
.eyebrow::before{content:"";display:inline-block;width:5px;height:5px;margin-right:10px;background:var(--primary);border-radius:50%;vertical-align:2px}
.hero h1{font-size:clamp(44px,6.2vw,82px);font-weight:700;letter-spacing:-3px;line-height:1.12;margin:24px 0}
.hero h1>span{color:var(--primary)}
.lead{font-size:clamp(24px,3vw,36px);line-height:1.3;margin-bottom:20px}
.pack-description{max-width:640px;color:var(--muted-text);font-size:16px}
.hero .button{margin:28px 0}
.details{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:13px;color:var(--muted-text)}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;border-top:1px solid var(--border-color);padding:36px 0 56px}
.features h2{font-size:23px;letter-spacing:0;margin:15px 0 12px;line-height:1.3}
.features p{color:var(--muted-text);font-size:16px}
.update-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:40px;background:var(--surface-bg);border:1px solid var(--border-color);border-radius:3px;margin-bottom:56px}
.update-section h2{font-size:clamp(30px,3.2vw,44px);line-height:1.2;letter-spacing:-1px;margin:20px 0 0}
.status{display:inline-block;color:var(--text-color);border:1px solid var(--border-color);border-radius:3px;padding:5px 10px;font-size:13px;margin-bottom:20px}
.update-copy p{font-size:16px}
.update-copy .muted{color:var(--muted-text);font-size:14px;margin-top:16px}
.release-downloads{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.release-downloads .button{margin:0;gap:12px}
.feed-link{font-size:14px;text-decoration:underline;text-underline-offset:4px}
.feed-link:hover{color:var(--primary)}
.pack-page>.site-footer{width:calc(100% - clamp(24px,4.5vw,88px)*2);padding:24px 0 28px}
@media(max-width:900px){.pack-page .pack-main{padding-top:106px}.hero{padding-top:56px}.update-section{gap:32px}}
@media(max-width:700px){html{scroll-padding-top:130px}.hero{padding:48px 0 40px}.hero h1{font-size:clamp(40px,9vw,62px);letter-spacing:-2px}.features{grid-template-columns:1fr;gap:32px;padding:32px 0 40px}.features h2{margin-top:9px}.update-section{grid-template-columns:1fr;gap:28px;padding:24px;margin-bottom:40px}.pack-page>.site-footer{width:calc(100% - 48px);margin-top:0}.site-navigation{gap:20px}}
@media(max-width:400px){.site-navigation{gap:12px}}
.site-navigation a[aria-current="page"]{color:#fff;border-bottom-color:#fff}