/* ia-sin.online: cold and calculating. Graphite page, bone type, one sodium-amber signal used for the mark, the CTA and focus.
   System fonts only (no network fetch). Contrast on --bg: text 15.1:1, --dim 7.4:1, --amber 8.6:1. */
:root{
  --bg:#0c0d0e; --raised:#141618; --rule:#26292c;
  --text:#e9e6df; --dim:#a7a49c; --amber:#e8a33d; --amber-ink:#1a1206;
  --mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
  --sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --pad:max(16px,calc((100% - 960px)/2));
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 var(--sans);overflow-x:hidden}
a{color:inherit}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}
p{margin:0}
section{padding:72px var(--pad);border-top:1px solid var(--rule)}
section:nth-of-type(even){background:var(--raised)}
h2{font-size:clamp(24px,3.2vw,32px);margin-bottom:20px}

.bar{display:flex;justify-content:space-between;align-items:center;padding:18px var(--pad)}
.mark{display:flex;gap:10px;align-items:center;font:600 14px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.sq{width:12px;height:12px;background:var(--amber)}
.cta-sm{font:14px var(--mono);color:var(--amber);text-decoration:none}

.hero{border-top:0;padding-top:48px;padding-bottom:96px}
.kicker,.d,.meta{font:13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.hero h1{font-size:clamp(32px,5.6vw,56px);line-height:1.08;max-width:18ch;margin:16px 0 24px}
.lede{max-width:60ch;color:var(--dim);font-size:19px}
.cta,button{display:inline-block;margin-top:32px;padding:14px 22px;background:var(--amber);color:var(--amber-ink);border:0;font:600 16px var(--sans);text-decoration:none;cursor:pointer}
.cta:hover,button:hover{filter:brightness(1.08)}
button:disabled{opacity:.6;cursor:wait}

.meta{display:flex;flex-wrap:wrap;gap:8px 28px;margin-bottom:36px}
.meta b{color:var(--text);font-weight:600}
.days{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule)}
.days li{background:var(--bg);padding:24px}
section:nth-of-type(even) .days li{background:var(--raised)}
.days h3{font-size:20px;margin:8px 0 10px}
.days p{color:var(--dim);font-size:16px}
.you-get{margin-top:28px;max-width:62ch}

.rules ul{list-style:none;margin:0;padding:0;display:grid;gap:18px;max-width:68ch}
.rules li{padding-left:22px;position:relative;color:var(--dim)}
.rules li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;background:var(--amber)}
.rules b{color:var(--text)}

.proof p{max-width:64ch;color:var(--dim)}
.who{margin-top:20px;font:14px var(--mono);color:var(--text)!important}

.start>p{color:var(--dim);max-width:60ch;margin-bottom:28px}
form{display:grid;gap:18px;max-width:560px}
label{display:grid;gap:6px;font-size:14px;color:var(--dim)}
input,textarea{width:100%;padding:12px;background:var(--bg);border:1px solid var(--rule);color:var(--text);font:16px var(--sans)}
input:focus,textarea:focus{border-color:var(--amber);outline:0}
form button{margin-top:4px;justify-self:start}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.status{min-height:1.6em;font:14px var(--mono);color:var(--amber)}
.fine{margin-top:20px;font-size:14px;color:var(--dim)}

.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:28px var(--pad);border-top:1px solid var(--rule);font:13px var(--mono);color:var(--dim)}

.doc{padding-top:48px}
.doc p,.doc li{max-width:64ch;color:var(--dim);margin-bottom:14px}
.doc h1{font-size:clamp(28px,4vw,40px);margin-bottom:24px}