/* SeidrCraft page - seidrlabs.online/seidrcraft/ (no inline styles or scripts; CSP friendly) */
:root{--night:#0d131d;--panel:#151e2b;--line:#253246;--text:#e6ecf3;--muted:#9fb0c4;--aurora:#5fd4c4;--gold:#e8c36a;--ember:#ff8a4c}
.sc{background:var(--night);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.sc *{box-sizing:border-box}
.sc main a{color:var(--aurora)}
.sc-wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.sc-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.sc-hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;image-rendering:pixelated}
.sc-hero .sc-wrap{position:relative;padding:72px 16px 56px}
.sc-kicker{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:13px;margin:0 0 8px}
.sc h1{font-size:clamp(40px,7vw,72px);line-height:1;margin:0 0 12px;letter-spacing:.04em}
.sc-lead{font-size:clamp(17px,2.2vw,21px);color:var(--text);max-width:640px;margin:0 0 24px}
.sc-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none}
.sc-tags li{border:1px solid var(--line);background:rgba(13,19,29,.7);border-radius:999px;padding:3px 12px;font-size:13px;color:var(--muted)}
.sc-tags li.live{border-color:var(--aurora);color:var(--aurora)}
.sc-cta{display:flex;flex-wrap:wrap;gap:12px}
.sc-btn{display:inline-flex;flex-direction:column;gap:2px;padding:12px 18px;border-radius:10px;background:var(--panel);border:1px solid var(--line);color:var(--text);text-decoration:none;min-width:220px}
.sc-btn strong{font-size:16px}
.sc-btn span{font-size:13px;color:var(--muted)}
.sc-btn.primary{background:var(--aurora);border-color:var(--aurora);color:#062420}
.sc-btn.primary span{color:#0b3d36}
.sc-btn.soon{opacity:.6;pointer-events:none}
.sc-btn:hover{border-color:var(--aurora)}
.sc section{padding:56px 0;border-bottom:1px solid var(--line)}
.sc h2{font-size:28px;margin:0 0 20px}
.sc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.sc-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}
.sc-card h3{margin:0 0 6px;font-size:17px;color:var(--gold)}
.sc-card p{margin:0;color:var(--muted);font-size:15px}
.sc-shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.sc-shots figure{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.sc-shots img{display:block;width:100%;height:auto;image-rendering:pixelated;cursor:zoom-in}
.sc-shots figcaption{padding:8px 12px;font-size:14px;color:var(--muted)}
.sc-steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:10px}
.sc-steps li{counter-increment:s;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px 12px 52px;position:relative}
.sc-steps li::before{content:counter(s);position:absolute;left:14px;top:11px;width:26px;height:26px;border-radius:50%;background:var(--aurora);color:#062420;font-weight:700;text-align:center;line-height:26px}
.sc table{width:100%;border-collapse:collapse;font-size:15px}
.sc th,.sc td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.sc th{color:var(--gold);font-weight:600}
.sc-table{overflow-x:auto}
.sc code{background:#0a0f17;border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:14px;word-break:break-all}
.sc-files td:last-child{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--muted);word-break:break-all}
.sc-foot{padding:36px 0 48px;color:var(--muted);font-size:14px}
.sc-lightbox{position:fixed;inset:0;background:rgba(5,8,12,.92);display:none;align-items:center;justify-content:center;padding:16px;z-index:1000;cursor:zoom-out}
.sc-lightbox.open{display:flex}
.sc-lightbox img{max-width:100%;max-height:100%;image-rendering:pixelated;border-radius:6px}
@media (max-width:560px){.sc-btn{min-width:0;width:100%}.sc-hero .sc-wrap{padding:48px 16px 40px}}
/* the shared fixed top bar sits over the hero */
.sc-hero .sc-wrap{padding-top:clamp(110px,14vw,150px)}
.sc-foot{margin-top:24px}
/* the text sits on a busy screenshot */
.sc-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,19,29,.92) 0,rgba(13,19,29,.72) 45%,rgba(13,19,29,.12) 100%),linear-gradient(180deg,rgba(13,19,29,.7) 0,transparent 22%)}
.sc-hero .sc-wrap{z-index:1}