/* ============================================================
   SCOREKEEPN — scorekeepn.com marketing pages
   Layers on top of v2-editorial.css tokens (.v2 wrapper).
   Nav, footer, hero art, and static-card variants only —
   all section/typography styling comes from v2-editorial.
   ============================================================ */

.skn-body{
    margin:0;
    background:#fdfbf7;
    font-family:'Inter',system-ui,-apple-system,sans-serif;
}
.skn-body main{display:block}

/* ----- Nav ----- */
.skn-nav{
    position:sticky;top:0;z-index:50;
    background:rgba(253,251,247,.92);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    border-bottom:1px solid rgba(10,10,10,.12);
}
.skn-nav-inner{
    max-width:1320px;margin:0 auto;
    padding:.875rem 1.5rem;
    display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.skn-wordmark{
    font-family:'Fraunces',Georgia,serif;
    font-size:1.375rem;font-weight:900;letter-spacing:-.02em;
    color:#0a0a0a;text-decoration:none;
    display:inline-flex;align-items:baseline;gap:.5rem;
}
.skn-wordmark-sport{
    font-family:'JetBrains Mono',ui-monospace,monospace;
    font-size:.75rem;font-weight:600;letter-spacing:.14em;
    text-transform:uppercase;color:#52524f;
}
.skn-nav-cta{padding:.625rem 1.25rem;font-size:.875rem}

/* ----- Hero art column ----- */
.skn-hero-art{
    justify-self:end;
    display:flex;align-items:center;justify-content:center;
    width:100%;
}
.skn-hero-art img{
    width:min(100%,420px);height:auto;
    filter:drop-shadow(0 18px 40px rgba(43,168,255,.22));
}

/* Hero: nav is sticky so subtract its height from the viewport-fit hero */
.skn-hero{min-height:calc(100svh - 58px)}

@media(max-width:900px){
    .skn-hero .v2-hero-grid{grid-template-columns:1fr}
    .skn-hero-art{order:-1;justify-self:start;margin-bottom:1.5rem}
    .skn-hero-art img{width:min(52vw,300px)}
}

/* ----- Static (non-link) persona & feature cards ----- */
.skn-persona-static{cursor:default}
.skn-persona-static:hover{background:transparent}
.skn-persona-static:hover .v2-persona-img{transform:none}
.skn-tool-static{cursor:default}
.skn-tool-static:hover{padding-left:0}
.skn-tool-static:hover .v2-tool-num{color:var(--muted)}

/* ----- Footer ----- */
.skn-footer{
    background:#0a0a0a;color:#f5f1ea;
    padding:3.5rem 1.5rem;
    border-top:1px solid rgba(245,241,234,.14);
}
.skn-footer-inner{
    max-width:1240px;margin:0 auto;
    display:grid;grid-template-columns:1fr auto;
    gap:2rem;align-items:start;
}
.skn-footer .skn-wordmark{color:#f5f1ea}
.skn-footer-brand p{
    margin:.875rem 0 0;
    font-size:.875rem;line-height:1.6;color:rgba(245,241,234,.6);
}
.skn-footer-brand a{color:rgba(245,241,234,.85)}
.skn-footer-links{
    display:flex;gap:1.5rem;
    font-size:.8125rem;letter-spacing:.06em;
}
.skn-footer-links a{
    color:rgba(245,241,234,.7);text-decoration:none;
}
.skn-footer-links a:hover{color:#f5f1ea}
.skn-footer-legal{
    grid-column:1/-1;
    margin:1.5rem 0 0;padding-top:1.5rem;
    border-top:1px solid rgba(245,241,234,.12);
    font-size:.75rem;letter-spacing:.08em;color:rgba(245,241,234,.45);
}
@media(max-width:640px){
    .skn-footer{padding:2.5rem 1rem}
    .skn-footer-inner{grid-template-columns:1fr}
}