/* Public site and authentication share the Secret Sauce brand palette. */
.product-home {
  background:#15152e!important;
  background-image:radial-gradient(ellipse at 76% 12%,#343978 0%,transparent 48%),radial-gradient(ellipse at 6% 0%,#211639 0%,transparent 35%)!important;
}
.product-home .brand-nav { background:transparent!important; min-height:76px; }
.product-home .home-intro { padding-block:64px 78px!important; gap:clamp(24px,5vw,78px)!important; }
.product-home .home-intro h1 { font-size:clamp(47px,5.2vw,78px)!important; line-height:.98!important; }
.product-home .home-photo { border-radius:16px!important; border:1px solid #7d76a8!important; box-shadow:0 24px 65px #08091e88!important; }
.product-home .home-actions .lime { background:#dfd6ff!important; color:#211638!important; }
.product-home .home-actions .outline { background:#494785!important; border-color:#a49ae1!important; color:#fff!important; }
.product-home .brand-nav-group>summary { border-radius:8px; padding:8px; }
.product-home .brand-nav-group:is([open],:hover)>summary { background:#55468c; color:#fff; }
.product-home .brand-mega { background:#292446!important; border:1px solid #77709c!important; border-radius:12px!important; }
.product-home .brand-footer { background:#201b3e!important; }
.product-home .brand-footer .brand-wordmark {
  display:block!important;
  color:#c2b6ec!important;
  font-size:clamp(36px,9vw,140px)!important;
  line-height:1.08;
  margin:28px 0 12px!important;
}
.product-home .brand-footer-top a:hover { text-decoration:underline; }

.ss-careers { background:#161629!important; }
.ss-careers-nav { max-width:1350px; margin:0 auto; padding:10px 20px; }
.ss-careers-nav .brand-nav { position:relative; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.ss-careers-nav .brand-nav-groups { display:flex; flex-wrap:wrap; gap:12px; }
.ss-careers-nav .brand-nav-group { position:relative; }
.ss-careers-nav .brand-nav-group>summary { cursor:pointer; list-style:none; display:flex; gap:5px; align-items:center; color:#e9e4f8; }
.ss-careers-nav .brand-mega { position:absolute; z-index:8; top:100%; right:0; width:min(330px,80vw); background:#2d2648; border:1px solid #746590; border-radius:9px; padding:12px; }
.ss-careers-nav .brand-mega a { display:block; padding:7px; }
.ss-careers-nav .brand-mega a small { display:block; }
.ss-careers-nav .brand-mega aside { display:none; }
.ss-careers-nav .brand-lockup { display:flex; align-items:center; gap:8px; white-space:nowrap; }
.ss-careers .public-info-wrap { max-width:1120px!important; padding-block:48px 64px!important; }
.ss-careers h1 { max-width:17ch; font-size:clamp(38px,5.5vw,72px)!important; line-height:1.04!important; margin-inline:auto; text-align:center; text-wrap:balance; }
.ss-careers .public-page-intro { margin-inline:auto; text-align:center; }
.ss-careers .career-values article { border-radius:10px; background:#26243b; }
.ss-careers .career-opening-card { min-height:0; border-radius:12px; }
.ss-careers .career-opening-card[hidden] { display:none!important; }
.ss-career-filter { display:grid; gap:5px; width:min(330px,100%); margin:12px 0 0; font-size:13px; }
.ss-career-filter select { min-height:40px; }

.blog-main .ss-blog-masthead { padding:42px 0 26px; text-align:center; background:transparent; border:0; }
.ss-blog-masthead h1 { font-size:clamp(40px,7vw,85px)!important; line-height:1.01; letter-spacing:-.058em; margin:0 0 12px; }
.ss-blog-masthead>p { margin-inline:auto; }
.ss-blog-masthead form { display:flex; gap:9px; max-width:460px; margin:16px auto 0; }
.ss-blog-masthead input { min-width:0; flex:1; }
.ss-blog-spotlight { display:grid; grid-template-columns:1.35fr 1fr; align-items:center; text-align:start; margin:30px auto 0; overflow:hidden; border:1px solid var(--line); border-radius:15px; background:var(--panel); color:var(--ink); }
.ss-blog-spotlight img,.ss-blog-spotlight-art { display:grid; place-items:center; width:100%; aspect-ratio:16/9; object-fit:cover; background:var(--elev); }
.ss-blog-spotlight>div:last-child { padding:22px; }
.ss-blog-spotlight h2 { margin:4px 0 8px; font-size:clamp(23px,3vw,40px); line-height:1.1; }
.ss-blog-spotlight span,.ss-blog-spotlight p { color:var(--soft); }
.ss-blog-spotlight strong { color:var(--accent); }
.ss-blog-list-title { margin:16px 0; font-size:23px; }
.blog-main .ss-blog-list .blog-card { border-radius:11px; overflow:hidden; }

body[data-auth-screen] {
  background:radial-gradient(ellipse at 92% 4%,#353e87 0%,transparent 58%),radial-gradient(ellipse at 5% 92%,#342152 0%,transparent 58%),#141630;
}
body[data-auth-screen] .auth-shell { position:relative; display:block; min-height:100svh; }
body[data-auth-screen] .auth-story { display:block; position:absolute; inset:0 0 auto; padding:20px 26px; background:transparent; border:0; z-index:1; pointer-events:none; }
body[data-auth-screen] .auth-story .auth-brand { pointer-events:auto; }
body[data-auth-screen] :is(.auth-story-copy,.auth-story-foot,.auth-mobile-brand) { display:none; }
body[data-auth-screen] .auth-form-panel { min-height:100svh; padding:88px 18px 28px; background:transparent; }
body[data-auth-screen] .auth-card { width:min(470px,100%); padding:24px; border:1px solid #6d6289; border-radius:12px; background:#242337; box-shadow:0 16px 54px #09091f80; }
body[data-auth-screen] .auth-progress { margin-bottom:14px; }
body[data-auth-screen] .auth-card h2 { font-size:26px; }
body[data-auth-screen] :is(.auth-intro,.auth-methods) { margin-bottom:14px; }
body[data-auth-screen] .auth-code-input { height:50px; font-size:20px; }
body[data-auth-screen] .auth-code-hint { min-height:0; margin:8px 0 15px; }
body[data-auth-screen] .auth-assurance { margin-top:10px; padding-top:12px; }
@media(max-width:720px) {
  .ss-careers-nav .brand-nav { flex-wrap:wrap; }
  .ss-careers-nav .brand-nav-groups { order:3; width:100%; }
  .ss-careers-nav .brand-mega { right:auto; left:0; }
  .ss-blog-spotlight { grid-template-columns:minmax(0,1fr); }
}