:root{--bg: #f4f4f0;--surface: #ffffff;--black: #000000;--border: 3px solid #000;--border-thick: 4px solid #000;--shadow: 4px 4px 0px #000;--shadow-lg: 8px 8px 0px #000;--shadow-xl: 12px 12px 0px #000;--yellow: #fef08a;--yellow-hot: #fde047;--lime: #a3e635;--lime-dark: #65a30d;--pink: #f472b6;--pink-dark: #db2777;--blue: #93c5fd;--blue-dark: #3b82f6;--red: #f87171;--font: "Space Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--black);font-family:var(--font);min-height:100vh;overscroll-behavior:none}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(#000 1.5px,transparent 1.5px);background-size:28px 28px;opacity:.06;pointer-events:none;z-index:0}header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--surface);border-bottom:var(--border-thick);z-index:100}.logo-block{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--black)}.logo-icon{background:var(--black);color:var(--surface);width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 6px;box-sizing:border-box}.logo-sep{width:3px;height:44px;background:var(--black);flex-shrink:0}.logo-text{display:flex;align-items:center;height:30px}.logo-sub{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#888;margin-top:-2px}nav{display:flex;align-items:center;gap:6px}.nav-sep{width:3px;height:28px;background:var(--black);margin:0 6px;flex-shrink:0}.mobile-menu-btn{display:none;background:var(--surface);border:3px solid var(--black);box-shadow:var(--shadow);width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;flex-direction:column;gap:5px;padding:0;flex-shrink:0}.mobile-menu-btn span{display:block;width:18px;height:2px;background:var(--black);transition:all .15s ease}.mobile-menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav-overlay{display:none;position:fixed;inset:0;background:var(--surface);z-index:99;flex-direction:column;padding-top:72px;border-top:4px solid var(--black)}.mobile-nav-overlay.open{display:flex}.mobile-nav-overlay a{font-family:var(--font);font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:-.5px;color:var(--black);text-decoration:none;padding:20px 24px;border-bottom:3px solid var(--black);display:flex;align-items:center;justify-content:space-between;transition:background .08s}.mobile-nav-overlay a:hover{background:var(--yellow)}.mobile-nav-overlay a .arrow{font-size:24px;opacity:.4}.mobile-nav-footer{margin-top:auto;padding:20px 24px;font-family:var(--mono);font-size:10px;color:#888;text-transform:uppercase;letter-spacing:1px;border-top:3px solid var(--black)}.btn{font-family:var(--font);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:8px 14px;border:3px solid var(--black);background:var(--surface);color:var(--black);cursor:pointer;box-shadow:var(--shadow);transition:all .08s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.btn:hover{background:#f0f0ec;transform:translate(-1px,-1px);box-shadow:5px 5px #000}.btn:active{box-shadow:0 0 #000;transform:translate(4px,4px)}.btn.yellow{background:var(--yellow)}.btn.yellow:hover{background:var(--yellow-hot)}.btn.lime{background:var(--lime)}.btn.lime:hover{background:var(--lime-dark);color:#fff}.btn.pink{background:var(--pink)}.btn.pink:hover{background:var(--pink-dark);color:#fff}.btn.blue{background:var(--blue)}.btn.blue:hover{background:var(--blue-dark);color:#fff}.btn.sm{font-size:11px;padding:6px 12px}.btn-lg{font-size:14px;padding:14px 28px;box-shadow:var(--shadow-lg)}.btn-lg:hover{box-shadow:10px 10px #000;transform:translate(-2px,-2px)}.btn-lg:active{box-shadow:0 0 #000;transform:translate(8px,8px)}.tag{font-family:var(--mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border:2px solid var(--black);background:var(--bg)}footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:48px;border-top:var(--border-thick);background:var(--surface);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.footer-left{color:#888}.footer-right{font-family:var(--mono);font-size:10px;color:#aaa}.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:translateY(0)}.hl{background:var(--yellow);padding:0 4px}.hl-lime{background:var(--lime);padding:0 4px}.hl-pink{background:var(--pink);padding:0 4px}.breadcrumb{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:20px 24px 0;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888}.breadcrumb a{color:#888;text-decoration:none;border-bottom:2px solid transparent;transition:all .08s}.breadcrumb a:hover{color:var(--black);border-bottom-color:var(--yellow-hot)}.breadcrumb .sep{color:#ccc}.breadcrumb .current{color:var(--black)}@media(max-width:600px){header{padding:10px 16px}nav{display:none}.mobile-menu-btn{display:flex}.logo-icon{width:36px;height:36px}.logo-sep{height:36px}.logo-sub{display:none}section{padding:48px 16px}.section-header{margin-bottom:28px}footer{flex-direction:column;gap:4px;height:auto;padding:12px 16px;text-align:center}}@media(hover:none){.btn:hover{background:var(--surface);transform:none;box-shadow:var(--shadow)}.btn.lime:hover{background:var(--lime);color:var(--black)}.btn.yellow:hover{background:var(--yellow);color:var(--black)}.btn.pink:hover{background:var(--pink);color:var(--black)}}@media(max-width:380px){.section-title{font-size:18px}}