/* Restrained shared styling for the public site. */
:root{--bg:#101620;--panel:#171e29;--ink:#edf2f8;--muted:#a5b1c2;--acid:#ff6972;--line:#303c4d}
header .brand-logo{width:205px}
header nav .account-nav{padding:6px 13px;border:1px solid #435168;border-radius:4px}
.hero h1{font-family:inherit;font-size:clamp(34px,4vw,46px);font-weight:650;line-height:1.14;letter-spacing:-.03em;text-wrap:balance}
.hero .headline-emphasis{color:inherit}
.hero .intro{font-size:20px;font-weight:600}
.app-preview img{border-color:#40516a;border-radius:5px}
.page-links{gap:24px}
.page-links>a{padding-top:22px;border-top:2px solid #40516a}
.page-links>a:first-child{border-top-color:#b94b55}
.page-links>a:hover{border-top-color:var(--acid)}
.page-intro{border-bottom-color:#40516a}
.page-intro h1{font-size:clamp(32px,4vw,44px)}
.guide-links>a{border-top-color:#40516a}
.guide-links>a:hover{border-top-color:var(--acid)}
.guide-sidebar{align-self:start;padding:20px;background:#151e2a;border:1px solid #303f53;border-radius:4px}
.system-guide code{padding:2px 5px;background:#202d3e;border-radius:3px;color:#dbe5f2;font-size:.92em;overflow-wrap:anywhere}
@media(min-width:1050px){.hero h1{font-size:44px}}
@media(max-width:760px){header .brand-logo{width:170px}.hero h1{font-size:36px}.hero .intro{font-size:19px}.guide-sidebar{padding:18px}}

@media(max-width:1000px){header nav{flex-wrap:wrap;justify-content:flex-end;gap:14px 18px}}@media(max-width:760px){header nav{justify-content:flex-start}}