/* maximind.dev — shared design tokens and layout (landing, docs, home) */
:root{
  --paper:#f6f3ec;--paper-2:#efeadf;--card:#fffdf8;--ink:#1c1a17;--soft:#6b665d;--line:#e2dccd;
  --accent:#b8531f;--accent-ink:#8f3f14;--night:#15130f;--glow:#e9c78a;--ok:#3f9d5a;--warn:#b4541a;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;--sans:'Inter',system-ui,-apple-system,sans-serif;--mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  --r:14px;--space:clamp(20px,4vw,48px);--dur:150ms;--ease:cubic-bezier(.16,1,.3,1);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#161411;--paper-2:#1f1c17;--card:#1b1815;--ink:#ece6da;--soft:#a39b8c;--line:#2d2822;--accent:#e0824a;--accent-ink:#f0a06a;--night:#0d0c0a;--glow:#e9c78a}}
:root[data-theme="dark"]{--paper:#161411;--paper-2:#1f1c17;--card:#1b1815;--ink:#ece6da;--soft:#a39b8c;--line:#2d2822;--accent:#e0824a;--accent-ink:#f0a06a;--night:#0d0c0a;--glow:#e9c78a}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased;min-height:100svh}
a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.site{max-width:1180px;margin:auto;padding:0 var(--space)}
nav.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0}
.brand{font:500 20px var(--serif);letter-spacing:-.3px;display:inline-flex;align-items:baseline;gap:6px}.brand b{color:var(--accent);font-weight:500}.brand span{font:500 13px var(--sans);color:var(--soft)}
nav.top ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;font-weight:500;font-size:14px;color:var(--soft)}nav.top ul a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:11px 20px;font-weight:600;font-size:14px;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur),color var(--dur),border-color var(--dur)}
.btn.primary{background:var(--ink);color:var(--paper)}.btn.primary:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-1px)}
.btn.ghost:hover{background:var(--paper-2)}.btn:active{transform:none}
.eyebrow{font:500 12px var(--mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--accent);margin:0 0 18px}
h1.display{font:400 clamp(44px,6vw,76px)/1.02 var(--serif);letter-spacing:-2px;margin:0 0 22px}h1.display em{font-style:italic;color:var(--accent-ink)}
.lede{font-size:18px;color:var(--soft);max-width:48ch;margin:0 0 30px}
.cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;padding:56px 0 40px}.hero>*{min-width:0}
.status{margin-top:26px;display:inline-flex;gap:10px;align-items:center;font:400 12px var(--mono);color:var(--soft)}
.status i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px #3f9d5a22;flex-shrink:0}.status.off i{background:var(--warn)}
.term{background:var(--night);color:#e8e2d6;border-radius:18px 18px 18px 4px;padding:26px 28px;font:13.5px/1.85 var(--mono);box-shadow:0 30px 70px -30px #00000080,inset 0 0 0 1px #ffffff12;position:relative;overflow:auto}
.term:before{content:"";position:absolute;left:24px;top:14px;width:36px;height:6px;border-radius:3px;background:#ffffff22}
.term .p{color:#8f8676}.term .g{color:var(--glow)}.term .ok{color:#9fd8a5}.term .k{color:#f0a06a}
.term .cursor{display:inline-block;width:8px;height:15px;background:var(--glow);vertical-align:-2px;animation:blink 1.1s steps(2) infinite}@keyframes blink{to{opacity:0}}
.products{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:16px;padding:40px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;gap:10px;transition:transform .2s var(--ease),box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 24px 40px -28px #1c1a1766}
.card.big{background:linear-gradient(160deg,var(--card),var(--paper-2))}
.card h3{font:500 24px var(--serif);margin:6px 0 0;letter-spacing:-.5px}.card p{margin:0;color:var(--soft)}
.card .tag{font:500 11px var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--accent)}
.card code.cmd{font:12.5px var(--mono);background:var(--night);color:var(--glow);padding:8px 12px;border-radius:8px;display:inline-block;margin-top:auto;max-width:100%;white-space:pre-wrap;word-break:break-all}
.card a.more{font-weight:600;font-size:14px;margin-top:auto}.card a.more:hover{color:var(--accent)}
.platform{padding:10px 0 40px}.platform h2{font:400 34px var(--serif);letter-spacing:-1px;margin:0 0 6px}.platform p.sub{color:var(--soft);margin:0 0 22px}
.caps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.cap{border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--card);display:flex;flex-direction:column;gap:4px;transition:border-color var(--dur)}.cap:hover{border-color:var(--accent)}
.cap b{font-weight:600}.cap span{color:var(--soft);font-size:13px}
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;gap:40px;justify-content:space-between;color:var(--soft);font-size:14px;flex-wrap:wrap}
.strip b{color:var(--ink);font-weight:600}
footer.site-foot{padding:36px 0 60px;color:var(--soft);font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}footer.site-foot a:hover{color:var(--ink)}
/* docs */
.docs{display:grid;grid-template-columns:260px minmax(0,1fr);gap:0;max-width:1180px;margin:auto;padding:0 var(--space)}
.docs aside{position:sticky;top:0;align-self:start;height:100svh;overflow:auto;padding:22px 18px 40px 0;border-right:1px solid var(--line)}
.docs aside .brand{display:flex;margin-bottom:18px}
.docs .nav{position:relative}.docs .search{width:100%;font:14px var(--sans);color:var(--ink);padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card)}
.docs .search:focus{outline:0;border-color:var(--accent)}
.docs .sec{font:500 11px var(--mono);letter-spacing:1.3px;text-transform:uppercase;color:#a49d8e;padding:18px 10px 6px}
.docs aside a.pg{display:block;padding:7px 10px;border-radius:8px;font-size:14px;color:var(--soft)}.docs aside a.pg:hover{color:var(--ink);background:var(--paper-2)}.docs aside a.pg.on{background:var(--paper-2);color:var(--ink);font-weight:500}
.docs main{padding:30px 0 80px 44px;min-width:0}
.docs .crumbs{font:400 12px var(--mono);color:var(--soft);margin-bottom:22px}
.prose h1{font:400 42px/1.1 var(--serif);letter-spacing:-1.5px;margin:0 0 8px}.prose h1+p>em{color:var(--soft);font-size:17px;font-style:normal}
.prose h2{font:500 24px var(--serif);letter-spacing:-.5px;margin:40px 0 12px;padding-top:18px;border-top:1px solid var(--line)}.prose h3{font:600 16px var(--sans);margin:26px 0 8px}
.prose p,.prose li{max-width:72ch}.prose a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}
.prose code{font:13px var(--mono);background:var(--paper-2);padding:2px 6px;border-radius:5px}
.prose pre{background:var(--night);color:#e8e2d6;padding:16px 18px;border-radius:12px;overflow:auto;font:13px/1.7 var(--mono);position:relative}.prose pre code{background:none;padding:0;color:inherit;font-size:inherit}
.prose pre button.copy{position:absolute;right:10px;top:8px;font:500 11px var(--mono);color:#a9a08c;background:transparent;border:1px solid #ffffff22;border-radius:6px;padding:3px 8px;cursor:pointer}.prose pre button.copy:hover{color:var(--glow);border-color:var(--glow)}
.prose table{border-collapse:collapse;width:100%;font-size:13.5px;margin:12px 0;display:block;overflow:auto}.prose th,.prose td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}.prose th{background:var(--paper-2);font-weight:600}
.prose blockquote{margin:14px 0;padding:10px 16px;border-left:3px solid var(--glow);background:var(--paper-2);border-radius:0 8px 8px 0;color:var(--soft)}
.prose hr{border:0;border-top:1px solid var(--line);margin:30px 0}
.results{position:absolute;left:0;right:18px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px -20px #0006;z-index:5;max-height:60vh;overflow:auto}
.results a{display:block;padding:10px 12px;border-bottom:1px solid var(--line);font-size:13.5px}.results a:hover{background:var(--paper-2)}.results a b{display:block;font-weight:600}.results a span{color:var(--soft);font-size:12.5px}
.pager{display:flex;justify-content:space-between;gap:12px;margin-top:50px;padding-top:20px;border-top:1px solid var(--line);font-size:14px}.pager a{color:var(--accent-ink);font-weight:500}
.mobile-nav{display:none}
/* home hub */
.hub{max-width:1000px;margin:auto;padding:0 var(--space) 60px}
.hub h1{font:400 40px var(--serif);letter-spacing:-1.2px;margin:26px 0 6px}.hub p.sub{color:var(--soft);margin:0 0 26px}
.hub .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.hub .card small{font:500 11px var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--accent)}
.hub .card.soon{opacity:.72}.hub .card .pill{align-self:flex-start;font:500 11px var(--mono);letter-spacing:.8px;text-transform:uppercase;padding:4px 8px;border-radius:4px;background:var(--paper-2);color:var(--soft)}
.notice{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px;max-width:60ch;margin:30px 0}.notice h1{font:400 32px var(--serif);margin:0 0 10px}
@media(max-width:900px){.hero,.products{grid-template-columns:minmax(0,1fr)}.term{font-size:12px;padding:20px 18px;word-break:break-word}h1.display{letter-spacing:-1.2px}nav.top ul{display:none}.docs{grid-template-columns:1fr}.docs aside{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:16px 0}.docs main{padding-left:0}.mobile-nav{display:block}.docs aside.collapsed .nav{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}