:root{color-scheme:dark;--bg:#151515;--panel:#1b1a18;--paper:#eee9df;--muted:#aaa59b;--line:#3a3731;--amber:#e9b336}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--paper);font:16px/1.75 "Segoe UI",Arial,sans-serif;isolation:isolate}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('assets/stuckwerke-background.png') center 38%/min(1100px,110vw) auto no-repeat;opacity:.035}
.wrap{width:min(1120px,calc(100% - 80px));margin:auto}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--amber)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--amber);outline-offset:6px}img{max-width:100%;height:auto}p{margin:0 0 20px}figure{margin:0}.skip{position:absolute;left:16px;top:-100px;background:var(--panel);padding:10px;z-index:5}.skip:focus{top:10px}
.review{padding:8px 18px;text-align:center;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.16em;color:var(--amber);background:#111}.review span{margin-left:24px;color:var(--muted);letter-spacing:.02em}
header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--amber)}.app-icon{width:38px;height:38px;object-fit:contain}.wordmark{display:flex;gap:12px;align-items:baseline}.wordmark strong{font-size:30px;line-height:1;letter-spacing:-.04em}.wordmark>span{font-size:11px;font-weight:700;letter-spacing:.055em}.brand:hover{color:#f3c65f}nav{display:flex;gap:26px;font-size:12px}nav a{text-decoration:none;color:#bdb7ac}
section{padding:66px 0;border-bottom:1px solid var(--line)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;padding:62px 0 65px;align-items:center}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:.18em;color:var(--amber);margin:0 0 23px}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:76px;line-height:1.08;letter-spacing:-.045em;margin:0}h1 span{color:var(--amber)}.lede{font-size:17px;line-height:1.85;max-width:440px;margin:29px 0;color:#c8c2b7}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:30px 0 18px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 20px;font:12px/1.5 "Segoe UI",Arial,sans-serif;border:1px solid var(--line);border-radius:2px;text-decoration:none}.amber{background:var(--amber);color:#191714;border-color:var(--amber)}.amber:hover{background:#f3c65f;color:#191714}.text-link{font-size:12px}.fine{font:11px/1.8 "Segoe UI",Arial,sans-serif;color:var(--muted)}
.product-showcase{display:flex;flex-direction:column;align-items:center;gap:22px;min-width:0}.hero-player{width:406px;max-width:100%}.screen-label{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:9px;line-height:1.5;letter-spacing:.12em;margin-bottom:12px}.main-screen{display:block;width:406px;max-width:100%;border-radius:8px;box-shadow:0 22px 60px #0005}.screenshot-link{display:block;width:fit-content;max-width:100%;border-radius:5px}.screenshot-link:focus-visible{outline-offset:5px}figcaption{font-size:10px;line-height:1.7;color:var(--muted);margin-top:10px}.hero-mini{width:406px;max-width:100%;border-top:1px solid var(--line);padding-top:19px}.mini img{display:block;width:256px;max-width:100%;height:auto}.hero-mini .screen-label{font-size:8px}
h2{font-size:36px;line-height:1.2;letter-spacing:-.025em;margin:0 0 22px}h3{font-size:22px;line-height:1.4;margin:0 0 13px}.section-heading{max-width:720px;margin-bottom:36px}.section-heading>p:last-child:not(.eyebrow){color:var(--muted);font-size:14px}.player-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:0 80px}.feature-rows article{display:flex;gap:25px;margin:0 0 30px}.number{color:var(--amber);font-size:10px;padding-top:8px}.feature-rows p{font-size:14px;color:#c3bdb2}.section-note{font:11px/1.8 "Segoe UI",Arial,sans-serif;color:var(--muted)}.player-section>.section-note{grid-column:2}
.download-panel{position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr .9fr;gap:55px;padding:32px;border:1px solid var(--line);border-top:2px solid var(--amber);border-radius:3px;background:#191918;overflow:hidden}.download-panel:before{content:none}.download-panel p{font-size:14px;color:#c8c2b7}.download-panel .file{font:11px/1.9 "Segoe UI",Arial,sans-serif;overflow-wrap:anywhere;color:var(--muted)}.download-panel aside{border-left:1px solid var(--line);padding-left:32px}.download-panel aside p{font-size:13px}.tag{font-size:9px;letter-spacing:.16em;color:var(--amber);display:block;margin-bottom:18px}.portable{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:30px 0}.portable h3{font-size:20px}.portable p{font-size:14px;max-width:650px;color:#c3bdb2}.unavailable{font-size:11px;white-space:nowrap;color:var(--muted);padding:10px 15px;border:1px solid var(--line)}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:13px;padding:22px 0}.integrity-content{padding:0 0 24px}.integrity-content>p{font-size:14px;color:#c3bdb2}code{font:12px/1.8 Consolas,monospace;overflow-wrap:anywhere}.hash{padding:18px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:8px 20px}.hash b{font-size:11px;font-weight:500;overflow-wrap:anywhere}.hash code{grid-column:1;word-break:break-all}.copy{grid-column:2;grid-row:1/3;align-self:center;border:1px solid var(--line);background:transparent;color:var(--paper);padding:9px;cursor:pointer;font-size:10px}.copy:hover{border-color:var(--amber)}#copy-status{min-height:1.5em;margin:0;font-size:11px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:65px}.two-col p{font-size:14px;color:#c3bdb2}.two-col .fine,.two-col .section-note{font-size:11px;margin-top:15px}.responsible{max-width:850px}.responsible h2{font-size:30px}.responsible p{font-size:14px;color:#c3bdb2}.responsible .fine{font-size:11px}.responsible .eyebrow{font-size:10px;color:var(--amber)}
footer{padding:35px 0 30px;display:flex;align-items:center;flex-wrap:wrap;gap:30px;font:16px Georgia,serif}.footer-brand{display:flex;align-items:center;gap:18px;flex:1}.footer-brand img{width:28px;height:42px;object-fit:contain;opacity:.7}.footer-brand small{display:block;font:9px/2 "Segoe UI",Arial,sans-serif;color:var(--muted)}footer>a{font:12px "Segoe UI",Arial,sans-serif}footer>p{width:100%;font:10px/1.8 "Segoe UI",Arial,sans-serif;color:var(--muted);margin:0}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:35px}h1{font-size:62px}.wordmark>span{font-size:10px}.player-section{gap:35px}.download-panel{gap:26px;padding:25px}.two-col{gap:30px}.download-panel aside{padding-left:24px}nav{gap:18px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}header{align-items:center;gap:15px;padding:22px 0}.app-icon{width:30px;height:30px}.brand{gap:9px}.wordmark{display:block}.wordmark strong{font-size:27px}.wordmark>span{display:block;font-size:8px;margin-top:5px}nav{gap:10px;flex-direction:column;text-align:right;font-size:10px}.review{font-size:9px}.review span{display:block;margin:0;font-size:9px}.hero{grid-template-columns:1fr;gap:42px;padding:42px 0}h1{font-size:58px}.lede{font-size:16px}.hero-player,.hero-mini{width:min(406px,100%)}.player-section{display:block}.player-section>.section-note{margin-top:24px}.section-heading{margin-bottom:30px}section{padding:42px 0}h2{font-size:30px}.download-panel,.two-col{grid-template-columns:1fr;gap:30px}.download-panel aside{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.portable{display:block}.unavailable{display:inline-block;white-space:normal}.hash{display:block}.hash code{display:block;margin:10px 0}.copy{margin-bottom:5px}.button{font-size:11px}footer{gap:22px}.footer-brand{flex-basis:70%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* One product mark; the square application icon is the primary logo. */
.wordmark{display:block}.wordmark>span{display:block;font-size:11px;font-weight:700;letter-spacing:.055em}.app-icon{width:40px;height:40px}@media(max-width:650px){.wordmark>span{font-size:9px;margin:0}.app-icon{width:34px;height:34px}}

/* Hide the stray captured window edges, preserving the original screenshot asset. */
/* A uniform inset hides captured window borders on all sides. */
.hero-player .screenshot-link{position:relative;isolation:isolate;overflow:hidden;border-radius:8px;box-shadow:0 18px 50px #0004}
.hero-player .main-screen{clip-path:inset(1px 1px 2px 1px round 7px);box-shadow:none}
.hero-player .screenshot-link:after{content:"";position:absolute;inset:0;border:1px solid var(--amber);border-radius:8px;pointer-events:none}

/* Match the full player frame without resizing the Mini screenshot. */
.hero-mini .screenshot-link{position:relative;isolation:isolate;overflow:hidden;border-radius:4px}
.hero-mini .screenshot-link:after{content:"";position:absolute;inset:0;border:1px solid var(--amber);border-radius:4px;pointer-events:none}

/* Give the guide a clear pause between installation and file integrity. */
#quick-start-guide{margin:56px auto 60px;text-align:center;max-width:620px;padding:0 16px}
#quick-start-guide h3{color:var(--amber);font-size:28px;margin-bottom:16px}
#quick-start-guide>p{margin-bottom:12px}
#quick-start-guide .text-link{font-size:14px}
#quick-start-guide .fine{margin-bottom:0}
@media(max-width:650px){#quick-start-guide{margin:44px auto 48px}#quick-start-guide h3{font-size:25px}}