/* Grafikę strony zmienisz w elemencie .visual img w index.html. */
:root{color-scheme:dark;--bg:#171a17;--text:#f0eee4;--muted:#acb0a5;--accent:#c7d3a6;--border:#363c32}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.page{max-width:1440px;margin:auto;padding:0 64px}
.header{min-height:116px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);gap:20px}
.brand{font-size:36px;font-weight:800;letter-spacing:-2px;color:var(--text);text-decoration:none}
.brand span{color:var(--accent)}
.status{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}
main{display:grid;grid-template-columns:1.15fr 1fr;column-gap:60px;padding-top:72px}
.intro{padding:22px 0 48px}
.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--accent);margin:0 0 32px;font-weight:700}
h1{font-size:clamp(42px,4.8vw,70px);line-height:1.06;letter-spacing:-3px;font-weight:500;margin:0 0 28px}
h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent)}
.description{max-width:430px;font-size:17px;line-height:1.75;color:var(--muted);margin:0}
.launch{display:flex;align-items:center;gap:14px;margin-top:40px;font-size:13px;color:var(--text)}
.line{width:30px;height:1px;background:var(--accent)}
.visual{grid-column:1/-1;overflow:hidden;border:1px solid var(--border);background:#242b22}
.visual img{display:block;width:100%;height:auto}
.visual-label{position:absolute;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:2px;color:#d2d8c6;background:#171a17d9;padding:10px}
.scope{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px;border-top:1px solid var(--border);padding:32px 0 42px;gap:36px}
.number{color:var(--accent);font-size:11px;letter-spacing:1px}
h2{font-size:17px;font-weight:500;margin:16px 0 8px}
.scope p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;padding:25px 0 30px;color:var(--muted);font-size:11px}
a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
@media(min-width:1441px){.page{padding-top:20px}}
@media(max-width:900px){.page{padding:0 30px}main{column-gap:28px;padding-top:44px}h1{font-size:48px}.visual{min-height:360px}.intro{padding-top:12px}.scope{margin-top:36px}}
@media(max-width:640px){.page{padding:0 22px}.header{min-height:86px}.brand{font-size:30px}.status{font-size:11px;gap:7px}main{grid-template-columns:1fr;padding-top:38px}.intro{padding:0 0 34px}h1{font-size:46px;letter-spacing:-2px}.eyebrow{font-size:10px;margin-bottom:24px;letter-spacing:2px}.description{font-size:16px}.launch{margin-top:28px}.visual{min-height:290px}.scope{grid-template-columns:1fr;gap:24px;padding:28px 0}.scope>div{position:relative;padding-left:34px}.number{position:absolute;left:0;top:4px}h2{margin-top:0}footer{font-size:10px;flex-wrap:wrap}}
@media(prefers-reduced-motion:no-preference){.intro{animation:appear .6s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
/* Szeroki kadr zachowuje pełną kompozycję dostarczonej grafiki. */
main{padding-top:48px}
.intro{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;column-gap:60px;padding:0 0 24px}
.eyebrow{grid-column:1/-1;margin-bottom:24px}
h1{grid-column:1;grid-row:2/4;margin:0;font-size:clamp(42px,4.5vw,64px)}
.description{grid-column:2;grid-row:2;align-self:end}
.launch{grid-column:2;grid-row:3;margin-top:20px}
.visual{min-height:0}
.scope{margin-top:38px}
@media(max-width:640px){main{padding-top:32px}.intro{display:block;padding-bottom:28px}h1{font-size:44px;margin-bottom:24px}.launch{margin-top:24px}.visual{min-height:0}.scope{margin-top:26px}}