/* Super Print landing page. Same lab-memo look as the command center, Super Print brand palette. */
@font-face{font-family:'IBM Plex Mono';font-weight:400;font-display:swap;src:url(/static/fonts/IBMPlexMono-400.ttf) format('truetype')}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-display:swap;src:url(/static/fonts/IBMPlexMono-500.ttf) format('truetype')}
@font-face{font-family:'IBM Plex Mono';font-weight:600;font-display:swap;src:url(/static/fonts/IBMPlexMono-600.ttf) format('truetype')}
@font-face{font-family:'IBM Plex Mono';font-weight:700;font-display:swap;src:url(/static/fonts/IBMPlexMono-700.ttf) format('truetype')}
:root{--ink:#1a2535;--paper:#f6f7f1;--card:#fff;--edge:#1a2535;--shadow:#1a2535;--line:rgba(26,37,53,.14);--mute:#5b6573;--accent:#0b5cca;--accent-soft:#e8f0fb;--teal:#43a8ba;--orange:#ef6944;
  --btn:#1a2535;--btn-ink:#fff;--btn-hover:#0b5cca;--btn-hover-ink:#fff;--grid:rgba(26,37,53,.06);--font:'IBM Plex Mono',ui-monospace,'Courier New',monospace}
@media(prefers-color-scheme:dark){:root{--ink:#e6eef4;--paper:#141c2b;--card:#1b2638;--edge:#6f93ad;--shadow:#0a1018;--line:rgba(230,238,244,.15);--mute:#9fb0c3;--accent:#1282e7;--accent-soft:#1d2d44;--teal:#5ad7c9;--orange:#f39144;
  --btn:#1282e7;--btn-ink:#fff;--btn-hover:#5ad7c9;--btn-hover-ink:#0c1524;--grid:rgba(230,238,244,.045)}}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:15px;scroll-behavior:smooth}
body{font:400 1rem/1.65 var(--font);background-color:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:48px 48px}
::selection{background:var(--accent);color:#fff}
a{color:inherit;text-decoration-color:var(--teal);text-underline-offset:3px}
a:hover{color:var(--accent)}
.wrap{max-width:1100px;margin:0 auto;padding:0 1.4rem}
.logo-dark{display:none}@media(prefers-color-scheme:dark){.logo-light{display:none}.logo-dark{display:block}}

nav{position:sticky;top:0;z-index:50;background:#1a2535;border-bottom:3px solid;border-image:linear-gradient(90deg,#0b5cca,#43a8ba,#5ad7c9) 1}
nav .wrap{display:flex;align-items:center;gap:1.4rem;padding-top:.4rem;padding-bottom:.4rem}
nav img{height:50px;width:auto;display:block}
nav .links{margin-left:auto;display:flex;gap:1.4rem;align-items:center}
nav a.link{color:rgba(255,255,255,.7);text-decoration:none;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
nav a.link::before{content:"// ";color:var(--orange)}
nav a.link:hover{color:#5ad7c9}
@media(max-width:760px){nav a.link{display:none}}

.btn{display:inline-block;font:600 .75rem var(--font);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:.8rem 1.3rem;border:2px solid var(--btn);background:var(--btn);color:var(--btn-ink);
  transition:transform .15s,background .15s,color .15s,border-color .15s,box-shadow .15s}
.btn:hover{background:var(--btn-hover);border-color:var(--btn-hover);color:var(--btn-hover-ink);transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--shadow)}
.btn:active{transform:translate(1px,1px);box-shadow:none}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--edge)}
.btn.ghost:hover{background:var(--btn-hover);color:var(--btn-hover-ink);border-color:var(--btn-hover);box-shadow:3px 3px 0 var(--teal)}
nav .btn{padding:.6rem 1rem;background:#fff;border-color:#fff;color:#1a2535}
nav .btn:hover{background:#5ad7c9;border-color:#5ad7c9;color:#0c1524;box-shadow:3px 3px 0 #fff}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

.label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.label::before{content:"// ";color:var(--orange);font-weight:600}
h1{font-size:clamp(2rem,5.2vw,3.5rem);line-height:1.12;font-weight:700;letter-spacing:-.015em;margin:.9rem 0 1.2rem}
h1 em{font-style:normal;color:var(--accent)}
@media(prefers-color-scheme:dark){h1 em{color:var(--teal)}}
h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;font-weight:700;margin:.7rem 0 .8rem}
h2 em{font-style:normal;color:var(--accent)}
@media(prefers-color-scheme:dark){h2 em{color:var(--teal)}}
.lead{font-size:1.1rem;max-width:46rem;color:var(--ink)}
.sub{color:var(--mute);max-width:46rem}

section{padding:4rem 0;border-top:2px solid var(--edge)}
section.hero{border-top:0;padding:4.5rem 0 4rem}
.hero .actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.8rem;align-items:center}
.hero .note{margin-top:1.4rem}

.grid{display:grid;gap:1.6rem;margin-top:2rem}
.grid.three{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.card{background:var(--card);border:2px solid var(--edge);box-shadow:5px 5px 0 var(--shadow);padding:1.2rem 1.3rem 1.3rem;margin:0 5px 5px 0}
.card h3{display:inline-block;font-size:.95rem;font-weight:700;background:var(--accent);color:#fff;padding:.25rem .7rem;margin-bottom:.8rem}
@media(prefers-color-scheme:dark){.card h3{color:#fff}}
.card p{color:var(--mute);font-size:.93rem}
.steps{counter-reset:step;list-style:none;display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:2rem}
.steps li{counter-increment:step;border-top:3px solid var(--accent);padding-top:.8rem}
.steps li::before{content:"0" counter(step);display:block;color:var(--orange);font-weight:700;letter-spacing:.08em;margin-bottom:.3rem}
.steps strong{display:block;margin-bottom:.3rem}
.steps span{color:var(--mute);font-size:.93rem}
.checks{list-style:none;margin-top:1.4rem;display:grid;gap:.7rem;max-width:52rem}
.checks li{padding-left:1.7rem;position:relative}
.checks li::before{content:"";position:absolute;left:0;top:.55rem;width:.75rem;height:.75rem;background:var(--teal);border:2px solid var(--edge)}
.cta{text-align:left}
.cta .box{background:var(--card);border:2px solid var(--edge);box-shadow:6px 6px 0 var(--shadow);padding:2rem 2rem 2.2rem;margin:0 6px 6px 0}

footer{border-top:2px solid var(--edge);padding:1.6rem 0 2.2rem}
footer .wrap{display:flex;gap:1.2rem;flex-wrap:wrap;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--mute)}
footer img{height:44px;width:auto;display:block;background:#fff;padding:4px 9px;border:2px solid var(--edge);box-shadow:3px 3px 0 var(--shadow)}