/* help.storevik.it. Black and white only; type from the storevik.it design system
   (website/source/design.css). This site never loads anything from storevik.it.
   Light/dark follows the system setting only, so the page needs no JavaScript. */
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:100 700;font-display:swap;src:url(fonts/ibm-plex-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:100 700;font-display:swap;src:url(fonts/ibm-plex-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{--bg:#000;--fg:#fff;--muted:#8a8a8a;--line:#2a2a2a;color-scheme:dark}
@media (prefers-color-scheme:light){
 :root{--bg:#fff;--fg:#000;--muted:#6b6b6b;--line:#dcdcdc;color-scheme:light}
 .logo{filter:invert(1)}
}

*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;background:var(--bg);color:var(--fg);
 font-family:'IBM Plex Sans',system-ui,sans-serif;line-height:1.6;font-size:16px;
 -webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--fg);outline-offset:4px}

main{margin:auto;width:100%;max-width:440px;padding:48px 24px;text-align:center}
.logo{display:block;width:120px;height:auto;margin:0 auto 56px}
h1{font-size:clamp(36px,8vw,48px);line-height:1.05;letter-spacing:-.04em;font-weight:600;margin:0}
.lede{margin:16px auto 40px;max-width:30ch;color:var(--muted);font-size:17px;line-height:1.55;text-wrap:balance}

/* the one call to action: the inverse of the page, so it is the only solid shape on screen */
.remote-btn{display:flex;align-items:center;justify-content:center;gap:12px;min-height:60px;padding:16px 24px;
 border-radius:999px;background:var(--fg);color:var(--bg);font-size:17px;font-weight:600;line-height:1.2;
 text-decoration:none;transition:transform .15s ease,opacity .15s ease}
.remote-btn:hover{opacity:.85}
.remote-btn:active{transform:scale(.98)}
.remote-btn svg{flex:0 0 22px}
@media (prefers-reduced-motion:reduce){.remote-btn{transition:none}}

/* 404 page */
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 24px;margin-top:32px;
 border-radius:999px;border:1px solid var(--line);font-weight:500;text-decoration:none}
.button:hover{border-color:var(--fg)}