/* STRAMA PANELS — Material Precision / reversible proposal layer */
:root{
  --mp-ink:#171b1a;--mp-ink-soft:#3e4542;--mp-muted:#656b67;
  --mp-paper:#f2efe8;--mp-canvas:#fbfaf7;--mp-stone:#e6e0d5;--mp-line:#d4cec2;
  --mp-blue:#157ca8;--mp-blue-dark:#0d6389;--mp-navy:#102b34;--mp-navy-deep:#0a2027;
  --mp-shadow:0 22px 70px rgba(18,28,27,.10);--mp-ease:cubic-bezier(.22,.72,.24,1);
  --ink:var(--mp-ink);--muted:var(--mp-muted);--paper:var(--mp-paper);
  --white:var(--mp-canvas);--stone:var(--mp-stone);--line:var(--mp-line);
  --blue:var(--mp-blue);--navy:var(--mp-navy);
  --sans:"Noto Sans",Roboto,Arial,sans-serif;
  --display:"Noto Sans Display","Noto Sans",Roboto,Arial,sans-serif;
}
html{background:var(--mp-canvas)}
body{background:var(--mp-canvas);color:var(--mp-ink);font-family:var(--sans);
  font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,.home-hero--premium .hero-copy h1,.page-hero h1,.prefooter h2,.zg-tyt{
  font-family:var(--display);color:var(--mp-ink);font-weight:520;letter-spacing:-.042em;line-height:1.01}
p{color:var(--mp-ink-soft)}
::selection{background:rgba(21,124,168,.20);color:var(--mp-ink)}
:focus-visible{outline-color:var(--mp-blue)}
.eyebrow,.hero-index,.feature-number,.p-breadcrumbs,.c-num,.zg-nad{
  font-family:var(--sans);font-weight:650;letter-spacing:.145em}
.eyebrow{color:var(--mp-blue);font-size:10px}
.h-hero-accent,.feature-number:after{background:var(--mp-blue)}
.h-hero-accent{width:48px;height:2px}

/* Buttons */
.button{min-height:52px;padding:0 25px;gap:18px;border-color:var(--mp-blue);
  background:var(--mp-blue);color:#fff;border-radius:0;font-family:var(--sans);
  font-size:13px;font-weight:650;letter-spacing:.015em;text-transform:none;box-shadow:none;
  transition:background .28s var(--mp-ease),border-color .28s var(--mp-ease),
  color .28s var(--mp-ease),transform .28s var(--mp-ease)}
.button:hover{background:var(--mp-blue-dark);border-color:var(--mp-blue-dark);transform:translateY(-1px)}
.button--small{min-height:42px;padding:0 18px;font-size:11.5px;letter-spacing:.025em}
.button--ghost{background:transparent;border-color:rgba(23,27,26,.38);color:var(--mp-ink)}
.button--ghost:hover{background:var(--mp-ink);border-color:var(--mp-ink);color:#fff}
.text-link,.h-text-link{font-weight:620;letter-spacing:.005em}

/* Header */
.utility-bar{background:var(--mp-navy-deep);color:rgba(255,255,255,.65);
  border-bottom-color:rgba(255,255,255,.06)}
.utility-inner{min-height:32px}
.utility-status{font-size:10.5px}
.utility-status i{background:#4da5c8;width:4px;height:4px}
.utility-bar a{font-size:10.5px;color:rgba(255,255,255,.94)}
.site-header{background:rgba(251,250,247,.97);border-bottom:1px solid rgba(23,27,26,.09);
  box-shadow:none;backdrop-filter:blur(16px)}
.site-header.is-scrolled{background:rgba(251,250,247,.985);border-bottom-color:rgba(23,27,26,.12);
  box-shadow:0 12px 34px rgba(18,28,27,.055)}
.header-inner{height:78px;gap:27px}
.brand img{width:174px}
.main-nav{gap:25px;font-size:12.5px;font-weight:520;letter-spacing:-.008em}
.main-nav> .nav-entry> a{padding-top:29px;padding-bottom:29px}
.main-nav a:after{height:1px;background:var(--mp-blue)}
.search-link{color:var(--mp-ink)}
.header-actions{gap:15px}
.mega-menu{border-top-color:var(--mp-blue);box-shadow:0 35px 90px rgba(16,43,52,.17)}
.mega-intro{background:var(--mp-navy);background-image:none}
.mega-links{background:var(--mp-canvas)}
.mega-links>a:hover{background:var(--mp-paper)}

/* Homepage hero */
:root{--chrome-h:110px}
.home-hero--photo{background:var(--mp-navy-deep)}
.home-hero--photo .hero-bg img{object-position:69% center;
  filter:brightness(1.075) saturate(.92) contrast(1.035);transform:scale(1.012)}
.home-hero--photo .hero-bg-shade{background:
  linear-gradient(90deg,rgba(9,19,21,.82) 0%,rgba(9,19,21,.68) 31%,rgba(9,19,21,.30) 50%,rgba(9,19,21,.04) 72%,transparent 100%),
  linear-gradient(180deg,rgba(9,19,21,.03) 52%,rgba(9,19,21,.34) 100%)}
.home-hero--photo .hero-grid{padding-bottom:72px}
.home-hero--photo .hero-copy{max-width:630px;padding-right:44px}
.home-hero--photo .hero-index{margin-bottom:23px;color:rgba(255,255,255,.62);font-size:9px}
.home-hero--photo .hero-index span,.home-hero--photo .eyebrow{color:#78bdd7}
.home-hero--photo .hero-copy .h-hero-accent{margin:17px 0 20px;background:#5faecb}
.home-hero--photo .hero-copy h1{max-width:600px;margin-bottom:21px;color:#fff;
  font-size:clamp(50px,4.7vw,70px);font-weight:520;letter-spacing:-.048em;
  line-height:.98;text-wrap:balance;text-shadow:0 2px 28px rgba(0,0,0,.15)}
.home-hero--photo .hero-text{max-width:520px;color:rgba(249,247,241,.86);
  font-size:17px;line-height:1.58;text-wrap:pretty}
.home-hero--photo .hero-actions{margin-top:29px;gap:12px}
.home-hero--photo .button--ghost{border-color:rgba(255,255,255,.56);color:#fff}
.home-hero--photo .button--ghost:hover{background:#fff;border-color:#fff;color:var(--mp-ink)}
.hero-next{color:rgba(255,255,255,.66);font-size:8.5px;font-weight:600}

/* Page heroes */
.p-breadcrumbs{color:#787d78;font-size:9.5px}
.page-hero,.p-page-hero{background:var(--mp-paper);border-bottom:1px solid var(--mp-line)}
.page-hero h1,.p-page-hero h1{color:var(--mp-ink);font-weight:520;
  letter-spacing:-.046em;text-wrap:balance}
.page-hero .hero-text,.p-page-hero .hero-text{color:var(--mp-muted);font-size:17px;line-height:1.62}
.page-hero-media img,.p-page-hero img{filter:saturate(.88) contrast(1.025) brightness(1.02);
  box-shadow:var(--mp-shadow)}
.page-hero-media{position:relative}
.page-hero-media:after{content:"";position:absolute;inset:0;border:1px solid rgba(23,27,26,.08);
  pointer-events:none}

/* Sections and imagery */
.section{padding-top:88px;padding-bottom:88px}
.section-heading h2,.section>div>h2,.feature-copy h2,.image-text h2,
.stats-section h2,.faq-layout h2{font-family:var(--display);font-weight:520;
  color:var(--mp-ink);letter-spacing:-.041em}
.section-heading p,.feature-copy p:not(.feature-number),.h-imgtext-body,
.stats-section p,.technical-layout header>p{color:var(--mp-muted)}
.feature{border-top-color:var(--mp-canvas);background:var(--mp-canvas)}
.feature:nth-of-type(odd){background:var(--mp-paper)}
.feature-media img,.h-imgtext-media img,.h-card-media img,.gallery img,
.p-article-card-media img{filter:saturate(.88) contrast(1.025);
  transition:filter .5s var(--mp-ease),transform .7s var(--mp-ease)}
.feature:hover .feature-media img,.h-space-card:hover .h-card-media img,
.p-article-card:hover .p-article-card-media img{filter:saturate(.98) contrast(1.035)}
.h-feature-figure,.h-stats-watermark,.g-prefooter-mark{opacity:.022}
.feature-number{color:var(--mp-blue);font-size:10px}
.h-space-card,.space-card{background:transparent}
.space-card h3,.c-row-title,.process-card h3{font-family:var(--display);
  font-weight:540;color:var(--mp-ink)}
.card-grid,.p-article-grid{column-gap:22px}
.h-card-media,.p-article-card-media{background:var(--mp-stone)}
.technical-table>div,.faq-list details{border-color:var(--mp-line)}
.stats-section{background:var(--mp-navy);background-image:none}
.stats-section h2,.stats-section h3,.stats-section strong{color:#fff}
.stats-section p{color:rgba(255,255,255,.68)}
.stats-grid article{border-color:rgba(255,255,255,.16)}
.cta-panel,.h-cta-panel,.rz-invite{background:var(--mp-navy);background-image:none}
.cta-panel h2,.h-cta-panel h2,.rz-invite h2{color:#fff;font-weight:500}
.cta-panel p,.h-cta-panel p,.rz-invite p{color:rgba(255,255,255,.72)}
.download-card{background:var(--mp-stone)}

/* Representatives map — one continuous European landmass */
.rp-map-svg .rp-c{
  fill:#e7e2d9;
  stroke:#c9c4bb;
  stroke-width:.7;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.rp-map-svg .rp-market{fill:#b8d0da}
.rp-map-svg .rp-market:hover,.rp-map-svg .rp-market.is-active{fill:var(--mp-blue)}
.rp-map-svg .rp-hq{fill:#b8d0da}
.rp-map-svg .rp-hq-marker{
  fill:var(--mp-navy);
  stroke:var(--mp-canvas);
  stroke-width:.8;
  pointer-events:none;
}
.rp-legend-dot--hq{background:var(--mp-navy)}
.rp-legend-dot--market{background:#b8d0da}

/* Footer */
.prefooter{background:var(--mp-navy);background-image:none}
.prefooter h2{color:#fff;font-weight:500;letter-spacing:-.042em}
.prefooter p{color:rgba(255,255,255,.70)}
.prefooter .eyebrow{color:#7fc1d8}
.prefooter-ghost{border-color:rgba(255,255,255,.46);color:#fff}
.site-footer{background:var(--mp-navy-deep);color:#fff}
.footer-grid p,.footer-grid span,.footer-bottom{color:rgba(255,255,255,.58)}
.footer-grid strong{color:#86bdd0;letter-spacing:.13em}
.footer-bottom{border-color:rgba(255,255,255,.13)}

/* Consent */
.zg{left:24px;bottom:24px;width:min(440px,calc(100vw - 48px))}
.zg-panel{padding:18px 20px 16px;background:rgba(251,250,247,.985);
  border-color:rgba(23,27,26,.15);box-shadow:0 24px 70px rgba(16,43,52,.18);
  font-family:var(--sans)}
.zg-panel:before{height:2px;background:var(--mp-blue)}
.zg-nad{margin-bottom:7px;color:var(--mp-blue);font-size:9.5px}
.zg-tyt{margin-bottom:7px;color:var(--mp-ink);font-size:20px;font-weight:520}
.zg-opis{font-size:12.5px;line-height:1.5;color:var(--mp-muted)}
.zg-akcje{margin-top:14px;gap:8px}
.zg-akcje .button{min-height:43px;padding:0 14px;font-size:10.5px}
.zg-ustawienia{padding:9px 3px;font-size:10.5px}

/* Chat */
#czat{--czat-granat:var(--mp-navy);--czat-niebieski:var(--mp-blue);font-family:var(--sans)}
#czat .czat-fab{width:48px;height:48px;padding:0;justify-content:center;gap:0;
  border-radius:50%;background:var(--mp-navy);border-color:var(--mp-navy);
  box-shadow:0 12px 34px rgba(16,43,52,.20)}
#czat .czat-fab-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#czat .czat-fab svg{width:19px;height:19px}
#czat .czat-panel{border-color:rgba(23,27,26,.13);box-shadow:0 26px 70px rgba(16,43,52,.20)}
#czat .czat-head{background:var(--mp-navy)}

@media(max-width:1180px){
  .main-nav{gap:14px;font-size:11px}.brand img{width:158px}
}
@media(max-width:900px){
  :root{--chrome-h:96px}.section{padding-top:70px;padding-bottom:70px}
}
@media(max-width:720px){
  :root{--chrome-h:68px}
  .shell{width:min(100% - 38px,1320px)}
  .header-inner{height:68px}.brand img{width:154px}
  .menu-toggle span{font-size:10px;letter-spacing:.12em}
  .main-nav{inset:68px 0 0;background:var(--mp-navy);background-image:none}
  .main-nav> .nav-entry> a{font-family:var(--display);font-size:22px;font-weight:480}
  .home-hero--photo .hero-bg img{object-position:66% center;filter:brightness(.96) saturate(.88)}
  .home-hero--photo .hero-bg-shade{background:
    linear-gradient(180deg,rgba(7,17,19,.70) 0%,rgba(7,17,19,.48) 45%,rgba(7,17,19,.76) 100%),
    linear-gradient(90deg,rgba(7,17,19,.30),transparent 88%)}
  .home-hero--photo .hero-grid{padding-bottom:48px}
  .home-hero--photo .hero-copy{padding-top:8px}
  .home-hero--photo .hero-index{margin-bottom:12px}
  .home-hero--photo .hero-copy .h-hero-accent{margin:9px 0 13px;width:40px}
  .home-hero--photo .hero-copy h1{max-width:12ch;margin-bottom:15px;
    font-size:clamp(38px,10.8vw,48px);line-height:.99}
  .home-hero--photo .hero-text{font-size:15px;line-height:1.48;max-width:34ch}
  .home-hero--photo .hero-actions{margin-top:18px;gap:8px}
  .home-hero--photo .hero-actions .button{min-height:48px}
  .hero-next{bottom:13px}
  .page-hero h1,.p-page-hero h1{font-size:clamp(40px,11.5vw,52px);line-height:1.01}
  .page-hero .hero-text,.p-page-hero .hero-text{font-size:15.5px}
  .section{padding-top:58px;padding-bottom:58px}
  .zg{left:8px;bottom:8px;width:calc(100vw - 16px);max-width:none}
  .zg-panel{padding:14px 14px calc(11px + env(safe-area-inset-bottom,0px));max-height:min(54vh,430px)}
  .zg-nad{margin-bottom:4px;font-size:8px}
  .zg-tyt{margin-bottom:5px;font-size:18px}
  .zg-opis{font-size:11.5px;line-height:1.42}
  .zg-akcje{margin-top:11px;gap:7px}
  .zg-akcje .zg-btn{flex:1 1 calc(50% - 4px);min-height:41px;padding:0 8px;font-size:10px}
  .zg-ustawienia{flex:1 1 100%;padding:7px 3px;font-size:9.5px}
  #czat{--czat-bok:14px;--czat-dol:calc(14px + var(--strama-baner-wys,0px))}
  #czat .czat-fab{width:46px;height:46px}
}
@media(max-width:390px){
  .home-hero--photo .hero-copy h1{font-size:37px}
  .home-hero--photo .hero-text{font-size:14px}
  .home-hero--photo .hero-actions .button{min-height:45px;font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){
  .button,.feature-media img,.h-imgtext-media img,.h-card-media img{transition:none}
}

