/* Public entry matches the approved desktop/mobile hero; authentication lives in the app. */
html body .hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin:32px auto 0}
html body .hero-actions a{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:52px;padding:0 32px;border-radius:999px;font-size:16px;font-weight:500;text-decoration:none}
html body .hero-actions .pill{background:#17181b!important;color:#f5f4f2!important;box-shadow:none}
html body .hero-actions .pill::after,html body .hero-actions .hero-login::after{content:'↗';display:inline-block;flex:none;font-size:18px;line-height:1;transition:transform 240ms cubic-bezier(.22,1,.36,1)}
html body .hero-actions a:hover::after,html body .hero-actions a:focus-visible::after{transform:translate(2px,-2px)}
html body .hero-actions .pill:hover{background:#303134!important}
html body .hero-actions .hero-login:hover{background:rgba(23,24,27,.05)}
html body .hero-actions a{transition:background-color 240ms cubic-bezier(.22,1,.36,1),box-shadow 240ms cubic-bezier(.22,1,.36,1)!important}
html body .hero-actions a:active{transform:scale(.98)}
@media(prefers-reduced-motion:reduce){html body .hero-actions a,html body .hero-actions a::after{transition:none!important;transform:none!important}}
html body .hero-actions .hero-login{min-width:120px;border:1px solid rgba(23,24,27,.25);color:#17181b;background:transparent}
html body .hero-actions a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
html body .hero .hero-stage{margin-top:64px!important}
@media(max-width:760px){
 html body .hero .eyebrow{font-size:14px!important}
 html body .hero h1{font-size:clamp(27px,8.2vw,40px)!important;line-height:1.06!important;letter-spacing:-.05em!important;margin-top:38px!important}
 html body .hero .hero-sub{max-width:28ch!important;margin-top:40px!important}
 html body .hero-actions{width:100%;gap:10px;margin-top:26px}
 html body .hero-actions a{flex:1;min-width:0;height:50px;padding-inline:12px}
 html body .hero .hero-stage{margin-top:40px!important}
}

/* A restrained brand scale in navigation, separate from editorial headings. */
html body header.header .brand{font-size:18px!important;gap:7px!important}
html body header.header .brand .mark{width:19px!important;height:19px!important}

html body .hero-actions .hero-login::after{content:''!important;width:13px;height:13px;flex:0 0 13px;background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 16 16 4M5 4h11v11' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 16 16 4M5 4h11v11' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}