:root{--accent:#2e68c7;
  --paper:#e8e1d2;--paper2:#f4efe4;--ink:#171a21;--navy:#141c2e;--blue:#2e68c7;--muted:#615c50;--line:#b9af9a;
  --font-body:"Archivo","Helvetica Neue",system-ui,sans-serif;--font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--font-display:"Archivo Black","Arial Black",sans-serif;
}
body{background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.55;background-image:radial-gradient(#1b3a6b12 1px,transparent 1px);background-size:14px 14px}
a{color:var(--blue)}
.wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.desk-head{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 93%,transparent);border-bottom:2px solid var(--ink);backdrop-filter:blur(8px)}
.desk-inner{display:flex;align-items:center;gap:1.4rem;min-height:68px}
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;font-weight:800}
.brand img{border-radius:6px}
.brand small{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.16em;color:var(--muted);border:1px solid var(--line);padding:.2rem .3rem}
.desk-inner nav{display:flex;gap:1.1rem;margin-left:auto;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
.desk-inner nav a{text-decoration:none;color:var(--muted)}
.desk-inner nav a:hover{color:var(--ink)}
.ticket-btn{font-family:var(--font-mono);font-size:.7rem;background:var(--paper2);border:1px solid var(--ink);border-radius:0;box-shadow:3px 3px 0 var(--ink);color:var(--ink)}
.hero{padding:4.5rem 0;border-bottom:2px solid var(--ink)}
.hero-grid{display:grid;grid-template-columns:.98fr 1.02fr;gap:3.5rem;align-items:center}
.eyebrow{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:.8rem}
h1,h2{font-family:var(--font-display);line-height:.9;letter-spacing:-.035em;text-transform:uppercase}
h1{font-size:clamp(3.2rem,8vw,6.4rem);margin:.2rem 0 1.2rem}
h1 span{color:var(--blue);-webkit-text-stroke:1px var(--ink)}
h2{font-size:clamp(2.2rem,5vw,4rem);margin:.3rem 0 .9rem}
.lede{color:var(--muted);font-size:1.06rem;max-width:38ch}
.points{list-style:none;display:grid;gap:.35rem;margin:1.3rem 0 1.5rem;font-family:var(--font-mono);font-size:.78rem;color:var(--muted)}
.points li::before{content:"▸";color:var(--blue);margin-right:.55rem}
.btn.solid{background:var(--ink);color:var(--paper2);border-color:var(--ink);border-radius:0;box-shadow:4px 4px 0 var(--blue);font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.fine{font-family:var(--font-mono);font-size:.64rem;color:var(--muted);margin-top:.9rem}
.bench{position:relative}
.stage{background:var(--navy);border:2px solid var(--ink);padding:.6rem;box-shadow:10px 10px 0 #c9c0a5}
.stage-top,.stage-foot{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;color:#9ab0d8;padding:.35rem .2rem}
.stage img{border:1px solid #33405a}
.stage-foot{color:#6d83ad;padding-top:.45rem}
.job-ticket{position:absolute;right:-18px;bottom:-30px;width:260px;background:var(--paper2);border:1px solid var(--ink);padding:.85rem;font-family:var(--font-mono);font-size:.62rem;box-shadow:5px 5px 0 var(--ink);transform:rotate(1.2deg)}
.job-ticket div{display:flex;gap:.5rem;justify-content:space-between;border-bottom:1px dashed var(--ink);padding-bottom:.45rem;margin-bottom:.5rem}
.job-ticket b{font-weight:700}.job-ticket span{color:var(--muted)}
.job-ticket p{display:flex;justify-content:space-between;margin:.25rem 0}
.job-ticket strong{display:block;margin-top:.55rem;border-top:1px solid var(--ink);padding-top:.45rem;color:var(--blue)}
.job-ticket small{color:var(--muted)}
.tools{padding:5rem 0;background:var(--paper2);border-bottom:2px solid var(--ink)}
.tool-head{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:1.5rem;margin-bottom:1.5rem}
.tool-head p:last-child{color:var(--muted);max-width:38ch}
.features{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.feature{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.15rem;display:grid;grid-template-columns:34px 1fr;column-gap:.7rem}
.feature .fnum{font-family:var(--font-mono);font-size:.65rem;color:var(--blue);padding-top:.2rem}
.feature h3{font-family:var(--font-display);text-transform:uppercase;font-size:.98rem;line-height:1.1}
.feature p{color:var(--muted);font-size:.78rem;margin-top:.3rem;grid-column:2}
.drawer-note{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;color:var(--muted);margin-top:1rem}
.worker{padding:5rem 0;border-bottom:2px solid var(--ink)}
.worker-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.worker p{color:var(--muted);max-width:42ch}
.paper-stack{position:relative;min-height:330px}
.paper{position:absolute;left:0;top:0;width:78%;background:#fff;border:1px solid var(--ink);padding:1.2rem;box-shadow:8px 8px 0 #d5cbb6;transform:rotate(-1.5deg)}
.paper.back{left:16%;top:32px;width:78%;background:#f7f2e7;transform:rotate(2deg);z-index:-1}
.paper h3{font-family:var(--font-display);font-size:1.4rem;margin-bottom:.6rem}
.paper p{font-family:var(--font-mono);font-size:.68rem;color:var(--muted);border-top:1px dashed var(--line);padding:.4rem 0}
.paper span{display:inline-block;margin-top:.6rem;font-family:var(--font-mono);font-size:.65rem;color:var(--blue);font-weight:700}
.stamp{position:absolute;right:0;bottom:10px;border:3px solid var(--blue);color:var(--blue);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;padding:.5rem .65rem;transform:rotate(-7deg);background:var(--paper2)}
.stamp.big{font-size:1.1rem;line-height:1.2;position:static;display:inline-block}
.privacy{padding:5rem 0;background:var(--navy);color:#f4efe4}
.privacy-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:center}
.privacy .eyebrow{color:#9ab0d8}
.privacy h2{color:#f4efe4}
.privacy p{color:#b9c7e0;max-width:44ch;margin-bottom:1rem}
.privacy a{color:#9ab0d8}
.get{padding:5rem 0}
.get-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end}
.get p{color:var(--muted);max-width:38ch}
footer{border-top:2px solid var(--ink);padding:2rem 0 1rem;background:var(--paper)}
.foot{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:1.2rem}
.foot strong{font-family:var(--font-display);text-transform:uppercase}
.foot p{color:var(--muted);font-size:.76rem;max-width:40ch}
.foot nav{display:flex;gap:1rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:.65rem}
.foot a{text-decoration:none;color:var(--muted)}
.legal{font-family:var(--font-mono);font-size:.6rem;color:var(--muted);padding-top:.9rem}
@media(max-width:900px){.hero-grid,.tool-head,.worker-grid,.privacy-grid,.get-grid{grid-template-columns:1fr;gap:2.5rem}.desk-inner nav{display:none}.ticket-btn{margin-left:auto}.job-ticket{position:static;width:auto;margin-top:1rem;transform:none}.paper-stack{min-height:300px}}
@media(max-width:560px){.features{grid-template-columns:1fr}.paper{width:88%}.paper.back{left:10%;width:86%}.privacy-grid{padding:0}}
