/* Setaright website. No web fonts, no scripts from elsewhere, no cookies:
   the system's rounded font where there is one. Colours: the app's theme
   "B1" (white, slate-blue text, soft amber only for the one main accent). */
:root{
  --bg:#FFFFFF; --soft:#F7F8FA; --ink:#26324B; --ink2:#5F687C; --rule:#E8EBF0;
  --acc:#C98A2E; --accbg:#FBF3E6; --blue:#4767A8;
  --font:ui-rounded,"SF Pro Rounded","Segoe UI Variable","Segoe UI",system-ui,-apple-system,"Noto Sans",sans-serif;
}
@media (prefers-color-scheme:dark){:root{--bg:#121826;--soft:#182033;--ink:#E7ECF5;--ink2:#A5AFC3;--rule:#273149;--acc:#E0A95A;--accbg:#2C2617;--blue:#9DB4E6;color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 var(--font);-webkit-font-smoothing:antialiased}
a{color:var(--blue)}
.skip{position:absolute;left:12px;top:-60px;z-index:10;padding:8px 14px;border-radius:8px;background:var(--ink);color:var(--bg);text-decoration:none}
.skip:focus{top:12px}
a:focus-visible{outline:3px solid var(--acc);outline-offset:2px;border-radius:4px}
.wrap{max-width:1040px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
header.site{border-bottom:1px solid var(--rule)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;color:var(--ink);text-decoration:none}
.logo{width:28px;height:28px;display:block;flex:none}
nav.lang a{font-size:15px;text-decoration:none;color:var(--ink2)}
.hero{padding-block:64px 40px}
.hero h1{font-size:clamp(30px,5vw,46px);line-height:1.15;margin:0 0 16px;font-weight:800;letter-spacing:-.4px;text-wrap:balance;max-width:20ch}
.hero p{font-size:19px;color:var(--ink2);max-width:58ch;margin:0}
.status{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:8px 14px;border-radius:999px;background:var(--accbg);color:var(--ink);font-size:15px}
.status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acc)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;padding-block:24px 56px}
.item{background:var(--soft);border-radius:16px;padding:22px 24px;min-width:0}
.item h2{font-size:19px;margin:0 0 6px}
.item p{margin:0;color:var(--ink2);font-size:16px}
.steps{padding-block:8px 56px}
.steps h2,.prose h2{font-size:24px;margin:0 0 14px}
.steps ol{margin:0;padding-left:22px;display:grid;gap:10px;max-width:65ch}
.steps li{color:var(--ink2)}.steps li b{color:var(--ink)}
.prose{padding-block:40px 64px;max-width:72ch}
.prose h1{font-size:32px;margin:0 0 8px}
.prose h2{margin-top:32px;font-size:21px}
.prose p,.prose li{color:var(--ink2)}
.prose .todo{background:var(--accbg);border-radius:8px;padding:2px 6px;color:var(--ink)}
footer.site{border-top:1px solid var(--rule);color:var(--ink2);font-size:15px}
footer.site .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;padding-block:24px}
footer.site nav{display:flex;flex-wrap:wrap;gap:18px}