*{box-sizing:border-box}
:root{
  --ink:#171b20;--ink2:#242a30;--panel:#2d3339;--panel2:#11161b;--paper:#f4f1e9;
  --steel:#c9d2d8;--steel2:#8897a2;--blue:#315f83;--blue2:#203f58;--cyan:#7feaff;
  --gold:#f1c64b;--red:#d63b3b;--ok:#7ce6a3;--line:#f5f3ea;--shadow:#07090b;
  --max:1120px;--display:Impact,"Arial Black",ui-sans-serif,system-ui,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:
 linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
 radial-gradient(circle at 80% 0,rgba(84,152,197,.22),transparent 34rem),var(--ink);
 background-size:24px 24px,24px 24px,auto,auto;color:var(--paper);font-family:var(--mono);min-height:100dvh}
a{color:inherit}.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:1rem;top:1rem;z-index:999;background:var(--gold);color:#111;padding:.75rem;border:3px solid white}
.site-header{background:linear-gradient(180deg,#3d6e91,#294f6d);border-bottom:7px solid var(--line);box-shadow:0 8px 0 #0a0d10;position:relative;z-index:10}
.header-inner{width:min(calc(100% - 2rem),var(--max));margin:auto;padding:1.25rem 0 0}
.brand-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.brand{display:flex;align-items:center;gap:.9rem;text-decoration:none;min-width:0}.brand-icon{width:72px;aspect-ratio:1;border:5px solid white;background:#17212a;display:grid;place-items:center;font:900 1rem/1 var(--mono);box-shadow:6px 6px 0 #091018;color:var(--cyan);flex:none}.brand-text{min-width:0}.brand-text strong{display:block;font:900 clamp(1.5rem,4vw,2.4rem)/.95 var(--display);letter-spacing:.035em;text-transform:uppercase;text-shadow:4px 4px 0 #17334a}.brand-text small{display:block;color:#d8e5ee;margin-top:.35rem;font-size:.78rem;letter-spacing:.03em}
.lang-switch{display:flex;gap:.55rem;flex:none}.lang{display:grid;place-items:center;min-width:58px;min-height:50px;border:4px solid white;background:#12161a;text-decoration:none;font-weight:900;box-shadow:4px 4px 0 #0b1117}.lang.active{background:var(--gold);color:#17130b}.lang:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 #0b1117}
.main-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:.55rem}.main-nav a{text-align:center;text-decoration:none;padding:1.05rem .35rem;font-weight:900;letter-spacing:.045em;font-size:.82rem}.main-nav a:hover,.main-nav a.active{background:var(--paper);color:#bd3434;box-shadow:inset 0 -5px 0 #c8c4b9}
.section-shell{width:min(calc(100% - 2rem),var(--max));margin:auto}.hero{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:3rem;align-items:center;padding:4.5rem 0 4rem}.hero-visual{position:relative}.case-card{background:#101419;border:7px solid var(--line);padding:.75rem;box-shadow:13px 13px 0 var(--shadow);transform:rotate(-1.2deg);max-width:460px;margin:auto}.case-art{position:relative;overflow:hidden;background:#d6dde2;min-height:390px;display:grid;place-items:center}.case-art img.cover{width:100%;height:100%;min-height:390px;object-fit:cover;filter:saturate(.92) contrast(1.05)}.case-bar{display:flex;justify-content:space-between;gap:.6rem;padding:.65rem .2rem .1rem;color:#c9d1d8;font-size:.72rem}.sprite-badge{position:absolute;right:-22px;bottom:-18px;width:112px;height:112px;border:5px solid white;background:#58e5e8;display:grid;place-items:center;box-shadow:7px 7px 0 #05070a;transform:rotate(3deg)}.sprite-badge img{width:95px;image-rendering:pixelated}
.breadcrumb{color:var(--gold);font-weight:900;letter-spacing:.06em;font-size:.78rem}.hero h1{font:900 clamp(3rem,8vw,6.2rem)/.82 var(--display);letter-spacing:.02em;text-transform:uppercase;margin:.8rem 0 1.2rem;text-shadow:6px 6px 0 #101820}.hero h1 span{display:block;color:#d7e3ea;-webkit-text-stroke:1px #fff}.hero-lede{font:400 clamp(1rem,2.6vw,1.28rem)/1.55 var(--mono);color:#d4d8db;max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.5rem 0}.button{appearance:none;border:4px solid white;background:#20262c;color:white;padding:.8rem 1rem;text-decoration:none;font:900 .78rem/1 var(--mono);letter-spacing:.03em;box-shadow:5px 5px 0 #080a0c;cursor:pointer}.button.primary{background:var(--red)}.button.gold{background:var(--gold);color:#17130b}.button.wide{width:100%;text-align:center}.button:hover{transform:translate(-1px,-1px);box-shadow:7px 7px 0 #080a0c}.release-strip{display:grid;grid-template-columns:repeat(3,1fr);border:5px solid white;background:#0d1115;box-shadow:7px 7px 0 #080a0c;margin-top:1.3rem}.release-strip div{padding:.8rem;border-right:1px solid #4b555d}.release-strip div:last-child{border-right:0}.release-strip small{display:block;color:#8f9aa2;font-size:.62rem}.release-strip strong{display:block;margin-top:.2rem;color:var(--cyan);font-size:.9rem}
.section-head{padding:4.8rem 0 1.2rem}.section-kicker{color:var(--gold);font-weight:900;font-size:.74rem;letter-spacing:.07em}.section-head h2,.section-title{font:900 clamp(2.25rem,6vw,4.8rem)/.92 var(--display);text-transform:uppercase;margin:.4rem 0 .7rem;text-shadow:5px 5px 0 #111820}.section-head p{max-width:800px;color:#bac2c8;line-height:1.55}.patch-section{padding-bottom:5.5rem}.patch-console{border:7px solid white;background:#0d1115;padding:.65rem;box-shadow:11px 11px 0 #07090b}.console-title{background:var(--blue);padding:1rem 1.15rem;font:900 1.2rem/1 var(--mono);letter-spacing:.05em;border-bottom:7px solid white}.privacy-banner{margin:.7rem 0;background:#1e242a;border:3px solid #697781;padding:.75rem 1rem;color:#d8dde1;font-size:.76rem}.privacy-dot{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;background:var(--ok);margin-right:.45rem;box-shadow:0 0 0 3px rgba(124,230,163,.14)}.patch-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.drop-panel,.patch-status{background:var(--panel);min-height:420px;padding:1.05rem}.panel-heading{font-weight:900;color:var(--red);letter-spacing:.05em;margin-bottom:.8rem}.rom-slot{border:6px dashed white;background:#0b0f12;padding:1.2rem;min-height:180px;display:grid;place-items:center;text-align:center}.drop-panel.dragover .rom-slot{background:#182b38}.drop-icon{font-size:2.4rem}.drop-panel h3{font-size:1rem;margin:.5rem 0}.drop-panel p{color:#bac1c6;font-size:.76rem}.micro{font-size:.66rem!important;color:#818c94!important}.status-topline{display:flex;justify-content:space-between;align-items:center}.status-badge{border:3px solid white;padding:.3rem .45rem;font-weight:900;font-size:.68rem}.status-badge.idle{background:#434b51}.status-badge.working{background:#8b6911}.status-badge.success{background:#1c6d43}.status-badge.error{background:#8a2e2e}.progress-track{height:16px;background:#0b0e11;border:3px solid white;margin:.75rem 0}.progress-bar{width:0;height:100%;background:var(--gold);transition:width .15s}.steps{list-style:none;padding:0;margin:.7rem 0;display:grid;gap:.3rem}.steps li{color:#89939a;font-size:.72rem}.steps li::before{content:'□';margin-right:.5rem}.steps li.active{color:var(--gold)}.steps li.active::before{content:'▣'}.steps li.done{color:var(--ok)}.steps li.done::before{content:'■'}.status-message{white-space:pre-line;background:#0b0f12;border:3px solid #59656e;padding:.75rem;min-height:72px;font-size:.72rem}.result-panel{margin-top:.65rem;border:4px solid var(--ok);background:#0d1611;padding:.85rem}.result-panel code,.hash-details code{overflow-wrap:anywhere;color:var(--cyan);font-size:.65rem}.hash-details{margin-top:.75rem;border:3px solid #697680;background:#151a1f;padding:.8rem}.hash-details summary{cursor:pointer;font-weight:900;color:#d9dee2}.hash-details dl{display:grid;gap:.65rem}.hash-details dt{color:#89949d;font-size:.68rem}.hash-details dd{margin:.15rem 0 0}.mobile-note{font-size:.7rem;color:#8f999f;line-height:1.5}
.feature-band{background:#252b31;border-top:7px solid white;border-bottom:7px solid white}.feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;padding:4rem 0}.feature-copy h2{font:900 clamp(2.2rem,6vw,4.5rem)/.93 var(--display);text-transform:uppercase;margin:.2rem 0 1rem}.feature-copy p{color:#c8cdd1;line-height:1.6}.proof-card{border:6px solid white;background:#101418;padding:.55rem;box-shadow:9px 9px 0 #080a0c}.proof-card img{display:block;width:100%;height:auto}.proof-card figcaption{padding:.7rem .2rem .2rem;color:#9aa5ac;font-size:.7rem}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding-bottom:5rem}.info-card{background:#282e34;border:5px solid white;box-shadow:7px 7px 0 #080a0c;padding:1.1rem}.info-card .num{font:900 2.4rem/1 var(--display);color:var(--gold)}.info-card h3{font:900 1rem/1.2 var(--mono);color:white;margin:.65rem 0}.info-card p,.info-card li{color:#b9c0c6;font-size:.75rem;line-height:1.5}.info-card ul{padding-left:1.1rem}
.media-section{padding:4.8rem 0}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.screen-frame{margin:0;background:#0b0f12;border:6px solid white;padding:.45rem;box-shadow:8px 8px 0 #06080a}.screen-frame img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;background:#000}.screen-frame figcaption{padding:.7rem .1rem .15rem;color:#aab2b8;font-size:.7rem}.screen-frame figcaption span{display:block;color:var(--gold);font-weight:900;margin-bottom:.25rem}.wide{grid-column:span 2}.verification{padding:4.5rem 0}.verification-table{border:6px solid white;background:#0c1014;box-shadow:8px 8px 0 #06080a}.verification-table>div{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.9rem 1rem;border-bottom:1px solid #515b63}.verification-table>div:last-child{border-bottom:0}.pass{color:var(--ok);font-weight:900}.pending{color:var(--gold);font-weight:900}.doc-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.doc-links a{background:var(--blue);border:3px solid white;padding:.55rem .7rem;text-decoration:none;font-weight:900;font-size:.7rem}
.about-section{background:#22282d;border-top:7px solid white;padding:4.5rem 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.about-grid p{color:#c8ced2;line-height:1.6}.switch-card{border:6px solid white;background:#101419;padding:1rem;box-shadow:8px 8px 0 #080a0c}.switch-card strong{display:block;color:var(--gold);font-size:1.05rem;margin-bottom:.5rem}.switch-card a{display:inline-block;margin-top:.6rem;background:var(--gold);color:#17130b;border:3px solid white;padding:.65rem .8rem;text-decoration:none;font-weight:900}
footer{width:min(calc(100% - 2rem),var(--max));margin:auto;padding:2.5rem 0 4rem;color:#8d979e;font-size:.72rem;display:grid;grid-template-columns:1fr auto;gap:1rem 2rem}.footer-links{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:flex-end}.footer-links a{color:var(--cyan);font-weight:900;text-decoration:none}
@media(max-width:900px){.hero,.feature-grid,.patch-grid,.about-grid{grid-template-columns:1fr}.hero-visual{max-width:540px;margin:auto}.cards{grid-template-columns:1fr 1fr}.release-strip{grid-template-columns:1fr}.release-strip div{border-right:0;border-bottom:1px solid #4b555d}.release-strip div:last-child{border-bottom:0}.wide{grid-column:auto}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}
@media(max-width:640px){.header-inner,.section-shell,footer{width:min(calc(100% - 1rem),var(--max))}.site-header{border-bottom-width:5px}.brand-icon{width:56px;border-width:4px;box-shadow:4px 4px 0 #091018}.brand-text strong{font-size:1.45rem}.brand-text small{font-size:.58rem;max-width:205px}.lang{min-width:48px;min-height:44px;border-width:3px;font-size:.72rem}.main-nav a{font-size:clamp(.55rem,2.4vw,.7rem);padding:.68rem .05rem;letter-spacing:0}.hero{padding:3rem 0 3.2rem;gap:2.2rem}.case-card{border-width:5px;box-shadow:8px 8px 0 #07090b}.case-art,.case-art img.cover{min-height:310px}.sprite-badge{width:92px;height:92px;right:-4px;bottom:-20px;border-width:4px}.sprite-badge img{width:80px}.hero h1{font-size:clamp(3rem,15vw,5rem);text-shadow:4px 4px 0 #101820}.hero-lede{font-size:.92rem}.hero-actions{display:grid}.button{width:100%;text-align:center}.patch-console{border-width:5px;box-shadow:7px 7px 0 #07090b}.console-title{border-bottom-width:5px}.drop-panel,.patch-status{min-height:0}.cards{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr}.screen-frame{border-width:4px;box-shadow:6px 6px 0 #06080a}.verification-table>div{grid-template-columns:1fr;gap:.25rem}.feature-band,.about-section{border-width:5px}.section-head{padding-top:3.8rem}.feature-grid,.media-section,.verification,.about-section{padding-top:3.8rem;padding-bottom:3.8rem}.hero-visual{width:calc(100% - 1rem)}.hash-details code,.result-panel code{font-size:.58rem}}
@media(max-width:390px){.brand-text small{display:none}.main-nav a{font-size:.53rem}.lang{min-width:44px;padding:.3rem}.case-art,.case-art img.cover{min-height:270px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Dutch identity layer: same premium visual system as English, with a red NL accent. */
.lang.active{background:var(--red);color:#fff}
.lang.active:hover{background:#e34a4a;color:#fff}
.hero .button.primary,.patch-console .button.primary{background:var(--red)}
.console-title{background:linear-gradient(90deg,#2e5c7e,#376f95)}
@media(max-width:640px){
  .brand-text strong{font-family:Impact,"Arial Black",ui-sans-serif,system-ui,sans-serif;font-weight:900;text-transform:uppercase}
  .hero h1{letter-spacing:.01em}
}


/* 2026-09-05 red header refresh: Dutch should match the stronger red top header of the reference site */
.site-header{
  background: linear-gradient(180deg, #d6403a 0%, #c73733 42%, #b72f2c 100%);
}
.console-title{
  background: linear-gradient(90deg, #d6403a 0%, #c73733 50%, #b72f2c 100%);
}
.lang.active{
  background: var(--red);
  color: #fff;
}