:root{--color-black: #000000;--color-white: #FFFFFF;--color-blue: #0000FF;--color-bg: var(--color-white);--color-text: var(--color-black);--color-link: var(--color-blue);--color-success: #008000;--color-warning: #FFA500;--color-error: #FF0000;--font-headline: "Archivo Black", sans-serif;--font-body: "Work Sans", sans-serif;--font-mono: "Space Mono", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 16px;--sp-4: 24px;--sp-5: 40px;--sp-6: 64px;--sp-7: 80px;--sp-8: 120px;--radius-none: 0px;--border-thin: 1px;--border-thick: 3px;--border-heavy: 5px;--container-lg: 1200px;--container-xl: 1400px}[data-theme=dark]{--color-bg: var(--color-black);--color-text: var(--color-white);--color-white: #000000;--color-black: #FFFFFF}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;transition:background-color .2s steps(2),color .2s steps(2)}h1,h2,h3{font-family:var(--font-headline);color:var(--color-text);text-transform:uppercase;line-height:1;margin-bottom:var(--sp-4)}h4{font-family:var(--font-body);font-size:22px;font-weight:600;line-height:1.2}h1{font-size:clamp(3rem,10vw,64px)}h2{font-size:clamp(2rem,8vw,48px)}h3{font-size:clamp(1.5rem,6vw,32px)}p{margin-bottom:var(--sp-4)}a{color:var(--color-link);text-decoration:underline;text-underline-offset:4px}a:hover{color:var(--color-text);background-color:var(--color-link);color:var(--color-white)}.mono{font-family:var(--font-mono);font-size:15px}.container{width:100%;max-width:var(--container-lg);margin:0 auto;padding:0 var(--sp-4)}section{padding:var(--sp-6) 0;border-bottom:var(--border-thick) solid var(--color-text)}section:last-of-type{border-bottom:none}.nav{position:sticky;top:0;z-index:1000;background:var(--color-bg);border-bottom:var(--border-heavy) solid var(--color-text)}.nav-inner{display:flex;justify-content:space-between;align-items:center;height:80px}.nav-logo{font-family:var(--font-headline);font-size:24px;text-transform:uppercase;color:var(--color-text);text-decoration:none}.nav-links{display:flex;list-style:none}.nav-links li{border-left:var(--border-thick) solid var(--color-text)}.nav-links a{display:block;padding:0 var(--sp-4);line-height:80px;font-family:var(--font-body);font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--color-text);text-decoration:none}.nav-links a:hover{background:var(--color-text);color:var(--color-bg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;font-family:var(--font-body);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:2px;text-decoration:none;cursor:pointer;border:var(--border-thick) solid var(--color-text);border-radius:var(--radius-none);transition:all .1s steps(2)}.btn-primary{background:var(--color-text);color:var(--color-bg)}.btn-primary:hover{background:var(--color-bg);color:var(--color-text)}.btn-primary:active{border-width:var(--border-heavy)}.btn-secondary{background:var(--color-bg);color:var(--color-text)}.btn-secondary:hover{background:var(--color-text);color:var(--color-bg)}.card{background:var(--color-bg);border:var(--border-thick) solid var(--color-text);border-radius:var(--radius-none);padding:var(--sp-4);transition:none}.card:hover{border-width:var(--border-heavy);transform:none;box-shadow:none}.grid{display:grid;gap:var(--sp-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.section-header{margin-bottom:var(--sp-5);text-align:left}.section-eyebrow{font-family:var(--font-mono);font-size:14px;color:var(--color-text);text-transform:uppercase;display:block;margin-bottom:var(--sp-2)}.section-description{font-size:18px;max-width:600px;color:var(--color-text)}.theme-toggle,.back-to-top{position:fixed;bottom:var(--sp-4);width:50px;height:50px;background:var(--color-bg);border:var(--border-thick) solid var(--color-text);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s steps(2);z-index:99}.theme-toggle{right:var(--sp-4)}.back-to-top{right:calc(var(--sp-4) + 60px);opacity:0;visibility:hidden}.back-to-top.visible{opacity:1;visibility:visible}.theme-toggle:hover,.back-to-top:hover{background:var(--color-text);color:var(--color-bg)}.scroll-progress{position:fixed;top:0;left:0;height:8px;background:var(--color-text);z-index:1001;width:0}@media(max-width:768px){.nav-links{display:none;position:absolute;top:80px;left:0;right:0;background:var(--color-bg);flex-direction:column;border-bottom:var(--border-heavy) solid var(--color-text)}.nav-links.active{display:flex}.nav-links li{border-left:none;border-bottom:var(--border-thick) solid var(--color-text)}.nav-links a{line-height:60px}.nav-toggle{display:block;width:40px;height:40px;border:var(--border-thick) solid var(--color-text);background:transparent;cursor:pointer;position:relative}.nav-toggle span{display:block;width:24px;height:3px;background:var(--color-text);margin:4px auto}.grid-2,.grid-3{grid-template-columns:1fr}section{padding:var(--sp-5) 0}}.border-thin{border-width:var(--border-thin)}.border-thick{border-width:var(--border-thick)}.border-heavy{border-width:var(--border-heavy)}.bg-black{background-color:var(--color-text);color:var(--color-bg)}.bg-white{background-color:var(--color-bg);color:var(--color-text)}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:2px}.form-group input,.form-group textarea{width:100%;padding:12px;font-family:var(--font-mono);font-size:15px;background:var(--color-bg);border:var(--border-thick) solid var(--color-text);color:var(--color-text);margin-bottom:var(--sp-3)}.form-group input:focus,.form-group textarea:focus{outline:none;border-width:var(--border-heavy)}.form-group label{display:block;font-family:var(--font-headline);font-size:14px;text-transform:uppercase;margin-bottom:var(--sp-1)}.toast{background:var(--color-bg)!important;border:var(--border-thick) solid var(--color-text)!important;color:var(--color-text)!important;border-radius:0!important;padding:16px!important;box-shadow:none!important;font-family:var(--font-mono)!important}.toast.success{border-color:var(--color-success)!important}.toast.error{border-color:var(--color-error)!important}
