:root{color-scheme:dark;--bg:#030106;--card:#09030e;--text:#f7f2fb;--muted:#aca0b3;--purple:#b43aff;--green:#d26cff;--line:rgba(202,101,246,.2)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(rgba(182,55,241,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(182,55,241,.02) 1px,transparent 1px),radial-gradient(circle at 70% 0,rgba(153,27,219,.23),transparent 30%),var(--bg);background-size:64px 64px,64px 64px,auto,auto;color:var(--text);font:15px/1.7 Inter,system-ui,sans-serif}header,footer{width:min(1180px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-color:var(--line)}header{border-bottom:1px solid var(--line)}header nav,footer{gap:22px}a{color:var(--green);text-decoration:none}.brand{display:flex;align-items:center;gap:11px;color:white}.brand-emblem{display:block;width:42px;height:42px;border:1px solid rgba(224,151,255,.5);background:url('/staffify-cyberpunk-logo.png') 50% 27%/190% auto no-repeat;box-shadow:0 0 24px rgba(181,53,255,.3);clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)}.brand b{display:flex;flex-direction:column;gap:3px;font:800 15px/1 Orbitron,sans-serif;letter-spacing:.13em}.brand small{color:#a653d3;font:700 6px/1 Orbitron,sans-serif;letter-spacing:.2em}header nav a{color:#aa9db0;font:600 9px Orbitron,sans-serif;letter-spacing:.05em;text-transform:uppercase}header nav a:hover{color:#e6c9f5}main{width:min(1180px,calc(100% - 40px));margin:70px auto 100px}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:70px;align-items:center;min-height:500px}.hero h1,.page-head h1{max-width:900px;margin:.15em 0;font:800 clamp(38px,6vw,76px)/1 Orbitron,sans-serif;letter-spacing:-.035em;text-transform:uppercase}.hero>div>p:not(.eyebrow),.page-head>p:not(.eyebrow){max-width:700px;color:var(--muted);font-size:18px}.eyebrow{display:inline-block;color:#d26cff;font:700 9px Orbitron,sans-serif;letter-spacing:.16em;text-transform:uppercase;border:1px solid rgba(205,94,250,.27);padding:7px 10px}.cta{display:inline-block;margin-top:18px;padding:14px 20px;border:1px solid rgba(233,185,255,.3);background:linear-gradient(105deg,#6412a8,#ad2eea 55%,#dc76ff);color:#fff;font:700 9px Orbitron,sans-serif;letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.hero aside,.grid article,.proof,.case-grid article{border:1px solid var(--line);border-radius:2px 18px 2px 18px;padding:28px;background:linear-gradient(145deg,rgba(123,27,182,.13),transparent 35%),var(--card);box-shadow:inset 0 1px rgba(255,255,255,.035)}li{margin:9px 0}.hero small{display:block;margin-top:20px;color:var(--muted)}.grid,.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid article span{color:var(--purple);font:800 12px Orbitron,sans-serif}.grid article h2,.proof h2,.case-grid h2,.legal h2{font-family:Orbitron,sans-serif;text-transform:uppercase}.grid article p,.proof p,.case-grid p{color:var(--muted)}.proof{margin-top:16px;padding:50px}.proof h2{font-size:30px;margin:5px 0}.page-head{padding:70px 0 50px}.case-grid .empty{grid-column:1/-1}.legal{max-width:850px}.legal h1{margin-bottom:60px}.legal h2{margin-top:40px}footer{border-top:1px solid var(--line);justify-content:flex-start;color:var(--muted);font-size:12px}@media(max-width:760px){header nav{display:none}.hero{grid-template-columns:1fr;gap:25px}.grid,.case-grid{grid-template-columns:1fr}.hero h1,.page-head h1{font-size:40px}.proof{padding:28px}main{margin-top:25px}}
