/* ScareSpots shell: home, footer, 404. Tokens only. */
.ss-home{max-width:var(--ss-wide);margin-inline:auto;padding-inline:var(--ss-space-4)}
.ss-hero{position:relative;overflow:hidden;margin-block:var(--ss-space-5);padding:var(--ss-space-7) var(--ss-space-5);border-radius:var(--ss-radius-l);background:radial-gradient(120% 90% at 85% 0%,color-mix(in srgb,var(--ss-accent) 22%,transparent),transparent 60%),var(--ss-surface);border:1px solid var(--ss-border-soft)}
.ss-hero h1{font-family:var(--ss-font-display);font-weight:600;font-size:var(--ss-text-3xl);line-height:var(--ss-leading-tight);margin:0 0 var(--ss-space-4);max-width:16ch;text-wrap:balance}
.ss-eyebrow{margin:0 0 var(--ss-space-3);font-size:var(--ss-text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ss-link)}
.ss-lead{font-size:var(--ss-text-l);max-width:42rem;color:var(--ss-muted);margin:0 0 var(--ss-space-5)}
.ss-block{margin-block:var(--ss-space-7)}
.ss-block h2{font-family:var(--ss-font-display);font-size:var(--ss-text-2xl);font-weight:600;line-height:var(--ss-leading-tight);margin:0 0 var(--ss-space-4)}
.ss-home-list{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}
.ss-howsteps{list-style:none;margin:0;padding:0;display:grid;gap:var(--ss-space-4);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.ss-step{background:var(--ss-surface);border:1px solid var(--ss-border-soft);border-radius:var(--ss-radius-m);padding:var(--ss-space-5)}
.ss-step h3{font-family:var(--ss-font-display);margin:var(--ss-space-3) 0 var(--ss-space-2);font-size:var(--ss-text-xl)}
.ss-step p{margin:0;color:var(--ss-muted)}
.ss-step-n{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--ss-radius-pill);background:var(--ss-brand);color:var(--ss-on-brand);font-weight:700}
.ss-feature{background:var(--ss-sunken);border-radius:var(--ss-radius-l);padding:var(--ss-space-6) var(--ss-space-5)}
.ss-feature p{max-width:42rem}
.ss-footer{display:grid;gap:var(--ss-space-5);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));max-width:var(--ss-wide);margin-inline:auto}
.ss-footer-brand{font-family:var(--ss-font-display);font-size:var(--ss-text-xl);font-weight:600;margin:0 0 var(--ss-space-2)}
.ss-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--ss-space-2) var(--ss-space-5)}
.ss-footer a{display:inline-flex;align-items:center;min-height:var(--ss-touch)}
.ss-notfound{max-width:36rem;margin:var(--ss-space-7) auto;text-align:center}
.ss-notfound h1{font-family:var(--ss-font-display);font-size:var(--ss-text-2xl);margin:0 0 var(--ss-space-3)}
.ss-notfound .ss-card-row{justify-content:center}
.ss-home-list{list-style:none;padding:0;display:grid;gap:var(--ss-space-4)}
/* Site header: brand and main menu */
.ss-brand-link{display:inline-flex;align-items:center;gap:var(--ss-space-2);min-height:var(--ss-touch);text-decoration:none;color:var(--ss-text)}
.ss-brand-mark{display:block;height:2.25rem;width:auto}
.ss-wordmark{display:block;height:1.75rem;width:auto}
.ss-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 var(--ss-space-4)}
.ss-nav a{display:inline-flex;align-items:center;min-height:var(--ss-touch);color:var(--ss-text);text-decoration:none;font-weight:600;border-bottom:2px solid transparent}
.ss-nav a:hover{border-bottom-color:var(--ss-accent)}
.ss-nav a[aria-current=page]{border-bottom-color:var(--ss-accent)}
.ss-site-header{align-items:center;column-gap:var(--ss-space-5)}
.ss-site-header .ss-header-tools{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--ss-space-2) var(--ss-space-4)}
.ss-site-header .ss-nav{margin-inline-start:auto}
@media (max-width:760px){.ss-site-header{column-gap:var(--ss-space-3)!important;row-gap:0!important}.ss-site-header .ss-header-tools{gap:var(--ss-space-2)!important;flex-wrap:nowrap}.ss-site-header .ss-lang ul{gap:0 var(--ss-space-1)}.ss-site-header .ss-brand-link{order:1}.ss-site-header .ss-header-tools{order:2;margin-inline-start:auto}.ss-site-header .ss-nav{order:3;flex-basis:100%;margin-inline-start:0}.ss-nav ul{gap:0 var(--ss-space-3)}.ss-nav a{font-size:var(--ss-text-s)}}
.ss-lang ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:0 var(--ss-space-2)}
.ss-lang a,.ss-lang span{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;min-height:var(--ss-touch)}
@media (max-width:760px){.ss-site-header .ss-wordmark{height:1.5rem}.ss-site-header .ss-brand-mark{height:2rem}.ss-site-header .ss-lang a,.ss-site-header .ss-lang span{min-width:2rem}.ss-site-header .ss-theme-toggle{padding-inline:.6rem}}