/* Inarian Studios: studio pages (/, /keep-on-truckin, /login, /privacy, /terms).
   Irith Inarian palette: silvers and stone greys first; teal/cyan and jade only as highlights; gold for the main buttons.
   The Hobby Keep keeps its own style under /hobby. */
:root{--bg:#DCE2E4;--bg2:#D1D8DB;--card:#F1F4F5;--card2:#E8EDEF;--line:#B3BEC2;--text:#1C2629;--muted:#3E4B51;--dim:#526066;
  --silver:#D5DEE0;--silver2:#9AA8AC;--stone:#5B666B;--stone-dk:#353E42;--stone-dk2:#2A3236;
  --glow:#3FE0D0;--cyan:#6FF3E8;--teal-ink:#0A6863;--jade:#5E8E84;--moss:#71876A;
  --gold:#D4AF4F;--gold2:#E2C46E;--gold-line:#A8862F;--on-gold:#2A2108;--radius:14px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--teal-ink)}a:hover{color:var(--text)}
:focus-visible{outline:2px solid var(--glow);outline-offset:2px}
.wrap{width:min(1120px,100% - 2.4rem);margin:0 auto}
.site-head{position:sticky;top:0;z-index:30;background:#F1F4F5F0;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);box-shadow:0 1px 0 #3FE0D055}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:62px;flex-wrap:wrap;padding:.4rem 0}
.wordmark{color:var(--stone-dk);text-decoration:none;font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:1rem;white-space:nowrap}
.wordmark span{color:var(--teal-ink)}
.nav{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.nav a{color:var(--muted);text-decoration:none;font-weight:600;font-size:.95rem}.nav a:hover,.nav a[aria-current=page]{color:var(--teal-ink)}
.nav .acct-pill--inline{font:600 .85rem/1.2 Inter,"Segoe UI",system-ui,sans-serif;color:var(--on-gold);background:var(--gold);border:1px solid var(--gold-line);box-shadow:none;padding:.4em .95em}
.nav .acct-pill--inline:hover,.nav .acct-pill--inline:focus{background:var(--gold2);color:var(--on-gold)}
main{flex:1}
.eyebrow{color:var(--teal-ink);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700;margin:0 0 .5rem}
h1,h2,h3{line-height:1.15;margin:0 0 .6rem;color:var(--stone-dk2)}h1{font-size:clamp(2.2rem,6vw,4rem);letter-spacing:-.01em}h2{font-size:clamp(1.5rem,3.4vw,2.1rem)}h3{font-size:1.15rem}
.lead{font-size:clamp(1.05rem,2.2vw,1.25rem);color:var(--muted);max-width:44rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:46px;padding:.65em 1.3em;border-radius:10px;font-weight:700;font-size:1rem;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:inherit}
.btn-primary{background:var(--gold);color:var(--on-gold);border-color:var(--gold-line)}.btn-primary:hover{background:var(--gold2);color:var(--on-gold)}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--stone)}.btn-ghost:hover{border-color:var(--teal-ink);color:var(--teal-ink)}
.btn[aria-disabled=true],.btn:disabled{cursor:not-allowed;background:var(--silver);color:var(--muted);border:1px dashed var(--silver2)}.btn[aria-disabled=true]{pointer-events:none}
.btns{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}
/* Hero: stone grey with a faint teal glow and a thin cyan rule */
.hero{position:relative;overflow:hidden;border-bottom:3px solid var(--glow);color:#F4F7F8}
.hero h1{color:#fff}.hero .lead{color:var(--silver)}.hero .eyebrow{color:var(--cyan)}
.hero .btn-ghost{color:#F4F7F8;border-color:var(--silver2)}.hero .btn-ghost:hover{border-color:var(--cyan);color:#fff}
.hero .btn[aria-disabled=true]{background:#2A3236b3;color:var(--silver);border:1px dashed var(--silver2)}
.hero-art{position:absolute;inset:0;background:radial-gradient(ellipse at 76% 32%,#6FF3E833 0%,transparent 42%),linear-gradient(160deg,#6E7A7F 0%,#4E595E 45%,#353E42 100%)}
.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#2A3236d9 0%,#2A323688 45%,#2A323600 100%)}
.hero .wrap{position:relative;padding:clamp(3.5rem,10vw,7.5rem) 0}
.art-note{position:absolute;right:1.2rem;bottom:1rem;color:var(--silver);background:#2A3236cc;padding:.25em .6em;border-radius:6px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.section{padding:clamp(2.6rem,7vw,4.5rem) 0;border-bottom:1px solid var(--line)}
.section:nth-of-type(odd){background:var(--bg2)}
.grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;display:flex;flex-direction:column;gap:.4rem;text-decoration:none;color:var(--text);box-shadow:0 4px 14px #353E421f}
a.card:hover{border-color:var(--glow);box-shadow:0 0 0 1px var(--glow),0 6px 20px #3FE0D033;color:var(--text)}
.card p{color:var(--muted);margin:0}
.card .more{margin-top:auto;padding-top:.6rem;color:var(--teal-ink);font-weight:700}
.thumb{aspect-ratio:16/9;border-radius:10px;background:linear-gradient(135deg,#C7CFD2,#B4BEC2);border:1px dashed var(--stone);display:flex;align-items:center;justify-content:center;color:var(--stone-dk2);font-size:.85rem;margin-bottom:.4rem;text-align:center;padding:.5rem}
.keep-thumb{background:radial-gradient(ellipse at top,#2a1f5c,#0d0b25 75%);border:1px solid #3b3270;color:#f4e4bc;font-family:Georgia,"Palatino Linotype",serif;font-size:2.4rem}
.features{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.features li{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--jade);border-radius:12px;padding:1rem 1.1rem;color:var(--muted)}
.features li b{display:block;color:var(--stone-dk2);margin-bottom:.2rem}
.shots{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1rem}
.steam{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:var(--radius);padding:1.4rem 1.6rem}
.steam p{margin:0;color:var(--muted)}
.site-foot{padding:2rem 0 2.4rem;color:var(--silver);font-size:.9rem;background:var(--stone-dk);border-top:2px solid var(--glow)}
.site-foot .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.site-foot nav{display:flex;gap:1.1rem;flex-wrap:wrap}.site-foot a{color:var(--silver)}.site-foot a:hover{color:var(--cyan)}
/* Simple pages: sign in and the legal pages */
.page{padding:clamp(2rem,6vw,3.5rem) 0}
.page .wrap{max-width:760px}
.page.narrow .wrap{max-width:500px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.2rem,4vw,2rem);margin:1rem 0;line-height:1.65;box-shadow:0 4px 14px #353E421f}
.panel h2{font-size:1.3rem;margin-top:1.4em}.panel h2:first-child{margin-top:0}.panel ul{padding-left:1.3em}.panel li{margin:.3em 0}
.panel code{background:var(--card2);color:var(--teal-ink);padding:.05em .35em;border-radius:4px;border:1px solid var(--line)}
.muted{color:var(--dim);font-size:.9rem}
@media (max-width:560px){.art-note{display:none}.site-head .wrap{justify-content:center}.nav{gap:.9rem;justify-content:center}.hero-art::after{background:linear-gradient(180deg,#2A323699,#2A3236d9)}}