:root{--cream: #f7f3e8;--black: #1a1a1a;--red: #c41e3a;--gold: #b8860b;--feldgrau: #4d5d53;--cream-dark: #e8e4d9;--cream-darker: #d4d0c5;--black-light: #2a2a2a;--red-dark: #a01830;--red-light: rgba(196, 30, 58, .15);--gold-light: rgba(184, 134, 11, .2);--font-display: "Playfair Display", Georgia, serif;--font-mono: "VT323", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem}.heading-display{font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--black)}.text-mono{font-family:var(--font-mono);letter-spacing:.05em}.text-feldgrau{color:var(--feldgrau)}.text-red{color:var(--red)}.text-gold{color:var(--gold)}.text-cream{color:var(--cream)}.btn{font-family:var(--font-mono);font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s;border:2px solid var(--black);padding:.75rem 2rem;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:var(--black);color:var(--cream)}.btn-primary:hover{background:var(--red);border-color:var(--red)}.btn-secondary{background:transparent;color:var(--black)}.btn-secondary:hover{background:var(--black);color:var(--cream)}.btn-large{font-size:1.5rem;padding:1rem 3rem}.btn-small{font-size:1rem;padding:.5rem 1rem}.panel{background:var(--cream);border:2px solid var(--black);padding:var(--space-lg);position:relative;box-shadow:3px 3px 0 var(--black)}.panel--classified:before{content:attr(data-label);position:absolute;top:-.75rem;left:1rem;background:var(--cream);padding:0 .5rem;font-size:.75rem;letter-spacing:.2em;color:var(--red);font-family:var(--font-mono)}.stamp{font-family:var(--font-display);font-weight:900;color:var(--red);border:4px solid var(--red);padding:.5rem 1rem;transform:rotate(-12deg);opacity:.85;text-transform:uppercase;letter-spacing:2px;display:inline-block}.stamp--approved{color:var(--feldgrau);border-color:var(--feldgrau)}.stamp--gold{color:var(--gold);border-color:var(--gold)}.form-field{margin-bottom:var(--space-md)}.form-label{display:block;font-family:var(--font-mono);font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:var(--feldgrau);margin-bottom:var(--space-xs)}.form-input,.form-textarea,.form-select{width:100%;font-family:var(--font-mono);font-size:1rem;padding:.75rem;background:var(--cream);border:1px solid var(--black);color:var(--black);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--feldgrau);box-shadow:inset 0 0 0 1px var(--feldgrau)}.form-textarea{min-height:120px;resize:vertical}.form-select{cursor:pointer}.divider{text-align:center;color:var(--feldgrau);font-size:.75rem;margin:var(--space-xl) 0}.divider:before,.divider:after{content:"✧";margin:0 .5rem}.divider-double{border-top:3px double var(--black);margin:var(--space-xl) 0}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--cream-darker)}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--feldgrau);border-radius:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-mono);background:var(--cream);color:var(--black);min-height:100vh;line-height:1.6}.nav{position:fixed;top:0;left:0;right:0;background:var(--cream);border-bottom:2px solid var(--black);z-index:1000;padding:var(--space-md) var(--space-xl);transition:box-shadow .3s}.nav--scrolled{box-shadow:0 2px 8px #0000001a}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--black);text-decoration:none;letter-spacing:.1em}.nav-links{display:flex;align-items:center;gap:var(--space-lg)}.nav-links a{color:var(--feldgrau);text-decoration:none;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;transition:color .2s}.nav-links a:hover{color:var(--black)}.nav-links .btn{padding:.5rem 1.5rem;font-size:1rem}.hero{min-height:100vh;padding-top:100px;padding-bottom:var(--space-3xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center;max-width:1400px;margin:0 auto;padding-left:var(--space-xl);padding-right:var(--space-xl)}.hero-content{position:relative}.hero-stamp{position:absolute;top:-2rem;right:2rem}.hero-title{font-size:4rem;margin-bottom:var(--space-sm);line-height:1.1}.hero-subtitle{font-size:1.25rem;margin-bottom:var(--space-lg);font-style:italic}.hero-tagline{font-size:1.25rem;margin-bottom:var(--space-xl);max-width:500px;line-height:1.5}.hero-cta{display:flex;gap:var(--space-md);flex-wrap:wrap}.hero-image{position:relative}.hero-image img{width:100%;border:3px solid var(--black);box-shadow:6px 6px 0 var(--black)}.hero-image-placeholder{width:100%;aspect-ratio:16 / 10;background:var(--cream-dark);border:3px solid var(--black);box-shadow:6px 6px 0 var(--black);display:flex;align-items:center;justify-content:center;color:var(--feldgrau);font-size:1.25rem;text-transform:uppercase;letter-spacing:.1em}section{padding:var(--space-3xl) var(--space-xl)}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-header h2{font-size:2.5rem;margin-bottom:var(--space-sm)}.features{background:var(--cream-dark)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl);max-width:1200px;margin:0 auto}.feature-card{text-align:center;background:var(--cream)}.feature-card:before{content:attr(data-numeral);display:block;font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--red);margin-bottom:var(--space-md)}.feature-card h3{font-family:var(--font-display);font-size:1.25rem;margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.feature-card p{color:var(--feldgrau);font-size:1rem}.screenshots{background:var(--cream)}.screenshot-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-lg);max-width:1200px;margin:0 auto}.screenshot-item{border:2px solid var(--black);box-shadow:4px 4px 0 var(--black);transition:transform .2s,box-shadow .2s;overflow:hidden}.screenshot-item:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--black)}.screenshot-item img{width:100%;display:block}.screenshot-placeholder{aspect-ratio:16 / 10;background:var(--cream-dark);display:flex;align-items:center;justify-content:center;color:var(--feldgrau);font-size:1rem;text-transform:uppercase;letter-spacing:.1em}.feedback{background:var(--cream-dark)}.feedback-container{max-width:600px;margin:0 auto}.feedback-contact{text-align:center;padding:var(--space-xl) var(--space-lg)}.feedback-intro{font-size:1.1rem;margin-bottom:var(--space-lg);color:var(--feldgrau)}.feedback-email{margin-bottom:var(--space-md)}.email-link{font-family:var(--font-display);font-size:1.5rem;color:var(--red);text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s}.email-link:hover{border-bottom-color:var(--red)}.feedback-note{font-size:.9rem;font-style:italic}.feedback-form{display:flex;flex-direction:column}.form-note{margin-top:var(--space-md);font-size:.9rem;font-style:italic}.form-error{background:var(--red-light);color:var(--red);padding:.75rem;margin-bottom:var(--space-md);border-left:3px solid var(--red);font-family:var(--font-mono)}.form-success{background:var(--gold-light);color:var(--gold);padding:.75rem;margin-bottom:var(--space-md);border-left:3px solid var(--gold);font-family:var(--font-mono)}.footer{background:var(--black);color:var(--cream);padding:var(--space-2xl) var(--space-xl);text-align:center}.footer-links{margin-bottom:var(--space-lg)}.footer-links a{color:var(--cream);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--gold)}.divider-inline{margin:0 var(--space-sm);color:var(--feldgrau)}.footer-copyright{margin-bottom:var(--space-lg)}.footer .stamp{transform:rotate(-8deg);border-color:var(--feldgrau);color:var(--feldgrau)}@media (max-width: 900px){.hero{grid-template-columns:1fr;text-align:center;padding-top:120px;min-height:auto}.hero-title{font-size:2.5rem}.hero-tagline{margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.hero-stamp{position:static;margin-bottom:var(--space-md)}.hero-image{order:-1}.nav-links{gap:var(--space-md)}.section-header h2{font-size:2rem}}@media (max-width: 600px){.nav-links a:not(.btn){display:none}.hero-cta{flex-direction:column;align-items:center}.btn-large{font-size:1.25rem;padding:.75rem 2rem}.screenshot-gallery,.features-grid{grid-template-columns:1fr}}