:root{--bg:#f4f2ec;--bg2:#edeae2;--card:#fffdf7;--ink:#151515;--ink60:rgba(21,21,21,.64);--ink40:rgba(21,21,21,.42);--line:rgba(21,21,21,.15);--red:#e8462c;--saff:#eab01a;--ok:#1f7a4d;--mono:'Roboto Mono',ui-monospace,monospace;--disp:'Archivo Black',Inter,sans-serif;--ban:'Archivo Black',sans-serif;--ease:cubic-bezier(.22,.61,.36,1)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:15.5px/1.65 Inter,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;color:inherit}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:2px}
.gridbg{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(21,21,21,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(21,21,21,.09) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(120% 90% at 50% 0%,#000 0%,transparent 78%);-webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 0%,transparent 78%)}
main{position:relative;z-index:1}
.nav{position:sticky;top:0;z-index:90;background:rgba(244,242,236,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:18px;padding:13px clamp(16px,4vw,32px)}
.logo{font-family:var(--disp);font-size:19px;display:inline-flex;align-items:center;gap:9px}
.logo .sq{width:10px;height:10px;background:#fffdf7;box-shadow:0 0 0 1px rgba(21,21,21,.22);transform:translateY(1px);position:relative}
.logo .sq::after{content:"";position:absolute;inset:2.6px;background:var(--red)}
.back{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-left:auto;padding:10px 16px;border:1px solid rgba(21,21,21,.4);transition:.18s;white-space:nowrap}
.back:hover{background:var(--ink);color:#f4f2ec;border-color:var(--ink)}
.navbtn{display:inline-flex;background:var(--ink);color:#f4f2ec;padding:11px 18px;font:600 11.5px var(--mono);letter-spacing:.12em;transition:.18s}
.navbtn:hover{background:#c93a24}
.navbtn i{font-style:normal;color:var(--saff)}
@media(max-width:640px){.back{display:none}.nav-in{justify-content:space-between}}