:root{
  --navy:#071726;
  --navy-2:#0d2438;
  --navy-3:#153a5b;
  --orange:#ff5b38;
  --orange-2:#ff7a1a;
  --orange-soft:#fff0eb;
  --ink:#142233;
  --muted:#667589;
  --line:#d9e1e8;
  --bg:#f3f5f7;
  --soft:#e9edf1;
  --card:#ffffff;
  --white:#ffffff;
  --max:1180px;
  --radius:16px;
  --shadow:0 12px 34px rgba(7,23,38,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.62;-webkit-font-smoothing:antialiased}
a{color:var(--navy-2);text-decoration:none;transition:.18s ease}
a:hover{color:var(--orange);text-decoration:none}
.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}

/* wspólny pasek ekosystemu */
.topbar{background:var(--navy);color:#dfe9f3;font-size:12px;font-weight:700;letter-spacing:.02em;border-bottom:1px solid rgba(255,255,255,.08)}
.topbar .wrap{display:flex;justify-content:space-between;gap:18px;padding:8px 0}
.topbar span:first-child{color:#fff}
.topbar span:first-child::before{content:"●";color:var(--orange);font-size:9px;margin-right:8px;vertical-align:1px}

/* nagłówek */
.site-head{border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}
.headrow{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:98px}
.brand-logo{display:flex;align-items:center;flex:0 0 auto;line-height:1;text-decoration:none}
.brand-logo:hover{text-decoration:none}
.brand-logo img{display:block;width:300px;max-width:33vw;height:auto;max-height:78px;object-fit:contain;object-position:left center}
.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;font-weight:800}
.nav a{color:var(--navy);padding:9px 12px;border-radius:10px}
.nav a:hover{background:var(--orange-soft);color:var(--orange)}

/* hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#071726 0%,#0b2237 58%,#102d48 100%);border-bottom:1px solid rgba(255,255,255,.08)}
.hero::before{content:"";position:absolute;inset:auto -120px -180px auto;width:480px;height:480px;border:70px solid rgba(255,91,56,.16);border-radius:50%;pointer-events:none}
.hero::after{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--orange-2),var(--orange))}
.hero .wrap{position:relative;padding:72px 0 62px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;color:#ff9a78;box-shadow:none}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange)}
h1{font-size:clamp(36px,5vw,64px);line-height:1.02;letter-spacing:-.045em;margin:18px 0 18px;max-width:920px;color:#fff}
h2{font-size:clamp(27px,3vw,39px);letter-spacing:-.03em;line-height:1.14;margin:0 0 12px;color:var(--navy)}
h3{font-size:20px;line-height:1.25;margin:0 0 8px;color:var(--navy)}
.lead{font-size:19px;color:#c5d0db;max-width:840px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:10px;font-weight:850;border:1px solid var(--orange);background:linear-gradient(180deg,var(--orange-2),var(--orange));color:#fff;box-shadow:0 8px 20px rgba(243,107,47,.16)}
.btn:hover{color:#fff;transform:translateY(-1px);box-shadow:0 10px 24px rgba(243,107,47,.22)}
.btn.alt{background:transparent;color:#fff;border-color:rgba(255,255,255,.34);box-shadow:none}
.btn.alt:hover{border-color:var(--orange);color:#fff;background:rgba(255,255,255,.08)}

/* sekcje */
.section{padding:58px 0}
.section.gray{background:#0a1d2f;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);color:#d8e1e9}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:26px}
.section-head p{margin:0;color:var(--muted);max-width:720px}
.section.gray h2,.section.gray h3{color:#fff}
.section.gray p{color:#aebbc8}
.section.gray .card{background:#0f263b;border-color:#1d3a54;box-shadow:none}
.section.gray .card:hover{border-color:var(--orange);box-shadow:0 16px 34px rgba(0,0,0,.18)}
.tagline{display:inline-block;margin-bottom:7px;font-size:12px;letter-spacing:.11em;text-transform:uppercase;font-weight:900;color:var(--orange)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:23px;box-shadow:0 2px 5px rgba(8,35,63,.035);transition:.2s ease}
.card::before{content:"";position:absolute;left:22px;right:22px;top:-1px;height:3px;border-radius:0 0 5px 5px;background:transparent;transition:.2s ease}
.card:hover{border-color:#f4b696;box-shadow:var(--shadow);transform:translateY(-2px)}
.card:hover::before{background:linear-gradient(90deg,var(--orange),var(--orange-2))}
.card .meta,.meta{color:var(--muted);font-size:13px}
.card p{color:#526175;margin:8px 0 14px}
.arrow{font-weight:850;color:var(--navy)}
.arrow:hover{color:var(--orange)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.chip{font-size:12px;background:#edf3f8;color:var(--navy-2);border:1px solid #dde7f0;border-radius:999px;padding:5px 9px;font-weight:800}

/* statystyki */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}
.stat{position:relative;padding:19px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:none}
.stat::after{content:"";position:absolute;left:18px;top:0;width:38px;height:3px;background:var(--orange);border-radius:0 0 3px 3px}
.stat strong{display:block;font-size:25px;color:#fff;letter-spacing:-.02em}
.stat span{font-size:12px;color:#aebbc8}

/* podstrony */
.breadcrumbs{font-size:13px;color:var(--muted);padding-top:20px}
.breadcrumbs a{color:var(--navy-2)}
.detail-hero{position:relative;padding:40px 0 38px;background:linear-gradient(135deg,#f5f8fb,#eef4f8 72%,#fff6f0);border-bottom:1px solid var(--line)}
.detail-hero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--orange)}
.detail-hero h1{font-size:clamp(34px,4.5vw,54px)}
.prose{max-width:840px}
.prose h1{color:var(--navy)}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}
.fact{border:1px solid var(--line);border-radius:13px;padding:17px;background:#fff;box-shadow:0 2px 8px rgba(8,35,63,.025)}
.fact b{display:block;margin-bottom:4px;color:var(--navy)}
.notice{border-left:4px solid var(--orange);background:var(--orange-soft);padding:14px 16px;border-radius:8px;margin:20px 0;color:#684027}
.source{font-size:13px;background:#f7f9fb;border:1px solid var(--line);border-radius:10px;padding:13px;margin-top:18px}
.search{width:100%;padding:14px;border:1px solid #cfd9e3;border-radius:10px;font:inherit;margin:10px 0 22px;outline:none;transition:.18s ease}
.search:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(243,107,47,.12)}
.city-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.city{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff;font-weight:800;color:var(--navy);transition:.18s ease}
.city:hover{border-color:var(--orange);color:var(--orange);transform:translateY(-1px);box-shadow:0 8px 20px rgba(8,35,63,.06)}

/* footer */
.footer{position:relative;background:linear-gradient(135deg,#04101c 0%,#071726 58%,#0d2438 100%);color:#c9d6e2;margin-top:44px;border-top:4px solid var(--orange)}
.footer a{color:#fff}
.footer a:hover{color:#ffb183}
.footer .wrap{padding:44px 0 38px}
.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px}
.footer b{color:#fff}
.footer-logo{display:block;margin-bottom:14px}
.footer-logo img{display:block;width:320px;max-width:100%;height:auto;max-height:105px;object-fit:contain;object-position:left center}
.small{font-size:12px;color:#9fb0c1}

@media(max-width:900px){
  .grid{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .city-grid{grid-template-columns:repeat(2,1fr)}
  .nav{gap:4px}
  .footgrid{grid-template-columns:1fr}
  .facts{grid-template-columns:1fr}
  .brand-logo img{width:270px;max-width:42vw}
}
@media(max-width:820px){
  .headrow{align-items:flex-start;flex-direction:column;padding:12px 0 14px;gap:8px}
  .brand-logo img{width:260px;max-width:82vw;max-height:86px}
  .nav{width:100%;gap:4px}
  .nav a{padding:8px 9px}
  .topbar .wrap{flex-direction:column;gap:1px}
  .footer-logo img{width:280px}
}
@media(max-width:600px){
  .wrap{width:min(var(--max),calc(100% - 28px))}
  .grid{grid-template-columns:1fr}
  .city-grid{grid-template-columns:1fr}
  .hero .wrap{padding:52px 0 46px}
  .section{padding:46px 0}
  .section-head{align-items:flex-start;flex-direction:column;gap:8px}
  .stats{grid-template-columns:1fr 1fr}
  .nav{font-size:13px}
}
@media(max-width:520px){
  .brand-logo img{width:230px;max-width:88vw}
  .stats{grid-template-columns:1fr}
}


/* v0.2.3 – ujednolicenie kolorystyki z Ekosystemem Targowym */
.site-head{box-shadow:0 8px 24px rgba(7,23,38,.05)}
.hero .lead b{color:#fff}
.hero .btn{box-shadow:0 10px 28px rgba(255,91,56,.24)}
.hero .btn:hover{box-shadow:0 14px 30px rgba(255,91,56,.30)}
.section:not(.gray) .card{border-color:#dce2e7}
.section:not(.gray) .card:hover{border-color:#ffb199}
.card h3{letter-spacing:-.015em}
.tagline{color:#ff5b38}
.chip{background:#eef2f5;border-color:#dce3e9;color:#17334e}
.detail-hero{background:linear-gradient(135deg,#071726 0%,#0b2237 72%,#102d48 100%);border-bottom-color:rgba(255,255,255,.08)}
.detail-hero h1,.detail-hero .breadcrumbs,.detail-hero .breadcrumbs a{color:#fff}
.detail-hero .breadcrumbs{opacity:.72}
.detail-hero .lead{color:#c5d0db}
.notice{border-left-color:#ff5b38;background:#fff0eb;color:#6f3728}
.footer{border-top-color:#ff5b38}
.footer-logo img{filter:none}
@media(max-width:820px){.hero .wrap{padding-top:58px}}

/* v0.2.4 — audyt wizualny, dostępność i panel zgody */
:root{--orange-action:#c93f24}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ff9b78;outline-offset:3px}
.btn{background:linear-gradient(180deg,#d85634,var(--orange-action));border-color:var(--orange-action);color:#fff}
.btn:hover{background:#b93620;border-color:#b93620;color:#fff}
.nav a:focus-visible,.city:focus-visible,.arrow:focus-visible{border-radius:8px}
.search::placeholder{color:#758397;opacity:1}

.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:1000;display:none;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1120px;margin:0 auto;padding:20px 22px;background:#071726;color:#dfe9f3;border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.32)}
.cookie-banner.is-visible{display:flex}
.cookie-banner h2{font-size:20px;color:#fff;margin:0 0 6px;letter-spacing:-.02em}
.cookie-banner p{font-size:13px;line-height:1.55;margin:0;max-width:720px;color:#c1cfda}
.cookie-banner a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.cookie-actions{display:flex;gap:10px;flex:0 0 auto;flex-wrap:wrap}
.cookie-btn{appearance:none;border:1px solid rgba(255,255,255,.38);background:transparent;color:#fff;padding:11px 14px;border-radius:9px;font:inherit;font-size:13px;font-weight:850;cursor:pointer}
.cookie-btn:hover{background:rgba(255,255,255,.08)}
.cookie-btn.primary{background:var(--orange-action);border-color:var(--orange-action)}
.cookie-btn.primary:hover{background:#b93620;border-color:#b93620}
[data-consent-open]{cursor:pointer}
@media(max-width:820px){.site-head{position:static}.headrow{min-height:auto}.brand-logo img{width:235px;max-height:78px}.cookie-banner{align-items:stretch;flex-direction:column;gap:14px}.cookie-actions{width:100%}.cookie-btn{flex:1 1 180px}}
@media(max-width:520px){.cookie-banner{left:10px;right:10px;bottom:10px;padding:17px}.cookie-actions{flex-direction:column}.cookie-btn{width:100%;flex:auto}}


/* v0.3.0 — moduł hal i pawilonów */
.hall-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:24px;align-items:start;margin:26px 0 34px}
.hall-summary{background:#0b2237;color:#d8e1e9;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px;box-shadow:0 12px 30px rgba(7,23,38,.10)}
.hall-summary strong{display:block;color:#fff;font-size:28px;line-height:1.1;margin-bottom:5px}
.hall-summary span{font-size:13px;color:#aebbc8}
.hall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 12px}
.hall-card{position:relative;border:1px solid var(--line);border-radius:14px;padding:19px;background:#fff;transition:.18s ease;min-height:220px;display:flex;flex-direction:column}
.hall-card::before{content:"";position:absolute;left:18px;right:18px;top:-1px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--orange),var(--orange-2));opacity:.68}
.hall-card:hover{border-color:#ffb199;box-shadow:var(--shadow);transform:translateY(-2px)}
.hall-card h3{font-size:22px;margin-top:4px}
.hall-card .hall-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 14px}
.hall-metric{background:#f5f7f9;border:1px solid #e4e9ee;border-radius:9px;padding:9px 10px}
.hall-metric b{display:block;color:var(--navy);font-size:14px;line-height:1.2}
.hall-metric span{display:block;color:var(--muted);font-size:11px;margin-top:2px;text-transform:uppercase;letter-spacing:.04em}
.hall-card .arrow{margin-top:auto;font-weight:850;color:var(--orange-action)}
.tech-wrap{overflow-x:auto;margin:18px 0 26px;border:1px solid var(--line);border-radius:12px;background:#fff}
.tech-table{width:100%;border-collapse:collapse;min-width:680px;font-size:14px}
.tech-table th,.tech-table td{text-align:left;vertical-align:top;padding:12px 13px;border-bottom:1px solid var(--line)}
.tech-table th{background:#eef2f5;color:var(--navy);font-size:12px;text-transform:uppercase;letter-spacing:.035em}
.tech-table tr:last-child td{border-bottom:0}
.tech-table td:first-child{font-weight:850;color:var(--navy)}
.param-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.param{border:1px solid var(--line);border-radius:13px;background:#fff;padding:16px;min-height:112px}
.param .k{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;margin-bottom:4px}
.param .v{display:block;color:var(--navy);font-size:20px;font-weight:900;line-height:1.22}
.param .note{display:block;color:#667589;font-size:12px;margin-top:5px}
.source-list{display:grid;gap:9px;margin:16px 0}
.source-list a{display:block;background:#f7f9fb;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-weight:800}
.ecosystem-cta{margin-top:30px;padding:22px;border-radius:15px;background:#0a1d2f;color:#d8e1e9}
.ecosystem-cta h2{color:#fff;font-size:24px}
.ecosystem-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.ecosystem-links a{display:inline-flex;padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:9px;color:#fff;font-weight:800}
.ecosystem-links a:hover{border-color:var(--orange);color:#ffb183}
.status-note{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:850;border-radius:999px;padding:6px 9px;background:#eef2f5;color:#17334e;border:1px solid #dce3e9}
.status-note.orange{background:#fff0eb;border-color:#ffd4c7;color:#873c28}
@media(max-width:900px){.hall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.param-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hall-intro{grid-template-columns:1fr}}
@media(max-width:600px){.hall-grid,.param-grid{grid-template-columns:1fr}.hall-card{min-height:0}.tech-table{font-size:13px}.ecosystem-links{flex-direction:column}.ecosystem-links a{justify-content:center}}


/* v0.5.0 — obiekty zagraniczne */
.group-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:38px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.group-head h2{margin:0}.group-head p{margin:0;color:var(--muted);max-width:560px}
.country-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #dce3e9;border-radius:999px;background:#fff;font-size:12px;font-weight:850;color:var(--navy)}
.foreign-hero{background:linear-gradient(135deg,#071726,#12344e);color:#fff}.foreign-hero h1,.foreign-hero .lead{color:#fff}.foreign-hero .eyebrow{color:#ff9b76}
.data-limited{background:#fff8ef;border:1px solid #fed9b8;color:#6c4124;border-radius:10px;padding:12px 14px;margin:14px 0}
@media(max-width:700px){.group-head{display:block}.group-head p{margin-top:7px}}